@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
@import url('/assets/ocean-theme.css');
:root{--ink:#15201c;--paper:#f5f3ee;--card:#fffdf8;--gold:#b58435;--line:#ddd7cc;--muted:#817c72;--red:#a94538}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'Noto Sans SC',sans-serif}aside{width:242px;background:#16231f;color:#eef1ec;position:fixed;inset:0 auto 0 0;padding:26px 16px;display:flex;flex-direction:column}.brand{color:white;text-decoration:none;font-size:18px;font-weight:700;margin:0 10px 38px}.brand span,.logo-mark{display:inline-grid;place-items:center;width:31px;height:31px;background:var(--gold);color:#14211d;font:700 12px 'DM Mono';margin-right:8px}nav{display:grid;gap:6px}nav a{color:#bac3ba;text-decoration:none;padding:12px 13px;border-radius:6px}nav a:hover,nav a.selected{background:#293831;color:#fff}.logout{margin: auto 10px 0;background:transparent;border:0;color:#aab4ab;cursor:pointer;text-align:left}main{margin-left:242px;max-width:1420px;padding:42px 5vw}header{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.eyebrow{font:11px 'DM Mono';letter-spacing:1.2px;color:var(--gold);margin:0 0 7px}h1{font-size:31px;margin:0}h2{font-size:17px;margin:0}a{color:#846023}.primary,button{display:inline-block;border:0;border-radius:5px;padding:10px 15px;background:#e7e1d5;color:var(--ink);font:inherit;cursor:pointer;text-decoration:none}.primary{background:var(--gold);color:#fff}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:20px}.metrics article,.panel{background:var(--card);border:1px solid var(--line);border-radius:9px}.metrics article{padding:18px}.metrics small,.panel small{display:block;color:var(--muted)}.metrics strong{display:inline-block;font:700 32px 'DM Mono';margin:8px 4px 0 0}.two-col{display:grid;grid-template-columns:1.25fr .75fr;gap:20px;margin-bottom:20px}.panel{padding:21px}.section-title,.toolbar,.profile{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-title{margin-bottom:16px}.section-title span,.muted{color:var(--muted)}.bar-list div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.quick{display:grid;gap:9px}.quick a{padding:11px;background:#f1ede4;text-decoration:none}.rank table{margin-top:2px}table{width:100%;border-collapse:collapse}th{text-align:left;color:var(--muted);font-weight:500;font-size:12px}th,td{padding:12px 8px;border-bottom:1px solid var(--line)}.tabs{display:flex;gap:5px}.tabs a{padding:5px 8px;text-decoration:none;color:var(--muted)}.tabs .on{background:#eee5d6;color:#76541f;border-radius:4px}.toolbar{margin-bottom:16px}.toolbar form{display:flex;gap:8px}.toolbar input{width:auto}.form{max-width:780px}.form-grid,.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}label{display:grid;gap:7px;margin-bottom:15px;font-weight:500}input,select,textarea{width:100%;font:inherit;padding:10px;border:1px solid var(--line);border-radius:5px;background:#fff}textarea{min-height:94px}fieldset{border:1px solid var(--line);margin:0 0 15px;border-radius:5px}.checks{display:flex;flex-wrap:wrap;gap:12px;padding:10px}.checks label{display:block;margin:0}.checks input{width:auto}.badge{padding:3px 8px;border-radius:100px;font-size:12px}.badge.active{background:#dceadf;color:#2e703a}.badge.inactive{background:#eee8df;color:#726c63}.inline{display:inline}.danger{color:var(--red);background:#f7e6e2}.flash{padding:12px 16px;background:#e5efdf;border:1px solid #bfd2b5;margin-bottom:16px}.login{min-height:100vh;display:grid;place-items:center;background:#1b2924}.login-card{width:min(410px,92vw);padding:38px;background:var(--card);border-radius:10px}.logo-mark{margin:0 0 20px}.login h1{font-size:26px;margin-bottom:25px}.error{color:var(--red)}.profile h2{margin:4px 0}.detail-grid{margin:20px 0}.detail-grid b{font-size:16px;margin-top:8px;display:block}@media(max-width:800px){aside{position:static;width:auto;height:auto;padding:14px;flex-direction:row;align-items:center}.brand{margin:0 12px 0 0}nav{display:flex;overflow:auto;flex:1}nav a{white-space:nowrap;padding:8px}.logout{margin:0 0 0 10px}main{margin:0;padding:24px 16px}header{align-items:start;gap:14px}.metrics{grid-template-columns:repeat(2,1fr)}.two-col,.form-grid,.detail-grid{grid-template-columns:1fr}.toolbar{align-items:start;flex-direction:column}table{font-size:12px;min-width:600px}.panel{overflow:auto}}