:root{font-family:Inter,"Microsoft YaHei",sans-serif;color:#edf4ff;background:#0a1020;font-size:15px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 0%,#18295a 0,#0a1020 38%),#0a1020}button,input,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.muted{color:#8794ae}.eyebrow{font-size:11px;letter-spacing:.16em;color:#6fe7ff;font-weight:700}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card,.panel{background:rgba(18,29,54,.88);border:1px solid rgba(135,166,220,.18);box-shadow:0 20px 70px rgba(0,0,0,.28);border-radius:20px}.login-card{width:min(430px,100%);padding:36px}.brand-mark{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#38d7ff,#7b61ff);font-size:26px;font-weight:900;margin-bottom:22px}.login-card h1{margin:8px 0;font-size:34px}.login-card p{margin:0 0 26px;line-height:1.7}.login-card label,.modal label{display:grid;gap:8px;color:#aebbd2;margin:16px 0}.login-card input,.modal input,.modal textarea,.small-input{width:100%;background:#0d1730;color:#edf4ff;border:1px solid #2a3a61;border-radius:10px;padding:12px 13px;outline:0}.login-card input:focus,.modal input:focus,.modal textarea:focus{border-color:#54dfff}.primary,.ghost{border:0;border-radius:10px;padding:11px 16px;color:#edf4ff}.primary{background:linear-gradient(135deg,#24c9f2,#6958ff);font-weight:700}.ghost{background:#1a2848;border:1px solid #33476f}.danger{color:#ff9eae}.wide{width:100%;margin-top:10px}.form-error{min-height:22px;color:#ff9eae;margin-top:12px}.app-shell{min-height:100vh}.topbar{max-width:1280px;margin:auto;padding:34px 28px 20px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.topbar h1{margin:7px 0 0;font-size:30px}.topbar h1 small{display:block;font-size:13px;color:#8794ae;font-weight:400;margin-top:7px}.top-actions,.inline-actions{display:flex;align-items:center;gap:10px}.code-badge{display:inline-flex;align-items:center;background:#172b53;color:#8deaff;border:1px solid #2d5777;border-radius:999px;padding:7px 12px;font-family:monospace}.content{max-width:1280px;margin:auto;padding:0 28px 48px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:10px 0 22px}.plan-card{position:relative;text-align:left;padding:21px;border:1px solid rgba(135,166,220,.18);border-radius:16px;background:#111d39;color:#edf4ff;overflow:hidden}.plan-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--plan-color)}.plan-card.active{border-color:var(--plan-color);box-shadow:0 0 0 1px var(--plan-color),0 12px 35px rgba(0,0,0,.18)}.plan-card span,.plan-card small{display:block}.plan-card span{color:#b9c8e3}.plan-card strong{display:block;font-size:32px;margin:10px 0 4px}.plan-card small{color:#71819f}.panel{padding:22px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}.panel h2{margin:6px 0;font-size:22px}.panel-head p{margin:8px 0 0}.small-input{width:180px;padding:9px 11px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid rgba(135,166,220,.12);white-space:nowrap}th{font-size:12px;color:#8392ad;font-weight:600}td code{color:#a9ecff}.action-link{border:0;background:none;color:#69dfff;padding:0}.pager{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:18px}.pager button:disabled{opacity:.4;cursor:not-allowed}.toast{position:fixed;right:22px;top:22px;z-index:10;background:#19375a;border:1px solid #3e79a7;color:#eaf8ff;padding:12px 16px;border-radius:10px;box-shadow:0 15px 35px #0005}.toast.error{background:#55243c;border-color:#a64e70}.modal-backdrop{position:fixed;inset:0;background:#050914b8;display:grid;place-items:center;padding:20px;z-index:5}.modal{width:min(560px,100%);background:#142341;border:1px solid #38517b;border-radius:16px;padding:22px;box-shadow:0 25px 70px #0008}.modal-head{display:flex;justify-content:space-between;align-items:flex-start}.modal h3{margin:8px 0 0}.close{border:0;background:none;color:#aab8d3;font-size:25px}.modal textarea{min-height:180px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}@media(max-width:760px){.topbar,.panel-head{align-items:stretch;flex-direction:column}.top-actions,.inline-actions{flex-wrap:wrap}.plan-grid{grid-template-columns:1fr}.content,.topbar{padding-left:16px;padding-right:16px}.small-input{width:100%}}