:root{--brand: #0d9488;--brand-600: #0f766e;--brand-700: #115e59;--brand-ink: #0b4f49;--brand-grad: linear-gradient(135deg, #0f766e 0%, #0d9488 55%, #14b8a6 100%);--brand-soft: #e6f4f2;--bg: #eef1f5;--bg-tint: radial-gradient(1200px 600px at 100% -10%, #dcefed 0%, transparent 55%), radial-gradient(900px 500px at -10% 0%, #e7ecf3 0%, transparent 50%);--surface: #ffffff;--surface-2: #f3f5f8;--border: #e4e8ee;--border-strong: #d4dae2;--text: #111c28;--text-muted: #65727f;--danger: #d6482f;--danger-soft: #fce8e4;--warn: #b7791f;--warn-soft: #fcf1dd;--ok: #1a8a54;--ok-soft: #e3f5ea;--info: #2563eb;--a-teal: #0d9488;--a-blue: #2563eb;--a-violet: #7c3aed;--a-amber: #d97706;--a-rose: #e11d48;--a-green: #16a34a;--radius: 16px;--radius-sm: 10px;--shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 4px 16px rgba(16, 24, 40, .06);--shadow-lg: 0 10px 30px rgba(16, 24, 40, .12);--maxw: 1180px;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--brand: #2dd4bf;--brand-600: #14b8a6;--brand-700: #5eead4;--brand-ink: #a7f3e9;--brand-grad: linear-gradient(135deg, #0b3f3a 0%, #0f766e 60%, #14b8a6 100%);--brand-soft: #0f302c;--bg: #0a0f16;--bg-tint: radial-gradient(1200px 600px at 100% -10%, #0e2b28 0%, transparent 55%), radial-gradient(900px 500px at -10% 0%, #10202f 0%, transparent 50%);--surface: #111a22;--surface-2: #17222c;--border: #243139;--border-strong: #2d3b45;--text: #e8eef2;--text-muted: #94a3b0;--danger-soft: #3a1f1a;--warn-soft: #352a14;--ok-soft: #10301f;--shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 6px 20px rgba(0, 0, 0, .4);--shadow-lg: 0 14px 40px rgba(0, 0, 0, .55);color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);background-image:var(--bg-tint);background-attachment:fixed;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans Ethiopic,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--brand-600);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0 0 .5rem;line-height:1.2;letter-spacing:-.01em}h1{font-size:1.5rem;font-weight:750}h2{font-size:1.1rem;font-weight:700}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.app{min-height:100%;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:.6rem;padding:.65rem 1rem;padding-top:max(.65rem,env(safe-area-inset-top));background:var(--brand-grad);color:#fff;box-shadow:0 2px 14px #0d948847}.topbar .brand{font-weight:800;font-size:1.02rem;letter-spacing:-.01em;display:flex;align-items:center;gap:.5rem}.topbar .brand-logo{width:28px;height:28px;border-radius:7px;object-fit:contain;background:#fff;padding:2px;flex:0 0 auto}.topbar .spacer{flex:1}.topbar select,.topbar button{width:auto;flex:0 0 auto;background:#ffffff29;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:.35rem .7rem;font-size:.82rem;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .15s ease;box-shadow:none}.topbar select:focus{outline:none;box-shadow:0 0 0 3px #ffffff40}.topbar select:hover,.topbar button:hover{background:#ffffff47;filter:none}.userchip{display:flex;align-items:center;gap:.5rem;color:#fff}.avatar{width:2rem;height:2rem;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;font-size:.78rem;font-weight:800;background:#ffffff38;border:1px solid rgba(255,255,255,.3);color:#fff}.userchip .who{display:none;line-height:1.1}.userchip .who .nm{font-weight:700;font-size:.82rem}.userchip .who .rl{font-size:.68rem;opacity:.85;text-transform:capitalize}@media (min-width: 560px){.userchip .who{display:block}}.btn.icon{padding:.4rem;width:2rem;height:2rem;border-radius:50%}.shell{display:flex;flex:1;width:100%;max-width:var(--maxw);margin:0 auto}.sidebar{display:none}.content{flex:1;min-width:0;padding:1rem 1rem 5.5rem;animation:fadeUp .25s ease both}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;background:color-mix(in srgb,var(--surface) 86%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);scrollbar-width:none}.tabbar::-webkit-scrollbar{display:none}.tabbar a{flex:0 0 auto;min-width:70px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:.5rem .4rem .45rem;color:var(--text-muted);font-size:.64rem;font-weight:600;border-top:2px solid transparent;transition:color .15s ease}.tabbar a .ico{font-size:1.25rem;line-height:1}.tabbar a.active{color:var(--brand-600);border-top-color:var(--brand)}@media (min-width: 880px){.tabbar{display:none}.content{padding:1.6rem 1.6rem 2rem}.sidebar{display:block;width:236px;padding:1rem .6rem;position:sticky;top:60px;align-self:flex-start;height:calc(100vh - 60px);overflow:auto}.sidebar a{display:flex;align-items:center;gap:.7rem;padding:.6rem .8rem;border-radius:12px;color:var(--text-muted);margin-bottom:3px;font-weight:600;font-size:.92rem;position:relative;transition:background .15s ease,color .15s ease}.sidebar a .ico{width:1.3rem;text-align:center;font-size:1.05rem;filter:saturate(.6)}.sidebar a:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.sidebar a.active{background:var(--brand-soft);color:var(--brand-ink);font-weight:700}.sidebar a.active .ico{filter:none}.sidebar a.active:before{content:"";position:absolute;left:-.6rem;top:18%;bottom:18%;width:3px;border-radius:3px;background:var(--brand)}}.sidebar a .ico,.tabbar a .ico{display:inline-flex;filter:none}.sidebar a .ico svg{width:20px;height:20px}.tabbar a .ico svg{width:22px;height:22px}.stat .stat-ico{color:var(--accent, var(--brand))}.stat .stat-ico svg{width:18px;height:18px}.side-brand{display:flex;align-items:center;gap:.6rem;padding:.2rem .8rem .9rem;margin-bottom:.2rem;border-bottom:1px solid var(--border)}.side-brand .mark{width:2.1rem;height:2.1rem;border-radius:10px;display:grid;place-items:center;background:var(--brand-grad);color:#fff;box-shadow:0 2px 8px #0d94884d}.side-brand .mark svg{width:19px;height:19px}.side-brand .wm{font-weight:800;letter-spacing:-.01em;font-size:1.02rem}.side-brand .wm small{display:block;font-size:.64rem;font-weight:600;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase}.nav-section{font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:800;padding:.75rem .8rem .3rem;opacity:.75}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem;margin-bottom:1rem;animation:fadeUp .25s ease both}.card h2{font-size:1.02rem}.grid{display:grid;gap:.8rem}.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:repeat(2,1fr)}@media (min-width: 720px){.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}}.stat{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.95rem 1rem;box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .15s ease}.stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat:after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent, var(--brand))}.stat .stat-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.stat .stat-ico{width:2rem;height:2rem;border-radius:10px;display:inline-grid;place-items:center;font-size:1rem;background:color-mix(in srgb,var(--accent, var(--brand)) 15%,var(--surface))}.stat .label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:700}.stat .value{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin-top:.1rem}.stat .sub{font-size:.74rem;color:var(--text-muted);margin-top:.15rem}.accent-teal{--accent: var(--a-teal)}.accent-blue{--accent: var(--a-blue)}.accent-violet{--accent: var(--a-violet)}.accent-amber{--accent: var(--a-amber)}.accent-rose{--accent: var(--a-rose)}.accent-green{--accent: var(--a-green)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-sm)}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:.65rem .7rem;border-bottom:1px solid var(--border);white-space:nowrap}thead th{color:var(--text-muted);font-weight:700;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;background:var(--surface-2);position:sticky;top:0}tbody tr{transition:background .1s ease}tbody tr:hover{background:color-mix(in srgb,var(--brand-soft) 45%,transparent)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tr:last-child td{border-bottom:0}label{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:.25rem;font-weight:600}input,select,textarea{width:100%;padding:.6rem .7rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:.95rem;transition:border-color .15s ease,box-shadow .15s ease}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:.7}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 22%,transparent)}.field{margin-bottom:.8rem}.row{display:grid;gap:.7rem}@media (min-width: 560px){.row.two{grid-template-columns:1fr 1fr}.row.three{grid-template-columns:1fr 1fr 1fr}}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.62rem 1rem;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--brand-grad);color:#fff;font-weight:700;font-size:.9rem;cursor:pointer;box-shadow:0 1px 2px #0d948840;transition:transform .12s ease,box-shadow .15s ease,filter .15s ease}button:hover:not(:disabled),.btn:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 4px 14px #0d94884d}button:active:not(:disabled),.btn:active:not(:disabled){transform:translateY(1px)}button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn.secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong);box-shadow:none}.btn.secondary:hover:not(:disabled){background:var(--surface-2);filter:none}.btn.ghost{background:transparent;color:var(--brand-600);box-shadow:none}.btn.ghost:hover:not(:disabled){background:var(--brand-soft);filter:none}.btn.danger{background:linear-gradient(135deg,#d6482f,#e11d48)}.btn.sm{padding:.38rem .6rem;font-size:.8rem;border-radius:8px}.btn-row{display:flex;gap:.5rem;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.14rem .55rem;border-radius:999px;font-size:.72rem;font-weight:700}.badge.exempt{background:var(--brand-soft);color:var(--brand-ink)}.badge.taxable_15{background:var(--warn-soft);color:var(--warn)}.badge.suspended{background:var(--surface-2);color:var(--text-muted)}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge.controlled{background:#efe6fb;color:#6b21a8}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .badge.controlled{background:#2a1b40;color:#c9a9f5}}.muted{color:var(--text-muted)}.right{text-align:right}.center{text-align:center}.danger-text{color:var(--danger);font-weight:600}.warn-text{color:var(--warn);font-weight:600}.ok-text{color:var(--ok);font-weight:600}.alert{padding:.75rem .9rem;border-radius:var(--radius-sm);margin-bottom:1rem;font-size:.88rem;border:1px solid;display:flex;gap:.5rem;align-items:flex-start}.alert:before{font-size:1rem;line-height:1.3}.alert.info{background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 25%,transparent);color:var(--brand-ink)}.alert.info:before{content:"ℹ️"}.alert.warn{background:var(--warn-soft);border-color:color-mix(in srgb,var(--warn) 30%,transparent);color:var(--warn)}.alert.warn:before{content:"⚠️"}.alert.danger{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 30%,transparent);color:var(--danger)}.alert.danger:before{content:"⛔"}.page-head{display:flex;align-items:center;gap:.75rem;margin-bottom:1.1rem;flex-wrap:wrap}.page-head h1{margin:0}.page-head .spacer{flex:1}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#080f168c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:60;display:flex;align-items:flex-end;justify-content:center;animation:fadeUp .15s ease}@media (min-width: 560px){.modal-backdrop{align-items:center}}.modal{background:var(--surface);width:100%;max-width:580px;max-height:92vh;overflow:auto;border-radius:20px 20px 0 0;padding:1.2rem;box-shadow:var(--shadow-lg);border:1px solid var(--border)}@media (min-width: 560px){.modal{border-radius:20px}}.modal h2{margin-bottom:1rem;font-size:1.15rem}.empty{text-align:center;color:var(--text-muted);padding:2.5rem 1rem}.empty:before{content:"📭";display:block;font-size:2rem;margin-bottom:.5rem;opacity:.7}.spinner{text-align:center;color:var(--text-muted);padding:2.5rem}.spinner:before{content:"";display:inline-block;width:22px;height:22px;margin-right:.5rem;vertical-align:-4px;border:2.5px solid var(--border-strong);border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast-wrap{position:fixed;left:50%;transform:translate(-50%);bottom:5.8rem;z-index:90;display:flex;flex-direction:column;gap:.5rem}@media (min-width: 880px){.toast-wrap{bottom:1.6rem}}.toast{background:#111c28;color:#fff;padding:.65rem 1rem;border-radius:12px;box-shadow:var(--shadow-lg);font-size:.88rem;max-width:90vw;animation:fadeUp .2s ease}.toast.err{background:var(--danger)}.toast.ok{background:var(--ok)}.auth-wrap{min-height:100%;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:var(--brand-grad);position:relative;overflow:hidden}.auth-wrap:before,.auth-wrap:after{content:"";position:absolute;border-radius:50%;filter:blur(40px);opacity:.35}.auth-wrap:before{width:320px;height:320px;background:#5eead4;top:-80px;right:-60px}.auth-wrap:after{width:260px;height:260px;background:#0ea5e9;bottom:-70px;left:-50px}.auth-card{width:100%;max-width:400px;position:relative;z-index:1;box-shadow:var(--shadow-lg);border-radius:20px;padding:1.5rem}.auth-card .logo{width:3.4rem;height:3.4rem;margin:0 auto .6rem;border-radius:18px;display:grid;place-items:center;background:var(--brand-grad);color:#fff;box-shadow:0 6px 18px #0d948859}.auth-card .logo svg{width:28px;height:28px}.auth-card .logo.has-img{background:#fff;padding:4px}.auth-card .logo.has-img img{width:100%;height:100%;object-fit:contain}.auth-card h1{font-size:1.4rem}