:root,[data-theme=light]{--bg: #f4f7fe;--surface: #ffffff;--surface2: #f8f9fa;--border: rgba(163, 174, 208, .2);--border2: rgba(163, 174, 208, .4);--text: #2b3674;--muted: #a3aed0;--accent: #4318ff;--accent-light: rgba(67, 24, 255, .1);--good: #05cd99;--warn: #ffb547;--bad: #ee5d50;--spacing-4: 4px;--spacing-8: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-24: 24px;--spacing-32: 32px;--spacing-48: 48px;--spacing-64: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow: 0px 10px 30px rgba(17, 38, 146, .05)}[data-theme=dark]{--bg: #0b1437;--surface: #111c44;--surface2: #1b254b;--border: rgba(255, 255, 255, .1);--border2: rgba(255, 255, 255, .15);--text: #ffffff;--muted: #a3aed0;--accent: #7551ff;--accent-light: rgba(117, 81, 255, .15);--good: #01b574;--warn: #ffb547;--bad: #ee5d50;--shadow: 0px 10px 30px rgba(0, 0, 0, .2);--topbar-bg: rgba(11, 20, 55, .9)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;background:var(--bg);color:var(--text);line-height:1.5;overflow:hidden}.dashboard-layout{display:flex;height:100vh;width:100vw;overflow:hidden}.sidebar{width:280px;flex-shrink:0;background:var(--surface);display:flex;flex-direction:column;padding:24px 16px;box-shadow:2px 0 20px #00000005;z-index:10;overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;padding:0 12px;margin-bottom:30px}.logo-wrap{width:36px;height:36px;border-radius:12px;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #4318ff4d}.logo-wrap svg{width:20px;height:20px}.brand h1{font-size:20px;font-weight:700;color:var(--text);letter-spacing:-.02em}.sidebar-nav{display:flex;flex-direction:column;gap:16px}.nav-group{display:flex;flex-direction:column;gap:4px}.nav-group-title{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--muted);letter-spacing:.05em;padding:8px 12px 4px}.nav-item{display:flex;align-items:center;padding:10px 12px;border-radius:var(--radius-md);color:var(--muted);font-weight:600;cursor:pointer;transition:all .2s;background:transparent;border:none;font-size:14px;text-align:left;width:100%}.nav-item:hover{color:var(--text);background:var(--surface2)}.nav-item.active{color:var(--accent);background:var(--accent-light);font-weight:700}.nav-item[disabled]{opacity:.4;cursor:not-allowed}.nav-item-danger{color:var(--bad)}.nav-item-danger:hover{background:#ee5d501a;color:#d14135}.main-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;position:relative;scroll-behavior:smooth}.topbar{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;position:sticky;top:0;background:var(--topbar-bg, rgba(244, 247, 254, .9));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5}.page-title{font-size:24px;font-weight:700;color:var(--text);margin-bottom:2px;letter-spacing:-.01em}.page-subtitle{font-size:13px;color:var(--muted);font-weight:500}.topbar-right{display:flex;align-items:center;gap:16px}.id-wrap{display:flex;align-items:center;background:var(--surface);border-radius:999px;padding:6px 6px 6px 16px;box-shadow:0 5px 14px #00000008;gap:8px}.id-wrap label{font-size:12px;font-weight:600;color:var(--muted);margin:0}.id-wrap input{width:130px;border:none;background:transparent;color:var(--text);font-size:14px;font-weight:600;outline:none;padding:4px}.id-wrap input::placeholder{color:#a3aed099}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-8);padding:var(--spacing-8) var(--spacing-16);min-height:40px;min-width:44px;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;border:none;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-outline{background:transparent;border:1px solid var(--border2);color:var(--text)}.btn-outline:hover{background:var(--surface2);border-color:var(--muted)}.btn-outline:active:not(:disabled){transform:scale(.97)}.btn-icon{padding:8px;border-radius:50%;background:var(--surface2);color:var(--muted)}.btn-icon span{display:none}.btn-icon:hover{background:var(--accent-light);color:var(--accent)}.workspace{padding:var(--spacing-12) var(--spacing-24) var(--spacing-32) var(--spacing-24);display:flex;flex-direction:column;gap:var(--spacing-24)}.report-tabs-card{background:var(--surface);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}.tabs-list{display:flex;gap:8px;flex-wrap:wrap}.tabs-list.hidden{display:none}.tab-pill{padding:8px 16px;border-radius:999px;font-size:13px;font-weight:600;color:var(--muted);background:var(--surface2);border:1px solid transparent;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.tab-pill:hover{color:var(--text);background:#a3aed026}.tab-pill.active{background:var(--text);color:var(--surface)}.nav-reports-top{display:flex;flex-direction:column}#rootTabs .tab-pill{font-size:14px;padding:10px 20px;background:var(--surface);border:1px solid var(--border);box-shadow:0 2px 8px #00000005}#rootTabs .tab-pill:hover{border-color:var(--border2)}#rootTabs .tab-pill.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 12px var(--accent-light)}#subTabs .tab-pill{font-size:13px;padding:6px 14px;background:transparent;border:1px solid transparent}#subTabs .tab-pill:hover{background:var(--surface2)}#subTabs .tab-pill.active{background:var(--accent-light);color:var(--accent)}.workspace-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}@media(max-width:1200px){.workspace-grid{grid-template-columns:1fr}}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}.card-head{padding:24px 24px 16px;display:flex;align-items:center;justify-content:space-between}.card-head h3{font-size:18px;font-weight:700;color:var(--text)}.card-body{padding:0 24px 24px}.empty-state{display:flex;justify-content:center;align-items:center;height:200px;color:var(--muted);font-size:14px;font-weight:500;text-align:center;background:var(--surface2);border-radius:var(--radius-md);border:1px dashed var(--border2)}.form{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.field{grid-column:span 6;display:flex;flex-direction:column;gap:6px}.field.w3{grid-column:span 3}.field.w4{grid-column:span 4}.field.w6{grid-column:span 6}.field.w9{grid-column:span 9}.field.w12{grid-column:span 12}@media(max-width:768px){.field{grid-column:span 12!important}}label{font-size:12px;font-weight:600;color:var(--text);letter-spacing:.01em}input,select{width:100%;padding:var(--spacing-12) var(--spacing-16);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-family:inherit;font-size:14px;font-weight:500;outline:none;transition:all .2s;box-shadow:0 2px 5px #00000003}select option{background:var(--surface);color:var(--text)}select:focus>option:checked{background:var(--accent)!important}input:disabled,select:disabled,textarea:disabled{background:var(--surface2);opacity:.6;cursor:not-allowed}input::placeholder{color:var(--muted);font-weight:400}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.bool-row{display:flex;align-items:center;gap:var(--spacing-12);padding:var(--spacing-12) var(--spacing-16);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s;box-shadow:0 2px 5px #00000003}.bool-row:hover{border-color:var(--border2);background:var(--surface2)}.bool-checkbox{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0;cursor:pointer}.bool-label{font-size:14px;font-weight:500;color:var(--text);margin:0}.multi-group{display:flex;gap:var(--spacing-12);flex-wrap:wrap;padding:var(--spacing-12) var(--spacing-16);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.multi-item{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text);cursor:pointer;margin:0}.send-btn{width:100%;padding:14px;min-height:48px;font-size:15px;font-weight:700;letter-spacing:.02em;border:none;border-radius:var(--radius-md);background:var(--accent);color:#fff;margin-top:10px;box-shadow:0 8px 20px var(--accent-light);transition:all .2s;cursor:pointer}.send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 25px #4318ff40;background:#3914de}.send-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.send-btn.sent{background:var(--good);box-shadow:0 8px 15px #05cd9933}.list-add-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.list-id{flex:1;min-width:150px}.list-num{width:100px;flex-shrink:0}.table{width:100%;border-collapse:collapse;margin-top:var(--spacing-12);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 0 0 1px var(--border)}.table th,.table td{padding:10px 14px;font-size:13px;text-align:left;border-bottom:1px solid var(--border)}.table th{color:var(--muted);font-weight:600;background:var(--surface2);text-transform:uppercase;font-size:11px;letter-spacing:.05em}.table tr:last-child td{border-bottom:none}.table td.td-del{width:44px;text-align:center}.preview-card{position:sticky;top:90px}.preview-body{display:flex;flex-direction:column}#preview{flex:1;min-height:480px;resize:vertical;padding:var(--spacing-16);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface2);color:var(--text);font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:13px;line-height:1.6;outline:none;tab-size:2;transition:box-shadow .2s}#preview:focus{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.preview-footer{margin-top:12px;font-size:12px;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:8px}.preview-footer:before{content:"";display:block;width:8px;height:8px;border-radius:50%;background:var(--good)}.msg{font-size:13px;font-weight:500;color:var(--muted);min-height:18px}.msg.ok{color:var(--good)}.msg.warn{color:var(--warn)}.msg.bad{color:var(--bad)}.nav-sep{width:100%;height:1px;background:var(--border);margin:12px 0}.theme-switcher{display:flex;gap:12px;flex-wrap:wrap}.theme-btn{flex:1;min-width:120px;background:var(--surface);border:1px solid var(--border);color:var(--muted);box-shadow:0 2px 6px #00000005}.theme-btn:hover{border-color:var(--accent);color:var(--text);background:var(--surface2)}.theme-btn.active{background:var(--accent-light);border-color:var(--accent);color:var(--accent);box-shadow:0 4px 12px #4318ff1a}.auth-layout{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw;background:var(--bg);position:absolute;top:0;left:0;z-index:1000}.auth-card{width:100%;max-width:400px;background:var(--surface);border-radius:var(--radius-lg);padding:40px var(--spacing-32);box-shadow:var(--shadow);display:flex;flex-direction:column}.auth-card a{text-decoration:none;font-weight:600;transition:opacity .2s}.auth-card a:hover{opacity:.8}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:99;opacity:0;transition:opacity .3s ease}.mobile-menu-btn{display:none;background:transparent;border:none;color:var(--text);cursor:pointer;padding:8px;border-radius:var(--radius-sm);transition:background .2s}.mobile-menu-btn:hover{background:var(--surface2)}@media(max-width:768px){.mobile-menu-btn{display:flex;align-items:center;justify-content:center}.sidebar{position:fixed;top:0;left:-280px;height:100vh;z-index:101;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar.open{transform:translate(280px)}.sidebar-overlay.active{display:block;opacity:1}.topbar{padding:16px 20px}.id-wrap{padding:6px}.id-wrap label{display:none}.id-wrap input{width:60px}.workspace{padding:16px}.card{padding:var(--spacing-16)}.auth-card{padding:var(--spacing-32) var(--spacing-24);margin:16px}}.preloader{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--bg);z-index:99999;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:1;visibility:visible;transition:opacity .5s ease,visibility .5s ease}.preloader.hidden{opacity:0;visibility:hidden}.spinner{width:50px;height:50px;position:relative;margin-bottom:24px}.double-bounce1,.double-bounce2{width:100%;height:100%;border-radius:50%;background-color:var(--accent);opacity:.6;position:absolute;top:0;left:0;animation:sk-bounce 2s infinite ease-in-out}.double-bounce2{animation-delay:-1s}@keyframes sk-bounce{0%,to{transform:scale(0)}50%{transform:scale(1)}}.preloader-title{font-family:Inter,sans-serif;font-size:24px;font-weight:700;color:var(--text);letter-spacing:2px;text-transform:uppercase;animation:pulse-text 2s infinite ease-in-out}@keyframes pulse-text{0%,to{opacity:.6}50%{opacity:1}}