:root[data-theme=dark]{--bg-primary:#0a0a0a;--bg-secondary:#141414;--bg-glass:#ffffff0f;--bg-glass-hover:#ffffff1a;--bg-glass-active:#ffffff24;--border-glass:#ffffff14;--border-glass-strong:#ffffff26;--text-primary:#f5f5f5;--text-secondary:#a0a0a0;--text-tertiary:#666;--status-success:#34c759;--status-danger:#ff3b30;--status-warning:#ffd60a;--status-success-bg:#34c75926;--status-danger-bg:#ff3b3026;--status-warning-bg:#ffd60a26;--status-success-border:#34c7594d;--status-danger-border:#ff3b304d;--status-warning-border:#ffd60a4d;--text-on-accent:#fff;--toggle-off-bg:#39393d;--toggle-on-bg:var(--status-success);--toggle-thumb-bg:#fff;--shadow-sm:0 2px 8px #00000026;--shadow-md:0 8px 32px #0000004d;--shadow-lg:0 24px 80px #0000004d;--shadow-toggle-thumb:0 3px 8px #00000026,0 1px 1px #00000029,0 3px 1px #0000001a;--blur-glass:blur(20px);--blur-input:blur(10px);--blur-overlay:blur(4px);--overlay-backdrop:#00000080;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--font-primary:"Montserrat",system-ui,-apple-system,sans-serif;--bg-panel-overlay:#121216f7;--border-panel-overlay:#ffffff14;--bg-hover-subtle:#ffffff0a;--border-hover-subtle:#ffffff0f;--bg-subtle:#ffffff08;--border-subtle:#ffffff0a;--border-glass-medium:#ffffff1f;--border-focus:#fff3;--border-active:#ffffff4d;--text-muted:#ffffff59;--text-faint:#ffffff80;--bg-avatar-placeholder:#ffffff12;--text-avatar-placeholder:#ffffff80;--bg-hero-glass:#ffffff0a;--border-hero:#ffffff0f;--text-greeting:#f5f5f5;--text-date:#a0a0a0;--aqi-good:#34c759;--aqi-good-bg:#34c75926;--aqi-moderate:#ffd60a;--aqi-moderate-bg:#ffd60a26;--aqi-unhealthy:#ff9500;--aqi-unhealthy-bg:#ff950026;--aqi-very-unhealthy:#ff3b30;--aqi-very-unhealthy-bg:#ff3b3026;--online-dot:#34c759;--online-dot-bg:#34c75926;--priority-low:#8e8e93;--priority-normal:#4285f4;--priority-high:#ff9500;--priority-urgent:#ff3b30;--status-draft:#646464cc;--status-in-review:#aa8232cc;--status-approved:#328c5acc;--status-done:#4682b4cc;--status-pending:#aa8232cc;--status-active:#328c5acc;--status-on-hold:#aa8232cc;--status-completed:#4682b4cc;--status-archived:#505050cc;--accent-blue:#4a90d9;--accent-blue-rgb:74,144,217;--chat-read-receipt:#34b7f1;--bg-surface:#161616d9;--bg-card:#1a1a1ab8;--bg-hover:#262626b3;--bg-input:#0c0c0c99;--bg-modal:#1e1e1ed9;--bg-modal-heavy:#141414eb;--status-success-text:#50b478e6;--status-danger-text:#c86464e6;--status-warning-text:#dcb450e6;--overlay-light:#00000040;--overlay-medium:#0006;--overlay-heavy:#0009;--overlay-opaque:#000c;--overlay-near-opaque:#000000eb;--shadow-soft:0 1px 3px #0003,0 1px 2px #0000001f;--shadow-card:0 2px 8px #00000026;--accent-primary:#007aff;--accent-primary-rgb:0,122,255;--danger-bg:#be464614;--danger-bg-hover:#be464626;--danger-border:#be46464d;--danger-border-strong:#be464680;--success-bg:#328c5a14;--success-bg-hover:#328c5a33;--success-border:#328c5a4d;--success-border-strong:#328c5a80;--warning-bg:#aa82321a;--warning-border:#aa823240;--accent-indigo-bg:#6366f12e;--accent-indigo-bg-hover:#6366f159;--accent-indigo-text:#a5a8fff2}:root[data-theme=light]{--bg-primary:#f5f5f7;--bg-secondary:#fff;--bg-glass:#ffffffb8;--bg-glass-hover:#ffffffd1;--bg-glass-active:#ffffffe6;--border-glass:#0000000f;--border-glass-strong:#0000001f;--text-primary:#1d1d1f;--text-secondary:#6e6e73;--text-tertiary:#aeaeb2;--status-success:#34c759;--status-danger:#ff3b30;--status-warning:#ffd60a;--status-success-bg:#34c7591a;--status-danger-bg:#ff3b301a;--status-warning-bg:#ffd60a1a;--status-success-border:#34c75940;--status-danger-border:#ff3b3040;--status-warning-border:#ffd60a40;--text-on-accent:#fff;--toggle-off-bg:#e9e9ea;--toggle-on-bg:var(--status-success);--toggle-thumb-bg:#fff;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 8px 32px #00000014;--shadow-lg:0 24px 80px #0000001f;--shadow-toggle-thumb:0 3px 8px #00000014,0 1px 1px #00000014,0 3px 1px #0000000f;--blur-glass:blur(20px);--blur-input:blur(10px);--blur-overlay:blur(4px);--overlay-backdrop:#0000004d;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--font-primary:"Montserrat",system-ui,-apple-system,sans-serif;--bg-panel-overlay:#fffffff7;--border-panel-overlay:#00000014;--bg-hover-subtle:#0000000a;--border-hover-subtle:#0000000f;--bg-subtle:#00000008;--border-subtle:#0000000a;--border-glass-medium:#0000001a;--border-focus:#0000002e;--border-active:#00000040;--text-muted:#0006;--text-faint:#00000080;--bg-avatar-placeholder:#00000012;--text-avatar-placeholder:#00000080;--bg-hero-glass:#00000008;--border-hero:#0000000f;--text-greeting:#1d1d1f;--text-date:#6e6e73;--aqi-good:#28a745;--aqi-good-bg:#28a7451a;--aqi-moderate:#e6a800;--aqi-moderate-bg:#e6a8001a;--aqi-unhealthy:#e67e00;--aqi-unhealthy-bg:#e67e001a;--aqi-very-unhealthy:#dc3545;--aqi-very-unhealthy-bg:#dc35451a;--online-dot:#28a745;--online-dot-bg:#28a7451a;--priority-low:#8e8e93;--priority-normal:#4285f4;--priority-high:#ff9500;--priority-urgent:#ff3b30;--status-draft:#787878bf;--status-in-review:#b48c14bf;--status-approved:#289650bf;--status-done:#3278b4bf;--status-pending:#b48c14bf;--status-active:#289650bf;--status-on-hold:#b48c14bf;--status-completed:#3278b4bf;--status-archived:#646464bf;--accent-blue:#3478d0;--accent-blue-rgb:52,120,208;--chat-read-receipt:#2196f3;--bg-surface:#ffffffeb;--bg-card:#ffffffb8;--bg-hover:#0000000a;--bg-input:#00000008;--bg-modal:#fffffff2;--bg-modal-heavy:#fafafcf0;--status-success-text:#288246e6;--status-danger-text:#b43232e6;--status-warning-text:#b48c14e6;--overlay-light:#00000026;--overlay-medium:#0000004d;--overlay-heavy:#00000073;--overlay-opaque:#0009;--overlay-near-opaque:#000c;--shadow-soft:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-card:0 2px 8px #0000000f;--accent-primary:#007aff;--accent-primary-rgb:0,122,255;--danger-bg:#dc32320f;--danger-bg-hover:#dc32321f;--danger-border:#dc323240;--danger-border-strong:#dc323266;--success-bg:#2896500f;--success-bg-hover:#28965026;--success-border:#28965040;--success-border-strong:#28965066;--warning-bg:#b48c1414;--warning-border:#b48c1433;--accent-indigo-bg:#4f52dc1f;--accent-indigo-bg-hover:#4f52dc40;--accent-indigo-text:#4f52dcf2}
::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-glass-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}*{scrollbar-width:thin;scrollbar-color:var(--border-glass-strong)transparent}select{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-glass);font-family:var(--font-primary)}select option{background:var(--bg-secondary);color:var(--text-primary)}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:var(--blur-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.glass-card--hoverable:hover{border-color:var(--border-glass-strong);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.glass-btn{border-radius:var(--radius-md);font-family:var(--font-primary);cursor:pointer;white-space:nowrap;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:6px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.glass-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.glass-btn--sm{padding:6px 12px;font-size:12px}.glass-btn--md{padding:10px 20px;font-size:14px}.glass-btn--lg{padding:12px 28px;font-size:16px}.glass-btn--primary{background:var(--bg-glass-active);-webkit-backdrop-filter:var(--blur-glass);border-color:var(--border-glass-strong);color:var(--text-primary)}.glass-btn--primary:hover:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(-1px)}.glass-btn--primary:active:not(:disabled){transform:translateY(0)}.glass-btn--secondary{border-color:var(--border-glass);color:var(--text-secondary);background:0 0}.glass-btn--secondary:hover:not(:disabled){background:var(--bg-glass);color:var(--text-primary);border-color:var(--border-glass-strong)}.glass-btn--destructive{border-color:var(--status-danger-border);color:var(--status-danger);background:0 0}.glass-btn--destructive:hover:not(:disabled){background:var(--status-danger-bg)}.glass-btn--ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.glass-btn--ghost:hover:not(:disabled){background:var(--bg-glass);color:var(--text-primary)}.glass-input{background:var(--bg-glass);width:100%;-webkit-backdrop-filter:var(--blur-input);border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-primary);outline:none;padding:10px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.glass-input::placeholder{color:var(--text-tertiary)}.glass-input:focus{border-color:var(--border-glass-strong);box-shadow:0 0 0 3px #ffffff0d}.glass-input:disabled{opacity:.5;cursor:not-allowed}.glass-select{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-primary);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;outline:none;padding:10px 36px 10px 14px;font-size:14px;transition:border-color .2s}.glass-select:focus{border-color:var(--border-glass-strong)}.glass-select:disabled{opacity:.5;cursor:not-allowed}.glass-select option{background:var(--bg-secondary);color:var(--text-primary)}.glass-textarea{background:var(--bg-glass);width:100%;-webkit-backdrop-filter:var(--blur-input);border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-primary);resize:vertical;outline:none;min-height:80px;padding:10px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.glass-textarea::placeholder{color:var(--text-tertiary)}.glass-textarea:focus{border-color:var(--border-glass-strong);box-shadow:0 0 0 3px #ffffff0d}.glass-textarea:disabled{opacity:.5;cursor:not-allowed}.glass-modal-overlay{background:var(--overlay-backdrop);-webkit-backdrop-filter:var(--blur-overlay);z-index:1000;justify-content:center;align-items:center;animation:.15s glass-fade-in;display:flex;position:fixed;inset:0}@keyframes glass-fade-in{0%{opacity:0}to{opacity:1}}.glass-modal{background:var(--bg-secondary);-webkit-backdrop-filter:var(--blur-glass);border:1px solid var(--border-glass-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:90vw;max-height:85vh;animation:.2s cubic-bezier(.4,0,.2,1) glass-modal-in;overflow-y:auto}@keyframes glass-modal-in{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.glass-modal--sm{max-width:400px}.glass-modal--md{max-width:600px}.glass-modal--lg{max-width:800px}.glass-modal--xl{max-width:1000px}.glass-modal::-webkit-scrollbar{width:6px}.glass-modal::-webkit-scrollbar-track{background:0 0}.glass-modal::-webkit-scrollbar-thumb{background:var(--border-glass-strong);border-radius:3px}.glass-modal::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.glass-modal__header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.glass-modal__title{font-family:var(--font-primary);color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.glass-modal__close{color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:all .15s;display:flex}.glass-modal__close:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.glass-modal__body{padding:20px 24px 24px}.glass-badge{font-family:var(--font-primary);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.glass-badge--active{color:var(--status-success);background:var(--status-success-bg);border-color:var(--status-success-border)}.glass-badge--error{color:var(--status-danger);background:var(--status-danger-bg);border-color:var(--status-danger-border)}.glass-badge--warning{color:var(--status-warning);background:var(--status-warning-bg);border-color:var(--status-warning-border)}.glass-badge--disabled,.glass-badge--deprecated,.glass-badge--read{color:var(--text-tertiary);background:var(--bg-glass);border-color:var(--border-glass)}.glass-badge--write,.glass-badge--info{color:var(--text-primary);background:var(--bg-glass-active);border-color:var(--border-glass-strong)}.glass-toggle{background:var(--toggle-off-bg);cursor:pointer;border:none;border-radius:15.5px;outline:none;width:51px;height:31px;padding:0;transition:background .3s cubic-bezier(.4,0,.2,1);position:relative}.glass-toggle--on{background:var(--toggle-on-bg)}.glass-toggle--disabled{opacity:.5;cursor:not-allowed}.glass-toggle__thumb{background:var(--toggle-thumb-bg);width:27px;height:27px;box-shadow:var(--shadow-toggle-thumb);border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px}.glass-toggle--on .glass-toggle__thumb{transform:translate(20px)}.glass-table-wrapper{border-radius:var(--radius-lg);overflow-x:auto}.glass-table{border-collapse:separate;border-spacing:0;width:100%}.glass-table th{font-family:var(--font-primary);letter-spacing:.5px;text-transform:uppercase;color:var(--text-tertiary);border-bottom:1px solid var(--border-glass);text-align:left;white-space:nowrap;padding:12px 16px;font-size:11px;font-weight:700}.glass-table td{color:var(--text-primary);border-bottom:1px solid var(--border-glass);font-family:var(--font-primary);padding:14px 16px;font-size:14px}.glass-table tbody tr{transition:background .15s}.glass-table tbody tr:hover td{background:var(--bg-glass-hover)}.stats-card{background:var(--bg-glass);-webkit-backdrop-filter:var(--blur-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);text-align:center;padding:20px;transition:border-color .2s}.stats-card:hover{border-color:var(--border-glass-strong)}.stats-card__number{font-family:var(--font-primary);color:var(--text-primary);font-size:32px;font-weight:700;line-height:1.2}.stats-card__label{font-family:var(--font-primary);letter-spacing:.5px;text-transform:uppercase;color:var(--text-tertiary);margin-top:6px;font-size:11px;font-weight:600}.glass-sidebar{background:var(--bg-glass);-webkit-backdrop-filter:var(--blur-glass);border-right:1px solid var(--border-glass)}.sidebar-item{border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-primary);cursor:pointer;align-items:center;gap:10px;padding:10px 16px;font-size:14px;text-decoration:none;transition:all .15s;display:flex}.sidebar-item:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.sidebar-item.active{background:var(--bg-glass-active);color:var(--text-primary);font-weight:600}.sidebar-group-title{font-family:var(--font-primary);letter-spacing:1px;text-transform:uppercase;color:var(--text-tertiary);padding:20px 16px 6px;font-size:11px;font-weight:700}.glass-page{padding:32px}.glass-page__title{font-family:var(--font-primary);color:var(--text-primary);margin-bottom:4px;font-size:24px;font-weight:700}.glass-page__subtitle{font-family:var(--font-primary);color:var(--text-secondary);margin-bottom:24px;font-size:14px}.glass-form-group{margin-bottom:16px}.glass-form-label{font-family:var(--font-primary);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.glass-divider{background:var(--border-glass);border:none;height:1px;margin:16px 0}.glass-empty-state{text-align:center;color:var(--text-tertiary);font-family:var(--font-primary);padding:48px 24px;font-size:14px}@media (max-width:768px){.glass-page{padding:16px}.glass-modal{width:95vw;max-height:90vh}.glass-table-wrapper{border-radius:0;margin:0 -16px}}