:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#eff0f4;background:#0c0e12;font-synthesis:none;font-size:16px;--bg:#0c0e12;--surface:#14171d;--surface2:#1b1f27;--border:#272c35;--muted:#a2a9b7;--accent:#ed4558;--green:#58cf9b;--amber:#e8b661}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}[hidden]{display:none!important}button:focus-visible,a:focus-visible{outline:2px solid #ef8190}input,select,textarea{width:100%;background:#101319;color:#f1f3f6;border:1px solid #333946;border-radius:8px;padding:12px 13px;min-height:44px}input:focus,select:focus,textarea:focus{outline:2px solid #bd394b;outline-offset:1px}input[type=checkbox]{width:18px;height:18px;min-height:0;accent-color:var(--accent)}textarea{resize:vertical;min-height:100px}label{display:block;font-size:.875rem;font-weight:500;margin-bottom:8px}h1,h2,h3,p{margin-top:0}h1{font-size:1.95rem;font-weight:650;letter-spacing:-1px;margin-bottom:9px}h2{font-size:1.125rem;font-weight:600}h3{font-size:1rem;font-weight:600}.muted,.subtitle{color:var(--muted)}.subtitle{font-size:.9375rem;margin:0;line-height:1.5}.eyebrow{font-size:.75rem;letter-spacing:2px;font-weight:650;color:#d37885}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:10px 16px;border-radius:8px;border:1px solid #333a45;background:#1d222b;color:#f7f7fa;font-size:.875rem;font-weight:600}.button:hover{background:#292f3a}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.button.primary:hover{background:#d8384b}.button.quiet{background:transparent}.button.danger{color:#ff9aa7;border-color:#6d3540;background:#332028}.button.full{width:100%}.button.small{min-height:34px;padding:6px 11px}.icon-button{border:0;background:transparent;color:#bbc1ce;padding:8px;min-width:38px;min-height:38px;border-radius:6px;font-size:1.2rem}.icon-button:hover{background:#292e39}.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.brand{display:flex;align-items:center;font-weight:750;font-size:1.35rem;letter-spacing:-.7px;white-space:nowrap}.brand>span:last-child{color:var(--accent)}.brand-mark{display:flex;align-items:center;justify-content:center;letter-spacing:-2px;width:34px;height:37px;margin-right:12px;border-radius:8px;background:var(--accent);font-size:1.1rem;color:white}.brand-mark span{font-size:.75rem}.shell{display:flex;min-height:100vh}.sidebar{width:245px;position:fixed;inset:0 auto 0 0;background:#111419;border-right:1px solid var(--border);padding:30px 19px 0;display:flex;flex-direction:column;z-index:20}.sidebar .brand{margin:0 11px 36px}.workspace{display:flex;align-items:center;gap:11px;border:1px solid var(--border);border-radius:9px;padding:13px;font-size:.875rem;margin-bottom:31px}.workspace-icon{border:1px solid #3b414e;border-radius:7px;padding:7px 10px;background:#242933}.workspace small,.sidebar-bottom small{display:block;margin-top:4px;color:var(--muted);font-size:.75rem}.nav-label{font-size:.6875rem;letter-spacing:1.6px;color:#7f8898;margin-left:14px;margin-bottom:10px}nav{display:grid;gap:5px}nav a{display:flex;align-items:center;gap:13px;color:#acb3c1;font-size:.875rem;padding:12px 14px;border-radius:7px;position:relative}nav a:hover{background:#20252e;color:white}nav a.active{background:#352029;color:#ff7788}nav a.active:before{content:"";position:absolute;left:-19px;width:3px;height:22px;background:var(--accent);border-radius:0 3px 3px 0}.sidebar-bottom{margin-top:auto;padding:22px 0;display:flex;align-items:center;gap:10px;border-top:1px solid var(--border);font-size:.8125rem}.sidebar-bottom .icon-button{margin-left:auto}.avatar{width:36px;height:36px;display:inline-flex;justify-content:center;align-items:center;border-radius:11px;background:#282c39;color:#c8cede;font-size:.75rem;font-weight:650;flex-shrink:0}.admin-avatar{background:#32242e;color:#f9a2ae}.small-avatar{width:32px;height:32px;border-radius:50%;background:#28303c}.main{margin-left:245px;min-width:0;flex:1}.topbar{height:78px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:16px}.breadcrumb{color:#8e97a7;font-size:.8125rem}.breadcrumb span{margin:0 15px;color:#596171}.breadcrumb strong{font-weight:500;color:#d1d6e0}.topbar-right{display:flex;align-items:center;gap:20px;color:#9ca6b5;font-size:.8125rem}.top-divider{height:22px;width:1px;background:var(--border)}.mobile-toggle{display:none}#content{padding:34px 38px;max-width:1700px;margin:0 auto;min-height:calc(100vh - 140px)}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:30px}.head-actions{display:flex;gap:10px;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:25px}.metric{background:var(--surface);border:1px solid var(--border);padding:21px;border-radius:11px;min-height:144px}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#a5adbb;font-size:.8125rem;gap:10px}.metric-icon{display:flex;color:#d19ea7;background:#302129;padding:8px;border-radius:8px}.metric strong{display:block;font-size:1.95rem;letter-spacing:-.8px;margin:11px 0 5px;font-weight:650}.metric small{color:#8993a3;font-size:.75rem}.metric .positive{color:var(--green)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:22px;margin-bottom:25px}.card{background:var(--surface);border:1px solid var(--border);border-radius:11px;overflow:hidden}.card-header{padding:21px 23px;display:flex;align-items:center;justify-content:space-between;gap:12px}.card-header h2{margin:0}.card-header small{display:block;margin-top:6px;color:var(--muted);font-size:.8125rem}.card-body{padding:0 23px 23px}.subtle-tag{font-size:.75rem;border:1px solid #343b47;border-radius:6px;color:#aeb7c6;padding:5px 9px;white-space:nowrap}.chart{width:100%;height:210px;overflow:visible}.chart text{fill:#8993a3;font:12px "Segoe UI",sans-serif}.chart .grid{stroke:#272c35;stroke-dasharray:3 5}.chart .bar{fill:#e44559}.chart .baseline{fill:#34303b}.chart-note{margin:0 0 12px;color:#a4adbb;font-size:.8125rem}.task{display:flex;gap:12px;align-items:center;padding:18px 0;border-bottom:1px solid var(--border)}.task:last-child{border-bottom:0}.task-icon{width:37px;height:37px;border-radius:9px;background:#32291d;display:flex;align-items:center;justify-content:center;color:var(--amber)}.task-icon.red{background:#362029;color:#f27a89}.task-icon.blue{background:#202b3c;color:#84b2f8}.task-text{flex:1}.task-text strong{display:block;font-size:.875rem;font-weight:500}.task-text small{display:block;font-size:.75rem;color:#929bad;margin-top:5px}.task-count{font-size:1.125rem;font-weight:600}.text-link{color:#f47b8b;font-size:.8125rem;background:none;border:0;padding:3px;display:inline-flex;align-items:center;gap:5px}.text-link:hover{text-decoration:underline}.toolbar{display:flex;gap:12px;align-items:center;padding:17px 22px;border-bottom:1px solid var(--border);flex-wrap:wrap}.search{position:relative;flex:1;min-width:180px;max-width:430px}.search .icon{position:absolute;left:12px;top:13px;color:#858f9e}.search input{padding-left:40px;font-size:.875rem;background:#101318}.toolbar select{width:auto;font-size:.875rem}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:.875rem}th{font-size:.75rem;color:#919bac;font-weight:500;background:#171b22;padding:13px 22px;border-bottom:1px solid var(--border)}td{padding:17px 22px;border-bottom:1px solid #242933;color:#c9cfdb}tr:last-child td{border-bottom:0}tbody tr:hover{background:#191e26}.person{display:flex;align-items:center;gap:12px}.person strong{display:block;font-weight:500;color:#ecedf3}.person small{display:block;margin-top:5px;color:#8a94a5;font-size:.75rem}.badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:5px;white-space:nowrap;background:#252c36;color:#b7c1d1;font-size:.75rem}.badge.green{background:#18352c;color:#7cdbac}.badge.amber{background:#372c1c;color:#e8ba71}.badge.red{background:#38212a;color:#f58e9b}.badge.blue{background:#202d41;color:#8fbaf7}.table-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;border-top:1px solid var(--border);font-size:.8125rem;color:#939dac}.table-footer .head-actions{gap:7px}.empty{text-align:center;padding:46px 20px;color:var(--muted)}.empty .empty-icon{color:#596475;margin-bottom:14px}.empty .icon{height:32px;width:32px}.empty h3{color:#dfe3eb;margin-bottom:8px}.empty p{max-width:380px;margin:0 auto 20px;line-height:1.6;font-size:.875rem}.loading{padding:70px;text-align:center;color:#aab3c2}.loading:before{content:"";display:block;margin:0 auto 20px;width:22px;height:22px;border:2px solid #383f4c;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-footer{max-width:1700px;margin:auto;padding:14px 38px 22px;display:flex;justify-content:space-between;color:#738092;font-size:.75rem}.notice{padding:15px 18px;background:#231e23;border:1px solid #483039;border-radius:8px;color:#d7b6bc;font-size:.875rem;line-height:1.6;margin-bottom:22px}.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:28px}.plan-card{padding:23px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.plan-card .plan-label{font-size:.6875rem;letter-spacing:1.5px;color:#dc7d8b}.plan-card h3{margin:14px 0 20px}.price{font-size:1.8rem;font-weight:650;letter-spacing:-.7px}.price small{font-size:.8125rem;color:var(--muted);font-weight:400;letter-spacing:0}.plan-features{padding-top:20px;margin-top:18px;border-top:1px solid var(--border);font-size:.875rem;color:#afb8c7;line-height:1.9}.section-title{margin:26px 0 16px;font-size:1rem;color:#d7dce5}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--border);font-size:.875rem}.setting-row:last-child{border:0}.setting-row span:first-child{color:var(--muted)}.setting-row strong{font-weight:500;text-align:right}.help-text{font-size:.875rem;line-height:1.7;color:#9ea8b8}.error{color:#ff9bab;font-size:.875rem;line-height:1.5}.login-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-brand{background:radial-gradient(ellipse at 0 100%,#48202d 0,transparent 60%),#131419;padding:60px 13%;border-right:1px solid #34303a;display:flex;flex-direction:column;justify-content:space-between;gap:80px}.login-brand h1{font-size:clamp(2.5rem,4vw,4rem);line-height:1.15;letter-spacing:-2px;margin:24px 0}.login-brand p{font-size:1rem;color:#aeb0bc;line-height:1.8}.login-brand small{letter-spacing:3px;font-size:.75rem;color:#a98993}.login-main{display:flex;align-items:center;justify-content:center;padding:40px}.login-card{width:100%;max-width:370px}.login-card h2{font-size:1.8rem;letter-spacing:-1px;margin:15px 0 10px}.login-card>p{color:var(--muted);font-size:.9375rem;margin-bottom:32px}.login-card label{margin-top:32px}.login-card .field-hint{font-size:.75rem;margin:11px 0 25px;line-height:1.6}.login-card .error{color:#ff9bab;margin-top:14px}.login-security{border-top:1px solid var(--border);margin-top:32px;padding-top:22px;font-size:.75rem;color:#7c8798;text-align:center}dialog{padding:0;background:#161a21;color:#e8ebf1;border:1px solid #3a424f;border-radius:13px;width:min(680px,calc(100% - 30px));max-height:90vh;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#04070bc9;backdrop-filter:blur(3px)}.dialog-header{padding:21px 25px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.dialog-header h2{font-size:1.2rem;margin:0}.dialog-body{padding:24px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid .span2{grid-column:1/-1}.checkbox-label{display:flex;align-items:flex-start;gap:10px;line-height:1.6;font-size:.875rem;color:#b9c2d0}.field-hint{font-size:.75rem;color:#909bac;margin-top:7px;line-height:1.5}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:5px 0 24px}.detail-grid dt{font-size:.75rem;color:#8995a7;margin-bottom:7px}.detail-grid dd{margin:0;font-size:.9375rem;overflow-wrap:anywhere}.conversation{display:grid;gap:12px;max-height:340px;overflow-y:auto;padding:16px;background:#0f131a;border:1px solid var(--border);border-radius:9px;margin-bottom:18px}.bubble{justify-self:start;max-width:90%;padding:12px 15px;border-radius:10px 10px 10px 2px;background:#242b36;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;font-size:.875rem}.bubble.out{justify-self:end;background:#3b2631;border-radius:10px 10px 2px 10px}.bubble small{display:block;color:#9da4b4;font-size:.6875rem;margin-top:6px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;padding:14px 23px;background:#253a32;border:1px solid #4b7964;border-radius:9px;color:#d6f6e5;font-size:.875rem;max-width:90vw;box-shadow:0 8px 25px #0006}.toast.error-toast{background:#3a252d;border-color:#9a4b5c;color:#ffe0e6}.mono{font-family:ui-monospace,Consolas,monospace;font-size:.75rem;overflow-wrap:anywhere}.split-actions{display:flex;gap:10px;flex-wrap:wrap}.divider{border:0;border-top:1px solid var(--border);margin:24px 0}.form-error{margin:14px 0 0;color:#ff9bab;font-size:.875rem}.filter-note{color:var(--muted);font-size:.8125rem;margin-left:auto}
@media(min-width:1500px){#content{padding:40px 48px}.metric strong{font-size:2.1rem}}
@media(max-width:1150px){.sidebar{width:220px}.main{margin-left:220px}.topbar{padding:0 25px}#content{padding:28px 25px}.metrics{gap:12px}.metric{padding:16px}.metric strong{font-size:1.55rem}.dashboard-grid{grid-template-columns:1.35fr 1fr}.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar-right #today{display:none}}
@media(max-width:850px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:245px;box-shadow:10px 0 50px #0008}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.mobile-toggle{display:block}.topbar{height:66px;padding:0 18px}.breadcrumb{flex:1}.topbar-right{gap:8px}.top-divider{display:none}#content{padding:25px 20px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.settings-grid{grid-template-columns:1fr}.login-screen{grid-template-columns:1fr}.login-brand{padding:30px;gap:30px}.login-brand>div,.login-brand>small{display:none}.login-main{padding:45px 25px}.page-footer{padding:15px 20px}.page-footer span{display:none}}
@media(max-width:500px){h1{font-size:1.65rem}.page-head{flex-direction:column;gap:16px}.head-actions{width:100%}.head-actions .button{flex:1}.metrics{gap:10px}.metric{padding:15px 12px}.metric-top{font-size:.75rem}.metric-icon{display:none}.metric strong{font-size:1.4rem}.metric small{font-size:.6875rem}.plans-grid,.form-grid,.detail-grid{grid-template-columns:1fr}.form-grid .span2{grid-column:auto}.toolbar{padding:15px}.toolbar .search{max-width:none;width:100%}.card-header{padding:19px 16px}.card-body{padding:0 16px 18px}.dialog-body{padding:20px}.dialog-header{padding:16px 20px}.table-footer{flex-wrap:wrap}.breadcrumb{font-size:.75rem}.breadcrumb span{margin:0 8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}