:root{--bg:#f9f9f9;--card:rgba(255,255,255,.78);--tx:#13161D;--mu:#8c919b;--bd:#e6e8e7;--g:#006847;--g2:#217B56;--gl:#eaf3ee;--sage:#65A185;--cream:#FFF0DD;--amb:#8a5a12;--red:#c0392b;--r:20px;--sh:0 8px 30px rgba(0,0,0,.07)}
[data-theme=dark]{--bg:#13161D;--card:rgba(27,32,41,.78);--tx:#FFF0DD;--mu:#8c919b;--bd:#2b313d;--gl:#1d2b26;--amb:#e8b86a;--red:#ec7a6e;--sh:0 8px 30px rgba(0,0,0,.4)}
*{box-sizing:border-box}html,body{margin:0}
body{font-family:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--bg);color:var(--tx);padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);min-height:100vh;
 background-image:radial-gradient(900px 400px at 85% -10%,rgba(101,161,133,.25),transparent),radial-gradient(700px 350px at -10% 0,rgba(0,104,71,.18),transparent);background-attachment:fixed}
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;padding:10px 18px;background:var(--card);backdrop-filter:blur(14px);border-bottom:1px solid var(--bd)}
.top img{height:34px}.top .sp{flex:1}
nav{display:flex;gap:6px}nav button{position:relative}
.wrap{max-width:1250px;margin:0 auto;padding:18px 14px 90px}
.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--bd);background:var(--card);color:var(--tx);padding:9px 18px;border-radius:999px;font:600 13px inherit;font-family:inherit;cursor:pointer}
.btn.p{background:linear-gradient(135deg,var(--g),var(--g2));color:var(--cream);border:0}.btn.d{color:var(--red)}.btn.on{background:var(--g);color:var(--cream);border-color:var(--g)}.btn.s{padding:5px 12px;font-size:12px}
.bdg{position:absolute;top:-4px;right:-4px;background:var(--red);color:#fff;border-radius:999px;font-size:10px;padding:1px 6px}
.card{background:var(--card);backdrop-filter:blur(14px);border:1px solid var(--bd);border-radius:var(--r);box-shadow:var(--sh);padding:16px;margin-bottom:14px}
.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.kpi{background:linear-gradient(135deg,var(--g),var(--g2) 60%,var(--sage));color:var(--cream);border-radius:var(--r);padding:16px}
.kpi small{opacity:.8;display:block}.kpi b{font-size:24px;display:block;margin:4px 0}.kpi span{font-size:12px;opacity:.85}
h2{margin:6px 0 12px;font-size:18px}h3{margin:0 0 10px;font-size:15px}
input,select,textarea{font:inherit;color:var(--tx);background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:9px 12px;min-width:0;max-width:100%}
.bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;align-items:center}.bar input{flex:1;min-width:160px}
.tw{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}
th{text-align:left;color:var(--mu);font-weight:600;padding:8px;cursor:pointer;white-space:nowrap;border-bottom:1px solid var(--bd)}
td{padding:9px 8px;border-bottom:1px solid var(--bd);white-space:nowrap}tr.row{cursor:pointer}tr.row:hover{background:var(--gl)}
tr.gh td{background:var(--gl);font-weight:600}.num{text-align:right;font-variant-numeric:tabular-nums}
.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:700}
.GREEN{background:#d9f0e3;color:#006847}.YELLOW{background:#fbefcf;color:#8a5a12}.RED{background:#f9dcd8;color:#c0392b}.NA{background:var(--gl);color:var(--mu)}
.bars{display:flex;height:14px;border-radius:99px;overflow:hidden;margin:8px 0}.bars i{display:block}
.ov{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:50;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:20px 10px}
.mod{background:var(--bg);border:1px solid var(--bd);border-radius:var(--r);width:100%;max-width:860px;padding:18px;box-shadow:var(--sh)}
.mh{display:flex;align-items:center;gap:10px;margin-bottom:12px}.mh h2{margin:0;flex:1}
.f{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.f label{font-size:12px;color:var(--mu);display:flex;flex-direction:column;gap:4px}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0 10px}.li{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--bd);font-size:13px}.li .sp{flex:1}
.mu{color:var(--mu)}.unread{border-left:4px solid var(--g);padding-left:8px}
#toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);background:var(--g);color:var(--cream);padding:10px 20px;border-radius:99px;z-index:99;display:none}
.login{max-width:380px;margin:12vh auto;text-align:center}.login input{width:100%;margin:6px 0}.login img{height:60px;margin-bottom:10px}
@media(max-width:700px){.top{flex-wrap:wrap}nav{position:fixed;bottom:0;left:0;right:0;z-index:30;justify-content:space-around;background:var(--card);backdrop-filter:blur(14px);border-top:1px solid var(--bd);padding:8px 4px calc(8px + env(safe-area-inset-bottom))}nav .btn{padding:7px 10px;font-size:12px;border:0}}
.lg{background:linear-gradient(135deg,#00553a,#006847);border-radius:999px;padding:6px 16px;display:flex}.lg img{height:28px}.login .lg{display:inline-flex;margin-bottom:12px}
[hidden]{display:none!important}