:root,:root[data-theme=dark]{--bg: #0b1220;--card: #151f33;--card2: #1b2942;--line: #24324f;--txt: #e8eefc;--mut: #8fa0be;--grn: #22c55e;--red: #ef4444;--amb: #f59e0b;--blu: #3b82f6;--grn-bg: #123723;--grn-fg: #7ff0a6;--grn-bd: #1f6b3c;--red-bg: #3a1620;--red-fg: #ffa6b3;--red-bd: #7a2636;--amb-bg: #3a2c10;--amb-fg: #ffd487;--amb-bd: #7a5a1f;--blu-bg: #10233f;--blu-fg: #9fc6ff;--blu-bd: #22548f;--info-bg: #10233f;--info-bd: #1d3f6e;--info-fg: #cfe3ff;--alert-bg: #331419;--alert-bd: #6b2330;--alert-fg: #ffb4bd;--tabbar-bg: #0d1526;--shadow: rgba(0,0,0,.45);--hover: #1e2c48}:root[data-theme=light]{--bg: #eef2f8;--card: #ffffff;--card2: #f2f6fc;--line: #dde5f1;--txt: #0f1a2c;--mut: #5b6b85;--grn: #16a34a;--red: #dc2626;--amb: #d97706;--blu: #2563eb;--grn-bg: #e7f7ec;--grn-fg: #12793a;--grn-bd: #b3e2c3;--red-bg: #fdebed;--red-fg: #bf2233;--red-bd: #f4bcc3;--amb-bg: #fdf2e2;--amb-fg: #a15c09;--amb-bd: #f1d3a2;--blu-bg: #e9f0fe;--blu-fg: #1d4ed8;--blu-bd: #bcd0f7;--info-bg: #e9f0fe;--info-bd: #bcd0f7;--info-fg: #1d4ed8;--alert-bg: #fdebed;--alert-bd: #f4bcc3;--alert-fg: #bf2233;--tabbar-bg: #ffffff;--shadow: rgba(30,50,90,.14);--hover: #eef3fb}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--txt);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.45;transition:background .2s,color .2s}button{font-family:inherit;cursor:pointer;border:none}.splash{height:100%;display:grid;place-items:center;font-size:48px}.auth{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.brand{font-size:30px;font-weight:800;margin-bottom:22px;letter-spacing:.5px}.auth-card{width:100%;max-width:380px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 10px 30px var(--shadow)}.seg{display:flex;background:var(--bg);border-radius:12px;padding:4px;margin-bottom:18px}.seg button{flex:1;padding:10px;border-radius:9px;background:transparent;color:var(--mut);font-weight:600}.seg button.on{background:var(--card2);color:var(--txt);box-shadow:0 1px 3px var(--shadow)}.lbl{display:block;font-size:14px;color:var(--mut);margin:6px 2px}.inp{width:100%;padding:14px;border-radius:12px;background:var(--bg);border:1px solid var(--line);color:var(--txt);font-size:17px;outline:none}.inp:focus{border-color:var(--blu)}.inp.otp{text-align:center;letter-spacing:10px;font-size:24px;font-weight:700}.primary{width:100%;margin-top:16px;padding:15px;border-radius:12px;background:var(--blu);color:#fff;font-weight:700;font-size:16px}.primary:disabled{opacity:.5}.link{width:100%;margin-top:12px;background:transparent;color:var(--mut);padding:8px}.hint{color:var(--mut);font-size:13px;text-align:center;margin:14px 4px 2px}.info{background:var(--info-bg);border:1px solid var(--info-bd);color:var(--info-fg);padding:12px;border-radius:10px;font-size:14px;margin-bottom:6px}.alert{background:var(--alert-bg);border:1px solid var(--alert-bd);color:var(--alert-fg);padding:12px;border-radius:10px;font-size:14px;margin-top:12px}.app{min-height:100%}.content{display:flex;flex-direction:column;min-height:100vh}.hdr{position:sticky;top:0;z-index:5;background:var(--bg);padding:16px 18px 12px;display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--line)}.hdr-title{font-size:22px;font-weight:800}.hdr-user{color:var(--mut);font-size:14px}.body{flex:1;overflow-y:auto;padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}.pad{padding:16px}.hello{font-size:18px;margin:4px 2px 10px}.sec-title{font-size:13px;text-transform:uppercase;letter-spacing:.8px;color:var(--mut);font-weight:700;margin:14px 2px 10px}.empty,.muted{color:var(--mut)}.small{font-size:14px}.empty{background:var(--card);border:1px dashed var(--line);border-radius:14px;padding:18px;text-align:center}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:12px;box-shadow:0 2px 8px var(--shadow)}.card-active{border-color:var(--grn-bd)}.card-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}.dev-icon{width:46px;height:46px;border-radius:12px;background:var(--card2);display:grid;place-items:center;font-size:24px;flex:none}.dev-meta{flex:1;min-width:0}.dev-name{font-size:17px;font-weight:700}.dev-sub{font-size:13px;color:var(--mut);display:flex;align-items:center;gap:6px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}.dot.on{background:var(--grn);box-shadow:0 0 6px var(--grn)}.dot.off{background:var(--mut);opacity:.5}.btn-row{display:flex;gap:8px}.act{flex:1;padding:13px;border-radius:11px;font-weight:700;font-size:15px;background:var(--card2);color:var(--txt);border:1px solid var(--line)}.act:disabled{opacity:.55}.act.green{background:var(--grn-bg);border-color:var(--grn-bd);color:var(--grn-fg)}.act.red{background:var(--red-bg);border-color:var(--red-bd);color:var(--red-fg)}.act.amber{background:var(--amb-bg);border-color:var(--amb-bd);color:var(--amb-fg)}.act.blue{background:var(--blu-bg);border-color:var(--blu-bd);color:var(--blu-fg);width:100%}.act.wait{width:100%;background:var(--card2);border-color:var(--line);color:var(--mut)}.act.act-on{outline:2px solid currentColor}.act .ai-tri{font-size:12px;margin-right:5px}.act .ai-svg{margin-right:5px;vertical-align:-2px}.signal{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:none}.sig-bars{display:flex;align-items:flex-end;gap:2px;height:12px}.sig-bars i{width:3px;background:var(--line);border-radius:1px}.sig-bars.sig-good i.fill{background:var(--grn)}.sig-bars.sig-mid i.fill{background:var(--amb)}.sig-bars.sig-low i.fill{background:var(--red)}.sig-txt{font-size:11px;color:var(--mut)}.acc-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;text-align:center;margin-bottom:16px;box-shadow:0 2px 8px var(--shadow)}.acc-avatar{width:72px;height:72px;border-radius:50%;margin:0 auto 12px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:grid;place-items:center;font-size:32px;font-weight:800;color:#fff}.acc-name{font-size:20px;font-weight:800}.acc-role{color:var(--mut);font-size:14px}.danger{width:100%;padding:15px;border-radius:12px;background:var(--red-bg);border:1px solid var(--red-bd);color:var(--red-fg);font-weight:700;font-size:16px}.theme-row{display:flex;gap:8px;margin-bottom:16px}.theme-opt{flex:1;padding:14px;border-radius:12px;background:var(--card);border:1px solid var(--line);color:var(--txt);font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}.theme-opt.on{border-color:var(--blu);color:var(--blu);box-shadow:0 0 0 1px var(--blu) inset}.hist-row{display:flex;gap:10px;padding:10px 12px;background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:8px}.hist-icon{width:34px;height:34px;border-radius:9px;background:var(--card2);display:grid;place-items:center;font-size:18px;flex:none}.hist-main{flex:1;min-width:0}.hist-l1{display:flex;align-items:center;gap:8px;font-size:15px}.hist-act{font-size:12px;padding:1px 9px;border-radius:999px;font-weight:700}.hist-act.green{background:var(--grn-bg);color:var(--grn-fg)}.hist-act.red{background:var(--red-bg);color:var(--red-fg)}.hist-act.amber{background:var(--amb-bg);color:var(--amb-fg)}.hist-l2{font-size:12px;color:var(--mut);margin-top:3px}.hist-user{color:var(--blu);margin-right:5px;font-weight:600}.admin-grid{display:grid;grid-template-columns:1fr;gap:14px}.admin-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;box-shadow:0 2px 8px var(--shadow)}.admin-card h3{margin:0 0 10px;font-size:15px}.atable{width:100%;border-collapse:collapse;font-size:14px}.atable th{text-align:left;color:var(--mut);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;padding:6px 8px;border-bottom:1px solid var(--line)}.atable td{padding:9px 8px;border-bottom:1px solid var(--line);vertical-align:middle}.atable tr:last-child td{border-bottom:none}.atable tr:hover td{background:var(--hover)}.tag{font-size:12px;padding:2px 8px;border-radius:999px;background:var(--card2);color:var(--mut)}.tag-admin{background:var(--blu-bg);color:var(--blu-fg)}.tag-off{background:var(--red-bg);color:var(--red-fg)}.tag-approved{background:var(--grn-bg);color:var(--grn-fg)}.tag-pending{background:var(--amb-bg);color:var(--amb-fg)}.tag-rejected{background:var(--red-bg);color:var(--red-fg)}.mini{padding:6px 12px;border-radius:8px;font-weight:700;font-size:13px;background:var(--card2);color:var(--txt)}.mini.red{background:var(--red-bg);color:var(--red-fg)}.nav{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;background:var(--tabbar-bg);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px)}.nav .brand-side{display:none}.nav button{flex:1;background:transparent;color:var(--mut);padding:9px 0 8px;font-size:11px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:3px}.nav button span{font-size:22px}.nav button.on{color:var(--blu)}.card-grid{display:grid;grid-template-columns:1fr;gap:12px}.narrow{max-width:480px;margin:0 auto}.toast{position:fixed;bottom:calc(88px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);background:var(--card);border:1px solid var(--line);color:var(--txt);padding:12px 18px;border-radius:12px;font-size:14px;max-width:90%;text-align:center;z-index:20;box-shadow:0 8px 24px var(--shadow)}@media(min-width:860px){.nav{top:0;right:auto;bottom:0;width:236px;flex-direction:column;align-items:stretch;border-top:none;border-right:1px solid var(--line);padding:14px 12px;gap:4px}.nav .brand-side{display:block;font-size:21px;font-weight:800;padding:10px 12px 22px;letter-spacing:.3px}.nav button{flex:none;flex-direction:row;justify-content:flex-start;gap:12px;padding:12px 14px;border-radius:10px;font-size:15px}.nav button span{font-size:20px}.nav button.on{background:var(--blu-bg);color:var(--blu)}.content{margin-left:236px}.body{padding-bottom:28px}.hdr{padding:20px 28px 14px}.pad{padding:24px 28px}.pad.narrow{padding:24px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.admin-grid{grid-template-columns:1fr 1fr;align-items:start}.toast{bottom:28px;margin-left:118px}}