:root{--bg:#eef2ef;--bg-elev:#fff;--ink:#122018;--muted:#5a6b62;--line:#d5ddd7;--brand:#0d6a4c;--brand-2:#14845f;--brand-soft:#e3f3eb;--sider:#0d1f18;--sider-2:#143028;--warn:#9a5b12;--danger:#b42318;--ok:#0d6a4c;--shadow:0 12px 32px #0d1f1812;--radius:16px;--sider-w:268px;--font:"IBM Plex Sans", "PingFang SC", "Noto Sans SC", sans-serif;--display:"Space Grotesk", "IBM Plex Sans", "PingFang SC", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font);color:var(--ink);background:radial-gradient(900px 420px at 0% 0%, #d7ebe1 0%, transparent 55%), radial-gradient(700px 360px at 100% 0%, #e4ebf0 0%, transparent 50%), var(--bg)}a{color:var(--brand);text-decoration:none}button,input,select,textarea{font:inherit}button{background:var(--brand);color:#fff;cursor:pointer;white-space:nowrap;border:0;border-radius:11px;padding:.65rem 1rem}button:disabled{opacity:.6;cursor:not-allowed}button.ghost{color:var(--ink);border:1px solid var(--line);background:#fff}button.linkish{color:var(--brand);background:0 0;padding:0}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:11px;padding:.7rem .85rem}label{color:var(--muted);gap:.35rem;font-size:.92rem;display:grid}.boot,.loading-block{min-height:40vh;color:var(--muted);place-items:center;display:grid}.auth-page{background:linear-gradient(160deg,#0d1f18 0%,#163528 42%,#0d6a4c 100%);place-items:center;min-height:100vh;padding:2rem;display:grid}.auth-card{background:var(--bg-elev);border:1px solid #fff3;border-radius:22px;gap:.9rem;width:min(420px,100%);padding:1.7rem;display:grid;box-shadow:0 24px 60px #00000040}.auth-brand{align-items:center;gap:.8rem;margin-bottom:.2rem;display:flex}.auth-brand h1{font-family:var(--display);color:var(--ink);margin:0;font-size:1.35rem}.auth-brand p,.auth-hint,.muted{color:var(--muted);margin:.2rem 0 0}.brand-mark{background:linear-gradient(145deg, var(--brand-2), #0a4a35);color:#fff;border-radius:13px;flex-shrink:0;place-items:center;width:44px;height:44px;font-weight:700;display:grid}.shell{grid-template-columns:var(--sider-w) 1fr;min-height:100vh;display:grid}.sider-backdrop{display:none}.sider{background:linear-gradient(180deg, var(--sider) 0%, var(--sider-2) 100%);color:#e8f2ec;flex-direction:column;gap:.85rem;min-height:100vh;max-height:100vh;padding:1rem .85rem 1.4rem;display:flex;position:sticky;top:0;overflow:auto}.sider .brand{border-bottom:1px solid #ffffff14;align-items:center;gap:.7rem;padding:.35rem .45rem .9rem;display:flex}.sider .brand strong{font-family:var(--display);letter-spacing:.01em;display:block}.sider .brand em{color:#93b3a4;font-size:.8rem;font-style:normal}.sider-close{margin-left:auto;padding:.35rem .55rem;display:none;color:#d7e7de!important;background:0 0!important;border-color:#ffffff26!important}.sider-balance{background:#ffffff0f;border:1px solid #ffffff14;border-radius:14px;gap:.2rem;margin:0 .35rem;padding:.85rem .95rem;display:grid}.sider-balance span{color:#93b3a4;font-size:.78rem}.sider-balance strong{font-family:var(--display);color:#fff;font-size:1.25rem}.side-nav{gap:.15rem;padding-bottom:1rem;display:grid}.nav-group{margin-top:.55rem}.nav-group-title{color:#7f9b8d;letter-spacing:.06em;white-space:nowrap;padding:.4rem .75rem .35rem;font-size:.72rem}.sider a{color:#d7e7de;white-space:nowrap;border-radius:11px;align-items:center;gap:.65rem;padding:.62rem .75rem;line-height:1.2;display:flex}.nav-icon{text-align:center;opacity:.85;flex-shrink:0;width:1.35rem}.nav-label{text-overflow:ellipsis;overflow:hidden}.sider a.active,.sider a:hover{color:#fff;background:#ffffff1a}.sider a.active{background:linear-gradient(90deg,#14845f73,#ffffff0f);box-shadow:inset 3px 0 #2db884}.main{flex-direction:column;min-width:0;display:flex}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:5;background:#ffffffd1;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.35rem;display:flex;position:sticky;top:0}.top-left,.top-meta,.top-actions{flex-wrap:wrap;align-items:center;gap:.55rem;min-width:0;display:flex}.menu-toggle{display:none}.corp-name{text-overflow:ellipsis;white-space:nowrap;max-width:280px;overflow:hidden}.pill{background:var(--brand-soft);color:var(--brand);white-space:nowrap;border-radius:999px;align-items:center;padding:.18rem .6rem;font-size:.78rem;display:inline-flex}.pill.danger{color:var(--danger);background:#fde8e6}.balance-chip{background:var(--brand-soft);border:1px solid #cfe6d9;border-radius:999px;align-items:baseline;gap:.35rem;padding:.35rem .7rem;display:flex}.balance-chip em{color:var(--muted);font-size:.75rem;font-style:normal}.balance-chip strong{color:var(--brand);font-family:var(--display)}.badge{background:var(--danger);color:#fff;border-radius:999px;place-items:center;min-width:1.1rem;height:1.1rem;margin-left:.3rem;font-size:.7rem;font-style:normal;display:inline-grid}.banner{color:var(--warn);background:#fff4e5;border-bottom:1px solid #f0d7b0;padding:.65rem 1.35rem}.content{padding:1.25rem 1.35rem 2rem}.page{gap:1rem;max-width:1120px;display:grid}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.8rem;display:flex}.page-head h2{font-family:var(--display);margin:0;font-size:1.5rem}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;display:grid}.stat,.panel{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.stat{gap:.4rem;padding:1.05rem 1.1rem;display:grid}.stat.accent{color:#fff;background:linear-gradient(160deg,#12382c,#0d6a4c);border-color:#0000}.stat.accent span{color:#b7d8c8}.stat span{color:var(--muted);font-size:.86rem}.stat strong{font-size:1.4rem;font-family:var(--display)}.panel{padding:1.05rem 1.1rem}.panel-head{justify-content:space-between;align-items:baseline;gap:.8rem;margin-bottom:.85rem;display:flex}.panel h3{margin:0;font-size:1rem}.grid-2{grid-template-columns:1.15fr .85fr;gap:.85rem;display:grid}.todo-list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.todo-list li{background:var(--brand-soft);border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem .9rem;display:flex}.quick-links{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.quick-links a{border:1px solid var(--line);color:var(--ink);background:#f8fbf9;border-radius:12px;gap:.2rem;padding:.9rem;display:grid}.quick-links a:hover{background:#fff;border-color:#b9d5c6}.quick-links strong{font-size:.95rem}.quick-links em{color:var(--muted);font-size:.78rem;font-style:normal}.trend-bars{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:.55rem;min-height:180px;padding-top:.4rem;display:grid}.trend-col{justify-items:center;gap:.35rem;display:grid}.trend-track{background:#eef3f0;border-radius:10px 10px 6px 6px;flex-direction:column-reverse;width:100%;max-width:42px;height:120px;display:flex;overflow:hidden}.trend-ok{background:linear-gradient(#2db884,#0d6a4c);width:100%;min-height:0}.trend-fail{background:#f0a3a0;width:100%;min-height:0}.trend-col strong{font-size:.85rem}.trend-col span{color:var(--muted);font-size:.75rem}.form-grid{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.form-grid .full{grid-column:1/-1}.actions{flex-wrap:wrap;gap:.6rem;display:flex}.form-error{color:var(--danger);background:#fde8e6;border-radius:10px;padding:.6rem .8rem}.result{border-radius:10px;padding:.7rem .8rem}.result.ok{background:var(--brand-soft);color:var(--ok)}.result.bad{color:var(--danger);background:#fde8e6}.preview{background:#f7faf8;border-radius:10px;padding:.8rem}.preview p{color:var(--ink);margin:.35rem 0 0}.filters{flex-wrap:wrap;gap:.6rem;display:flex}.filters>*{width:auto;min-width:140px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.75rem .55rem;font-size:.92rem}th{color:var(--muted);white-space:nowrap;font-weight:600}.ellipsis{text-overflow:ellipsis;white-space:nowrap;max-width:360px;overflow:hidden}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85em}.tag{white-space:nowrap;background:#eef2f0;border-radius:999px;padding:.12rem .45rem;font-size:.78rem;display:inline-flex}.tag.success,.tag.approved,.tag.credited{background:var(--brand-soft);color:var(--ok)}.tag.failed,.tag.rejected,.tag.blacklist,.tag.danger{color:var(--danger);background:#fde8e6}.tag.pending{color:var(--warn);background:#fff4e5}.row-warn{background:#fffaf3}.row-actions{gap:.5rem;display:flex}.chips{flex-wrap:wrap;gap:.4rem;margin-bottom:.45rem;display:flex}.chips button{color:var(--ink);background:#eef3f0}.chips button.active{background:var(--brand);color:#fff}.checks{flex-wrap:wrap;gap:1rem;display:flex}.check{align-items:center;gap:.35rem;width:auto;display:flex}.check input{width:auto}.pos{color:var(--ok)}.neg{color:var(--danger)}.msg-list{gap:.7rem;display:grid}.msg{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:.9rem 1rem}.msg.read{opacity:.72}.msg header{justify-content:space-between;gap:1rem;display:flex}.msg p{color:var(--muted);margin:.45rem 0}.empty{text-align:center;color:var(--muted);background:var(--bg-elev);border:1px dashed var(--line);border-radius:var(--radius);padding:2rem}.drawer-mask{z-index:20;background:#10241c59;justify-items:end;display:grid;position:fixed;inset:0}.drawer{width:min(420px,100%);height:100%;box-shadow:var(--shadow);background:#fff;padding:1.2rem}.drawer dl{gap:.55rem;display:grid}.drawer dt{color:var(--muted);font-size:.82rem}.drawer dd{margin:0}.small{margin-top:0;font-size:.8rem}.pkg-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.pkg-card{text-align:left;color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:16px;gap:.35rem;padding:1.05rem 1.1rem;display:grid}.pkg-card:hover{border-color:#b9d5c6}.pkg-card.active{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand);background:linear-gradient(#f3faf6,#fff)}.pkg-tier{color:var(--brand);font-size:.8rem;font-weight:600}.pkg-title{font-size:1.05rem}.pkg-price{font-style:normal;font-family:var(--display);color:var(--ink);font-size:1.55rem}.pkg-meta{color:var(--muted);font-size:.86rem}.pkg-check{color:var(--muted);margin-top:.35rem;font-size:.8rem}.pkg-card.active .pkg-check{color:var(--brand);font-weight:600}.doc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.doc-card{border:1px solid var(--line);background:#f8fbf9;border-radius:14px;gap:.65rem;padding:.9rem;display:grid}.doc-card-head{gap:.15rem;display:grid}.doc-preview{border:1px dashed var(--line);background:#fff;border-radius:10px;place-items:center;min-height:120px;display:grid;overflow:hidden}.doc-preview img{object-fit:cover;width:100%;height:140px}.doc-upload-btn{background:var(--brand);color:#fff;cursor:pointer;border-radius:10px;justify-content:center;width:100%;padding:.55rem .8rem;display:inline-flex}.auth-status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.auth-status-grid>div{background:#f7faf8;border-radius:12px;gap:.25rem;padding:.75rem .85rem;display:grid}.form-grid .panel-head.full,.form-grid .full{grid-column:1/-1}.pill.ok{color:var(--ok);background:#e8f7ef}@media (width<=1100px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=980px){.shell{grid-template-columns:1fr}.sider-backdrop{opacity:0;pointer-events:none;z-index:30;background:#08120e73;transition:opacity .2s;display:block;position:fixed;inset:0}.shell.menu-open .sider-backdrop{opacity:1;pointer-events:auto}.sider{width:min(var(--sider-w), 86vw);z-index:40;transition:transform .22s;position:fixed;inset:0 auto 0 0;transform:translate(-105%);box-shadow:16px 0 40px #00000040}.shell.menu-open .sider{transform:translate(0)}.sider-close,.menu-toggle{display:inline-flex}.balance-chip{display:none}.grid-2,.form-grid,.quick-links,.pkg-grid,.doc-grid,.auth-status-grid{grid-template-columns:1fr}.trend-bars{min-height:160px}.corp-name{max-width:42vw}}@media (width<=640px){.content{padding:1rem}.stat-grid{grid-template-columns:1fr}.topbar{padding:.75rem .9rem}}.form-ok{color:var(--ok,#1a7f4e);margin:.5rem 0}.buttonish{background:var(--brand,#0f6b4c);color:#fff;border-radius:8px;align-items:center;padding:.45rem .9rem;font-weight:600;text-decoration:none;display:inline-flex}.detail-dl{grid-template-columns:120px 1fr;gap:.55rem 1rem;display:grid}.detail-dl dt{color:var(--muted,#6b7280)}.detail-dl dd{margin:0}.admin-shell{background:linear-gradient(160deg,#eef6f2 0%,#f7faf8 40%,#e8eef5 100%);grid-template-columns:240px 1fr;min-height:100vh;display:grid}.admin-side{color:#e8f2ec;background:#10241c;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.admin-brand{align-items:center;gap:.75rem;display:flex}.admin-brand .muted{color:#9bb5a8}.admin-side nav{flex-direction:column;flex:1;gap:.35rem;display:flex}.admin-side nav a{color:#d7ebe1;border-radius:8px;padding:.55rem .7rem;text-decoration:none}.admin-side nav a:hover{background:#ffffff14}.admin-side .ghost{color:#e8f2ec;border-color:#fff3}.admin-main{min-width:0;padding:1.25rem 1.5rem 2rem}@media (width<=900px){.admin-shell{grid-template-columns:1fr}.admin-side{flex-flow:wrap;align-items:center}.admin-side nav{flex-flow:wrap}}