*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #4f46e5;--primary-glow: rgba(79, 70, 229, .08);--primary-hover: #4338ca;--success: #059669;--success-glow: rgba(5, 150, 105, .08);--success-hover: #047857;--danger: #e11d48;--bg-gradient: radial-gradient(at 0% 0%, #f8fafc 0px, transparent 50%), radial-gradient(at 50% 0%, #f1f5f9 0px, transparent 50%), radial-gradient(at 100% 0%, #e2e8f0 0px, transparent 50%);--text-main: #0f172a;--text-muted: #64748b;--glass-bg: rgba(255, 255, 255, .55);--glass-border: rgba(255, 255, 255, .5);--glass-shine: rgba(255, 255, 255, .9);--card-shadow: 0 8px 32px -4px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--inset-shadow: inset 0 1px 0 rgba(255, 255, 255, .5);--font-display: "Inter", system-ui, -apple-system, sans-serif;--font-sans: "Inter", system-ui, -apple-system, sans-serif}body{font-family:var(--font-sans);color:var(--text-main);background:var(--bg-gradient);min-height:100vh;overflow-x:hidden;position:relative}.glowing-orb{position:fixed;border-radius:50%;filter:blur(150px);z-index:-1;opacity:.22;mix-blend-mode:multiply;animation:float 40s infinite ease-in-out}.orb-1{width:600px;height:600px;background:radial-gradient(circle,#4f46e540,#93c5fd00 70%);top:-150px;left:-150px;animation-duration:45s}.orb-2{width:700px;height:700px;background:radial-gradient(circle,#0596692e,#d1fae500 70%);bottom:-200px;right:-100px;animation-duration:50s}.orb-3{width:500px;height:500px;background:radial-gradient(circle,#e11d481f,#fdf4f500 75%);top:25%;right:20%;animation-duration:35s;animation-delay:-10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.08)}66%{transform:translate(-20px,20px) scale(.95)}}.app-container{display:flex;height:100vh;width:100vw;padding:12px;gap:12px}.sidebar{width:290px;height:100%;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);background:#ffffff8c;border:1px solid rgba(0,0,0,.05);border-radius:16px;padding:24px;display:flex;flex-direction:column;box-shadow:var(--card-shadow),var(--inset-shadow);z-index:10;transition:width .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.sidebar.collapsed{width:76px;padding:24px 12px}.toggle-sidebar-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.toggle-sidebar-btn:hover{background:#0000000d;color:var(--text-main)}.sidebar.collapsed .toggle-sidebar-btn svg{transform:rotate(180deg)}.sidebar.collapsed .settings-panel{display:none!important}.sidebar.collapsed .sidebar-header{justify-content:center;margin-bottom:20px;gap:0}.sidebar.collapsed .menu-list li{justify-content:center;padding:10px 0;gap:0}.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:28px;transition:gap .3s ease}.logo-icon{background:var(--primary);color:#fff;width:32px;max-width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #4f46e540;flex-shrink:0;transition:opacity .3s ease,max-width .3s cubic-bezier(.4,0,.2,1),margin .3s ease,padding .3s ease}.sidebar.collapsed .logo-icon{opacity:0;max-width:0;margin:0;padding:0;overflow:hidden;pointer-events:none}.sidebar-header h2{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--text-main);letter-spacing:-.3px;flex-shrink:0;max-width:150px;transition:opacity .3s ease,max-width .3s cubic-bezier(.4,0,.2,1),margin .3s ease;white-space:nowrap}.sidebar.collapsed .sidebar-header h2{opacity:0;max-width:0;margin:0;overflow:hidden;pointer-events:none}.menu-section{margin-bottom:24px}.menu-section h3{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:1px;margin-bottom:12px;padding-left:4px;transition:opacity .3s ease,max-width .3s cubic-bezier(.4,0,.2,1),margin .3s ease;white-space:nowrap;max-width:140px;overflow:hidden}.sidebar.collapsed .menu-section h3{opacity:0;max-width:0;margin-top:0;margin-bottom:0;padding:0;overflow:hidden;pointer-events:none}.settings-panel h3{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:1px;margin-bottom:12px;padding-left:4px}.menu-list{list-style:none;display:flex;flex-direction:column;gap:8px}.menu-list li{padding:10px 14px;border-radius:8px;display:flex;align-items:center;gap:10px;cursor:pointer;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);background:transparent;border:1px solid transparent;color:var(--text-muted);font-size:13px}.menu-list li:hover:not(.disabled){background:#ffffff8c;color:var(--text-main)}.menu-list li.active{background:var(--primary);border-color:var(--primary);box-shadow:0 4px 12px #4f46e533,inset 0 1px #ffffff26;color:#fff;font-weight:600}.menu-list span.menu-text{transition:opacity .3s ease,max-width .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;max-width:140px;overflow:hidden;display:inline-block;vertical-align:middle}.sidebar.collapsed .menu-list span.menu-text{opacity:0;max-width:0;overflow:hidden;pointer-events:none}.menu-list li.disabled{opacity:.45;cursor:not-allowed;color:#94a3b8}.lock-icon{margin-left:auto;font-size:10px;transition:opacity .3s ease,max-width .3s cubic-bezier(.4,0,.2,1),margin .3s ease;max-width:20px;overflow:hidden;display:inline-flex;align-items:center;flex-shrink:0}.sidebar.collapsed .lock-icon{opacity:0;max-width:0;margin:0;padding:0;pointer-events:none}.settings-panel{flex-grow:1;display:flex;flex-direction:column;gap:16px;border-top:1px solid rgba(0,0,0,.06);padding-top:20px;overflow-y:auto}.settings-group{display:flex;flex-direction:column;gap:6px}.settings-group label{font-size:12px;font-weight:600;color:var(--text-muted)}.settings-group input[type=text],.settings-group select{padding:10px 14px;border-radius:10px;background:#ffffffbf;border:1px solid rgba(0,0,0,.08);font-family:var(--font-sans);font-size:13px;color:var(--text-main);outline:none;transition:all .2s;box-shadow:inset 0 1px 2px #00000005}.settings-group input[type=text]:focus,.settings-group select:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px var(--primary-glow)}.settings-group input[type=month]{padding:10px 14px;border-radius:10px;background:#ffffffbf;border:1px solid rgba(0,0,0,.08);font-family:var(--font-sans);font-size:13px;color:var(--text-main);outline:none}.label-with-value{display:flex;justify-content:space-between;align-items:center}.badge{font-size:11px;font-weight:700;padding:2px 6px;border-radius:6px;background:var(--primary-glow);color:var(--primary)}input[type=range]{-webkit-appearance:none;width:100%;height:6px;background:#0000000f;border-radius:3px;outline:none;margin:10px 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 2px 6px #2563eb4d;transition:transform .1s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.25)}.sidebar-footer{position:fixed;bottom:92px;right:24px;z-index:1000;display:flex;align-items:center;gap:12px;font-size:11px;color:var(--text-muted);pointer-events:none;-webkit-user-select:none;user-select:none;font-weight:500;text-shadow:0 1px 1px rgba(255,255,255,.8);transition:opacity .2s ease}.status-indicator{display:flex;align-items:center;gap:6px}.status-indicator:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%}.status-indicator.online:before{background:var(--success);box-shadow:0 0 6px var(--success)}.workspace{flex-grow:1;height:100%;display:flex;flex-direction:column;gap:12px;overflow:hidden}.tab-bar-container{display:flex;align-items:center;height:48px;padding:4px;gap:6px;background:#ffffff59;border:1px solid rgba(0,0,0,.04);border-radius:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.tab-bar{display:flex;align-items:center;gap:4px;overflow-x:auto;flex-grow:1;scrollbar-width:none}.tab-bar::-webkit-scrollbar{display:none}.tab{display:flex;align-items:center;gap:8px;padding:8px 14px;background:transparent;border:1px solid transparent;border-radius:8px;font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;position:relative;transition:all .2s ease;min-width:120px;max-width:180px;height:38px}.tab:hover{background:#ffffff73;color:var(--text-main)}.tab.active{background:#fff;color:var(--primary);font-weight:600;box-shadow:0 2px 8px #0000000a,0 1px 2px #00000003;border:1px solid rgba(0,0,0,.02)}.tab-close-btn{background:transparent;border:none;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:auto;color:var(--text-muted);cursor:pointer;font-size:8px;transition:background .15s,color .15s}.tab-close-btn:hover{background:#0000000d;color:var(--danger)}.clear-all-btn{background:#ffffff80;border:1px solid rgba(255,255,255,.6);border-radius:8px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;transition:all .2s;flex-shrink:0}.clear-all-btn:hover{background:#fff1f2;color:var(--danger);border-color:#e11d4833;transform:scale(1.05);box-shadow:0 2px 8px #e11d4814}.inline-add-tab-btn{background:#ffffff73;border:1px dashed rgba(0,0,0,.08);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;transition:all .2s;flex-shrink:0;margin-left:4px}.inline-add-tab-btn:hover{background:#fff;color:var(--primary);border-style:solid;border-color:var(--primary);transform:scale(1.05);box-shadow:0 2px 8px #0000000a}.workspace-body{flex-grow:1;display:flex;gap:12px;overflow:hidden}.form-side{flex:1;height:100%;overflow-y:auto;padding-right:4px}.preview-side{width:45%;height:100%;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:24px!important}.preview-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:12px;flex-shrink:0}.preview-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-main)}.preview-title svg{color:var(--primary)}.preview-iframe-wrapper{flex-grow:1;width:100%;border-radius:8px;overflow:hidden;border:1px solid rgba(0,0,0,.05);background:#fff;position:relative}#preview-iframe{width:100%;height:100%;border:none;background:#fff}.glass-card{-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);background:#ffffffa6;border:1px solid rgba(0,0,0,.05);border-radius:16px;padding:32px;box-shadow:var(--card-shadow),var(--inset-shadow);display:flex;flex-direction:column;gap:24px}.form-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:24px}.company-block{width:45%}.company-label{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px}.company-block h4{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--text-main);line-height:1.3;margin-top:4px}.company-block p{font-size:11px;color:var(--text-muted);margin-top:2px}.national-block{width:50%;text-align:center}.national-block h4{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--text-main)}.national-block h5{font-size:12px;font-weight:600;color:var(--text-main);margin-top:2px}.decor-line{width:100px;height:1.5px;background:#000;margin:8px auto 0}.form-title-row{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.form-title-row h1{font-family:var(--font-display);font-size:26px;font-weight:800;letter-spacing:-.5px;color:var(--text-main)}.doc-number-badge{background:#fffc;border:1px solid rgba(0,0,0,.04);padding:6px 12px;border-radius:8px;display:flex;align-items:center;gap:6px;box-shadow:0 1px 3px #00000003}.doc-number-badge span{font-size:12px;color:var(--text-muted);font-weight:500}.doc-number-input{font-size:13px;color:var(--primary);font-weight:600;font-family:var(--font-sans);background:#ffffff80;border:1px solid rgba(0,0,0,.04);border-radius:6px;padding:4px 8px;width:210px;outline:none;transition:all .2s;text-align:center}.doc-number-input:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.document-form{display:flex;flex-direction:column;gap:24px;width:100%}.form-section{display:flex;flex-direction:column;gap:16px}.section-header{display:flex;align-items:center;gap:10px;border-bottom:1.5px solid rgba(0,0,0,.04);padding-bottom:8px}.section-header .number{background:var(--primary-glow);color:var(--primary);width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.section-header h3{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text-main)}.section-header .btn{margin-left:auto}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-3{grid-template-columns:repeat(3,1fr)}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:12px;font-weight:500;color:var(--text-muted)}.required{color:var(--danger)}.form-group input[type=text],.form-group input[type=date],.form-group textarea{width:100%;padding:10px 14px;border-radius:8px;background:#ffffffa6;border:1px solid rgba(0,0,0,.06);font-family:var(--font-sans);font-size:13px;color:var(--text-main);outline:none;transition:all .2s ease}.form-group input[type=text]:focus,.form-group input[type=date]:focus,.form-group textarea:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px var(--primary-glow)}.input-with-suffix{position:relative;display:flex;align-items:center}.input-with-suffix input{padding-right:50px!important}.input-with-suffix .suffix{position:absolute;right:14px;font-size:11px;font-weight:600;color:var(--text-muted);pointer-events:none}.table-container{overflow-x:auto;border-radius:14px;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 20px -8px #646e8c0d}.form-table{width:100%;border-collapse:collapse;text-align:left;background:#fff6}.form-table th,.form-table td{padding:10px 14px;font-size:13px;border-bottom:1px solid rgba(0,0,0,.04)}.form-table th{background:#00000005;font-size:11px;text-transform:uppercase;letter-spacing:.5px;font-weight:600;color:var(--text-muted)}.form-table td input[type=text]{width:100%;padding:6px 10px;border-radius:6px;background:#fff9;border:1px solid rgba(0,0,0,.05);font-size:13px;outline:none;transition:all .2s}.form-table td input[type=text]:focus{border-color:var(--primary);background:#fff}.form-table td .btn-delete-row{background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:color .15s;display:flex;align-items:center;justify-content:center}.form-table td .btn-delete-row:hover{color:var(--danger)}.attachment-zone{display:flex;flex-direction:column;gap:12px}.drop-zone{border:1px dashed rgba(0,0,0,.08);background:#ffffff4d;border-radius:12px;padding:24px;text-align:center;cursor:pointer;transition:all .2s ease;display:flex;justify-content:center;align-items:center}.drop-zone:hover,.drop-zone.dragover{border-color:var(--primary);background:#ffffffa6}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:6px}.drop-zone-content svg{color:var(--primary);opacity:.7;margin-bottom:2px}.drop-zone-content p{font-size:13px;color:var(--text-main);font-weight:500}.drop-zone-content p span{color:var(--primary);text-decoration:underline}.upload-tip{font-size:11px;color:var(--text-muted)}.attachment-preview-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px}.preview-card{position:relative;background:var(--glass-shine);border:1px solid rgba(0,0,0,.05);border-radius:12px;padding:6px;box-shadow:0 4px 12px #00000008;display:flex;flex-direction:column;gap:6px;transition:transform .2s}.preview-card:hover{transform:translateY(-2px)}.preview-thumbnail{width:100%;height:90px;border-radius:8px;object-fit:cover;background:#eee}.preview-info{display:flex;flex-direction:column}.preview-name{font-size:10px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-main)}.preview-size{font-size:9px;color:var(--text-muted)}.btn-remove-attachment{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:var(--danger);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:9px;box-shadow:0 2px 6px #ef444466;transition:transform .1s}.btn-remove-attachment:hover{transform:scale(1.15)}.action-footer{-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--card-shadow),var(--inset-shadow);z-index:10;transition:padding .3s ease}@media (min-width: 1201px){.action-footer{padding-right:24px}}.btn-group{display:flex;gap:8px;flex-shrink:0}.right-actions{display:flex;gap:12px;align-items:center;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;font-family:var(--font-sans);border-radius:8px;border:1px solid transparent;cursor:pointer;transition:all .15s ease;outline:none}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 1px 2px #0000000a}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-primary.btn-alt{background:transparent;color:var(--primary);border-color:#4f46e533}.btn-primary.btn-alt:hover{background:#4f46e50a}.btn-success{background:var(--success);color:#fff;box-shadow:0 1px 2px #0000000a}.btn-success:hover{background:var(--success-hover);transform:translateY(-1px)}.btn-success.btn-alt{background:transparent;color:var(--success);border-color:#05966933}.btn-success.btn-alt:hover{background:#0596690a}.btn-secondary{background:#fff;color:var(--text-main);border-color:#0000000d;box-shadow:0 1px 2px #00000005}.btn-secondary:hover{background:#fffc;border-color:#00000014;transform:translateY(-1px)}.btn-small{padding:6px 10px;font-size:11px;border-radius:6px}.toast{position:fixed;bottom:50px;left:50%;transform:translate(-50%,20px);background:#212121f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:8px 20px;border-radius:24px;box-shadow:0 4px 16px #0000001f;font-size:12px;font-weight:500;display:flex;align-items:center;gap:8px;z-index:10000;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s cubic-bezier(.4,0,.2,1)}.toast.show{opacity:1;transform:translate(-50%);pointer-events:auto}.toast.error{background:#ef4444f2;box-shadow:0 4px 16px #ef444433}.toast.success{background:#10b981f2;box-shadow:0 4px 16px #10b98133}.preview-card.add-card{border:1px dashed rgba(0,0,0,.15);background:#ffffff40;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;height:124px;box-sizing:border-box;transition:all .2s ease}.preview-card.add-card:hover,.preview-card.add-card.dragover{border-color:var(--primary);background:#ffffffa6}.add-card-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--text-muted)}.add-card-content svg{color:var(--primary);opacity:.8}.add-card-content span{font-size:11px;font-weight:600}.workspace-body::-webkit-scrollbar{width:6px}.workspace-body::-webkit-scrollbar-track{background:transparent}.workspace-body::-webkit-scrollbar-thumb{background:#0000000f;border-radius:3px}.workspace-body::-webkit-scrollbar-thumb:hover{background:#00000026}@media (max-width: 1200px){.app-container{flex-direction:column;height:auto;overflow-y:auto}.sidebar{width:100%;height:auto}.workspace{height:auto}.action-footer{position:sticky;bottom:12px}.sidebar-footer{position:static;margin:20px auto 0;width:fit-content;box-shadow:none;border-top:1px solid rgba(0,0,0,.06);border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:12px 0 0;justify-content:center}}.workspace-body .glass-card{padding:16px;gap:16px;border-radius:12px}body{font-size:13.5px}h1{font-size:20px!important}.company-block h4{font-size:11px}.company-block p{font-size:10px}.form-group label{font-size:11.5px;margin-bottom:4px}.form-group input,.form-group textarea,.form-group select{padding:8px 12px;font-size:13px;border-radius:8px}.form-table th,.form-table td{padding:6px 10px;font-size:13px}.form-table input{padding:4px 8px;font-size:13px}.form-header{padding-bottom:12px}.form-title-row{margin-top:12px;margin-bottom:16px}.form-section{gap:12px;margin-bottom:16px}.section-header{margin-bottom:10px}.section-header h3{font-size:14px}.drop-zone{padding:16px;min-height:80px}.drop-zone svg{width:24px;height:24px}.drop-zone p{font-size:12px;margin:4px 0}.drop-zone-content{gap:4px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000040;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{width:90%;max-width:550px;max-height:90vh;overflow-y:auto;background:#ffffffd9;border:1px solid rgba(255,255,255,.4);box-shadow:0 20px 40px #0000001a;animation:scaleIn .2s cubic-bezier(.34,1.56,.64,1);padding:24px!important}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:12px;margin-bottom:16px}.modal-header h3{font-family:var(--font-display);font-size:16px;font-weight:600;margin:0;color:var(--text-main)}.btn-close-modal{background:transparent;border:none;font-size:18px;cursor:pointer;color:var(--text-muted);transition:color .2s;padding:4px}.btn-close-modal:hover{color:var(--text-main)}.modal-body{padding:0;margin-bottom:16px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid rgba(0,0,0,.05);padding-top:16px}.settings-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.col-span-2{grid-column:span 2}.settings-section{margin-bottom:20px}.settings-section-title{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;text-transform:uppercase;color:var(--primary);margin-top:0;margin-bottom:14px;border-bottom:1px dashed rgba(0,0,0,.08);padding-bottom:6px;letter-spacing:.5px}.settings-section-title svg{opacity:.8;color:var(--primary)}.settings-divider{border:0;height:1px;background:#0000000f;margin:20px 0}.checkbox-group{margin-top:6px;padding:4px 0}.checkbox-container{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px}.checkbox-container input[type=checkbox]{width:17px;height:17px;accent-color:var(--primary);cursor:pointer;margin:0;border-radius:4px}.checkbox-label{color:var(--text-main);font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.tab-bar-actions{display:flex;align-items:center;gap:8px;padding-right:12px}.icon-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.icon-btn:hover{background:#0000000d;color:var(--text-main)}.config-btn:hover svg{transform:rotate(45deg)}.config-btn svg{transition:transform .3s ease}.preview-actions{display:flex;align-items:center;gap:8px}.preview-zoom-select{padding:4px 8px;font-size:12px;border-radius:6px;border:1px solid rgba(0,0,0,.1);background:#ffffffd9;cursor:pointer;outline:none;font-family:inherit;color:var(--text-main);transition:all .2s}.preview-zoom-select:hover{border-color:var(--primary)}.preview-iframe-wrapper{overflow:auto;width:100%;height:100%;background:#f8fafc;border-radius:8px;border:1px solid rgba(0,0,0,.03)}#preview-iframe{width:100%;height:100%;border:none;display:block}.autocomplete-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:8px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 12px #0000001a;margin-top:4px}.autocomplete-suggestion{padding:10px 14px;cursor:pointer;font-size:13px;color:var(--text-main);transition:background .15s}.autocomplete-suggestion:hover{background:var(--primary-glow);color:var(--primary);font-weight:500}.autocomplete-suggestion .sub-info{font-size:11px;color:var(--text-muted);margin-top:2px}.menu-list li:not(.active) svg{color:var(--text-muted)}.menu-list li.active svg{color:#fff}.menu-list li.disabled{pointer-events:none}.menu-list li.disabled .lock-icon{display:inline-flex}.connection-indicator{margin-top:auto;padding:12px 0 0;border-top:1px solid rgba(0,0,0,.05);display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--text-muted);width:100%}.connection-indicator .indicator-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;transition:all .3s ease}.connection-indicator.online .indicator-dot{background-color:#2ecc71;box-shadow:0 0 8px #2ecc7199}.connection-indicator.offline .indicator-dot{background-color:#e74c3c;box-shadow:0 0 8px #e74c3c99}.connection-indicator .indicator-text{flex-grow:1;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connection-indicator .indicator-action{background:var(--primary-glow);border:1px solid rgba(79,70,229,.2);color:var(--primary);padding:4px 8px;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:600;transition:all .2s ease;outline:none}.connection-indicator .indicator-action:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.sidebar.collapsed .connection-indicator .indicator-text,.sidebar.collapsed .connection-indicator .indicator-action{display:none}.sidebar.collapsed .connection-indicator{justify-content:center;padding:12px 0;border-top:1px solid rgba(0,0,0,.05)}.preview-side.collapsed{display:none!important}.icon-btn.active-preview{color:var(--primary);background:#4f46e514}.icon-btn.active-preview:hover{background:#4f46e526}.btn-close-preview{background:transparent;border:none;width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;font-size:14px;transition:all .2s ease;margin-left:4px;flex-shrink:0}.btn-close-preview:hover{background:#ef44441a;color:var(--danger)}.preview-auto-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;margin-right:8px;padding:4px 8px;background:#00000005;border-radius:6px;border:1px solid rgba(0,0,0,.03);transition:all .2s ease}.preview-auto-toggle:hover{background:#0000000a;color:var(--text-main)}.preview-auto-toggle input[type=checkbox]{cursor:pointer;accent-color:var(--primary)}