.sidebar{width:250px;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:1.5rem 1rem;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.sidebar-header h2{font-size:1.1rem;font-weight:600;color:var(--color-text-strong)}.sidebar-nav{flex:1;overflow-y:auto;padding:0}.sidebar-group{margin-bottom:.5rem}.sidebar-group-header{padding:.75rem 1rem .5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);background:#fbb9031a;border-bottom:1px solid var(--color-border)}.sidebar-list{list-style:none;padding:0;margin:0}.sidebar-item{margin:0}.sidebar-button{width:100%;padding:.75rem 1rem;border:none;background:transparent;text-align:left;cursor:pointer;font-size:.9rem;color:var(--color-text);transition:background .2s,color .2s,border-color .2s;border-left:3px solid transparent}.sidebar-button:hover{background:var(--color-hover);color:var(--color-text-strong)}.sidebar-button.active{background:#ee5c1f1f;color:var(--color-main);border-left-color:var(--color-main);font-weight:600}.sidebar-empty{padding:2rem 1rem;text-align:center;color:var(--color-text-muted);font-size:.9rem}.file-upload{border:2px dashed var(--color-border);border-radius:8px;padding:3rem;text-align:center;background:#fff;transition:all .3s;cursor:pointer}.file-upload:hover:not(.disabled){border-color:var(--color-main);background:#ee5c1f0a}.file-upload.drag-active{border-color:var(--color-main);background:var(--color-hover)}.file-upload.disabled{opacity:.6;cursor:not-allowed}.file-input{display:none}.file-upload-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.file-upload-icon{font-size:3rem}.file-upload-text{font-size:1.1rem;color:var(--color-text);font-weight:500}.file-upload-hint{font-size:.9rem;color:var(--color-text-muted)}.file-upload-button{background:linear-gradient(135deg,var(--color-main) 0%,var(--color-accent) 100%);color:#1a1a1a;border:none;padding:.75rem 2rem;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:.5rem}.file-upload-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.file-upload-button:disabled{opacity:.6;cursor:not-allowed}.results-view{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.results-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#ee5c1f08;border-bottom:1px solid var(--color-border)}.results-header h2{font-size:1.5rem;color:var(--color-text);margin:0}.download-button{background:linear-gradient(135deg,var(--color-main) 0%,var(--color-accent) 100%);color:#1a1a1a;border:none;padding:.75rem 1.5rem;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.download-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.results-tabs{display:flex;border-bottom:2px solid var(--color-border);background:#fff}.tab-button{flex:1;padding:1rem;border:none;background:transparent;cursor:pointer;font-size:.95rem;color:var(--color-text-muted);transition:all .2s;border-bottom:3px solid transparent}.tab-button:hover{background:var(--color-hover);color:var(--color-text)}.tab-button.active{color:var(--color-main);border-bottom-color:var(--color-main);font-weight:600}.results-content{padding:1.5rem;max-height:600px;overflow-y:auto}.table-container{overflow-x:auto}.results-table{width:100%;border-collapse:collapse;font-size:.9rem}.results-table thead{background:#f8f9fa;position:sticky;top:0;z-index:10}.results-table th{padding:.75rem;text-align:left;font-weight:600;color:var(--color-text);border-bottom:2px solid var(--color-border);white-space:nowrap}.results-table td{padding:.75rem;border-bottom:1px solid #f0f0f0;color:var(--color-text)}.results-table tbody tr:hover{background:var(--color-hover)}.empty-table{padding:3rem;text-align:center;color:var(--color-text-muted);font-size:1rem}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid var(--color-main);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}.loading-spinner-container p{color:var(--color-text-muted);font-size:1rem}.error-display{margin:1rem 0;padding:1rem;background:#ee5c1f14;border:1px solid rgba(238,92,31,.3);border-radius:4px;color:var(--color-main-dark)}.error-content{display:flex;align-items:flex-start;gap:1rem}.error-icon{font-size:1.5rem;flex-shrink:0}.error-message{flex:1}.error-message strong{display:block;margin-bottom:.5rem}.error-message p{margin:0;color:var(--color-main-dark)}.error-dismiss{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-muted);padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.error-dismiss:hover{color:var(--color-text)}.extract-integration-definitions{max-width:1200px;margin:0 auto}.function-header{margin-bottom:2rem}.function-header h1{font-size:2rem;color:var(--color-text);margin-bottom:.5rem}.function-description{color:var(--color-text-muted);font-size:1rem;line-height:1.6}.results-actions{margin-bottom:1rem}.reset-button{background:#6c757d;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.reset-button:hover{background:#5a6268}.base64-encoder{padding:20px;max-width:1200px;margin:0 auto}.base64-header{margin-bottom:30px}.base64-header h1{margin:0 0 10px;color:var(--color-text);font-size:28px}.base64-header p{margin:0;color:var(--color-text-muted);font-size:14px}.base64-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.base64-content{display:grid;grid-template-columns:1fr 1fr;gap:20px}.base64-textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-family:Courier New,monospace;font-size:14px;resize:vertical;min-height:200px}.base64-textarea:focus{outline:none;border-color:var(--color-main);box-shadow:0 0 0 2px var(--color-focus-ring)}@media(max-width:768px){.base64-content{grid-template-columns:1fr}.base64-controls{flex-direction:column;align-items:stretch}.mode-selector,.action-buttons{width:100%}.mode-button,.transform-button,.swap-button,.clear-button{flex:1}}.base64-file-encoder{padding:20px;max-width:1200px;margin:0 auto}.base64-file-encoder-header{margin-bottom:24px}.base64-file-encoder-header h1{margin:0 0 8px;font-size:28px;color:var(--color-text)}.base64-file-encoder-header p{margin:0;color:var(--color-text-muted);font-size:14px}.mode-selector{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.mode-button{padding:10px 16px;border:2px solid var(--color-main);background:#fff;color:var(--color-main);border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.mode-button:hover:not(.active){background:var(--color-hover)}.base64-file-encoder-panel{border:1px solid var(--color-border);border-radius:8px;padding:20px;background:#fff;box-shadow:0 2px 4px #0000000d}.file-upload-label{display:inline-block;margin-bottom:10px;font-weight:600;color:var(--color-text)}.file-upload-input{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;background:#f9f9f9;margin-bottom:16px}.file-info{background:#ee5c1f0d;border:1px solid rgba(238,92,31,.2);border-radius:6px;padding:12px;margin-bottom:16px;font-size:14px;color:var(--color-text);line-height:1.5}.action-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.primary-button,.secondary-button,.download-button,.copy-button{padding:10px 16px;border-radius:4px;border:none;cursor:pointer;font-size:14px;font-weight:500}.primary-button{background:var(--color-main);color:#fff}.primary-button:hover:not(:disabled){background:var(--color-main-dark)}.primary-button:disabled{opacity:.6;cursor:not-allowed}.secondary-button{background:#e5e5e5;color:var(--color-text)}.secondary-button:hover{background:#d6d6d6}.download-button{background:linear-gradient(135deg,var(--color-main) 0%,var(--color-accent) 100%);color:#1a1a1a}.download-button:hover:not(:disabled){background:linear-gradient(135deg,var(--color-main-dark) 0%,var(--color-accent) 100%)}.download-button:disabled{opacity:.6;cursor:not-allowed}.copy-button{background:#fff;color:var(--color-main);border:1px solid var(--color-main)}.copy-button:hover{background:var(--color-hover)}.result-section{margin-top:16px}.base64-textarea{width:100%;border:1px solid #ccc;border-radius:4px;padding:12px;font-family:Courier New,Courier,monospace;font-size:13px;resize:vertical}.base64-textarea:focus{border-color:var(--color-main);outline:none;box-shadow:0 0 0 2px var(--color-focus-ring)}.result-meta{margin-top:8px;font-size:12px;color:var(--color-text-muted);text-align:right}.result-actions{display:flex;gap:8px}.error-message{background:#ee5c1f26;border:1px solid rgba(238,92,31,.3);color:var(--color-main-dark);padding:12px;border-radius:4px;margin-bottom:20px}@media(max-width:768px){.mode-selector,.action-buttons{flex-direction:column}}.odata-url-encoder{padding:20px;max-width:1200px;margin:0 auto}.odata-url-encoder-header{margin-bottom:30px}.odata-url-encoder-header h1{margin:0 0 10px;color:var(--color-text);font-size:28px}.odata-url-encoder-header p{margin:0;color:var(--color-text-muted);font-size:14px}.odata-url-encoder-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.mode-selector{display:flex;gap:10px}.mode-button{padding:10px 20px;border:2px solid var(--color-main);background:#fff;color:var(--color-main);border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.mode-button:hover{background:#f0f0f0}.mode-button.active{background:var(--color-main);color:#fff}.transform-button,.swap-button,.clear-button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.transform-button{background:var(--color-main);color:#fff}.transform-button:hover{background:var(--color-main-dark)}.swap-button{background:#6c757d;color:#fff}.swap-button:hover:not(:disabled){background:#5a6268}.swap-button:disabled{opacity:.5;cursor:not-allowed}.odata-url-encoder-content{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.odata-url-encoder-textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-family:Courier New,monospace;font-size:14px;resize:vertical;min-height:200px}.odata-url-encoder-textarea:focus{outline:none;border-color:var(--color-main);box-shadow:0 0 0 2px var(--color-focus-ring)}.odata-url-encoder-info{margin-top:30px;padding:20px;background:#f8f9fa;border-radius:4px}.odata-url-encoder-info h3{margin:0 0 15px;color:var(--color-text);font-size:18px}.char-reference-table{width:100%;border-collapse:collapse;background:#fff;border-radius:4px;overflow:hidden}.char-reference-table thead{background:var(--color-main);color:#fff}.char-reference-table th,.char-reference-table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}.char-reference-table th{font-weight:600}.char-reference-table tbody tr:hover{background:#f8f9fa}.char-reference-table tbody tr:last-child td{border-bottom:none}.char-reference-table td:first-child{font-weight:600;font-family:Courier New,monospace;font-size:16px}.char-reference-table td:nth-child(2){font-family:Courier New,monospace;font-size:14px;color:var(--color-main);font-weight:600}.char-reference-table td:nth-child(3){font-size:14px;color:var(--color-text-muted)}@media(max-width:768px){.odata-url-encoder-content{grid-template-columns:1fr}.odata-url-encoder-controls{flex-direction:column;align-items:stretch}.mode-selector,.action-buttons{width:100%}.mode-button,.transform-button,.swap-button,.clear-button{flex:1}.char-reference-table{font-size:12px}.char-reference-table th,.char-reference-table td{padding:8px}}.saml-assertion-parser{padding:20px;max-width:1200px;margin:0 auto}.saml-parser-header{margin-bottom:30px}.saml-parser-header h1{margin:0 0 10px;color:var(--color-text);font-size:28px}.saml-parser-header p{margin:0;color:var(--color-text-muted);font-size:14px}.saml-parser-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.format-selector{display:flex;align-items:center;gap:10px}.format-selector label{font-weight:600;color:var(--color-text)}.format-select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff;cursor:pointer}.saml-input-section{margin-bottom:20px}.saml-input-section label{display:block;font-weight:600;margin-bottom:8px;color:var(--color-text)}.saml-textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-family:Courier New,monospace;font-size:13px;resize:vertical;min-height:150px}.saml-textarea:focus{outline:none;border-color:var(--color-main);box-shadow:0 0 0 2px var(--color-focus-ring)}.saml-results{margin-top:30px}.saml-results h2{margin:0 0 20px;color:var(--color-text);font-size:24px;border-bottom:2px solid var(--color-main);padding-bottom:10px}.info-section{background:#f8f9fa;border-radius:4px;padding:20px;margin-bottom:20px}.info-section h3{margin:0 0 15px;color:var(--color-main);font-size:18px;font-weight:600}.info-value{font-family:Courier New,monospace;color:var(--color-text);word-break:break-all}.info-row{display:flex;gap:10px;margin-bottom:10px;padding:8px;background:#fff;border-radius:4px}.info-row:last-child{margin-bottom:0}.info-label{font-weight:600;color:var(--color-text-muted);min-width:180px;flex-shrink:0}.info-value{flex:1;color:var(--color-text)}.attributes-table{width:100%;border-collapse:collapse;background:#fff;border-radius:4px;overflow:hidden}.attributes-table thead{background:var(--color-main);color:#fff}.attributes-table th,.attributes-table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}.attributes-table th{font-weight:600}.attributes-table tbody tr:hover{background:#f8f9fa}.attributes-table tbody tr:last-child td{border-bottom:none}.attr-name{font-weight:600;color:var(--color-main);font-family:Courier New,monospace}.attr-value{font-family:Courier New,monospace;word-break:break-all}@media(max-width:768px){.saml-parser-controls{flex-direction:column;align-items:stretch}.format-selector,.action-buttons,.format-select,.parse-button,.clear-button{width:100%}.info-row{flex-direction:column}.info-label{min-width:auto}.attributes-table{font-size:12px}.attributes-table th,.attributes-table td{padding:8px}}.csv-converter{padding:20px;max-width:1400px;margin:0 auto}.csv-converter-header{margin-bottom:30px}.csv-converter-header h1{margin:0 0 10px;color:var(--color-text);font-size:28px}.csv-converter-header p{margin:0;color:var(--color-text-muted);font-size:14px}.csv-converter-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.delimiter-selector{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.delimiter-selector label{font-weight:600;color:var(--color-text)}.delimiter-select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff;cursor:pointer}.delimiter-select:focus{outline:none;border-color:var(--color-main);box-shadow:0 0 0 2px var(--color-focus-ring)}.detected-delimiter{color:#28a745;font-size:14px;padding:4px 8px;background:#d4edda;border-radius:4px}.csv-input-section,.csv-output-section{margin-bottom:20px}.csv-input-section label,.csv-output-section label{display:block;font-weight:600;margin-bottom:8px;color:var(--color-text)}.output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.output-actions{display:flex;gap:10px}.copy-button,.download-button{padding:6px 12px;border:1px solid var(--color-main);background:#fff;color:var(--color-main);border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s}.csv-textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-family:Courier New,monospace;font-size:13px;resize:vertical;min-height:150px}.csv-textarea:focus{outline:none;border-color:var(--color-main);box-shadow:0 0 0 2px var(--color-focus-ring)}.preview-section{background:#f8f9fa;border-radius:4px;padding:20px;margin-bottom:20px}.preview-section h3{margin:0 0 15px;color:var(--color-text);font-size:18px}.stats{display:flex;gap:20px;margin-bottom:15px;font-size:14px;color:var(--color-text-muted)}.stats strong{color:var(--color-main)}.preview-table-container{overflow-x:auto;max-height:400px;overflow-y:auto;border:1px solid #ddd;border-radius:4px;background:#fff}.preview-table thead{position:sticky;top:0;background:var(--color-main);color:#fff;z-index:1}.preview-table th,.preview-table td{padding:8px 12px;text-align:left;border-bottom:1px solid #ddd;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.preview-table th{font-weight:600}.preview-table tbody tr:hover{background:#f8f9fa}.preview-table tbody tr:last-child td{border-bottom:none}@media(max-width:768px){.csv-converter-controls{flex-direction:column;align-items:stretch}.delimiter-selector,.action-buttons,.delimiter-select,.convert-button,.clear-button{width:100%}.output-header{flex-direction:column;align-items:stretch;gap:10px}.output-actions{width:100%}.copy-button,.download-button{flex:1}.preview-table{font-size:11px}.preview-table th,.preview-table td{padding:6px 8px}}.json-formatter{padding:20px;max-width:1400px;margin:0 auto}.json-formatter-header{margin-bottom:30px}.json-formatter-header h1{margin:0 0 10px;color:var(--color-text-strong);font-size:28px}.json-formatter-header p{margin:0;color:var(--color-text-muted);font-size:14px}.json-formatter-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.format-button,.minify-button,.validate-button,.clear-button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.minify-button{background:#ee5c1fd9;color:#fff}.minify-button:hover{background:var(--color-main-dark)}.validate-button{background:var(--color-accent);color:var(--color-text-strong)}.validate-button:hover{background:#f9a602}.validation-status.valid{background:#fbb90333;color:var(--color-text-strong)}.validation-status.invalid{background:#ee5c1f26;color:var(--color-main-dark)}.json-formatter-content{display:grid;grid-template-columns:1fr 1fr;gap:20px}.input-section label,.output-section label{font-weight:600;margin-bottom:8px;color:var(--color-text-strong);display:flex;justify-content:space-between;align-items:center}.json-textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-family:Courier New,monospace;font-size:13px;resize:vertical;min-height:300px}.json-textarea:focus{outline:none;border-color:var(--color-main);box-shadow:0 0 0 2px var(--color-hover)}.error-message{background:#ee5c1f26;color:var(--color-main-dark);padding:12px;border-radius:4px;margin-top:20px;border:1px solid rgba(238,92,31,.3)}@media(max-width:768px){.json-formatter-content{grid-template-columns:1fr}.json-formatter-controls{flex-direction:column;align-items:stretch}.action-buttons{width:100%}.format-button,.minify-button,.validate-button,.clear-button{flex:1}}.xml-formatter{padding:20px;max-width:1400px;margin:0 auto}.xml-formatter-header{margin-bottom:30px}.xml-formatter-header h1{margin:0 0 10px;color:var(--color-text);font-size:28px}.xml-formatter-header p{margin:0;color:var(--color-text-muted);font-size:14px}.xml-formatter-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.format-button,.validate-button,.clear-button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.format-button{background:var(--color-main);color:#fff}.format-button:hover{background:var(--color-main-dark)}.validate-button{background:#28a745;color:#fff}.validate-button:hover{background:#218838}.validation-status{padding:8px 16px;border-radius:4px;font-weight:600;font-size:14px}.validation-status.valid{background:#d4edda;color:#155724}.validation-status.invalid{background:#f8d7da;color:#721c24}.xml-formatter-content{display:grid;grid-template-columns:1fr 1fr;gap:20px}.xml-textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-family:Courier New,monospace;font-size:13px;resize:vertical;min-height:300px}.xml-textarea:focus{outline:none;border-color:var(--color-main);box-shadow:0 0 0 2px var(--color-focus-ring)}.input-info,.output-info{margin-top:8px;font-size:12px;color:var(--color-text-muted);text-align:right}.error-message{background:#f8d7da;color:#721c24;padding:12px;border-radius:4px;margin-top:20px;border:1px solid #f5c6cb}@media(max-width:768px){.xml-formatter-content{grid-template-columns:1fr}.xml-formatter-controls{flex-direction:column;align-items:stretch}.action-buttons{width:100%}.format-button,.validate-button,.clear-button{flex:1}}.odata-query-builder{padding:20px;max-width:1400px;margin:0 auto}.odata-query-builder-header{margin-bottom:30px}.odata-query-builder-header h1{margin:0 0 10px;color:var(--color-text);font-size:28px}.odata-query-builder-header p{margin:0;color:var(--color-text-muted);font-size:14px}.odata-query-builder-content{display:grid;grid-template-columns:1fr 1fr;gap:30px}.builder-section,.result-section{background:#f8f9fa;padding:20px;border-radius:4px}.builder-section h2,.result-section h2{margin:0 0 20px;color:var(--color-text);font-size:20px}.form-input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.build-button,.clear-button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.build-button{background:var(--color-main);color:#fff}.build-button:hover{background:var(--color-main-dark)}.query-output{margin-bottom:30px}.query-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:600}.query-textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-family:Courier New,monospace;font-size:13px;resize:vertical}.query-textarea:focus{outline:none;border-color:var(--color-main);box-shadow:0 0 0 2px var(--color-focus-ring)}.parse-section{margin-top:30px}.parse-section h3{margin:0 0 10px;color:var(--color-text);font-size:16px}.parsed-results{margin-top:15px;padding:15px;background:#fff;border-radius:4px;border:1px solid #ddd}.parsed-results h4{margin:0 0 10px;color:var(--color-text);font-size:14px}.parsed-results pre{margin:0;font-family:Courier New,monospace;font-size:12px;color:var(--color-text);overflow-x:auto}@media(max-width:768px){.odata-query-builder-content,.form-row{grid-template-columns:1fr}}.datetime-converter{padding:20px;max-width:1200px;margin:0 auto}.datetime-converter-header{margin-bottom:30px}.datetime-converter-header h1{margin:0 0 10px;color:var(--color-text);font-size:28px}.datetime-converter-header p{margin:0;color:var(--color-text-muted);font-size:14px}.datetime-converter-content{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.input-section,.output-section{background:#f8f9fa;padding:20px;border-radius:4px}.input-section h2,.output-section h2{margin:0 0 15px;color:var(--color-text);font-size:18px}.format-selector{margin-bottom:15px}.format-selector label{display:block;font-weight:600;margin-bottom:5px;color:var(--color-text);font-size:14px}.format-select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff}.format-select:focus{outline:none;border-color:var(--color-main);box-shadow:0 0 0 2px var(--color-focus-ring)}.custom-format-input{margin-bottom:15px}.custom-format-input label{display:block;font-weight:600;margin-bottom:5px;color:var(--color-text);font-size:14px}.format-input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.format-input:focus{outline:none;border-color:var(--color-main);box-shadow:0 0 0 2px var(--color-focus-ring)}.datetime-textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-family:Courier New,monospace;font-size:13px;resize:vertical}.datetime-textarea:focus{outline:none;border-color:var(--color-main);box-shadow:0 0 0 2px var(--color-focus-ring)}.datetime-converter-controls{margin-bottom:20px}.action-buttons{display:flex;gap:10px;flex-wrap:wrap}.convert-button,.now-button,.copy-button,.clear-button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.now-button{background:#28a745;color:#fff}.now-button:hover{background:#218838}.copy-button{background:#6c757d;color:#fff}.copy-button:hover{background:#5a6268}.format-help{background:#f8f9fa;padding:20px;border-radius:4px}.format-help h3{margin:0 0 15px;color:var(--color-text);font-size:16px}.format-help ul{margin:0;padding-left:20px}.format-help li{margin-bottom:8px;color:var(--color-text-muted)}@media(max-width:768px){.datetime-converter-content{grid-template-columns:1fr}.action-buttons{width:100%}.convert-button,.now-button,.copy-button,.clear-button{flex:1}}.jwt-parser{padding:20px;max-width:1200px;margin:0 auto}.jwt-parser-header{margin-bottom:30px}.jwt-parser-header h1{margin:0 0 10px;color:var(--color-text);font-size:28px}.jwt-parser-header p{margin:0;color:var(--color-text-muted);font-size:14px}.jwt-parser-input{margin-bottom:20px}.jwt-parser-input label{display:block;font-weight:600;margin-bottom:8px;color:var(--color-text)}.jwt-textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-family:Courier New,monospace;font-size:13px;resize:vertical;margin-bottom:10px}.jwt-textarea:focus{outline:none;border-color:var(--color-main);box-shadow:0 0 0 2px var(--color-focus-ring)}.jwt-results{display:flex;flex-direction:column;gap:20px}.jwt-section{background:#f8f9fa;padding:20px;border-radius:4px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-header h2{margin:0;color:var(--color-text);font-size:18px}.jwt-json{background:#282c34;color:#abb2bf;padding:15px;border-radius:4px;overflow-x:auto;font-family:Courier New,monospace;font-size:13px;line-height:1.5;margin:0}.token-info{margin-top:15px;padding-top:15px;border-top:1px solid #ddd}.info-row{display:flex;gap:10px;margin-bottom:8px}.info-label{font-weight:600;color:var(--color-text-muted);min-width:100px}.info-value{color:var(--color-text);font-family:Courier New,monospace}.signature-display{background:#282c34;color:#abb2bf;padding:15px;border-radius:4px;font-family:Courier New,monospace;font-size:12px;word-break:break-all;margin-bottom:10px}.signature-note{font-size:12px;color:var(--color-text-muted);font-style:italic}@media(max-width:768px){.action-buttons{width:100%}.parse-button,.clear-button{flex:1}}.url-parameter-extractor{padding:20px;max-width:1400px;margin:0 auto}.url-parameter-extractor-header{margin-bottom:30px}.url-parameter-extractor-header h1{margin:0 0 10px;color:var(--color-text);font-size:28px}.url-parameter-extractor-header p{margin:0;color:var(--color-text-muted);font-size:14px}.url-parameter-extractor-input{margin-bottom:20px}.url-parameter-extractor-input label{display:block;font-weight:600;margin-bottom:8px;color:var(--color-text)}.url-textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-family:Courier New,monospace;font-size:13px;resize:vertical;margin-bottom:10px}.url-textarea:focus{outline:none;border-color:var(--color-main);box-shadow:0 0 0 2px var(--color-focus-ring)}.extract-button,.clear-button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.extract-button{background:var(--color-main);color:#fff}.extract-button:hover{background:var(--color-main-dark)}.url-parameter-results{background:#f8f9fa;padding:20px;border-radius:4px}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.results-header h2{margin:0;color:var(--color-text);font-size:18px}.copy-button{background:none;border:1px solid var(--color-main);color:var(--color-main);padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s}.params-table{width:100%;border-collapse:collapse;background:#fff;border-radius:4px;overflow:hidden}.params-table thead{background:var(--color-main);color:#fff}.params-table th,.params-table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}.params-table th{font-weight:600}.params-table tbody tr:hover{background:#f8f9fa}.params-table tbody tr:last-child td{border-bottom:none}.param-key{font-weight:600;color:var(--color-main);font-family:Courier New,monospace}.param-value,.param-decoded{font-family:Courier New,monospace;font-size:13px;word-break:break-all;max-width:300px}.param-decoded{color:#28a745}.param-actions{white-space:nowrap}.copy-cell-button{background:none;border:1px solid #6c757d;color:#6c757d;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:11px;transition:all .2s}.copy-cell-button:hover{background:#6c757d;color:#fff}@media(max-width:768px){.action-buttons{width:100%}.extract-button,.clear-button{flex:1}.params-table{font-size:12px}.params-table th,.params-table td{padding:8px}.param-value,.param-decoded{max-width:150px}}.csv-to-json-converter{padding:20px;max-width:1400px;margin:0 auto}.csv-to-json-converter-header{margin-bottom:30px}.csv-to-json-converter-header h1{margin:0 0 10px;color:var(--color-text);font-size:28px}.csv-to-json-converter-header p{margin:0;color:var(--color-text-muted);font-size:14px}.csv-to-json-converter-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.options-group{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.option-item{display:flex;align-items:center;gap:8px}.option-item label{font-weight:600;color:var(--color-text);font-size:14px;display:flex;align-items:center;gap:8px}.option-select{padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.csv-to-json-converter-content{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.csv-textarea,.json-textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-family:Courier New,monospace;font-size:13px;resize:vertical}.csv-textarea:focus,.json-textarea:focus{outline:none;border-color:var(--color-main);box-shadow:0 0 0 2px var(--color-focus-ring)}.preview-json{background:#282c34;color:#abb2bf;padding:15px;border-radius:4px;overflow-x:auto;font-family:Courier New,monospace;font-size:12px;line-height:1.5;margin:0;max-height:300px;overflow-y:auto}@media(max-width:768px){.csv-to-json-converter-content{grid-template-columns:1fr}.csv-to-json-converter-controls{flex-direction:column;align-items:stretch}.options-group,.action-buttons{width:100%}.convert-button,.clear-button{flex:1}}.json-to-csv-converter{padding:20px;max-width:1400px;margin:0 auto}.json-to-csv-converter-header{margin-bottom:30px}.json-to-csv-converter-header h1{margin:0 0 10px;color:var(--color-text);font-size:28px}.json-to-csv-converter-header p{margin:0;color:var(--color-text-muted);font-size:14px}.json-to-csv-converter-controls{margin-bottom:20px}.convert-button,.clear-button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.convert-button{background:var(--color-main);color:#fff}.convert-button:hover{background:var(--color-main-dark)}.file-upload-section{margin-bottom:20px}.json-to-csv-converter-content{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.input-section,.output-section{display:flex;flex-direction:column}.input-section label,.output-section label{font-weight:600;margin-bottom:8px;color:var(--color-text);display:flex;justify-content:space-between;align-items:center}.copy-button,.download-button{background:none;border:1px solid var(--color-main);color:var(--color-main);padding:4px 12px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s}.copy-button:hover,.download-button:hover{background:var(--color-main);color:#fff}.json-textarea,.csv-textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-family:Courier New,monospace;font-size:13px;resize:vertical}.json-textarea:focus,.csv-textarea:focus{outline:none;border-color:var(--color-main);box-shadow:0 0 0 2px var(--color-focus-ring)}.preview-section{background:#f8f9fa;padding:20px;border-radius:4px}.preview-section h3{margin:0 0 15px;color:var(--color-text);font-size:16px}.preview-table-container{overflow-x:auto;border:1px solid #ddd;border-radius:4px;background:#fff}.preview-table{width:100%;border-collapse:collapse;font-size:13px}.preview-table td{padding:8px 12px;border-bottom:1px solid #ddd;white-space:nowrap}.preview-table tr:last-child td{border-bottom:none}.empty-cell{color:#999;font-style:italic}@media(max-width:768px){.json-to-csv-converter-content{grid-template-columns:1fr}.action-buttons{width:100%}.convert-button,.clear-button{flex:1}}.integration-field-mapper{padding:20px;max-width:1200px;margin:0 auto}.integration-field-mapper-header{margin-bottom:30px}.integration-field-mapper-header h1{margin:0 0 10px;color:var(--color-text);font-size:28px}.integration-field-mapper-header p{margin:0;color:var(--color-text-muted);font-size:14px}.mapper-form{background:#f8f9fa;padding:20px;border-radius:4px;margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr auto;gap:15px;align-items:end}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;margin-bottom:5px;color:var(--color-text);font-size:14px}.form-input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-input:focus{outline:none;border-color:var(--color-main);box-shadow:0 0 0 2px var(--color-focus-ring)}.add-button{padding:8px 20px;background:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;white-space:nowrap}.add-button:hover{background:#218838}.mappings-section{background:#f8f9fa;padding:20px;border-radius:4px}.mappings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.mappings-header h2{margin:0;color:var(--color-text);font-size:18px}.mappings-actions{display:flex;gap:10px}.export-button,.copy-button,.clear-button{padding:6px 12px;border:1px solid var(--color-main);background:#fff;color:var(--color-main);border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s}.export-button:hover,.copy-button:hover{background:var(--color-main);color:#fff}.clear-button{border-color:#dc3545;color:#dc3545}.clear-button:hover{background:#dc3545;color:#fff}.mappings-table{width:100%;border-collapse:collapse;background:#fff;border-radius:4px;overflow:hidden}.mappings-table thead{background:var(--color-main);color:#fff}.mappings-table th,.mappings-table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}.mappings-table th{font-weight:600}.mappings-table tbody tr:hover{background:#f8f9fa}.mappings-table tbody tr:last-child td{border-bottom:none}.source-field,.target-field{font-family:Courier New,monospace;font-weight:600}.source-field{color:var(--color-main)}.target-field{color:#28a745}.arrow{text-align:center;font-size:18px;color:var(--color-text-muted);font-weight:700}.mapping-actions{white-space:nowrap}.delete-button{background:none;border:1px solid #dc3545;color:#dc3545;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:11px;transition:all .2s}.delete-button:hover{background:#dc3545;color:#fff}.empty-state{background:#f8f9fa;padding:40px;border-radius:4px;text-align:center;color:var(--color-text-muted)}@media(max-width:768px){.form-row{grid-template-columns:1fr}.mappings-header{flex-direction:column;align-items:stretch}.mappings-actions{width:100%}.export-button,.copy-button,.clear-button{flex:1}.mappings-table{font-size:12px}.mappings-table th,.mappings-table td{padding:8px}}.odata-metadata-parser{padding:20px;max-width:1400px;margin:0 auto}.odata-metadata-parser-header{margin-bottom:30px}.odata-metadata-parser-header h1{margin:0 0 10px;color:var(--color-text);font-size:28px}.odata-metadata-parser-header p{margin:0;color:var(--color-text-muted);font-size:14px}.odata-metadata-parser-input{margin-bottom:20px}.file-upload-section{margin-bottom:15px}.file-upload-label{display:inline-block;padding:10px 20px;background:#28a745;color:#fff;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s}.file-upload-label:hover{background:#218838}.file-upload-input{display:none}.odata-metadata-parser-input label{display:block;font-weight:600;margin-bottom:8px;color:var(--color-text)}.metadata-textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-family:Courier New,monospace;font-size:13px;resize:vertical;margin-bottom:10px}.metadata-textarea:focus{outline:none;border-color:var(--color-main);box-shadow:0 0 0 2px var(--color-focus-ring)}.action-buttons{display:flex;gap:10px}.parse-button,.clear-button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.parse-button{background:var(--color-main);color:#fff}.parse-button:hover{background:var(--color-main-dark)}.error-message{background:#f8d7da;color:#721c24;padding:12px;border-radius:4px;margin-bottom:20px;border:1px solid #f5c6cb}.odata-metadata-results{display:flex;flex-direction:column;gap:30px}.results-section{background:#f8f9fa;padding:20px;border-radius:4px}.results-section h2{margin:0 0 20px;color:var(--color-text);font-size:20px}.results-table{width:100%;border-collapse:collapse;background:#fff;border-radius:4px;overflow:hidden}.results-table thead{background:var(--color-main);color:#fff}.results-table th,.results-table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}.results-table th{font-weight:600}.results-table tbody tr:hover{background:#f8f9fa}.results-table tbody tr:last-child td{border-bottom:none}.entity-name{font-weight:600;color:var(--color-main);font-family:Courier New,monospace}.entity-type{font-family:Courier New,monospace}.entity-type-card{background:#fff;padding:20px;border-radius:4px;margin-bottom:20px;border:1px solid #ddd}.entity-type-card:last-child{margin-bottom:0}.entity-type-card h3{margin:0 0 15px;color:var(--color-main);font-size:18px}.key-info{margin-bottom:15px;padding:10px;background:#fff3cd;border-radius:4px;font-family:Courier New,monospace}.properties-table{width:100%;border-collapse:collapse;margin-top:15px}.properties-table thead{background:#6c757d;color:#fff}.properties-table th,.properties-table td{padding:10px;text-align:left;border-bottom:1px solid #ddd}.properties-table th{font-weight:600;font-size:13px}.properties-table tbody tr:hover{background:#f8f9fa}.properties-table tbody tr:last-child td{border-bottom:none}.prop-name{font-weight:600;font-family:Courier New,monospace;color:var(--color-main)}.prop-type{font-family:Courier New,monospace;color:#28a745}.prop-nullable{text-align:center}.xml-preview{background:#282c34;color:#abb2bf;padding:15px;border-radius:4px;overflow-x:auto;font-family:Courier New,monospace;font-size:12px;line-height:1.5;margin-top:10px;max-height:400px;overflow-y:auto}details{margin-top:10px}details summary{cursor:pointer;padding:8px;background:#e9ecef;border-radius:4px;font-weight:600;color:var(--color-main);-webkit-user-select:none;user-select:none}details summary:hover{background:#dee2e6}@media(max-width:768px){.action-buttons{width:100%}.parse-button,.clear-button{flex:1}.results-table,.properties-table{font-size:12px}.results-table th,.results-table td,.properties-table th,.properties-table td{padding:8px}}.odata-filter-adjuster{padding:20px;max-width:1400px;margin:0 auto}.odata-filter-adjuster-header{margin-bottom:30px}.odata-filter-adjuster-header h1{margin:0 0 10px;color:var(--color-text);font-size:28px}.odata-filter-adjuster-header p{margin:0;color:var(--color-text-muted);font-size:14px}.odata-filter-adjuster-content{display:grid;grid-template-columns:1fr 1fr;gap:30px}.input-section,.result-section{background:#f8f9fa;padding:20px;border-radius:4px}.input-section h2,.result-section h2{margin:0 0 20px;color:var(--color-text);font-size:20px}.form-group{margin-bottom:15px}.form-group label{display:block;font-weight:600;margin-bottom:5px;color:var(--color-text);font-size:14px}.form-input,.form-textarea{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:Courier New,monospace;resize:vertical}.form-textarea{min-height:120px}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-main);box-shadow:0 0 0 2px var(--color-focus-ring)}.error-message{padding:10px;background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:4px;margin-bottom:15px;font-size:14px}.action-buttons{display:flex;gap:10px;margin-top:20px}.adjust-button,.clear-button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.adjust-button{background:var(--color-main);color:#fff}.adjust-button:hover{background:var(--color-main-dark)}.clear-button{background:#dc3545;color:#fff}.clear-button:hover{background:#c82333}.filter-output{margin-bottom:30px}.filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:600;color:var(--color-text)}.copy-button{background:none;border:1px solid var(--color-main);color:var(--color-main);padding:4px 12px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s}.copy-button:hover{background:var(--color-main);color:#fff}.filter-textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-family:Courier New,monospace;font-size:13px;resize:vertical;background:#fff}.filter-textarea:focus{outline:none;border-color:var(--color-main);box-shadow:0 0 0 2px var(--color-focus-ring)}.info-section{margin-top:20px;padding:15px;background:#fff;border-radius:4px;border:1px solid #ddd}.info-section h3{margin:0 0 10px;color:var(--color-text);font-size:16px}.info-section p{margin:0;color:var(--color-text-muted);font-size:14px;line-height:1.5}.info-section strong{color:var(--color-text)}@media(max-width:768px){.odata-filter-adjuster-content{grid-template-columns:1fr}}.main-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.main-header{background:linear-gradient(135deg,var(--color-main) 0%,var(--color-accent) 100%);color:#fff;padding:1rem 2rem;box-shadow:0 2px 4px #0000001a}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:100%}.header-content h1{font-size:1.5rem;font-weight:600}.header-user{display:flex;align-items:center;gap:1rem}.user-name{font-size:.9rem;opacity:.9}.logout-button{background:#fff3;border:1px solid rgba(255,255,255,.4);color:#fff;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .2s}.logout-button:hover{background:#ffffff59}.main-content{display:flex;flex:1;overflow:hidden}.main-panel{flex:1;padding:2rem;overflow-y:auto;background:var(--color-surface)}.main-layout-loading,.main-layout-auth{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,var(--color-main) 0%,var(--color-accent) 100%)}.auth-container{background:#fff;padding:3rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;text-align:center;max-width:400px}.auth-container h1{color:var(--color-text-strong);margin-bottom:1rem}.auth-container p{color:var(--color-text-muted);margin-bottom:2rem}.login-button{background:linear-gradient(135deg,var(--color-main) 0%,var(--color-accent) 100%);color:#1a1a1a;border:none;padding:.75rem 2rem;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.login-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.spinner{border:4px solid rgba(255,255,255,.4);border-top:4px solid #ffffff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-layout-loading p{color:#fff;font-size:1.1rem}*{margin:0;padding:0;box-sizing:border-box}:root{--color-main: #ee5c1f;--color-main-dark: #c94617;--color-accent: #fbb903;--color-text-strong: #1a1a1a;--color-text: #333333;--color-text-muted: #666666;--color-bg: #fafafa;--color-surface: #ffffff;--color-border: #e0e0e0;--color-hover: rgba(238, 92, 31, .1);--color-focus: rgba(251, 185, 3, .3);--color-focus-ring: rgba(238, 92, 31, .2)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);color:var(--color-text)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}