:root{--ink:#17232e;--muted:#71808c;--line:#e5eaed;--soft:#f5f7f7;--green:#1c8b68;--green-dark:#12684e;--orange:#e58a38;--danger:#bd4f4f}*{box-sizing:border-box}body{margin:0;background:#f7f9f8;color:var(--ink);font:14px/1.5 Arial,"Microsoft YaHei",sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:0}.hidden{display:none!important}.login-view{min-height:100vh;display:grid;grid-template-columns:minmax(420px,560px) 1fr;background:#fff}.login-panel{padding:12vh 11vw}.brand-mark{width:48px;height:48px;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:800;letter-spacing:1px;font-size:16px}.brand-mark.small{width:35px;height:35px;font-size:12px}.eyebrow{color:var(--green);font-weight:bold;font-size:11px;letter-spacing:2px;margin:0 0 12px}.login-panel h1{font-size:34px;line-height:1.15;margin:20px 0 8px;letter-spacing:0}.muted{color:var(--muted);margin:0}.stack-form{display:grid;gap:16px;margin-top:34px}.stack-form label{display:grid;gap:7px;font-size:13px;font-weight:bold}.stack-form input,.stack-form select{width:100%;border:1px solid #d9e1e1;background:#fff;border-radius:4px;padding:12px 13px;outline:0;color:var(--ink)}.stack-form input:focus,.stack-form select:focus{border-color:var(--green);box-shadow:0 0 0 3px #dff1ea}.primary,.secondary{border-radius:4px;padding:11px 16px;font-weight:bold}.primary{background:var(--green);color:#fff}.primary:hover{background:var(--green-dark)}.secondary{background:#e6f1ed;color:var(--green-dark)}.wide{width:100%;display:flex;justify-content:center;gap:12px;margin-top:6px}.form-error{color:var(--danger);min-height:20px;margin:0}.login-hint{font-size:12px;color:#9aa6ac;margin-top:28px}.login-aside{background:#153d35;color:#fff;padding:16vh 10vw;display:flex;flex-direction:column;justify-content:center}.login-aside span{color:#8ed7bb;font-size:12px;letter-spacing:2px}.login-aside strong{font-size:52px;line-height:1.08;margin:22px 0;letter-spacing:0}.login-aside p{color:#acd0c4;max-width:300px}.app-shell{min-height:100vh;display:flex}.sidebar{width:242px;background:#173d35;color:#c9ded7;display:flex;flex-direction:column;padding:28px 17px 18px;flex-shrink:0}.sidebar-brand{display:flex;align-items:center;gap:11px;color:#fff;padding:0 10px 42px}.sidebar-brand b{line-height:1;font-size:14px;letter-spacing:.5px}.sidebar-brand small{display:block;color:#8fb5aa;font-size:10px;margin-top:7px}.sidebar nav{display:grid;gap:5px}.nav-item{color:#a9c7bd;background:transparent;text-align:left;padding:12px 14px;border-radius:4px;display:flex;align-items:center;gap:12px}.nav-item:hover,.nav-item.active{background:#28584d;color:#fff}.nav-icon{width:18px;text-align:center;color:#83c7ae;font-size:18px}.sidebar-foot{margin-top:auto;border-top:1px solid #31584e;padding:17px 10px 0;display:flex;align-items:center;gap:8px;font-size:12px}.status-dot{width:7px;height:7px;border-radius:50%;background:#66d19e}.sidebar-foot button{margin-left:auto;background:transparent;color:#9ec2b6;font-size:18px}.main-content{flex:1;min-width:0}.topbar{height:94px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%}.topbar h2{margin:0;font-size:22px}.operator{display:flex;align-items:center;gap:10px;font-size:13px;color:#52636b}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#d9efe6;color:var(--green-dark);font-weight:bold}.icon-btn{background:transparent;color:#75848b;font-size:22px;margin-left:12px}.page{display:none;padding:38px 5%;max-width:1420px}.active-page{display:block}.section-intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section-intro h3{margin:0 0 4px;font-size:23px}.section-intro p{margin:0;color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat-card{background:#fff;border:1px solid var(--line);padding:22px 23px;min-height:140px}.stat-card.accent{border-top:3px solid var(--green)}.stat-card span,.mini-label{font-size:12px;color:var(--muted)}.stat-card strong{display:block;font-size:28px;margin:12px 0 4px;letter-spacing:0}.stat-card small{color:#9aa6ac}.overview-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:15px;margin-top:15px}.panel{background:#fff;border:1px solid var(--line);padding:22px}.panel-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.panel h3{font-size:16px;margin:0 0 4px}.panel-head p{font-size:12px;color:var(--muted);margin:0}.text-btn{background:transparent;color:var(--green);font-size:12px}.quick-panel{padding-bottom:10px}.quick-action{display:flex;width:100%;background:#f7f9f8;border:1px solid transparent;text-align:left;padding:14px;margin-bottom:9px;flex-direction:column;gap:4px;color:var(--ink)}.quick-action:hover{border-color:#b7ddce;background:#f1f8f5}.quick-action span{font-size:12px;color:var(--muted)}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.tabs{display:flex;gap:5px}.tab{padding:8px 14px;background:transparent;color:var(--muted);border-bottom:2px solid transparent}.tab.active{color:var(--green-dark);border-color:var(--green);font-weight:bold}.count-label{font-size:12px;color:var(--muted)}.table-panel{padding:0;overflow:hidden}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:620px}th,td{text-align:left;padding:14px 18px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:11px;color:#8a989e;text-transform:uppercase;letter-spacing:.7px;background:#fbfcfc}td{font-size:13px}tr:last-child td{border-bottom:0}.code{font-family:Consolas,monospace;letter-spacing:.5px}.pill{display:inline-block;padding:4px 8px;border-radius:3px;font-size:11px}.pill.unused{color:#18704f;background:#e3f4ec}.pill.used{color:#7d6b3c;background:#f8f0d9}.pill.disabled,.pill.expired{color:#9b5555;background:#f8e5e5}.empty{text-align:center;color:var(--muted);padding:45px 20px}.recharge-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:15px;max-width:850px}.form-panel{max-width:580px}.balance-preview{background:#173d35;color:#fff;min-height:280px;display:flex;flex-direction:column;justify-content:center}.balance-preview .mini-label{color:#a6c8bc}.balance-preview strong{font-size:40px;margin:10px 0}.balance-preview p{color:#a6c8bc;font-size:12px}.balance-line{height:1px;background:#376257;margin:20px 0}.small-note{max-width:250px}.modal{position:fixed;inset:0;background:#18372f80;display:grid;place-items:center;padding:20px;z-index:5}.modal-box{background:#fff;width:min(480px,100%);padding:28px;position:relative;box-shadow:0 15px 50px #123b2c22}.modal-close{position:absolute;right:15px;top:12px;background:transparent;font-size:24px;color:#829097}.modal-box h3{margin:0 0 6px;font-size:20px}.modal-box p{color:var(--muted);font-size:13px}.generated-list{max-height:240px;overflow:auto;background:#f5f7f7;padding:12px;font:13px Consolas,monospace;line-height:2}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.toast{position:fixed;top:22px;right:28px;background:#173d35;color:#fff;padding:12px 17px;border-radius:4px;transform:translateY(-90px);transition:.2s;z-index:10}.toast.show{transform:translateY(0)}.toast.error{background:#9e4949}@media(max-width:850px){.login-view{grid-template-columns:1fr}.login-aside{display:none}.login-panel{padding:12vh 9vw}.sidebar{width:70px;padding:20px 10px}.sidebar-brand div:not(.brand-mark),.nav-item:not(.active)::after,.nav-item{font-size:0}.nav-item{justify-content:center;padding:13px 5px}.nav-icon{font-size:19px}.sidebar-foot span{display:none}.sidebar-foot{padding:15px 0 0}.main-content .topbar{padding:0 22px}.page{padding:28px 22px}.stats-grid{grid-template-columns:repeat(2,1fr)}.overview-grid,.recharge-layout{grid-template-columns:1fr}.section-intro{align-items:start;gap:15px;flex-wrap:wrap}}