:root{--ink: #1a1712;--ink-2: #2a251d;--paper: #f7f5f0;--card: #ffffff;--line: #e6e1d6;--gold: #c9a24b;--gold-deep: #a5822f;--gold-soft: #f3ead3;--text: #26221b;--muted: #7c7466;--ok: #2e7d4f;--warn: #b26a00;--bad: #b3372f;--info: #2a5d8f;--radius: 10px;--sidebar-w: 232px}*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{font-family:Instrument Sans,system-ui,sans-serif;background:var(--paper);color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased}h1,h2,.display{font-family:Marcellus,serif;font-weight:400;letter-spacing:.02em}.shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--ink);color:#d8d2c4;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{padding:22px 20px 18px;border-bottom:1px solid rgba(201,162,75,.25)}.brand .display{color:var(--gold);font-size:19px;line-height:1.15}.brand small{color:#8f8776;letter-spacing:.14em;text-transform:uppercase;font-size:10px}.nav{padding:14px 10px;display:flex;flex-direction:column;gap:2px;flex:1;overflow-y:auto}.nav a{color:#cfc8b8;text-decoration:none;padding:9px 12px;border-radius:8px;display:flex;align-items:center;gap:10px;font-weight:500;font-size:13.5px}.nav a:hover{background:var(--ink-2);color:#fff}.nav a.active{background:linear-gradient(90deg,#c9a24b2e,#c9a24b0f);color:var(--gold);box-shadow:inset 2px 0 0 var(--gold)}.nav .section{padding:14px 12px 4px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#6f6857}.sidebar .foot{padding:14px 16px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:#9a9280}.sidebar .foot button{background:none;border:1px solid #4a4436;color:#cfc8b8;border-radius:7px;padding:6px 10px;cursor:pointer;margin-top:8px;width:100%}.sidebar .foot button:hover{border-color:var(--gold);color:var(--gold)}.main{flex:1;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 28px;background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.content{padding:26px 28px 60px;max-width:1240px}.branch-switch{display:flex;gap:6px;flex-wrap:wrap}.branch-switch button{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:6px 13px;cursor:pointer;font-weight:600;font-size:12.5px;color:var(--muted);font-family:inherit}.branch-switch button.on{background:var(--ink);color:var(--gold);border-color:var(--ink)}.page-head{margin-bottom:22px}.page-head h1{font-size:26px}.page-head .rule{width:44px;height:2px;background:var(--gold);margin-top:8px}.page-head p{color:var(--muted);margin-top:8px}.page-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}.grid{display:grid;gap:14px}.grid.c4{grid-template-columns:repeat(4,1fr)}.grid.c3{grid-template-columns:repeat(3,1fr)}.grid.c2{grid-template-columns:repeat(2,1fr)}@media (max-width: 1100px){.grid.c4{grid-template-columns:repeat(2,1fr)}.grid.c3,.grid.c2{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.card h3{font-size:14px;font-weight:600;margin-bottom:12px}.stat .label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.stat .value{font-family:Marcellus,serif;font-size:30px;margin-top:6px}.stat .sub{font-size:12px;color:var(--muted);margin-top:2px}.stat.gold{border-top:3px solid var(--gold)}.tbl{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.tbl th{text-align:left;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:11px 14px;border-bottom:1px solid var(--line);background:#fbfaf7}.tbl td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tr.click{cursor:pointer}.tbl tr.click:hover td{background:var(--gold-soft)}.badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:600}.badge.ok{background:#e3f2e9;color:var(--ok)}.badge.warn{background:#fdf0dd;color:var(--warn)}.badge.bad{background:#fbe4e2;color:var(--bad)}.badge.info{background:#e3edf6;color:var(--info)}.badge.gold{background:var(--gold-soft);color:var(--gold-deep)}.badge.mut{background:#efece4;color:var(--muted)}label.f{display:block;font-size:12px;font-weight:600;color:var(--muted);margin:12px 0 5px}input,select,textarea{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:8px;font:inherit;background:#fff;color:var(--text)}input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:-1px;border-color:var(--gold)}.err{color:var(--bad);font-size:12px;margin-top:4px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:8px;border:1px solid var(--ink);background:var(--ink);color:var(--gold);font-weight:600;cursor:pointer;font-family:inherit;font-size:13.5px;text-decoration:none}.btn:hover{background:#000}.btn.ghost{background:transparent;color:var(--text);border-color:var(--line)}.btn.ghost:hover{border-color:var(--gold);color:var(--gold-deep)}.btn.sm{padding:5px 11px;font-size:12.5px}.btn:disabled{opacity:.5;cursor:not-allowed}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14110c8c;display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px;z-index:50;overflow-y:auto}.modal{background:var(--card);border-radius:14px;width:560px;max-width:100%;padding:24px;border-top:3px solid var(--gold)}.modal h2{font-size:20px;margin-bottom:4px}.timeline{position:relative;padding-left:22px}.timeline:before{content:"";position:absolute;left:6px;top:4px;bottom:4px;width:1px;background:var(--line)}.tl-item{position:relative;padding:0 0 18px 8px}.tl-item:before{content:"";position:absolute;left:-20px;top:4px;width:9px;height:9px;border-radius:50%;background:var(--gold);border:2px solid var(--card);box-shadow:0 0 0 1px var(--line)}.tl-item .when{font-size:11.5px;color:var(--muted)}.tl-item .what{font-weight:600;margin-top:1px}.tl-item .desc{color:var(--muted);font-size:13px;margin-top:2px}.login-wrap{min-height:100vh;display:grid;place-items:center;background:var(--ink)}.login-card{width:380px;max-width:92vw;background:var(--card);border-radius:16px;padding:34px 30px;border-top:3px solid var(--gold)}.login-card .display{font-size:24px}.login-card small.tag{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:10px}.searchbar{max-width:340px}.empty{padding:40px;text-align:center;color:var(--muted);background:var(--card);border:1px dashed var(--line);border-radius:var(--radius)}.mut{color:var(--muted)}a.wa{color:#128c46;font-weight:600;text-decoration:none}a.wa:hover{text-decoration:underline}@media (max-width: 860px){.shell{flex-direction:column}.sidebar{width:100%;height:auto;position:static}.nav{flex-direction:row;flex-wrap:wrap}.content{padding:18px 14px 60px}.row2{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.nav a,.btn,.branch-switch button,.tbl tr.click td,input,select,textarea{transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .12s ease}.btn:active{transform:scale(.97)}.card{transition:box-shadow .2s ease}.card:hover{box-shadow:0 2px 14px #1a17120f}.brand{display:flex;align-items:center;gap:11px}.brand img{width:42px;height:42px;border-radius:10px;box-shadow:0 0 0 1px #c9a24b59}.login-logo{width:84px;height:84px;border-radius:18px;margin:0 auto 14px;display:block;box-shadow:0 4px 24px #c9a24b59}.login-card{text-align:center}.login-card label.f{text-align:left}.login-card .btn{justify-content:center}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skel{border-radius:8px;height:14px;background:linear-gradient(90deg,#efece4 25%,#f8f6f0,#efece4 75%);background-size:800px 100%;animation:shimmer 1.2s infinite linear}.skel.lg{height:74px}.overlay{animation:fadeIn .15s ease}.modal{animation:rise .18s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.toasts{position:fixed;right:18px;bottom:18px;display:flex;flex-direction:column;gap:8px;z-index:90}.toast{background:var(--ink);color:#f2ecdd;border-left:3px solid var(--gold);border-radius:10px;padding:11px 15px;font-size:13px;box-shadow:0 6px 24px #00000040;animation:rise .2s ease;max-width:320px}.toast strong{color:var(--gold)}.switch{position:relative;width:40px;height:22px;flex-shrink:0;cursor:pointer}.switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.switch span{position:absolute;top:0;right:0;bottom:0;left:0;background:#d8d2c4;border-radius:999px;transition:background .15s ease}.switch span:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s ease}.switch input:checked+span{background:var(--gold)}.switch input:checked+span:after{transform:translate(18px)}.bar{height:8px;background:#efece4;border-radius:999px;overflow:hidden}.bar>div{height:100%;background:linear-gradient(90deg,var(--gold-deep),var(--gold));border-radius:999px}