*{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e6e6e6;background-color:#141414;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{margin:0;padding:0;height:100%;width:100%}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#3b3b3b,#141414);color:var(--text-color, #e6e6e6)}a{color:#9aa4b2;text-decoration:none}h1{font-size:2em;line-height:1.1}button{border-radius:6px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1f1f1f;cursor:pointer;transition:border-color .25s}button:hover{border-color:#ffffff0f}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#f9f9f9}a:hover{color:#747bff}button{background-color:#f9f9f9}}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--bg);padding:24px}.auth-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-1);border:1px solid var(--border);padding:40px;width:100%;max-width:560px;animation:slideUp .5s ease-out}@media(max-width:480px){.auth-card{padding:24px;max-width:100%;margin:0 8px;border-radius:var(--radius)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-card h1{margin:0 0 24px;color:var(--text);text-align:left;font-size:24px;font-weight:700}.auth-form{display:flex;flex-direction:column;gap:16px}.form-group input{padding:12px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:var(--radius-xs);font-size:14px;transition:border-color .12s ease,box-shadow .12s ease}.form-group input:disabled{background:#eef2f7;cursor:not-allowed;opacity:.7}.btn{padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-xs);font-size:15px;font-weight:700;cursor:pointer;transition:background .12s ease,border-color .12s ease;color:var(--text);background:var(--surface-2)}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.alert{padding:12px 16px;border-radius:var(--radius-xs);margin-bottom:16px;font-size:14px;animation:slideIn .3s ease-out;border:1px solid var(--border)}@keyframes slideIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.auth-link{text-align:center;margin-top:16px;color:var(--muted);font-size:14px}.auth-link a{color:var(--primary);text-decoration:underline;font-weight:600}.auth-link a:hover{text-decoration:underline}.demo-credentials{margin-top:20px;border-top:1px solid var(--border);background:transparent;padding:12px 6px 0;border-radius:var(--radius-xs);font-size:12px;color:var(--muted)}.demo-credentials p{margin:6px 0}.demo-credentials code{background:var(--surface-2);padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;color:var(--text)}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background:var(--bg)}.spinner{width:50px;height:50px;border:4px solid rgba(17,24,39,.15);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.loading-container p{color:var(--text);font-size:16px}.data-table-container{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-1);padding:20px;margin:20px auto;max-width:1200px;border:1px solid var(--border);animation:slideUp .3s ease-out}.data-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.data-table-header h2{margin:0;color:var(--text);font-size:20px}.btn-close{background:var(--danger);color:#fff;padding:8px 12px;border:1px solid var(--danger);border-radius:var(--radius-xs);cursor:pointer;font-size:14px;transition:all .15s ease}.btn-close:hover{filter:brightness(.95)}.data-table-controls{display:flex;gap:10px;margin-bottom:16px;align-items:center}.search-input{flex:1;padding:10px 12px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:var(--radius-xs);font-size:14px;transition:all .15s ease}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #2563eb26}.results-count{color:var(--muted);font-size:13px;white-space:nowrap;padding:5px 10px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-xs)}.table-wrapper{overflow-x:auto;margin-bottom:16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface)}.data-table{width:100%;border-collapse:collapse;background:transparent}.data-table thead{background:var(--surface-2)}.data-table th{padding:12px 15px;text-align:left;color:var(--text);font-weight:600;font-size:13px;text-transform:capitalize;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease}.data-table th:hover{background:#e9eef5}.th-content{display:flex;align-items:center;gap:8px}.sort-indicator{font-size:12px}.data-table tbody tr{border-bottom:1px solid var(--border);transition:background .12s ease}.data-table tbody tr:hover{background:#f8fafc}.data-table tbody tr.even{background:transparent}.data-table tbody tr.odd{background:#f8fafc}.data-table td{padding:12px 15px;color:var(--text);font-size:13px;word-break:break-word;max-width:300px}.data-table td:first-child{font-weight:500}.loading-message{text-align:center;padding:24px;color:var(--muted);font-size:15px}.loading-message:before{content:"";display:inline-block;width:14px;height:14px;margin-right:10px;border:3px solid rgba(17,24,39,.15);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;vertical-align:middle}.error-message{padding:12px;margin-bottom:12px;background:#fff6f6;color:#8b1d1d;border-left:4px solid #f3c7c7;border-radius:var(--radius-xs);font-size:13px;border:1px solid #f3c7c7}.data-table-footer{text-align:right;color:var(--muted);font-size:13px;padding-top:12px;border-top:1px solid var(--border)}.api-form-card{margin:20px auto;max-width:600px}.api-form-card h3{margin:0 0 16px;color:var(--text);font-size:18px}.api-form-card form{display:flex;flex-direction:column;gap:12px}.preset-endpoints{background:var(--surface-2);padding:12px;border-radius:var(--radius-xs);border:1px solid var(--border)}.preset-endpoints p{margin:0 0 8px;color:var(--muted);font-weight:600;font-size:13px}.preset-buttons{display:flex;flex-wrap:wrap;gap:8px}.btn-small{padding:6px 12px;font-size:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xs);cursor:pointer;transition:background .12s ease,border-color .12s ease;white-space:nowrap}.btn-small:hover{border-color:var(--primary);background:var(--surface-2)}.btn-info{background:#22d3ee;color:#0b1220;border-color:#06b6d4}.btn-info:hover{filter:brightness(.97)}@media(max-width:768px){.data-table-container{padding:15px;margin:10px}.data-table-header{flex-direction:column;align-items:flex-start;gap:10px}.data-table-header h2{font-size:18px}.btn-close{align-self:flex-end}.data-table-controls{flex-direction:column}.search-input{width:100%}.results-count{width:100%;text-align:center}.data-table td,.data-table th{padding:10px 12px;font-size:12px}.api-form-card{max-width:100%}.btn-small{padding:5px 10px;font-size:11px}}@media(max-width:480px){.data-table-container{border-radius:var(--radius)}.data-table td{max-width:150px;font-size:11px}.data-table th{font-size:11px}.th-content{flex-direction:column;gap:4px}.sort-indicator{font-size:10px}.results-count{font-size:12px}}.profile-container{display:flex;flex-direction:column;gap:12px;min-height:100vh;background:var(--bg);padding:12px 10px}.profile-card{background:var(--surface);border-radius:4px;box-shadow:0 6px 18px #0f172a14;border:1px solid var(--border);padding:16px 18px;max-width:1600px;margin:0 auto;width:min(94%,1600px);animation:slideUp .32s ease-out}.profile-card.full-width,.profile-card.wide-card,.profile-card.admin-page-card{max-width:1600px;width:min(94%,1600px)}.profile-card h2{margin:0 0 10px;font-size:1.2rem;letter-spacing:-.01em}.profile-header{display:flex;gap:12px;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.profile-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#e2e8f0,#f8fafc);color:#0f172a;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;flex-shrink:0;box-shadow:var(--shadow-1)}.profile-info-header{flex:1}.profile-info-header h1{margin:0 0 4px;color:var(--text);font-size:22px;text-align:left;font-weight:700}.profile-email{margin:0;color:var(--muted);font-size:14px}.profile-details{display:flex;flex-direction:column;gap:12px}.profile-tabs{display:inline-flex;gap:6px;padding:4px;border:1px solid var(--border);border-radius:4px;background:var(--surface-2);margin-bottom:10px}.profile-linking-box{border:1px solid var(--border);background:#fbfdff;border-radius:4px;padding:8px}.profile-linking-box h4{margin:0 0 8px;font-size:14px;color:var(--text)}.profile-linking-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border-top:1px dashed var(--border);padding-top:10px;margin-top:10px}.profile-linking-row:first-of-type{border-top:0;padding-top:0;margin-top:0}.profile-linking-meta{display:flex;flex-direction:column;gap:4px}.profile-linking-state.ok{color:#0f5b1a;font-weight:700}.profile-linking-state.off{color:#8b1d1d;font-weight:700}.qr-modal-overlay{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:1200;padding:16px}.qr-modal{width:min(420px,100%);background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 40px #0206174d;padding:16px;display:flex;flex-direction:column;align-items:center;gap:10px}.qr-modal h3{margin:0;color:var(--text)}.qr-modal-image{width:280px;height:280px;max-width:100%;border:1px solid var(--border);border-radius:8px}.qr-modal-code{font-size:14px;color:var(--text)}.qr-modal-link{display:block;width:100%;font-size:12px;color:#1d4ed8;word-break:break-all;text-align:center}.profile-tab-btn{border:1px solid transparent;background:transparent;color:var(--muted);font-weight:700;font-size:13px;border-radius:var(--radius-xs);padding:8px 12px;cursor:pointer}.profile-tab-btn:hover{color:var(--text);background:#fff}.profile-tab-btn.active{background:#bfdbfe;color:#08306b;border-color:#93c5fd}.profile-tab-panel{border-color:#dbeafe;background:linear-gradient(180deg,#fff,#fbfdff)}.profile-section-block{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:10px}.profile-section-title{margin:0 0 12px;color:var(--text);font-size:16px;font-weight:700}.analytics-sections{display:flex;flex-direction:column;gap:14px}.analytics-section-card{border:1px solid var(--border);border-radius:4px;background:var(--surface);padding:10px}.analytics-section-title{margin:0 0 10px;font-size:14px;font-weight:700;color:var(--text)}.profile-actions{margin-top:14px;display:flex;gap:10px}.profile-edit-btn{box-shadow:0 8px 16px #2563eb2e}.notification-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.event-groups{display:grid;gap:10px;max-height:420px;overflow:auto;padding-right:4px}.event-group-card{border:1px solid var(--border);border-radius:4px;background:#fbfdff;padding:8px;box-shadow:0 2px 8px #0f172a0d}.event-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:10px}.event-group-toggle{display:inline-flex;gap:8px;align-items:center;font-weight:700;color:var(--text)}.event-group-count{font-size:12px;color:var(--muted)}.event-group-events{display:grid;gap:6px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.event-item{display:inline-flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--text)}.notification-summary{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:4px}.detail-label{font-weight:600;color:var(--muted);font-size:14px}.detail-value{color:var(--text);font-size:14px}.detail-mono{font-family:Courier New,monospace;background:var(--surface);padding:3px 6px;border-radius:3px;color:var(--text);border:1px solid var(--border)}.profile-form{display:flex;flex-direction:column;gap:10px}.form-group input,.form-group textarea,.form-group select{padding:9px 10px;border:1px solid var(--border);border-radius:4px;font-size:13px;transition:all .15s ease;background:var(--surface-2);color:var(--text)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #2563eb26}.hint{color:var(--muted);font-size:12px;margin-top:6px}.channel-guidance-note{margin:2px 0 10px;color:var(--muted);font-size:12px;line-height:1.35}.channel-guidance-inline{color:var(--muted);font-size:12px;line-height:1.35}.channel-guidance-link{color:var(--primary);font-weight:600;text-decoration:underline}.channel-guidance-link:hover{color:var(--primary-hover)}.checkbox-group{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.button-group{display:flex;gap:8px;margin-top:8px}.btn{flex:0 0 auto;padding:7px 10px;border:1px solid var(--border);border-radius:4px;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .08s ease;color:var(--text);background:var(--surface-2)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 8px 16px #2563eb3d}.btn-secondary:hover{background:#f8fafc;border-color:#c9d2df}.btn-info{background:#38bdf8;color:#0b1220;border-color:#22d3ee}.btn:hover{filter:brightness(.98)}.info-card{max-width:600px;margin:0 auto}.info-card h3{margin:0 0 15px;color:var(--text)}.info-card p{color:var(--muted);margin:0 0 15px;line-height:1.6}.info-card ul{list-style:none;padding:0;margin:0}.info-card li{padding:8px 0;color:var(--text);font-size:14px}.alert{padding:12px 16px;border-radius:var(--radius-xs);margin-bottom:16px;font-size:14px;border:1px solid var(--border)}.alert-success{background:#f6fff6;color:#0f5b1a;border-color:#c7f3ce}.api-form-card h3{color:var(--text)}.preset-endpoints{margin-top:8px}.preset-buttons{display:flex;gap:6px;flex-wrap:wrap}.btn-small{padding:6px 10px;font-size:13px}.servers-table{width:100%;border-collapse:separate;border-spacing:0;margin-bottom:12px;font-size:13px;border:1px solid var(--border);border-radius:var(--radius-xs);overflow:hidden}.servers-table th,.servers-table td{text-align:left;vertical-align:middle;border-bottom:1px solid var(--border)}.servers-table th{font-size:12px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.02em;background:#f8fafc}.servers-table tbody tr:nth-child(2n){background:#fbfdff}.servers-table tbody tr:hover{background:#f1f5f9}.servers-table tbody tr.catalog-row-inactive{background:#fff7f7}.catalog-input{background:#fff!important;border:1px solid #d1d5db;color:var(--text);height:32px;padding:6px 8px;line-height:1.2}.catalog-input[type=number],.catalog-input[type=text],.catalog-input[type=search],.catalog-input[type=email],.catalog-input[type=password],.catalog-input select,select.catalog-input{height:32px}.admin-catalog-card{position:relative}.admin-catalog-toast{position:absolute;top:14px;right:16px;margin:0;z-index:5}.catalog-table th,.catalog-table td{padding-top:4px;padding-bottom:4px}.catalog-table{font-size:12px}.catalog-table th{font-size:11px}.catalog-table td{line-height:1.1}.servers-table .server-url,.servers-table .server-token{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.servers-table .server-name{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;color:var(--text)}.servers-table .server-name.clickable:hover{text-decoration:underline}.servers-table .server-login,.servers-table .server-org{max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-scroll-wrap{width:100%;overflow-x:auto;margin-bottom:10px}.user-filter-bar{border:1px solid var(--border);border-radius:4px;background:var(--surface);padding:8px 10px;margin-bottom:10px}.user-filter-row{display:flex;align-items:center;gap:10px}.user-filter-row input{flex:1;min-width:220px}.filter-count{color:var(--muted);font-size:12px;font-weight:600;white-space:nowrap}.icon-btn.edit-icon{background:#fff7c2;border-color:khaki;width:34px;height:34px;padding:0;margin-right:6px}.icon-btn.edit-icon:hover{filter:brightness(.98)}.edit-dots{font-size:16px;font-weight:800;color:#000;line-height:1}.profile-form.small-form .form-group input,.profile-form.small-form .form-group textarea,.profile-form.small-form .form-group select{padding:8px;font-size:13px}.profile-form.small-form .form-group label{font-size:13px}.btn-check{padding:10px;font-size:16px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);display:inline-flex;align-items:center;justify-content:center}.btn-check.ok{background:#e6ffed;border-color:#a6f4c5;color:#04662b}.btn-check.fail{background:#fff2f2;border-color:#f59e9e;color:#8b1d1d}.btn-check:disabled{opacity:.7}.icon-btn{background:var(--surface-2);border:1px solid var(--border);width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer}.icon-btn svg{width:20px;height:20px}.icon-btn:hover{filter:brightness(.98)}.delete-icon{background:var(--danger);border-color:var(--danger);color:#fff}.delete-icon svg{stroke:#fff}.edit-dots{font-size:18px;color:#374151}.delete-x{color:#fff;font-size:18px}.online-x{color:#0f0;font-size:18px}.btn-check svg{width:20px;height:20px}.btn-check svg *{stroke-width:1.8px}.profile-form.half-width{width:50%}.profile-form.centered-form{margin:12px auto 0}.timezone-select{font-size:13px}.timezone-select optgroup{font-weight:700;color:var(--muted);padding:4px 0}.timezone-select option{padding:4px 8px}.server-timezone{font-size:12px;color:var(--muted);font-family:Courier New,monospace;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.servers-table th,.servers-table td{text-align:left;vertical-align:middle;border-bottom:1px solid var(--border);box-sizing:border-box}.servers-table td>*{display:flex;align-items:center}.servers-table .server-name{display:flex;align-items:center}.servers-table .server-name .clickable{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:8px}.icon-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;margin:0}.btn-check{padding:8px;height:36px;display:inline-flex;align-items:center;justify-content:center}.user-badges{display:flex;gap:3px;flex-wrap:wrap;margin-top:2px}.user-badge{display:inline-block;padding:1px 6px;border-radius:3px;font-size:10px;font-weight:700;letter-spacing:.02em;white-space:nowrap;vertical-align:middle;line-height:1.6}.badge-rbac{background:#dbeafe;color:#1e40af}.badge-legacy{background:#fef3c7;color:#92400e}.badge-warn{background:#fee2e2;color:#991b1b}.badge-muted{background:#f1f5f9;color:#64748b}.access-summary{margin-top:8px;padding:8px 10px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-xs);font-size:13px}.user-filter-bar{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.user-filter-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.user-filter-bar input[type=text]{padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius-xs);font-size:13px;background:var(--surface-2);color:var(--text);min-width:180px;flex:1}.user-filter-bar input[type=text]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.user-filter-bar select{padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius-xs);font-size:13px;background:var(--surface-2);color:var(--text);cursor:pointer}.segment-buttons{display:flex;gap:4px;flex-wrap:wrap}.segment-btn{padding:4px 10px;border:1px solid var(--border);border-radius:var(--radius-xs);font-size:12px;font-weight:600;background:var(--surface-2);color:var(--muted);cursor:pointer;transition:all .12s ease}.segment-btn:hover{color:var(--text);border-color:#93c5fd}.segment-btn.active{background:#bfdbfe;color:#08306b;border-color:#93c5fd}.filter-count{font-size:12px;color:var(--muted);white-space:nowrap;margin-left:auto}.bulk-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px 12px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--radius-xs);margin-bottom:10px;animation:slideUp .2s ease-out}.bulk-toolbar .bulk-count{font-size:13px;font-weight:700;color:#1e40af;white-space:nowrap}.bulk-btn{padding:5px 10px;border:1px solid #93c5fd;border-radius:var(--radius-xs);font-size:12px;font-weight:600;background:#fff;color:#1e40af;cursor:pointer;transition:all .12s ease}.bulk-btn:hover{background:#dbeafe}.bulk-btn.bulk-danger{border-color:#fca5a5;color:#991b1b}.bulk-btn.bulk-danger:hover{background:#fee2e2}.bulk-btn:disabled{opacity:.5;cursor:not-allowed}.bulk-role-picker{display:flex;gap:6px;align-items:center;padding:4px 0}.bulk-role-picker select{padding:5px 8px;border:1px solid #93c5fd;border-radius:var(--radius-xs);font-size:12px;background:#fff;color:var(--text)}.bulk-sep{width:1px;height:20px;background:#bfdbfe;flex-shrink:0}.servers-table .bulk-check{width:32px;text-align:center;padding:0 4px}.servers-table .bulk-check input[type=checkbox]{cursor:pointer;width:15px;height:15px}.table-scroll-wrap{overflow-x:auto;margin-bottom:4px;-webkit-overflow-scrolling:touch}.table-scroll-wrap .servers-table{min-width:820px}.filter-sep{width:1px;height:22px;background:var(--border);flex-shrink:0;margin:0 2px}.form-section-label{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:8px 0 2px;padding-bottom:4px;border-bottom:1px solid var(--border)}@media(max-width:600px){.profile-card,.info-card{padding:20px}.profile-header{flex-direction:column;text-align:center}.detail-row{flex-direction:column;align-items:flex-start;gap:8px}.button-group{flex-direction:column}.btn,.profile-form.half-width{width:100%}}@media(max-width:900px){.profile-card{padding:18px}.servers-table th,.servers-table td{padding:8px 6px;font-size:12px}}.data-table{border-collapse:collapse}.data-table th,.data-table td{padding:8px 12px;text-align:center;border-bottom:1px solid var(--border);white-space:nowrap}.data-table th{font-weight:700;color:var(--primary);font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease}.data-table th:hover{background:var(--surface-2)}.data-table td{font-size:14px;color:var(--text)}.data-table tbody tr:hover{background:var(--surface-2)}.profile-section,.result-box{border-radius:var(--radius-xs)}.dashboard-container{min-height:100vh;background:var(--bg);padding:32px 20px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto 24px;color:var(--text)}.dashboard-header h1{margin:0;font-size:28px;font-weight:700}.btn-back{background:var(--surface-2);color:var(--text);padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius-xs);cursor:pointer;font-weight:700;transition:background .12s ease}.btn-back:hover{background:#e9eef5}.dashboard-form-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-1);border:1px solid var(--border);padding:24px;max-width:820px;margin:0 auto 24px;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.dashboard-form-card h2{margin:0 0 10px;color:var(--text);font-size:20px}.dashboard-form-card p{color:var(--muted);margin:0 0 16px;line-height:1.5}.dashboard-form-card form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:6px;color:var(--muted);font-weight:600;font-size:14px}.form-group input{padding:12px;border:1px solid var(--border);border-radius:var(--radius-xs);font-size:14px;transition:all .15s ease;font-family:inherit;background:var(--surface-2);color:var(--text)}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #2563eb26}.example-section{background:var(--surface-2);padding:12px;border-radius:var(--radius-xs);margin-top:12px;border:1px solid var(--border)}.example-section p{margin:0 0 8px;color:var(--muted);font-weight:600;font-size:13px}.example-section pre{margin:0;padding:10px;background:var(--surface);border-radius:var(--radius-xs);font-size:11px;overflow-x:auto;color:var(--text);line-height:1.4;border:1px solid var(--border)}.button-group{display:flex;gap:10px;margin-top:10px}.btn{flex:1;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-xs);font-size:15px;font-weight:600;cursor:pointer;transition:all .15s ease;background:var(--surface-2);color:var(--text)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 5px 12px #2563eb40}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-example{background:#22d3ee;color:#0b1220;border-color:#06b6d4}.btn-example:hover:not(:disabled){filter:brightness(.97)}.btn-example:disabled{opacity:.7;cursor:not-allowed}.btn-success{background:var(--success);color:#fff}.alert{padding:12px 16px;border-radius:var(--radius-xs);margin-top:16px;font-size:14px;border:1px solid var(--border)}.alert-error{background:#fff6f6;color:#8b1d1d;border-color:#f3c7c7}.dashboard-content{max-width:1200px;margin:0 auto}.dashboard-controls{display:flex;justify-content:center;margin-bottom:24px;gap:10px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-bottom:24px}.dashboard-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-1);padding:20px;border:1px solid var(--border);animation:slideUp .3s ease-out}.dashboard-card h3{margin:0 0 12px;color:var(--text);font-size:16px;font-weight:700;padding-bottom:10px;border-bottom:1px solid var(--border)}.dashboard-card.full-width{grid-column:1 / -1}.summary-section{display:flex;flex-direction:column;gap:8px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}.summary-row:last-child{border-bottom:none}.summary-row.total{padding:12px;background:var(--surface-2);border-radius:var(--radius-xs);font-weight:700;border-bottom:none}.summary-label{color:var(--muted);font-size:14px;font-weight:600}.summary-value{color:var(--text);font-size:14px;font-weight:700;text-align:right}.summary-row.total .summary-value{color:var(--text);font-size:16px}.table-wrapper{overflow-x:auto;border-radius:var(--radius-xs);border:1px solid var(--border)}.summary-table{width:100%;border-collapse:collapse;background:transparent}.summary-table thead{background:var(--surface-2)}.summary-table th{padding:12px 15px;text-align:left;color:var(--text);font-weight:700;font-size:13px;text-transform:capitalize}.summary-table tbody tr{border-bottom:1px solid var(--border)}.summary-table tbody tr:nth-child(2n){background:#f8fafc}.summary-table tbody tr:hover{background:#eef2f7}.summary-table td{padding:12px 15px;color:var(--text);font-size:13px}.raw-data{background:var(--surface-2);padding:15px;border-radius:var(--radius-xs);overflow-x:auto;font-size:11px;line-height:1.4;color:var(--text);border:1px solid var(--border)}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:240px}.spinner{width:40px;height:40px;border:4px solid rgba(17,24,39,.15);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.loading-container p{color:var(--text);font-size:16px;font-weight:500}@media(max-width:1024px){.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media(max-width:768px){.dashboard-container{padding:20px 10px}.dashboard-header{flex-direction:column;gap:12px;margin-bottom:16px}.dashboard-header h1{font-size:24px;text-align:center}.btn-back{width:100%}.dashboard-form-card{padding:20px;margin:0 auto 16px}.dashboard-grid{grid-template-columns:1fr;gap:12px}.dashboard-card{padding:18px}.summary-table{font-size:12px}.summary-table th,.summary-table td{padding:10px 8px}}@media(max-width:480px){.dashboard-container{padding:15px 10px}.dashboard-header h1{font-size:20px}.dashboard-form-card,.dashboard-card{padding:15px}.dashboard-card h3{font-size:16px;margin-bottom:12px}.summary-label,.summary-value{font-size:12px}.example-section pre{font-size:10px}.btn{font-size:14px;padding:10px 12px}}.test-page{min-height:calc(100vh - 60px);background:var(--bg);padding:30px 20px}.test-page-container{max-width:1000px;margin:0 auto}.test-page h1{color:var(--text);font-size:2rem;margin-bottom:16px;text-align:center}.test-page-content{background:var(--surface);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-1);border:1px solid var(--border)}.test-page-content>p{font-size:1.05rem;color:var(--muted);margin-bottom:20px;text-align:center}.info-section{margin-bottom:24px;padding:16px;background:var(--surface-2);border-radius:var(--radius-xs);border-left:4px solid var(--border)}.info-section h2{color:var(--text);font-size:1.25rem;margin-bottom:12px;text-align:center;font-weight:700}.info-section ul{list-style:none;padding:0}.info-section ul li{padding:8px 0;color:var(--muted);font-size:1rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:16px}.feature-card{background:var(--surface);padding:20px;border-radius:var(--radius);text-align:center;box-shadow:var(--shadow-1);border:1px solid var(--border);transition:transform .12s ease,box-shadow .12s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-2)}.feature-icon{font-size:2.5rem;margin-bottom:12px}.feature-card h3{color:var(--text);font-size:1.1rem;margin-bottom:8px}.feature-card p{color:var(--muted);font-size:.95rem}.counter-section{text-align:center}.counter-display{background:var(--surface-2);color:var(--text);padding:24px;border-radius:var(--radius);margin-bottom:16px;border:1px solid var(--border)}.counter-value{font-size:3rem;font-weight:700}.counter-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.user-data-table{width:100%;border-collapse:collapse}.user-data-table td{padding:12px;border-bottom:1px solid var(--border)}.user-data-table tr:last-child td{border-bottom:none}.task-form{display:flex;gap:10px;margin-bottom:16px}.task-input{flex:1;padding:12px;border:1px solid var(--border);border-radius:var(--radius-xs);font-size:1rem;background:var(--surface-2);color:var(--text);transition:border-color .12s ease}.task-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #2563eb26}.tasks-list{margin-top:16px}.tasks-list ul{list-style:none;padding:0}.task-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--surface);border-radius:var(--radius-xs);margin-bottom:10px;box-shadow:var(--shadow-1);border:1px solid var(--border);transition:transform .12s ease}.task-item:hover{transform:translate(2px)}.task-item span{color:var(--text);font-size:1rem}.btn-delete{background:var(--danger);color:#fff;border:1px solid var(--danger);padding:6px 12px;border-radius:var(--radius-xs);cursor:pointer;font-weight:600;transition:filter .12s ease}.btn-delete:hover{filter:brightness(.95)}.empty-message{text-align:center;color:var(--muted);font-style:italic;padding:16px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-top:16px}.stat-card{background:var(--surface);padding:16px;border-radius:var(--radius);text-align:center;box-shadow:var(--shadow-1);border:1px solid var(--border)}.stat-value{font-size:2rem;font-weight:700;color:var(--primary);margin-bottom:4px}.stat-label{color:var(--muted);font-size:.9rem}.btn{padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-xs);cursor:pointer;font-weight:600;transition:all .12s ease;font-size:1rem;background:var(--surface-2);color:var(--text)}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{filter:brightness(.95)}.btn-secondary{background:var(--surface);color:var(--text)}.btn-secondary:hover{filter:brightness(.98)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(.95)}@media(max-width:768px){.test-page{padding:20px 10px}.test-page h1{font-size:1.75rem}.test-page-content{padding:20px}.info-section{padding:15px}.counter-value{font-size:2.5rem}.task-form,.counter-buttons{flex-direction:column}.counter-buttons .btn{width:100%}}:root{--bg: #f4efe6;--surface: #ffffff;--surface-2: #f1f5f9;--border: #d6dbe3;--text: #141b2d;--muted: #566375;--primary: #0f1b2e;--primary-hover: #1b2b47;--success: #16a34a;--danger: #dc2626;--warning: #ca8a04;--radius: 12px;--radius-sm: 10px;--radius-xs: 8px;--shadow-1: 0 8px 24px rgba(17, 24, 39, .08);--shadow-2: 0 16px 32px rgba(17, 24, 39, .1);--sidebar-bg: #ece4d7;--brand-header-bg: #d7ccb9;--brand-header-text: #2f2a22;--brand-accent: #ff6a3d}.theme-dark{--bg: #0f1115;--surface: #14171f;--surface-2: #1a1f2b;--border: #232a36;--text: #e6eaf2;--muted: #9aa4b2;--primary: #4c7cf0;--primary-hover: #3b6ae0;--success: #35c46d;--danger: #ef476f;--warning: #f7b32b;--radius: 10px;--radius-sm: 8px;--radius-xs: 6px;--shadow-1: 0 6px 24px rgba(0,0,0,.2);--shadow-2: 0 12px 30px rgba(0,0,0,.28)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);height:auto}img{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}body{font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.65;font-size:17px}.h1{font-size:2rem;font-weight:700;letter-spacing:-.02em}.h2{font-size:1.5rem;font-weight:700}.h3{font-size:1.25rem;font-weight:600}.text-muted{color:var(--muted)}.container{max-width:1200px;margin:0 auto;padding:24px}.stack-16>*+*{margin-top:16px}.stack-24>*+*{margin-top:24px}.row{display:flex;gap:12px;align-items:center}.grid{display:grid;gap:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1);padding:20px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.input,input[type=text],input[type=email],input[type=password],select,textarea{width:100%;background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-xs);padding:10px 12px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input:focus,input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb33}.label{font-weight:600;color:var(--muted);margin-bottom:6px;display:inline-block}.form-row{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:640px){.form-row{grid-template-columns:1fr 1fr}}.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:10px 14px;border-radius:var(--radius-xs);cursor:pointer;text-decoration:none;transition:transform .08s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease;font-weight:600}.btn:hover{background:#e9eef5;border-color:#c9d2df}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 10px 20px #2563eb40}.btn-success{background:var(--success);border-color:var(--success);color:#fff}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-muted{background:var(--surface)}.table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.table th,.table td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left}.table thead th{background:var(--surface-2);font-weight:700}.table tbody tr:hover{background:#f8fafc}.pill{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.85rem;border:1px solid var(--border);background:var(--surface-2);color:var(--text)}.page{display:grid;grid-template-columns:minmax(0,1fr);padding:24px}.page-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}.page-title{font-size:1.6rem;font-weight:700;letter-spacing:-.02em}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.spacer{height:16px}.hr{height:1px;background:var(--border);border:0}#root{max-width:none;padding:0}#root{width:100%;min-height:100vh;margin:0;padding:0;text-align:left}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.iiko-test{color:#222}.iiko-card{background:#fff;border:1px solid #e6e9ed;padding:12px;margin:12px 0;border-radius:8px}.iiko-grid{display:flex;flex-wrap:wrap;gap:12px}.iiko-col{display:flex;flex-direction:column;min-width:160px}.iiko-col label{font-size:13px;color:#333;margin-bottom:6px}.iiko-col input,.iiko-card textarea,.iiko-col select{padding:8px;border:1px solid #cfd8e3;border-radius:6px;background:#fff;color:#0b2b4a}.iiko-btn{background:#1d6fff;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer}.iiko-btn:disabled{opacity:.6}.iiko-error{color:#b00020;padding:8px}.dt-table th,.dt-table td{padding:6px;border-bottom:1px solid #eee}.dt-wrapper{background:#fff;border-radius:6px;padding:8px;border:1px solid #eee}.dt-empty{color:#666}@media(max-width:600px){.iiko-grid{grid-template-columns:1fr}.iiko-btn{width:100%}}.page-title{margin:0 0 14px;font-size:1.35rem;font-weight:700;color:var(--text)}.filters-panel{padding:10px;border:1px solid var(--border);border-radius:4px;background:linear-gradient(180deg,#fff,#f8fafc);margin-bottom:10px}.filters-row{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}.filters-field{display:flex;flex-direction:column;gap:6px;align-items:flex-start;min-width:0}.filters-field-server{flex:0 0 210px}.filters-field-from,.filters-field-to{flex:0 0 150px}.filters-field-employee{flex:0 0 170px}.filters-presets-field{flex:0 0 auto;flex-direction:row;align-items:center;gap:6px;min-height:34px}.filters-field input,.filters-field select{min-height:34px;width:100%}.filters-field .filters-input{background:#fff;color:var(--text)}.filters-presets{display:inline-flex;gap:6px;flex-wrap:nowrap;align-items:center;white-space:nowrap}.filters-field label{color:var(--muted);font-weight:600;font-size:13px}.filters-note{margin-left:6px;color:var(--muted);font-size:12px}.actions-panel{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-start;padding:8px 9px;border:1px solid var(--border);border-radius:4px;background:var(--surface);margin-bottom:10px}.actions-group{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.actions-group-title{width:100%;margin:0;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.report-btn{min-height:30px;padding:5px 9px;font-size:12px;line-height:1.2}.report-btn-sm{min-height:34px;padding:6px 12px;font-size:12px;border-radius:4px;white-space:nowrap}.report-btn-md{min-width:150px}.report-btn-lg{min-width:220px}.report-btn-xl{min-width:240px}.actions-export{display:flex;gap:8px;align-items:center;margin-left:auto}.results-panel{margin-top:6px}.result-meta{margin-bottom:10px;color:var(--muted);font-size:13px}.section-title-sm{margin:0 0 8px;font-size:1rem;color:var(--text);font-weight:700}.result-box{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:10px;min-height:120px}.empty-hint{color:var(--muted);line-height:1.6}.table-shell{border:1px solid var(--border);border-radius:4px;overflow:auto;background:var(--surface)}@media(max-width:900px){.filters-row>.filters-field:nth-child(1),.filters-row>.filters-field:nth-child(2),.filters-row>.filters-field:nth-child(3),.filters-row>.filters-field:last-child{flex:1 1 100%;min-width:0}.filters-presets{flex-wrap:wrap;white-space:normal}.actions-export{margin-left:0}}.sidebar{width:300px;flex:0 0 300px;border-right:1px solid var(--border);background:var(--sidebar-bg, #ece4d7);color:var(--text);display:flex;flex-direction:column;height:100vh;transition:width .2s ease,flex-basis .2s ease;position:sticky;top:0}.sidebar.collapsed{width:60px;flex:0 0 60px}.sidebar-header{padding:8px;font-weight:700;border-bottom:1px solid rgba(15,23,42,.08);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;display:flex;align-items:center;justify-content:space-between;min-height:44px}.sidebar-filter{width:100%;padding:8px 10px;border:1px solid rgba(15,23,42,.18);border-radius:6px;background:#fff;color:var(--text);font-size:15px;line-height:1.25}.sidebar-filter:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb29}.sidebar-groups{padding:4px 3px;display:flex;flex-direction:column;gap:3px;overflow-y:auto}.sidebar-group{border:1px solid rgba(15,23,42,.08);border-radius:3px;overflow:hidden;background:var(--surface);box-shadow:none;transition:border-color .2s ease,background-color .2s ease}.sidebar-group.active{border-color:#0f172a1a}.sidebar-group-toggle{width:100%;border:0;background:#0f172a05;padding:5px 7px;display:flex;justify-content:space-between;align-items:center;font-weight:700;color:var(--text);cursor:pointer;transition:background .2s ease,color .2s ease}.sidebar-group-toggle:hover{background:var(--surface-2)}.sidebar-group-title{display:inline-flex;align-items:center;gap:6px;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.sidebar-group-icon{font-size:16px;width:16px;min-width:16px;display:inline-flex;align-items:center;justify-content:center;text-align:center}.sidebar-group-arrow{font-size:12px;color:var(--muted)}.sidebar-items{list-style:none;margin:0;padding:3px;display:flex;flex-direction:column;gap:1px}.sidebar-item{display:block}.sidebar-item-row{display:flex;align-items:center;gap:3px}.sidebar-link{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:2px;text-decoration:none;color:var(--text);font-size:15px;line-height:1.35;font-weight:600;border:1px solid transparent;transition:background .22s ease,border-color .22s ease,color .22s ease;flex:1}.sidebar-parent-link{width:100%;cursor:pointer;text-align:left;background:transparent}.sidebar-item-icon{width:16px;min-width:16px;display:inline-flex;align-items:center;justify-content:center;text-align:center;opacity:.9}.sidebar-link:hover{background:#0f172a0d;border-color:#0f172a1f}.sidebar-link.active{background:#2563eb1f;color:var(--primary);border-color:#2563eb52;font-weight:700;border-left:2px solid var(--primary);padding-left:5px}.sidebar-sub-toggle{border:1px solid rgba(15,23,42,.12);background:transparent;color:var(--muted);border-radius:2px;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.sidebar-sub-toggle:hover{background:var(--surface-2);color:var(--text)}.sidebar-sub-items{list-style:none;margin:2px 0 0;padding:1px 0 1px 28px;display:flex;flex-direction:column;gap:1px}.sidebar-sub-link{display:flex;align-items:center;gap:6px;padding:3px 5px;border-radius:2px;color:var(--muted);text-decoration:none;border:1px solid transparent;font-size:14px;line-height:1.3;font-weight:500;transition:background .22s ease,color .22s ease,border-color .22s ease}.sidebar-sub-link:hover{background:#0f172a0a;color:var(--text)}.sidebar-sub-link.active{color:var(--primary);background:#2563eb1a;border-color:#2563eb3d;font-weight:700;border-left:2px solid var(--primary);padding-left:4px}.sidebar-sub-dot{width:16px;min-width:16px;display:inline-flex;align-items:center;justify-content:center;color:currentColor}.sidebar.collapsed .sidebar-group{border-radius:2px}.sidebar.collapsed .sidebar-group-toggle{justify-content:center;padding:5px 0}.sidebar.collapsed .sidebar-items{padding:3px 2px}.sidebar.collapsed .sidebar-link{justify-content:center;padding:6px 0;min-height:30px}.sidebar.collapsed .sidebar-item-icon{width:16px;min-width:16px}.app-layout{height:100vh;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.app-layout-with-sidebar{display:flex;flex-direction:column}.app-body{flex:1;min-height:0;display:flex}.app-main{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0}.topbar{min-height:64px;border-bottom:1px solid rgba(47,42,34,.22);background:var(--brand-header-bg);display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:10px;box-shadow:0 8px 20px #0f172a26;position:sticky;top:0;z-index:30}.topbar-left{min-width:0;display:flex;flex-direction:column;gap:1px}.topbar-mainline{display:flex;align-items:center;gap:12px;min-width:0}.topbar-brand{display:inline-flex;align-items:center;gap:8px;min-width:0}.topbar-brand-logo{width:38px;height:38px;object-fit:contain}.topbar-brand-text{display:flex;align-items:center}.topbar-brand-name{color:var(--brand-header-text);font-size:20px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}.sidebar-collapse-btn{width:26px;height:26px;border:1px solid rgba(47,42,34,.22);background:#ffffff59;color:var(--brand-header-text);border-radius:3px;cursor:pointer;padding:0;line-height:1;margin-bottom:2px}.sidebar-collapse-btn:hover{background:#ffffff8c;color:var(--brand-header-text)}.topbar-user{display:flex;align-items:center;gap:10px}.topbar-username{color:var(--brand-header-text);font-weight:600;padding:5px 8px;background:#fff6;border:1px solid rgba(47,42,34,.2);border-radius:4px;font-size:15px}.topbar .btn-logout{background:var(--brand-accent);color:#fff;border:1px solid var(--brand-accent);padding:8px 12px;border-radius:4px;cursor:pointer;font-weight:700;transition:background .15s ease,box-shadow .15s ease,transform .08s ease;font-size:14px}.topbar .btn-logout:hover{background:#ff7a52;box-shadow:0 6px 16px #ff6a3d59}.topbar .btn-signin{background:transparent;color:var(--brand-header-text);border:1px solid rgba(47,42,34,.3);padding:8px 12px;border-radius:4px;cursor:pointer;font-weight:700;font-size:14px}.topbar .btn-signin:hover{background:#ffffff73}.topbar .btn-logout:active{transform:translateY(1px)}.app-content{flex:1;width:100%;padding:10px 12px 14px;overflow-y:auto;min-height:0}.app-content-inner{width:min(94%,2400px);margin:0 auto}@media(max-width:900px){.topbar{padding:8px 10px;gap:8px}.topbar-user{gap:6px}.topbar-username{max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}