:root{--bg: #f1f4fa;--panel: #ffffff;--panel2: #e9edf5;--text: #11162b;--muted: #5b6785;--accent: #1e5fd0;--accent-dk: #174aa6;--ok: #15803d;--bad: #c62828;--warn: #b45309;--line: #d3dae8;--side: #262b3a;--head: #2a2f3c;font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif;font-size:15px;color:var(--text)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}h1{font-size:1.7rem;margin:0 0 1rem}h2{margin-top:0}h3{margin:0 0 .6rem}a{color:var(--accent)}.muted{color:var(--muted);font-size:.9em}small{font-weight:400}code{background:var(--panel2);padding:1px 6px;border-radius:4px}button,input,select,textarea{font:inherit;color:inherit}button{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:.5rem .9rem;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button:disabled{opacity:.55;cursor:default}button.primary{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}button.danger{background:transparent;color:var(--bad);border-color:var(--bad)}input,select,textarea{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:.55rem .7rem;width:100%}label{display:grid;gap:.3rem;color:var(--muted);font-size:.88em;flex:1;min-width:140px}.shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}aside{background:var(--side);color:#e6eaf5;border-right:1px solid #1a1e2b;padding:1rem;display:flex;flex-direction:column;gap:1rem;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:.7rem;padding-bottom:.6rem;border-bottom:1px solid #3a4054}.brand img{border-radius:10px}.brand b{font-size:1.35rem;letter-spacing:.08em;display:block;line-height:1.1}.brand span{color:#9fb4e8;font-size:.85rem}nav{display:grid;gap:.25rem}nav button{text-align:left;background:transparent;border-color:transparent;color:#d5dbec}nav button:hover:not(:disabled){background:#333a4e;border-color:transparent}nav button.active{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}.me{margin-top:auto;display:grid;gap:.4rem}.me button{background:#333a4e;border-color:#444c63;color:#e6eaf5}.me .muted{color:#9aa5c2}main{padding:1.5rem 2rem;max-width:1400px;width:100%}.center{min-height:100vh;display:grid;place-items:center;padding:1rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1.2rem}.card.wide{width:min(640px,100%)}.center>.card{width:min(420px,100%)}.form{display:grid;gap:.8rem}.row{display:flex;gap:.7rem;flex-wrap:wrap;align-items:end;margin-bottom:.8rem}.row>input,.row>select{width:auto;flex:1;min-width:180px}.head{display:flex;justify-content:space-between;align-items:center}.head h1{margin:0}.head{margin-bottom:1rem}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.8rem;margin-bottom:1rem}.stat{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1rem;text-align:left;display:grid;gap:.3rem}.stat span{color:var(--muted);font-size:.85em}.stat b{font-size:1.6rem}.stat.ok b{color:var(--ok)}.stat.bad b{color:var(--bad)}.stat.warn b{color:var(--warn)}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1rem;margin-top:1rem}.bars{display:flex;gap:.6rem;align-items:end;height:190px;padding-top:.5rem}.bar{flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;height:100%;gap:2px;min-width:38px}.bar div{width:100%;background:var(--accent);border-radius:6px 6px 0 0;min-height:3px}.bar span{color:var(--muted);font-size:.75em}.bar b{font-size:.7em}.tablewrap{overflow-x:auto;background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-bottom:1rem}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:.6rem .8rem;border-bottom:1px solid var(--line);vertical-align:top}th{color:#fff;background:var(--head);font-weight:600;font-size:.82em;text-transform:uppercase;letter-spacing:.04em}td.actions{display:flex;gap:.35rem;flex-wrap:wrap}td.actions button{padding:.3rem .6rem;font-size:.85em}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.8em;font-weight:600;border:1px solid currentColor;text-transform:uppercase}.badge.active,.badge.APPROVED{color:var(--ok)}.badge.expired,.badge.REJECTED,.badge.inactive{color:var(--bad)}.badge.suspended,.badge.PENDING,.badge.no-subscription{color:var(--warn)}.tabs{display:flex;gap:.4rem;margin-bottom:.8rem}.tabs button.active{border-color:var(--accent);background:var(--panel2);font-weight:600}.notice{border-radius:8px;padding:.7rem .9rem;border:1px solid;margin:.4rem 0}.notice.ok{color:var(--ok)}.notice.bad{color:var(--bad)}.pay-box{background:var(--panel2);border-radius:10px;padding:.8rem 1.1rem;margin-bottom:1rem}.pay-box ol{padding-left:1.2rem;margin:.4rem 0;line-height:1.6}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f162b8c;display:grid;place-items:center;padding:1rem;z-index:10;overflow:auto}.modal .card{width:min(560px,100%)}@media (max-width: 800px){.shell{grid-template-columns:1fr}aside{position:static;height:auto}main{padding:1rem}}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-hero{background:linear-gradient(180deg,#16407f,#08152e);color:#fff;display:grid;place-content:center;justify-items:center;gap:.6rem;padding:2rem;text-align:center}.login-hero img{border-radius:36px;box-shadow:0 12px 40px #00000059;margin-bottom:1rem}.login-hero h2{font-size:2rem;margin:0}.login-hero p{color:#b8c7e3;margin:0;font-size:1.1rem}.login-side{display:grid;place-items:center;padding:2rem}.login-side .card{width:min(440px,100%);padding:2rem;box-shadow:0 10px 40px #141e4624}.login-side h1{margin:0;color:#10264d}@media (max-width: 800px){.login-wrap{grid-template-columns:1fr}.login-hero{padding:1.5rem}.login-hero img{width:90px;height:90px;border-radius:22px}}.fnbar{position:relative;background:var(--panel2);border-radius:6px;height:26px;overflow:hidden}.fnbar div{background:var(--accent);height:100%;opacity:.85}.fnbar span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding-left:.6rem;font-weight:600;font-size:.9em}.withstatus{position:relative;display:block}.withstatus input{width:100%;padding-right:13em}.withstatus em{position:absolute;right:.8em;top:50%;transform:translateY(-50%);font-style:normal;font-size:.82em;font-weight:600;pointer-events:none;white-space:nowrap}.withstatus em.ok{color:#15803d}.withstatus em.bad{color:#c62828}.withstatus em.muted{color:#64748b;font-weight:400}.notice.warn{background:#fff7ed;color:#9a3412;border:1px solid #fdba74}label.check{display:flex;gap:.6rem;align-items:center}label.check input{width:auto}