:root{--midnight: #0a1628;--deep-blue: #1a2744;--ocean: #2d4a7c;--accent: #f59e0b;--accent-light: #fbbf24;--accent-glow: rgba(245, 158, 11, .3);--white: #ffffff;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-400: #94a3b8;--gray-600: #475569;--success: #10b981;--danger: #ef4444;--bg-body: #0a1628;--bg-surface: rgba(26, 39, 68, .5);--bg-input: rgba(255, 255, 255, .05);--border-subtle: rgba(255, 255, 255, .05);--border-default: rgba(255, 255, 255, .1);--border-medium: rgba(255, 255, 255, .2);--text-primary: #ffffff;--text-secondary: #e2e8f0;--text-muted: #94a3b8;--overlay-light: rgba(255, 255, 255, .05);--overlay-medium: rgba(255, 255, 255, .08);--shadow-color: rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-body);color:var(--text-primary);line-height:1.6;min-height:100vh}.login-back-btn{background:none;border:none;color:var(--text-muted);font-size:.85rem;cursor:pointer;padding:.25rem 0;text-align:center;font-family:inherit;transition:color .15s}.login-back-btn:hover{color:var(--text-primary)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.login-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:16px;padding:2.5rem 2rem;width:100%;max-width:380px;display:flex;flex-direction:column;gap:1rem}.login-logo{text-align:center;font-size:2.5rem;color:var(--accent)}.login-card h1{text-align:center;font-size:1.4rem;font-weight:700;color:var(--text-primary);margin:0}.login-subtitle{text-align:center;font-size:.82rem;color:var(--accent);font-weight:600;margin-top:-.5rem}.login-error{background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#f87171;font-size:.82rem;padding:.6rem .85rem;border-radius:8px}.login-label{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;font-weight:600;color:var(--text-muted)}.login-input{background:var(--bg-input);border:1px solid var(--border-default);color:var(--text-primary);padding:.6rem .85rem;border-radius:8px;font-family:inherit;font-size:.88rem;transition:border-color .2s}.login-input::placeholder{color:var(--gray-600)}.login-input:focus{outline:none;border-color:var(--accent)}.login-btn{background:var(--accent);color:var(--midnight);border:none;padding:.7rem;border-radius:8px;font-family:inherit;font-size:.9rem;font-weight:700;cursor:pointer;margin-top:.5rem;transition:opacity .2s}.login-btn:hover:not(:disabled){opacity:.85}.login-btn:disabled{opacity:.6;cursor:not-allowed}.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--border-default);padding-bottom:0}.tab-btn{background:none;border:none;padding:.625rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:500;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}.tab-btn:hover{color:var(--text-secondary)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.edit-panel{position:fixed;top:0;right:0;width:var(--panel-width, 480px);height:100vh;background:#1a2744;border-left:1px solid var(--border-default);z-index:9001;display:flex;flex-direction:column;overflow:hidden;box-shadow:-6px 0 40px var(--shadow-color);visibility:hidden;clip-path:inset(0 0 0 100%);transition:clip-path .35s cubic-bezier(.4,0,.2,1),visibility 0s linear .35s}.edit-panel.open{visibility:visible;clip-path:inset(0 0 0 0);transition:clip-path .35s cubic-bezier(.4,0,.2,1),visibility 0s linear}.edit-panel-header{display:flex;align-items:center;justify-content:space-between;padding:1.125rem 1.5rem;border-bottom:1px solid var(--border-default);flex-shrink:0}.edit-panel-title{font-size:1.05rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(var(--panel-width, 480px) - 5rem)}.edit-panel-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;padding:.35rem .5rem;border-radius:6px;transition:background .2s,color .2s;line-height:1;flex-shrink:0}.edit-panel-close:hover{background:var(--overlay-light);color:var(--text-primary)}.edit-panel-body{flex:1;overflow-y:auto;padding:1.5rem}.edit-panel-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem;border-top:1px solid var(--border-default);flex-shrink:0;background:#1a2744}.row-editing{background:#f59e0b12!important;box-shadow:inset 3px 0 0 var(--accent)}.ep-field{margin-bottom:1.25rem}.ep-label{display:block;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem}.ep-input{display:block;width:100%;background:var(--deep-blue);border:1px solid var(--border-medium);color:var(--text-primary);padding:.5rem .75rem;border-radius:8px;font-family:inherit;font-size:.875rem;transition:border-color .2s;box-sizing:border-box}.ep-input:focus{outline:none;border-color:var(--accent)}.ep-textarea{resize:vertical;min-height:80px}.ep-select option{background:var(--deep-blue);color:var(--text-primary)}.ep-checkbox-row{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--text-secondary)}.ep-checkbox-row input[type=checkbox]{width:auto;accent-color:var(--accent);cursor:pointer}.ep-logo-preview-wrap{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;background:#ffffffe6;border-radius:8px;margin-top:.5rem}.ep-logo-preview{height:40px;width:auto;max-width:140px;object-fit:contain}.ep-logo-preview-label{font-size:.78rem;color:#666}.ep-divider{height:1px;background:var(--border-subtle);margin:1.25rem 0}.ep-section-title{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem}.ep-mode-toggle{display:inline-flex;align-items:center;padding:.3rem .6rem;border-radius:6px;border:1px solid var(--border-medium);background:var(--overlay-light);color:var(--text-muted);font-size:.78rem;font-family:inherit;cursor:pointer;transition:all .2s;margin-top:.4rem}.ep-mode-toggle.active{background:var(--accent);color:var(--midnight);border-color:var(--accent);font-weight:600}.ep-fx-badge{display:inline-block;padding:.2rem .5rem;background:rgba(var(--accent-rgb, 99, 210, 145),.15);color:var(--accent);border-radius:4px;font-size:.78rem;font-weight:600;margin-bottom:.4rem}.ep-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}.ep-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-default);margin-bottom:1.25rem;margin-top:-.25rem}.ep-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:.83rem;font-weight:500;padding:.5rem 1rem;margin-bottom:-1px;transition:color .2s,border-color .2s}.ep-tab:hover{color:var(--text-primary)}.ep-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.ep-detail-section{margin-bottom:1.5rem}.ep-detail-section h4{font-size:.82rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;display:flex;align-items:center;gap:.4rem}.ep-detail-section dl{display:grid;grid-template-columns:auto 1fr;gap:.3rem 1rem}.ep-detail-section dt{font-size:.8rem;color:var(--text-muted);white-space:nowrap}.ep-detail-section dd{font-size:.85rem;color:var(--text-primary);word-break:break-word}.ep-status-transition{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--overlay-light);border-radius:8px;margin-bottom:1rem}.ep-status-arrow{color:var(--text-muted);font-size:.85rem}.ep-notes-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.ep-note-item{background:var(--overlay-light);border:1px solid var(--border-subtle);border-radius:8px;padding:.75rem}.ep-note-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.ep-note-author{font-size:.78rem;font-weight:600;color:var(--text-muted)}.ep-note-date{font-size:.75rem;color:var(--text-muted)}.ep-note-text{font-size:.875rem;color:var(--text-primary);white-space:pre-wrap;word-break:break-word}.ep-note-footer{display:flex;justify-content:flex-end;margin-top:.4rem}.ep-note-delete{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.78rem;padding:.15rem .35rem;border-radius:4px;transition:color .2s,background .2s}.ep-note-delete:hover{color:#fca5a5;background:#ef44441a}.ep-notes-input-row{display:flex;gap:.5rem;align-items:flex-end}.ep-notes-input-row .ep-input{flex:1;resize:none;min-height:60px}.ep-notes-send{background:var(--accent);color:var(--midnight);border:none;border-radius:8px;padding:.5rem .75rem;cursor:pointer;font-size:.9rem;transition:opacity .2s;flex-shrink:0;align-self:flex-end}.ep-notes-send:disabled{opacity:.4;cursor:not-allowed}.ep-notes-empty{text-align:center;color:var(--text-muted);padding:1.5rem 0;font-size:.875rem}.ep-history-timeline{display:flex;flex-direction:column;gap:.75rem}.ep-history-entry{display:flex;gap:.75rem;align-items:flex-start}.ep-history-dot{width:8px;height:8px;border-radius:50%;background:var(--border-medium);flex-shrink:0;margin-top:.4rem}.ep-history-content{flex:1}.ep-history-header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.25rem}.ep-history-date{font-size:.75rem;color:var(--text-muted);margin-left:auto}.ep-history-meta{font-size:.78rem;color:var(--text-muted)}.ep-history-comment{margin-top:.25rem;font-size:.83rem;color:var(--text-secondary);font-style:italic}.ep-files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.ep-file-group{display:flex;flex-direction:column;gap:.35rem}.ep-file-label{font-size:.75rem;color:var(--text-muted);font-weight:500}.ep-file-previews{display:flex;flex-wrap:wrap;gap:.35rem}.providers-tab{padding:1rem 0}.tab-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.tab-toolbar h2{font-size:1.25rem;font-weight:600}.toolbar-right{display:flex;align-items:center;gap:.75rem}.search-input{background:var(--deep-blue);border:1px solid var(--border-default);color:var(--text-primary);padding:.45rem .75rem;border-radius:8px;font-family:inherit;font-size:.85rem;width:220px;transition:border-color .2s}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{outline:none;border-color:var(--accent)}.btn-primary{background:var(--accent);color:var(--midnight);border:none;padding:.5rem 1rem;border-radius:8px;font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary:hover{background:var(--accent-light)}.error-msg{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:.625rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.85rem}.loading-text{color:var(--text-muted);padding:2rem 0;text-align:center}.table-wrap{overflow-x:auto;border:1px solid var(--border-default);border-radius:12px;background:var(--bg-surface)}table{width:100%;border-collapse:collapse}thead th{text-align:left;padding:.75rem 1rem;font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-default)}tbody td{padding:.625rem 1rem;font-size:.875rem;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle)}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--overlay-light)}.actions{display:flex;gap:.5rem}.btn-edit,.btn-save,.btn-cancel,.btn-delete{border:none;padding:.3rem .7rem;border-radius:6px;font-family:inherit;font-size:.8rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-edit{background:var(--overlay-medium);color:var(--text-secondary)}.btn-edit:hover{background:var(--border-medium)}.btn-save{background:var(--success);color:var(--midnight)}.btn-save:hover{opacity:.85}.btn-cancel{background:var(--overlay-medium);color:var(--text-muted)}.btn-cancel:hover{background:var(--border-medium)}.btn-delete{background:#ef444426;color:#fca5a5}.btn-delete:hover{background:#ef444440}.inline-input{background:var(--deep-blue);border:1px solid var(--border-medium);color:var(--text-primary);padding:.3rem .5rem;border-radius:6px;font-family:inherit;font-size:.85rem;width:100%}.inline-input:focus{outline:none;border-color:var(--accent)}.empty-row{text-align:center;color:var(--text-muted);padding:2rem 1rem!important}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--deep-blue);border:1px solid var(--border-default);border-radius:16px;padding:1.5rem;width:100%;max-width:420px;box-shadow:0 20px 60px var(--shadow-color)}.modal h3{font-size:1.1rem;font-weight:600;margin-bottom:1.25rem}.modal label{display:block;margin-bottom:1rem;font-size:.8rem;font-weight:500;color:var(--text-muted)}.modal input,.modal select{display:block;width:100%;margin-top:.35rem;background:var(--deep-blue);border:1px solid var(--border-medium);color:var(--text-primary);padding:.5rem .75rem;border-radius:8px;font-family:inherit;font-size:.875rem}.modal select option,.inline-input option,select.inline-input option{background:var(--deep-blue);color:var(--text-primary)}.modal input:focus,.modal select:focus{outline:none;border-color:var(--accent)}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.25rem}.provider-logo-preview{height:28px;width:auto;max-width:80px;object-fit:contain;border-radius:4px}.no-logo{color:var(--text-muted);font-size:.85rem}.btn-small{padding:.2rem .5rem;font-size:.75rem}.svg-textarea{display:block;width:100%;margin-top:.35rem;background:var(--deep-blue);border:1px solid var(--border-medium);color:var(--text-primary);padding:.5rem .75rem;border-radius:8px;font-family:Courier New,monospace;font-size:.78rem;resize:vertical;min-height:80px}.svg-textarea:focus{outline:none;border-color:var(--accent)}.logo-preview-box{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffffe6;border-radius:8px;margin-bottom:1rem}.logo-preview-box span{font-size:.8rem;color:var(--text-muted)}.logo-preview-large{height:40px;width:auto;max-width:160px;object-fit:contain}.modal-wide{max-width:540px}.checkbox-label{display:flex!important;flex-direction:row!important;align-items:center;gap:.5rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:auto;margin:0;accent-color:var(--accent)}.inline-textarea{resize:vertical;min-height:2.5rem;font-size:.8rem}.info-text-cell{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.center-cell{text-align:center}.center-cell input[type=checkbox]{width:auto;cursor:pointer;accent-color:var(--accent)}.plans-tab{padding:1rem 0}.info-text-cell{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tariff-badge{display:inline-block;padding:.15rem .5rem;border-radius:20px;font-size:.75rem;font-weight:500;background:var(--overlay-medium);color:var(--text-muted);white-space:nowrap}.modal-wide{max-width:560px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-row label{margin-bottom:1rem}.tiers-cell{font-size:.8rem;color:var(--text-muted);max-width:200px}.tier-edit-row td{padding:0 1rem .75rem!important;border-bottom:1px solid var(--border-default)!important}.tier-edit-row:hover{background:none!important}.price-section{margin-bottom:1rem}.price-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;font-size:.8rem;font-weight:500;color:var(--text-muted)}.price-edit-cell{display:flex;align-items:center;gap:.35rem}.price-edit-cell .inline-input{flex:1}.fx-badge{font-size:.75rem;color:var(--accent);font-weight:600;font-style:italic}.formula-section-label{font-size:.8rem;font-weight:500;color:var(--text-muted);margin-bottom:.35rem}.btn-mode-toggle{background:var(--overlay-medium);border:1px solid var(--border-default);color:var(--text-muted);width:30px;height:26px;border-radius:6px;font-size:.7rem;font-weight:700;font-style:italic;cursor:pointer;flex-shrink:0;transition:all .2s}.btn-mode-toggle:hover{border-color:var(--accent);color:var(--accent)}.btn-mode-toggle.active{background:#f59e0b26;border-color:var(--accent);color:var(--accent)}.tier-editor{margin:.75rem 0;padding:.75rem;border:1px solid var(--border-default);border-radius:10px;background:var(--overlay-light)}.tier-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.tier-label{font-size:.8rem;font-weight:500;color:var(--text-muted)}.btn-tier-add{background:none;border:1px dashed var(--border-medium);color:var(--accent);padding:.2rem .6rem;border-radius:6px;font-family:inherit;font-size:.75rem;font-weight:600;cursor:pointer;transition:border-color .2s}.btn-tier-add:hover{border-color:var(--accent)}.tier-block{margin-bottom:.5rem}.tier-row{display:flex;gap:.4rem;align-items:center}.tier-row input{flex:1;background:var(--deep-blue);border:1px solid var(--border-default);color:var(--text-primary);padding:.35rem .5rem;border-radius:6px;font-family:inherit;font-size:.8rem;min-width:0}.tier-row input:focus{outline:none;border-color:var(--accent)}.tier-row input::placeholder{color:var(--text-muted);font-size:.75rem}.btn-tier-remove{background:#ef444426;border:none;color:#fca5a5;width:26px;height:26px;border-radius:6px;font-size:1rem;line-height:1;cursor:pointer;flex-shrink:0;transition:background .2s}.btn-tier-remove:hover{background:#ef444440}.tier-empty{font-size:.75rem;color:var(--text-muted);font-style:italic}.plans-by-category-tab{padding:1rem 0}.category-list{display:flex;flex-direction:column;gap:1.25rem}.category-section{border:1px solid var(--border-default);border-radius:12px;background:var(--bg-surface);overflow:hidden}.category-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;background:var(--overlay-medium);border:none;border-bottom:1px solid var(--border-default);cursor:pointer;transition:background .2s}.category-header:hover{background:var(--border-default)}.category-header.collapsed{border-bottom:none}.category-title{display:flex;align-items:center;gap:.5rem;font-family:inherit;font-size:.95rem;font-weight:600;color:var(--text-primary)}.chevron{display:inline-block;font-size:.85rem;color:var(--text-muted);transition:transform .2s}.chevron.collapsed{transform:rotate(-90deg)}.category-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 .5rem;border-radius:20px;font-family:inherit;font-size:.75rem;font-weight:600;background:#f59e0b26;color:var(--accent)}.category-header.cat-fixed{background:#3b82f626}.category-header.cat-fixed:hover{background:#3b82f640}.category-header.cat-fixed .category-title,.category-header.cat-fixed .chevron{color:#60a5fa}.category-header.cat-fixed+.table-wrap,.category-header.cat-fixed~.table-wrap{border-top-color:#3b82f64d}.category-header.cat-variable{background:#eab30826}.category-header.cat-variable:hover{background:#eab30840}.category-header.cat-variable .category-title,.category-header.cat-variable .chevron{color:#facc15}.category-header.cat-special{background:#22c55e26}.category-header.cat-special:hover{background:#22c55e40}.category-header.cat-special .category-title,.category-header.cat-special .chevron{color:#4ade80}.category-header.cat-dynamic{background:#f9731626}.category-header.cat-dynamic:hover{background:#f9731640}.category-header.cat-dynamic .category-title,.category-header.cat-dynamic .chevron{color:#fb923c}.cat-fixed .category-count{background:#3b82f633;color:#60a5fa}.cat-variable .category-count{background:#eab30833;color:#facc15}.cat-special .category-count{background:#22c55e33;color:#4ade80}.cat-dynamic .category-count{background:#f9731633;color:#fb923c}.truncate-cell{max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.instant-tooltip{position:fixed;z-index:9999;background:var(--deep-blue);border:1px solid var(--border-medium);color:var(--text-primary);padding:.35rem .6rem;border-radius:6px;font-size:.8rem;white-space:nowrap;pointer-events:none;box-shadow:0 4px 12px var(--shadow-color)}.category-layout{display:flex;gap:1.25rem;align-items:flex-start}.category-main{flex:1;min-width:0}.info-toggle{position:fixed;right:1rem;top:6rem;width:32px;height:32px;border-radius:50%;border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-muted);font-size:.85rem;font-weight:700;cursor:pointer;z-index:51;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px var(--shadow-color);transition:all .2s}.info-toggle:hover{border-color:var(--accent);color:var(--accent)}.info-toggle.active{background:#f59e0b26;border-color:var(--accent);color:var(--accent)}.info-panel{position:fixed;right:1rem;top:7.5rem;width:220px;max-height:calc(100vh - 7rem);overflow-y:auto;padding:1rem;border:1px solid var(--border-default);border-radius:12px;background:var(--bg-surface);box-shadow:0 4px 20px var(--shadow-color);z-index:50}.info-panel h3{font-size:.9rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-default)}.info-section{margin-bottom:1rem}.info-section:last-child{margin-bottom:0}.info-section h4{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.info-section dl{display:grid;grid-template-columns:auto 1fr;gap:.3rem .5rem;align-items:baseline}.info-section dt{font-size:.8rem;font-weight:700;color:#facc15}.info-section dd{font-size:.75rem;color:var(--text-muted)}.formula-display{font-size:.95rem;font-weight:700;color:var(--text-primary);background:var(--overlay-medium);border:1px solid var(--border-default);border-radius:6px;padding:.4rem .6rem;margin-bottom:.5rem;text-align:center;letter-spacing:.03em}.category-section thead th{padding:.5rem .4rem;font-size:.7rem}.category-section tbody td{padding:.4rem;font-size:.8rem}.category-section .inline-input{width:auto;min-width:44px;max-width:72px;padding:.2rem .3rem;font-size:.75rem}.category-section select.inline-input{max-width:110px}.category-section .price-edit-cell{gap:.2rem}.category-section .price-edit-cell .inline-input{min-width:40px;max-width:64px}.category-section .actions{gap:.3rem}.category-section .btn-edit,.category-section .btn-save,.category-section .btn-cancel,.category-section .btn-delete{padding:.2rem .5rem;font-size:.7rem}.category-section .btn-mode-toggle{width:28px;height:22px;font-size:.65rem}.inline-input.tea-required{border-color:#facc15;box-shadow:0 0 0 1px #facc154d}.inline-input.tea-required:focus{border-color:#facc15;box-shadow:0 0 0 2px #facc1566}.tea-default{color:var(--text-muted, #94a3b8);font-style:italic}.category-section .table-wrap{border:none;border-radius:0;overflow-x:auto}.category-section .table-wrap table{min-width:max-content}.customers-tab{padding:1rem 0}.ct-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.ct-toolbar-left{display:flex;align-items:baseline;gap:.75rem}.ct-toolbar-left h2{font-size:1.3rem;font-weight:700;color:var(--text-primary)}.ct-count{font-size:.82rem;color:var(--text-muted)}.ct-toolbar-right{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.ct-status-pills{display:flex;gap:.35rem;flex-wrap:wrap}.ct-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;border-radius:20px;font-size:.75rem;font-weight:600;font-family:inherit;background:var(--overlay-light);border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;transition:all .2s}.ct-pill:hover{background:var(--overlay-medium)}.ct-pill.active{background:var(--overlay-medium);border-color:var(--border-medium);color:var(--text-primary)}.ct-pill.status-new.active{border-color:var(--accent);color:var(--accent)}.ct-pill.status-progress.active{border-color:#3b82f6;color:#60a5fa}.ct-pill.status-done.active{border-color:var(--success);color:var(--success)}.ct-pill.status-cancelled.active{border-color:var(--gray-600);color:var(--gray-400)}.pill-count{font-weight:700;opacity:.7}.ct-search{background:var(--bg-input);border:1px solid var(--border-default);color:var(--text-primary);padding:.45rem .85rem;border-radius:8px;font-family:inherit;font-size:.82rem;min-width:240px;transition:border-color .2s}.ct-search::placeholder{color:var(--text-muted)}.ct-search:focus{outline:none;border-color:var(--accent)}.ct-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem;color:var(--text-muted);gap:.75rem}.ct-empty i{font-size:2.5rem;opacity:.4}.ct-empty p{font-size:.9rem}.ct-table-wrap{overflow-x:auto;border-radius:12px;border:1px solid var(--border-subtle);background:var(--bg-surface)}.ct-table{width:100%;border-collapse:collapse;font-size:.84rem}.ct-table thead th{position:sticky;top:0;background:var(--deep-blue);color:var(--text-muted);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.75rem 1rem;text-align:left;white-space:nowrap;border-bottom:1px solid var(--border-default)}.th-num{width:3rem;text-align:center!important}.th-expand{width:2.5rem}.ct-row{cursor:pointer;transition:background .15s}.ct-row:hover,.ct-row-expanded{background:var(--overlay-light)}.ct-row td{padding:.7rem 1rem;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);vertical-align:middle}.ct-row-expanded td{border-bottom:none}.td-num{text-align:center;color:var(--text-muted);font-weight:600;font-size:.78rem}.td-name{font-weight:600;color:var(--text-primary);white-space:nowrap}.td-date{font-size:.78rem;color:var(--text-muted);white-space:nowrap}.td-expand{text-align:center}.ct-phone{color:var(--success);text-decoration:none;display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;padding:.15rem .4rem;border-radius:4px;transition:background .2s}.ct-phone:hover{background:#10b98126}.ct-email{color:var(--accent-light);text-decoration:none;font-size:.82rem}.ct-email:hover{text-decoration:underline}.ct-plan-badge{font-size:.75rem;color:var(--text-secondary);background:var(--overlay-medium);padding:.15rem .5rem;border-radius:4px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.ct-expand-icon{color:var(--text-muted);font-size:.65rem;transition:color .2s}.ct-row:hover .ct-expand-icon{color:var(--accent)}.ct-status-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:.2rem .5rem;border-radius:4px;white-space:nowrap;display:inline-block}.ct-status-badge.status-new{background:#f59e0b26;color:var(--accent)}.ct-status-badge.status-progress{background:#3b82f626;color:#60a5fa}.ct-status-badge.status-done{background:#10b98126;color:var(--success)}.ct-status-badge.status-cancelled{background:#47556933;color:var(--gray-400)}.ct-service-badge{font-size:.72rem;font-weight:600;padding:.18rem .5rem;border-radius:4px;white-space:nowrap;display:inline-flex;align-items:center;gap:.3rem}.ct-service-badge i{font-size:.65rem}.ct-service-electricity{background:#f59e0b26;color:#f59e0b}.ct-service-gas{background:#10b98126;color:#10b981}.ct-service-both{background:#6366f126;color:#818cf8}.ct-expanded-row td{padding:0;border-bottom:1px solid var(--border-default);background:var(--overlay-light)}.ct-card-body{padding:1.25rem}.ct-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.ct-section{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:10px;padding:1rem}.ct-section h4{font-size:.78rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:.45rem}.ct-section h4 i{font-size:.72rem;opacity:.7}.ct-section dl{display:grid;grid-template-columns:auto 1fr;gap:.35rem .75rem;font-size:.84rem}.ct-section dt{color:var(--text-muted);font-weight:500;white-space:nowrap}.ct-section dd{color:var(--text-secondary)}.ct-section a{color:var(--accent-light);text-decoration:none}.ct-section a:hover{text-decoration:underline}.ct-files-section{margin-top:1.25rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:10px;padding:1rem}.ct-files-section>h4{font-size:.78rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.04em;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:.45rem}.ct-files-section>h4 i{font-size:.72rem;opacity:.7}.ct-files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.ct-file-group{display:flex;flex-direction:column;gap:.5rem}.ct-file-label{font-size:.78rem;color:var(--text-muted);font-weight:600}.ct-file-previews{display:flex;flex-wrap:wrap;gap:.5rem}.ct-file-thumb{width:120px;height:90px;object-fit:cover;border-radius:8px;border:2px solid var(--border-subtle);cursor:pointer;transition:border-color .2s,transform .2s}.ct-file-thumb:hover{border-color:var(--accent);transform:scale(1.05)}.ct-file-pdf{display:flex;flex-direction:column;align-items:center;justify-content:center;width:90px;height:90px;background:var(--overlay-medium);border:1px solid var(--border-subtle);border-radius:8px;color:var(--accent-light);text-decoration:none;gap:.3rem;transition:background .2s}.ct-file-pdf i{font-size:1.5rem}.ct-file-pdf span{font-size:.7rem;font-weight:600}.ct-file-pdf:hover{background:var(--border-medium)}.ct-card-actions{display:flex;align-items:center;justify-content:space-between;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border-subtle);flex-wrap:wrap;gap:.75rem}.ct-action-left{display:flex;align-items:center;gap:.5rem}.ct-status-label{font-size:.8rem;color:var(--text-muted);font-weight:500}.ct-action-right{display:flex;align-items:center;gap:1rem}.ct-submitted-date{font-size:.78rem;color:var(--text-muted);display:inline-flex;align-items:center;gap:.35rem}.status-select{background:var(--deep-blue);border:1px solid var(--border-default);color:var(--text-primary);padding:.3rem .6rem;border-radius:6px;font-family:inherit;font-size:.8rem;font-weight:500;cursor:pointer}.status-select option{background:var(--deep-blue);color:var(--text-primary)}.status-select.status-new{border-color:var(--accent);color:var(--accent)}.status-select.status-progress{border-color:#3b82f6;color:#60a5fa}.status-select.status-done{border-color:var(--success);color:var(--success)}.status-select.status-cancelled{border-color:var(--gray-600);color:var(--gray-400)}.ct-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;padding:2rem;animation:fadeIn .2s}.ct-lightbox img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px #00000080}.ct-lightbox-close{position:absolute;top:1.5rem;right:1.5rem;background:#ffffff1a;border:none;color:#fff;width:40px;height:40px;border-radius:50%;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.ct-lightbox-close:hover{background:#fff3}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.th-icon{width:3rem;text-align:center!important;color:var(--text-muted)}.td-notes{text-align:center}.ct-notes-btn{position:relative;background:none;border:none;color:var(--text-muted);font-size:.95rem;cursor:pointer;padding:.3rem;transition:color .2s}.ct-notes-btn:hover{color:var(--accent)}.ct-notes-count{position:absolute;top:-2px;right:-6px;background:var(--accent);color:var(--midnight);font-size:.6rem;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1}.notes-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:9000;animation:fadeIn .2s}.notes-sidebar{position:fixed;top:0;right:0;width:380px;max-width:90vw;height:100vh;background:var(--deep-blue);border-left:1px solid var(--border-default);z-index:9001;display:flex;flex-direction:column;animation:slideIn .25s ease-out;box-shadow:-4px 0 24px #0006}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.notes-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.25rem 1rem;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.notes-header h3{font-size:.95rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.notes-header h3 i{color:var(--accent);font-size:.85rem}.notes-close{background:none;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;padding:.3rem;transition:color .2s}.notes-close:hover{color:var(--text-primary)}.notes-list{flex:1;overflow-y:auto;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.notes-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--text-muted);gap:.5rem}.notes-empty i{font-size:2rem;opacity:.35}.notes-empty p{font-size:.85rem}.note-item{background:var(--overlay-light);border:1px solid var(--border-subtle);border-radius:10px;padding:.75rem 1rem}.note-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.note-author{font-size:.75rem;font-weight:600;color:var(--accent-light);display:flex;align-items:center;gap:.3rem}.note-author i{font-size:.65rem;opacity:.7}.note-text{font-size:.84rem;color:var(--text-secondary);line-height:1.5;white-space:pre-wrap;word-break:break-word}.note-date{font-size:.68rem;color:var(--text-muted);flex-shrink:0}.note-footer{display:flex;justify-content:flex-end;margin-top:.35rem}.note-delete{background:none;border:none;color:var(--gray-600);font-size:.7rem;cursor:pointer;padding:.2rem .35rem;border-radius:4px;transition:all .2s}.note-delete:hover{color:var(--danger);background:#ef44441a}.notes-input-wrap{padding:1rem 1.25rem;border-top:1px solid var(--border-subtle);display:flex;gap:.5rem;align-items:flex-end;flex-shrink:0}.notes-input{flex:1;background:var(--bg-input);border:1px solid var(--border-default);color:var(--text-primary);padding:.6rem .75rem;border-radius:8px;font-family:inherit;font-size:.82rem;resize:none;line-height:1.5;transition:border-color .2s}.notes-input::placeholder{color:var(--text-muted)}.notes-input:focus{outline:none;border-color:var(--accent)}.notes-send{background:var(--accent);color:var(--midnight);border:none;width:38px;height:38px;border-radius:8px;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s;flex-shrink:0}.notes-send:hover:not(:disabled){opacity:.85}.notes-send:disabled{opacity:.4;cursor:not-allowed}.btn-primary{display:inline-flex;align-items:center;gap:.4rem;background:var(--accent);color:var(--midnight);border:none;padding:.45rem .85rem;border-radius:8px;font-family:inherit;font-size:.82rem;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-primary:hover{opacity:.85}.ct-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem;padding:.75rem 0}.ct-page-btn{display:inline-flex;align-items:center;gap:.35rem;background:var(--overlay-light);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:.4rem .85rem;border-radius:8px;font-family:inherit;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s}.ct-page-btn:hover:not(:disabled){background:var(--overlay-medium);border-color:var(--border-medium);color:var(--text-primary)}.ct-page-btn:disabled{opacity:.35;cursor:not-allowed}.ct-page-btn i{font-size:.7rem}.ct-page-info{font-size:.82rem;color:var(--text-muted);font-weight:500;white-space:nowrap}@media(max-width:768px){.ct-toolbar{flex-direction:column}.ct-toolbar-right{width:100%;flex-direction:column;align-items:stretch}.ct-status-pills{justify-content:flex-start}.ct-search{min-width:unset;width:100%}.ct-table-wrap{border-radius:8px}.ct-detail-grid,.ct-files-grid{grid-template-columns:1fr}.ct-card-actions{flex-direction:column;align-items:flex-start}}.ct-status-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--surface, #1e293b);border:1px solid var(--border-subtle, #334155);border-radius:12px;padding:0;width:420px;max-width:90vw;z-index:9100;box-shadow:0 20px 60px #00000080}.ct-status-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-subtle, #334155)}.ct-status-modal-header h3{margin:0;font-size:.95rem;font-weight:700}.ct-status-modal-body{padding:1.25rem}.ct-status-modal-change{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem;font-size:.85rem}.ct-status-modal-change .fa-arrow-right{color:var(--text-muted, #94a3b8);font-size:.75rem}.ct-status-comment{width:100%;background:var(--overlay-light, #0f172a);border:1px solid var(--border-subtle, #334155);color:var(--text-primary, #f1f5f9);padding:.65rem .75rem;border-radius:8px;font-family:inherit;font-size:.82rem;resize:none;line-height:1.5;transition:border-color .2s;box-sizing:border-box}.ct-status-comment:focus{outline:none;border-color:var(--accent)}.ct-status-modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:.85rem 1.25rem;border-top:1px solid var(--border-subtle, #334155)}.ct-status-modal-footer .btn-cancel{background:transparent;border:1px solid var(--border-subtle, #334155);color:var(--text-secondary, #cbd5e1);padding:.4rem .85rem;border-radius:8px;font-family:inherit;font-size:.82rem;font-weight:600;cursor:pointer}.ct-history-btn{display:inline-flex;align-items:center;gap:.3rem;background:var(--overlay-light, #0f172a);border:1px solid var(--border-subtle, #334155);color:var(--text-secondary, #cbd5e1);padding:.3rem .6rem;border-radius:6px;font-family:inherit;font-size:.75rem;cursor:pointer;transition:all .2s}.ct-history-btn:hover{border-color:var(--accent);color:var(--accent)}.ct-history-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-subtle, #334155)}.ct-history-section h4{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;margin:0 0 .75rem;color:var(--text-primary, #f1f5f9)}.ct-history-timeline{display:flex;flex-direction:column;gap:0;padding-left:.75rem;border-left:2px solid var(--border-subtle, #334155)}.ct-history-entry{display:flex;gap:.75rem;padding:.5rem 0;position:relative}.ct-history-dot{width:10px;height:10px;border-radius:50%;background:var(--accent, #38bdf8);border:2px solid var(--surface, #1e293b);flex-shrink:0;margin-top:.3rem;margin-left:-.44rem}.ct-history-content{flex:1;min-width:0}.ct-history-header{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.ct-history-arrow{color:var(--text-muted, #94a3b8);font-size:.65rem}.ct-history-date{color:var(--text-muted, #94a3b8);font-size:.72rem;margin-left:auto}.ct-history-meta{margin-top:.2rem}.ct-history-author{color:var(--text-muted, #94a3b8);font-size:.72rem}.ct-history-author i{margin-right:.2rem}.ct-history-comment{margin:.3rem 0 0;padding:.4rem .6rem;background:var(--overlay-light, #0f172a);border-radius:6px;font-size:.78rem;color:var(--text-secondary, #cbd5e1);line-height:1.4}.settings-tab{padding:1rem 0}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.settings-header h2{font-size:1.25rem;font-weight:600}.settings-subtitle{font-size:.85rem;color:var(--text-muted);margin-bottom:1.25rem}.var-list{display:flex;flex-direction:column;gap:.75rem;max-width:500px}.var-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:10px;padding:.75rem 1rem}.var-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.var-name{font-family:Courier New,monospace;font-size:.9rem;font-weight:600;color:var(--accent)}.btn-var-delete{background:#ef444426;border:none;color:#fca5a5;padding:.2rem .6rem;border-radius:6px;font-family:inherit;font-size:.75rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-var-delete:hover{background:#ef444440}.var-card-body{display:flex;align-items:center;gap:.5rem}.var-card-body input{flex:1;background:var(--deep-blue);border:1px solid var(--border-medium);color:var(--text-primary);padding:.45rem .75rem;border-radius:8px;font-family:inherit;font-size:.875rem}.var-card-body input:focus{outline:none;border-color:var(--accent)}.btn-save-sm{background:var(--accent);color:var(--midnight);border:none;padding:.45rem .85rem;border-radius:8px;font-family:inherit;font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s}.btn-save-sm:hover{background:var(--accent-light)}.var-empty{color:var(--text-muted);font-size:.9rem;padding:2rem 0;text-align:center}.app-settings-tab{padding:1rem 0}.app-settings-tab h2{font-size:1.3rem;font-weight:700;color:var(--text-primary)}.as-subtitle{font-size:.84rem;color:var(--text-muted);margin-bottom:1.5rem}.success-msg{background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:var(--success);font-size:.82rem;padding:.6rem .85rem;border-radius:8px;margin-bottom:1rem}.as-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;padding:1.25rem;margin-bottom:1.25rem}.as-card h3{font-size:.95rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.as-card h3 i{color:var(--accent);font-size:.85rem}.as-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.as-card-header h3{margin-bottom:0}.btn-sm{background:none;border:1px solid var(--border-default);color:var(--text-muted);width:32px;height:32px;border-radius:6px;font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-sm:hover{border-color:var(--accent);color:var(--accent)}.as-form{display:flex;flex-direction:column;gap:1rem}.as-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.as-field{display:flex;flex-direction:column;gap:.3rem}.as-field span{font-size:.75rem;font-weight:600;color:var(--text-muted)}.as-field input,.as-field select{background:var(--bg-input);border:1px solid var(--border-default);color:var(--text-primary);padding:.5rem .7rem;border-radius:6px;font-family:inherit;font-size:.82rem;transition:border-color .2s}.as-field input::placeholder{color:var(--gray-600)}.as-field input:focus,.as-field select:focus{outline:none;border-color:var(--accent)}.as-field select option{background:var(--deep-blue)}.as-tabs-select{display:flex;flex-direction:column;gap:.5rem}.as-tabs-label{font-size:.75rem;font-weight:600;color:var(--text-muted)}.as-tabs-checks{display:flex;flex-wrap:wrap;gap:.5rem}.as-check{display:flex;align-items:center;gap:.35rem;font-size:.82rem;color:var(--text-secondary);cursor:pointer;background:var(--overlay-light);padding:.3rem .6rem;border-radius:6px;border:1px solid var(--border-subtle);transition:all .2s}.as-check:hover{border-color:var(--border-default)}.as-check input[type=checkbox]{accent-color:var(--accent);cursor:pointer}.as-check-sm{font-size:.75rem;padding:.2rem .45rem}.as-staff-list{display:flex;flex-direction:column;gap:.65rem}.as-staff-item{background:var(--overlay-light);border:1px solid var(--border-subtle);border-radius:10px;padding:.85rem 1rem}.as-staff-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.as-staff-info{display:flex;align-items:center;gap:.65rem}.as-staff-name{font-size:.9rem;font-weight:600;color:var(--text-primary)}.as-role-select{background:var(--deep-blue);border:1px solid var(--border-default);color:var(--text-primary);padding:.2rem .5rem;border-radius:4px;font-family:inherit;font-size:.72rem;font-weight:600;text-transform:uppercase;cursor:pointer}.as-role-select option{background:var(--deep-blue)}.as-role-select.role-admin{border-color:var(--accent);color:var(--accent)}.as-role-select.role-employee{border-color:#3b82f6;color:#60a5fa}.as-remove-btn{background:none;border:none;color:var(--gray-600);font-size:.75rem;cursor:pointer;padding:.3rem;border-radius:4px;transition:all .2s}.as-remove-btn:hover{color:var(--danger);background:#ef44441a}.as-staff-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.65rem;padding-top:.65rem;border-top:1px solid var(--border-subtle)}.as-all-access{display:block;margin-top:.5rem;font-size:.75rem;color:var(--accent);font-weight:500;font-style:italic}.as-empty{font-size:.85rem;color:var(--text-muted);text-align:center;padding:1.5rem}.sts-tab{padding:1rem 0;max-width:550px}.sts-header h2{font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.sts-subtitle{font-size:.85rem;color:var(--text-muted);margin-bottom:1.25rem}.sts-saved{background:#22c55e26;color:var(--success);padding:.4rem .75rem;border-radius:8px;font-size:.8rem;margin-bottom:1rem;text-align:center}.sts-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.sts-card{display:flex;align-items:center;justify-content:space-between;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:10px;padding:.6rem .85rem;transition:border-color .15s}.sts-card:hover{border-color:var(--border-medium)}.sts-card-left{display:flex;align-items:center;gap:.6rem;flex:1;min-width:0}.sts-arrows{display:flex;flex-direction:column;gap:2px}.sts-arrow-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0;font-size:.6rem;line-height:1;transition:color .15s}.sts-arrow-btn:hover:not(:disabled){color:var(--accent)}.sts-arrow-btn:disabled{opacity:.2;cursor:default}.sts-order{font-size:.8rem;color:var(--text-muted);min-width:1.5rem}.sts-name{font-size:.9rem;font-weight:500;color:var(--text-primary)}.sts-edit-input{flex:1;background:var(--deep-blue);border:1px solid var(--accent);color:var(--text-primary);padding:.35rem .6rem;border-radius:6px;font-family:inherit;font-size:.9rem}.sts-edit-input:focus{outline:none}.sts-card-actions{display:flex;align-items:center;gap:.4rem;margin-left:.5rem}.sts-btn-lock,.sts-btn-edit,.sts-btn-delete{width:30px;height:30px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:background .15s}.sts-btn-lock{background:#6b72801f;color:var(--text-secondary)}.sts-btn-lock:hover{background:#eab30826;color:var(--accent)}.sts-btn-lock.active{background:#eab30833;color:var(--accent)}.sts-btn-edit{background:#3b82f61f;color:#60a5fa}.sts-btn-edit:hover{background:#3b82f640}.sts-btn-delete{background:#ef44441f;color:#fca5a5}.sts-btn-delete:hover{background:#ef444440}.sts-btn-cancel{background:var(--overlay-light);border:none;color:var(--text-secondary);padding:.35rem .65rem;border-radius:6px;font-family:inherit;font-size:.75rem;cursor:pointer;transition:background .15s}.sts-btn-cancel:hover{background:var(--overlay-medium)}.sts-add-form{display:flex;gap:.5rem}.sts-add-input{flex:1;background:var(--bg-surface);border:1px dashed var(--border-medium);color:var(--text-primary);padding:.5rem .75rem;border-radius:8px;font-family:inherit;font-size:.875rem;transition:border-color .15s}.sts-add-input:focus{outline:none;border-color:var(--accent);border-style:solid}.sts-add-form .btn-primary:disabled{opacity:.4;cursor:default}.admin-app{display:flex;min-height:100vh}.admin-sidebar{width:220px;flex-shrink:0;background:var(--bg-surface);border-right:1px solid var(--border-default);display:flex;flex-direction:column;padding:1.5rem 0;position:sticky;top:0;height:100vh}.sidebar-brand{padding:0 1.25rem 1.5rem;border-bottom:1px solid var(--border-subtle);margin-bottom:1rem}.sidebar-brand h1{font-size:1.35rem;font-weight:700;color:var(--text-primary);line-height:1.2}.admin-subtitle{font-size:.78rem;color:var(--accent);font-weight:600}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem;padding:0 .75rem;flex:1}.sidebar-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.7rem 1rem;background:none;border:none;border-radius:8px;font-family:inherit;font-size:.9rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .2s}.sidebar-btn:hover{background:var(--overlay-light);color:var(--text-secondary)}.sidebar-btn.active{background:#f59e0b1a;color:var(--accent)}.sidebar-btn i{font-size:1rem;width:20px;text-align:center}.sidebar-divider{height:1px;background:var(--border-subtle);margin:.5rem .25rem}.sidebar-footer{padding:1rem 1.25rem 0;border-top:1px solid var(--border-subtle);margin-top:auto;display:flex;flex-direction:column;gap:.75rem}.admin-body{flex:1;min-width:0;padding:2rem 1.5rem;max-width:1400px}.admin-user{font-size:.82rem;color:var(--text-secondary);display:flex;align-items:center;gap:.4rem}.admin-user i{color:var(--accent);font-size:1rem}.admin-logout{background:none;border:1px solid var(--border-default);color:var(--text-muted);padding:.35rem .7rem;border-radius:6px;font-family:inherit;font-size:.78rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.35rem;transition:all .2s}.admin-logout:hover{border-color:var(--danger);color:var(--danger)}.admin-role-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;background:#f59e0b26;color:var(--accent);padding:.1rem .4rem;border-radius:4px;margin-left:.25rem}.admin-main{margin-top:1.5rem}.no-access{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;gap:.75rem;color:var(--text-muted)}.no-access i{font-size:3rem;opacity:.4}.no-access h2{font-size:1.2rem;color:var(--text-primary)}.no-access p{font-size:.88rem;max-width:320px}.no-access .admin-logout{margin-top:1rem}.demo-badge{display:flex;align-items:center;gap:.5rem;margin:0 .75rem .75rem;padding:.55rem .75rem;background:color-mix(in srgb,#f59e0b 12%,transparent);border:1px solid color-mix(in srgb,#f59e0b 35%,transparent);border-radius:8px}.demo-badge i{color:#f59e0b;font-size:.85rem;flex-shrink:0}.demo-badge-text{display:flex;flex-direction:column;gap:.05rem}.demo-badge-title{font-size:.75rem;font-weight:700;color:#f59e0b;line-height:1.2}.demo-badge-sub{font-size:.68rem;color:var(--text-muted);line-height:1.2}.demo-role-badge{background:color-mix(in srgb,#f59e0b 18%,transparent)!important;color:#f59e0b!important;border-color:color-mix(in srgb,#f59e0b 40%,transparent)!important}.demo-record-badge{display:inline-flex;align-items:center;padding:.1rem .35rem;background:color-mix(in srgb,#f59e0b 15%,transparent);color:#f59e0b;border:1px solid color-mix(in srgb,#f59e0b 35%,transparent);border-radius:3px;font-size:.6rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-left:.35rem;vertical-align:middle}.demo-readonly-notice{display:flex;align-items:center;gap:.5rem;padding:.6rem .9rem;background:color-mix(in srgb,#f59e0b 10%,transparent);border:1px solid color-mix(in srgb,#f59e0b 30%,transparent);border-radius:8px;font-size:.82rem;color:var(--text-muted);margin-bottom:1rem}.demo-readonly-notice i{color:#f59e0b;flex-shrink:0}