:root{color-scheme:light;--bg:#f3f4fa;--panel:#fff;--panel2:#f8f8fc;--border:#e3e5f0;--txt:#252a42;--muted:#747b91;--accent:#6654dc;--accent2:#8f82ef;--red:#c64767;--yellow:#b97614;--blue:#397db0}
body{font-family:"Segoe UI",Arial,sans-serif}.sidebar{width:230px;background:#fff;border-right:1px solid var(--border)}.brand{padding:24px 20px 28px;gap:12px;border-bottom:1px solid var(--border);margin-bottom:22px}.brand b{font-size:24px;letter-spacing:-1px}.brand small{font-size:8px;letter-spacing:1.5px}.logomark{background:linear-gradient(145deg,#8171f0,#5240c4);color:#fff;border-radius:11px}.section-label{color:#9297ac}.nav-group{color:#848aa0;font-size:10px;font-weight:700;letter-spacing:1.3px;border-top:1px solid var(--border);margin:16px 0 7px;padding:20px 14px 4px}nav{padding:0 10px;gap:4px}nav button{color:#555e79;font-size:12px;border-radius:6px;padding:13px 12px;gap:11px}nav button:hover,nav button.active{background:#eeebff;color:#5945ca}nav button.active{box-shadow:inset 3px 0 #6654dc}.nav-icon{color:#8276c9}.sidebar-bottom{color:#5c657e;padding:22px 18px;font-size:11px}.sidebar-bottom small{color:#9297ac}.statusdot{background:#27ac91;box-shadow:none}.main{padding:0 30px 22px;max-width:none}.topbar{background:white;margin:0 -30px;padding:19px 30px;border-bottom:1px solid var(--border);min-height:91px}.topbar h2{font-size:24px;margin-top:6px}.eyebrow{color:#9297ad;font-size:9px}.eyebrow span{color:#6c60ba}.me{color:#656c86}.chip{background:#eaf8f3;border-color:#d1ecdf;color:#258461;font-size:9px;padding:6px 9px}.ghost{color:#676b84;background:white;border-color:#dfe1eb;border-radius:5px;font-size:12px}.primary{background:#6654dc;border-color:#6654dc;color:#fff;box-shadow:none;border-radius:5px;font-weight:600}.primary:hover{background:#5845cc}.layout{padding-top:24px}.dashboard-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:20px}.dashboard-tools p{color:#858ba0;font-size:12px;margin:8px 0}.dashboard-tools label{min-width:165px;font-size:10px}.dashboard-tools select{padding:8px 10px;font-size:12px}.metrics{gap:17px}.metric{background:white;border:1px solid var(--border);border-radius:5px;min-height:102px;padding:19px 20px;display:flex;flex-direction:column}.metric:first-child{border-left:3px solid #6654dc;background:#eeebff}.metric .metric-icon{position:absolute;right:20px;top:20px;color:#aca3df}.metric strong{font-size:26px;margin:10px 0 0;order:2;letter-spacing:-.5px}.metric p{order:1;font-size:11px;color:#747b91;max-width:85%}.metric:after{display:none}.section{border-radius:5px;box-shadow:0 2px 8px #29275503;background:white}.sectionhead{padding:19px 21px}.sectionhead h3{font-size:14px;font-weight:600}.sectionhead small{font-size:10px;margin-top:5px}.sectionbody{padding:22px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.dashboard-grid .section{margin-top:22px}.dashboard-grid .section:nth-child(n+3){margin-top:0}.chart-card .sectionbody{min-height:120px}.trend{display:block;width:100%;height:200px;overflow:visible}.trend text{font-family:inherit;font-size:10px;fill:#8a8fa3}.donut-layout{display:flex;align-items:center;justify-content:center;gap:35px;min-height:200px}.donut{width:166px;height:166px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.donut>div{background:white;border-radius:50%;width:115px;height:115px;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut strong{font-size:30px;font-weight:600}.donut small{font-size:11px;color:var(--muted)}.chart-legend{min-width:120px}.chart-legend>div{display:flex;align-items:center;gap:9px;font-size:12px;margin:15px 0}.chart-legend i{width:9px;height:9px;border-radius:2px}.chart-legend b{margin-left:auto}.two-col{grid-template-columns:1fr 1fr;gap:22px}.two-col p{font-size:12px;line-height:1.8}.progress{background:#eeedf6}.progress span{background:linear-gradient(90deg,#6654dc,#aca0f5)}.hero{background:#eeebff;border-color:#ded9f9;border-radius:6px;padding:24px}.hero p{color:#73758c}.hero h3{font-size:20px}.kicker{color:#8074c5;font-size:10px}.plan{background:white;border-color:var(--border);border-radius:6px}.plan h3{color:#393d58}.feature-line{color:#7f8498}.pill.green{color:#25815e;background:#eaf7f0;border-color:#d5ecde}.pill.yellow{color:#9d6c19;background:#fff6e8;border-color:#f2e3c7}.pill.red{color:#ba4562;background:#fff0f3;border-color:#f6d8df}.pill.blue{color:#3b78a7;background:#edf5fc;border-color:#dbe9f5}th{background:#fafaff;color:#8a90a6;font-size:9px}td{color:#535b74;border-color:#eeeef6}.small-note{color:#8b90a4}.modal{background:white;border-color:var(--border)}.modalback{background:#27213d77}.close{color:#85859b}.modalhelp{color:#757a92;background:#f7f6fd;border-color:#e9e4f6}label{color:#737990}input,select,option{color:#343a55;background:#fff;border-color:#dcdeea;border-radius:5px}input:focus,select:focus{box-shadow:0 0 0 3px #6654dc13}.secret-view code{background:#f7f6fc;color:#504688;border-color:#e1dcef}.toast{background:#ecf9f2;color:#247956;border-color:#add9c3;box-shadow:0 8px 30px #24244417}.toast.error{background:#fff0f4;color:#a73655;border-color:#edb8c7}footer{color:#9398aa;margin-top:28px}.login-screen{background:radial-gradient(circle at 15% 20%,#d9d2ff99,transparent 40%),radial-gradient(circle at 90% 80%,#d9eff5aa,transparent 40%),#f4f4fa}.login-card{background:#ffffffed;border-color:#e0dcee;box-shadow:0 20px 80px #62538414}.login-card label{color:#767c91}.login-card p{color:#84899e}.login-shapes,.login-shapes:before,.login-shapes:after{border-color:#b5a8e52b}.login-foot{color:#9699ae}.login-card h1{color:#34364f}.empty{color:#9297ab}
@media(max-width:1100px){.sidebar{width:205px}.main{padding-left:20px;padding-right:20px}.topbar{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}.metrics{grid-template-columns:repeat(2,1fr)}.righthead{gap:8px}.me{max-width:135px}.donut-layout{gap:16px}.chart-legend{min-width:90px}.two-col{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.sidebar{width:100%;height:auto;position:relative}.brand{padding:14px 18px;margin:0}.brand small{font-size:8px}.section-label,.sidebar-bottom,.nav-group{display:none}.dashboard-grid,.two-col{grid-template-columns:1fr}.dashboard-grid .section{margin-top:0}.dashboard-grid{margin-top:20px}.main{padding:0 15px 20px}.topbar{margin:0 -15px;padding:16px 15px}.topbar h2{font-size:20px}.righthead .chip,.righthead .me{display:none}.dashboard-tools{align-items:flex-start}.dashboard-tools p{line-height:1.5}.dashboard-tools label{min-width:125px}.metric{padding:16px;min-height:100px}.metric p{font-size:10px}.metric strong{font-size:24px}.trend{height:190px}.donut-layout{justify-content:space-evenly}nav button{font-size:11px}.section-actions{gap:6px}.sectionhead{padding:17px}.login-card{padding:30px}}
.modal textarea{display:block;width:100%;box-sizing:border-box;margin-top:8px;padding:12px;border:1px solid #dcdeea;border-radius:5px;font:inherit;color:#343a55;resize:vertical}.modal label:has(input[type=checkbox]){display:flex;align-items:center;gap:10px}.modal input[type=checkbox]{width:18px;height:18px;flex:none;margin:0}.modal textarea:focus{outline:2px solid #6654dc33}