:root{--ink:#173b32;--sage:#e5eee9;--paper:#fbfaf6;--accent:#d96b3b;--muted:#6b7470;--line:#dbe2de;--red:#b33b3b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}.shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.side{background:var(--ink);color:#fff;padding:28px 18px}.brand{font-family:Georgia,serif;font-size:24px;line-height:1.05;margin:0 0 38px}.brand span{color:#bfd6c8;font:13px Inter,system-ui;display:block;margin-top:7px}.nav button{display:block;width:100%;border:0;background:transparent;color:#c6d5ce;text-align:left;padding:12px;border-radius:8px;font-size:14px;cursor:pointer}.nav button.active,.nav button:hover{background:#285147;color:#fff}.side footer{position:fixed;bottom:20px;font-size:12px;color:#a9c1b5}.content{max-width:1220px;width:100%;padding:34px 42px;margin:auto}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.top h1{font:32px Georgia,serif;margin:0}.sub{color:var(--muted);margin:5px 0 0}.btn{border:0;border-radius:8px;background:var(--accent);color:#fff;padding:11px 15px;font-weight:700;cursor:pointer}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}.metric b{display:block;font:26px Georgia,serif;margin-top:9px}.metric small{color:var(--muted)}.section{margin-top:28px}.section h2{font:22px Georgia,serif}.two{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:12px 8px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:600}.empty{padding:32px 8px;color:var(--muted);text-align:center}.auth{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#e8efe9,#f9f3e8)}.authbox{width:min(460px,92vw);background:#fff;padding:34px;border-radius:16px;border:1px solid var(--line);box-shadow:0 14px 45px #173b3220}.auth h1{font:34px Georgia,serif;margin:0 0 8px}.auth p{color:var(--muted)}label{display:block;font-size:13px;font-weight:700;margin:15px 0 6px}input,select{width:100%;padding:11px;border:1px solid #cbd6d0;border-radius:8px;background:#fff;font:inherit}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:12px}.notice{background:#fff4e9;color:#86401e;padding:12px;border-radius:8px;font-size:13px;margin:16px 0}.message{margin-top:14px;font-size:13px;color:var(--red)}dialog{border:0;border-radius:14px;max-width:520px;width:92%;padding:26px;box-shadow:0 20px 60px #0004}dialog::backdrop{background:#173b3266}.modalhead{display:flex;justify-content:space-between;align-items:center}.modalhead h2{font:25px Georgia,serif;margin:0}.close{background:none;border:0;font-size:22px;cursor:pointer}.right{text-align:right}.pill{font-size:12px;background:var(--sage);padding:4px 8px;border-radius:99px}.upload{border:1px dashed #a6bbb0;border-radius:10px;padding:22px;text-align:center;color:var(--muted)}@media(max-width:800px){.shell{grid-template-columns:1fr}.side{padding:14px;position:sticky;top:0;z-index:2}.brand{margin:0;font-size:18px}.nav{display:flex;overflow:auto;margin-top:10px}.nav button{white-space:nowrap}.side footer{display:none}.content{padding:24px 18px}.grid,.two{grid-template-columns:1fr 1fr}.top{align-items:flex-start;gap:10px}}@media(max-width:520px){.grid,.two,.formrow{grid-template-columns:1fr}.top h1{font-size:27px}}
:root .barrow{display:grid;grid-template-columns:minmax(130px,1fr) auto;gap:5px 12px;margin:12px 0;font-size:13px}:root .barrow i{grid-column:1/-1;display:block;height:8px;background:#edf1ed;border-radius:99px;overflow:hidden}:root .barrow em{display:block;height:100%;background:var(--accent);border-radius:99px}