:root{font-family:"DM Sans","Noto Sans SC","Microsoft YaHei",sans-serif;color:#1c2e30;font-size:14px}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#fff8ee}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.hidden{display:none!important}
body[data-theme=gradient]{--page:#fff8ed;--surface:#fff;--surface2:#f8fbf9;--ink:#203536;--muted:#829091;--line:#e8eeeb;--shadow:0 10px 30px #418d6c0c;background:linear-gradient(120deg,#fff0dc,#e2f6f1 55%,#ffe4c2)}
body[data-theme=ivory]{--page:#fff8ee;--surface:#fff;--surface2:#fffaf3;--ink:#283331;--muted:#888f8b;--line:#f0e8dd;--shadow:0 10px 30px #895e270a;background:#fff8ee}
body[data-theme=white]{--page:#fff;--surface:#fff;--surface2:#f8faf9;--ink:#263331;--muted:#7e8c88;--line:#e8eceb;--shadow:0 10px 30px #1c3d2a0b;background:#fff}
body[data-theme=black]{--page:#050908;--surface:#17201f;--surface2:#1d2b29;--ink:#f1f7f3;--muted:#a5b5af;--line:#34413e;--shadow:none;background:#050908}
body{color:var(--ink)}.app{display:grid;grid-template-columns:246px minmax(0,1fr);min-height:100vh}.sidebar{background:#fbfffd;border-right:1px solid #e4efea;padding:28px 18px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.side-brand{display:flex;gap:12px;align-items:center;padding:6px 12px 42px}.brand-icon{display:grid;place-items:center;width:40px;height:40px;background:linear-gradient(145deg,#36c9a4,#08a87e);color:white;border-radius:13px;font-size:24px}.side-brand strong{display:block;font-size:20px;letter-spacing:.04em}.side-brand small{color:#8fa29b;font-size:11px;letter-spacing:.11em}.side-label{color:#9baaa5;font-size:11px;font-weight:800;letter-spacing:.16em;padding:0 13px 13px}.sidebar nav{display:grid;gap:8px}.sidebar nav button{border:0;background:none;color:#607670;display:flex;align-items:center;gap:12px;text-align:left;padding:14px 15px;border-radius:14px;font-weight:700;white-space:nowrap}.sidebar nav button:hover{background:#f1f8f5}.sidebar nav button.active{background:#dcf6ec;color:#00a97b}.nav-icon{font-size:20px;display:inline-grid;place-items:center;width:24px}.sidebar nav em{margin-left:auto;min-width:18px;font-size:11px;font-style:normal;color:#fff;background:#f68a3c;border-radius:50%;text-align:center}.sidebar nav em:empty{display:none}.side-bottom{margin-top:auto}.side-mascot{background:#ddf7ef;border-radius:18px;height:96px;display:flex;align-items:center;overflow:hidden;padding:10px 5px}.side-mascot img{width:95px;height:95px;object-fit:contain;object-position:bottom}.side-mascot span{font-weight:800;color:#087d65;line-height:1.6;font-size:13px}.side-line{display:block;height:1px;background:#e5efea;margin:23px 7px 16px}.side-bottom small{color:#80968f;margin:0 10px}.logout{border:0;background:none;color:#647e74;display:block;margin:10px 6px;padding:8px}.main{min-width:0;padding:30px clamp(24px,4.1vw,66px) 55px;max-width:1700px;width:100%;margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.top-kicker{font-size:12px;color:#92a39d}.topbar h1{font-size:29px;letter-spacing:-.025em;margin:8px 0 0}.top-actions{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:12px}.top-actions #themes{display:flex;gap:5px;border:1px solid var(--line);border-radius:30px;padding:6px;background:var(--surface)}#themes button{width:17px;height:17px;border-radius:50%;border:1px solid #d4d9d5;padding:0}#themes button.selected{outline:2px solid #17b58b;outline-offset:2px}#themes button[data-theme=gradient]{background:linear-gradient(130deg,#ffdeb6,#b9f2e2)}#themes button[data-theme=ivory]{background:#fff2df}#themes button[data-theme=black]{background:#121615}#themes button[data-theme=white]{background:white}
.hero{display:flex;align-items:center;justify-content:space-between;min-height:166px;padding:25px 32px;background:linear-gradient(110deg,#ff983e,#ffa75e 50%,#ffc485);border-radius:24px;color:#fff;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;border-radius:50%;width:380px;height:380px;right:16%;top:-260px;background:#ffffff18}.hero p{margin:0 0 8px;font-size:13px;font-weight:700;opacity:.82}.hero h2{font-size:25px;margin:0 0 11px;position:relative}.hero small{font-size:13px;opacity:.86}.hero img{position:absolute;right:38px;bottom:-46px;width:210px;height:210px;object-fit:contain}.hero.green{background:linear-gradient(110deg,#04a981,#21bf9c 54%,#7cdec6)}.hero.dark{background:linear-gradient(110deg,#163d3b,#2f7065)}.toolbar{display:flex;gap:10px;align-items:center;margin:25px 0 14px;flex-wrap:wrap}.toolbar .spacer{flex:1}.segmented{display:flex;gap:3px;padding:4px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}.segmented button{border:0;background:none;color:var(--muted);border-radius:9px;padding:9px 18px;font-weight:700}.segmented button.active{background:#dff8ee;color:#069d78}.search,.select{border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--ink);padding:11px 13px;min-width:220px;outline-color:#21ba94}.select{min-width:150px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:17px 0 22px}.metric,.chart-card,.data-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px}.metric{padding:20px 22px;position:relative;min-height:110px}.metric label{color:var(--muted);display:block;font-size:13px;font-weight:700}.metric strong{font-size:30px;display:block;margin:11px 0 0;letter-spacing:-.05em}.metric .accent{position:absolute;width:9px;height:9px;border-radius:50%;right:20px;top:24px;background:#17bf9c}.metric:nth-child(2) .accent{background:#ff9a4c}.metric:nth-child(3) .accent{background:#739ef4}.metric:nth-child(4) .accent{background:#d780ca}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:25px 2px 13px}.section-heading h2{font-size:19px;margin:0}.section-heading small{color:var(--muted)}.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.chart-card{padding:20px 21px}.chart-card h3{font-size:15px;margin:0}.chart-card p{color:var(--muted);font-size:12px;margin:4px 0 0}.chart{height:250px;width:100%}.data-card{padding:20px;margin-top:20px;overflow:auto}.table-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.table-head h3{margin:0;font-size:16px}table{border-collapse:collapse;width:100%;min-width:640px}th{text-align:left;font-size:12px;font-weight:700;color:var(--muted);padding:11px 8px;border-bottom:1px solid var(--line)}td{padding:12px 8px;border-bottom:1px solid var(--line);font-size:13px}tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--surface2)}td button{border:0;color:#009e79;background:#e5f8f0;border-radius:8px;padding:7px 10px;font-weight:700}.pill{display:inline-block;padding:5px 9px;border-radius:30px;font-size:12px;background:#e4f8f0;color:#009c78;font-weight:700}.pill.orange{background:#fff0e3;color:#ed8736}.pill.gray{background:#eef0f1;color:#75828a}.pill.red{background:#ffedec;color:#d06562}.empty{color:var(--muted);padding:23px;text-align:center}.loading{padding:30px;color:var(--muted)}
.primary{border:0;background:#0caf85;color:#fff;border-radius:12px;padding:12px 20px;font-weight:800}.primary:hover{background:#079d78}.secondary{border:1px solid #efb786;background:#fff7ef;color:#ed893c;border-radius:12px;padding:11px 17px;font-weight:800}.danger{background:#f26360}.full{width:100%;display:flex;justify-content:space-between}.login-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-art{background:linear-gradient(140deg,#fef4e6,#daf4eb);display:grid;place-items:center;padding:50px}.login-art img{width:min(88%,650px);max-height:70vh;object-fit:contain;border-radius:26px;box-shadow:0 28px 70px #53977529}.login-card{width:min(420px,82%);align-self:center;justify-self:center}.brand-mark{font-size:23px;font-weight:800;color:#0ba47d}.brand-mark span{color:#f8903e}.eyebrow{letter-spacing:.19em;color:#a3b2ac;font-size:11px;font-weight:800;margin:2px 0 55px}.login-card h1{font-size:35px;margin:0}.muted{color:#92a39a}.login-card label{display:block;font-weight:700;margin:25px 0 0;color:#425c55}.login-card input{display:block;width:100%;margin-top:9px;border:1px solid #dbe6e1;background:#fbfdfc;padding:14px;border-radius:11px;outline-color:#0caf85}.login-card .primary{margin-top:32px;padding:15px 20px}.form-note{color:#a9b7af;font-size:12px;text-align:center}.error{color:#d55552;min-height:1.5em}
dialog{width:min(740px,90vw);max-height:90vh;overflow:auto;border:0;border-radius:20px;padding:28px;background:var(--surface);color:var(--ink);box-shadow:0 35px 110px #152e2f54}dialog::backdrop{background:#0e242c95;backdrop-filter:blur(3px)}.dialog-close{position:sticky;top:0;float:right;border:0;background:var(--surface2);color:var(--ink);font-size:23px;width:33px;height:33px;border-radius:9px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-grid div{padding:12px;background:var(--surface2);border-radius:10px}.detail-grid small{display:block;color:var(--muted);margin-bottom:5px}.detail-grid strong{word-break:break-word}.proof-image{max-width:100%;max-height:400px;object-fit:contain;border-radius:12px;margin:14px 0}.dialog-actions{display:flex;gap:8px;margin-top:18px}.reason{width:100%;min-height:74px;border:1px solid var(--line);background:var(--surface2);color:var(--ink);border-radius:10px;padding:10px;margin:12px 0}
body[data-theme=black] .sidebar{background:#101a18;border-color:#30433b}body[data-theme=black] .sidebar nav button{color:#b2c4ba}body[data-theme=black] .sidebar nav button.active{color:#6fe5b7;background:#1a493b}body[data-theme=black] .segmented button.active{background:#175440;color:#7ff4c5}body[data-theme=black] td button{background:#1c4b3c;color:#8ef4c9}
@media(max-width:960px){.app{grid-template-columns:74px minmax(0,1fr)}.sidebar{padding:20px 10px}.side-brand{padding:8px 5px 34px}.side-brand div,.side-label,.sidebar nav button:not(.active) em,.sidebar nav button{font-size:0}.sidebar nav button{justify-content:center;padding:12px 7px}.nav-icon{font-size:22px}.side-bottom{display:none}.main{padding:22px}.metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.app{display:block}.sidebar{position:static;width:100%;height:auto;padding:10px 12px}.side-brand{display:none}.sidebar nav{display:flex;overflow:auto}.sidebar nav button{font-size:12px;white-space:nowrap;padding:10px}.nav-icon{font-size:15px;width:auto}.main{padding:19px 15px}.topbar{align-items:flex-start}.topbar h1{font-size:22px}.top-actions{flex-direction:column;align-items:flex-end;gap:8px}.hero{min-height:140px;padding:20px}.hero h2{font-size:19px;max-width:70%}.hero img{right:-20px;width:160px;height:160px}.chart-grid{grid-template-columns:1fr}.metrics{gap:9px}.metric{padding:15px;min-height:100px}.metric strong{font-size:24px}.login-screen{display:block}.login-art{height:230px}.login-art img{height:190px}.login-card{width:min(420px,85%);margin:30px auto}.eyebrow{margin-bottom:24px}.detail-grid{grid-template-columns:1fr}}