:root{font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:#243247;background:#f1f5fa}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.hidden{display:none!important}button{cursor:pointer}.primary{border-color:#4f83d1!important;background:#4f83d1!important;color:#fff!important}.auth-view{min-height:100vh;display:grid;grid-template-columns:minmax(360px,1fr) minmax(420px,560px);background:linear-gradient(135deg,#172740 0 48%,#eff5fc 48%)}.auth-intro{align-self:center;color:#fff;padding:70px max(60px,12vw)}.logo{display:grid;place-items:center;width:58px;height:58px;background:#548bdc;border-radius:17px;font-size:27px;font-weight:700;box-shadow:0 12px 30px #0c162d66}.auth-intro h1{font-size:38px;margin:24px 0 9px}.auth-intro>p{color:#aebed5;font-size:17px}.auth-intro ul{padding:25px 0 0;list-style:none;line-height:2.2;color:#d6e1f0}.auth-intro li:before{content:"✓";color:#78b9ff;margin-right:10px}.auth-card{width:420px;align-self:center;justify-self:center;background:#fff;border-radius:20px;padding:24px 38px 36px;box-shadow:0 24px 80px #29497020;border:1px solid #dce7f4}.auth-tabs{display:flex;border-bottom:1px solid #e3eaf3;margin-bottom:27px}.auth-tabs button{flex:1;padding:13px;border:0;background:none;color:#8290a4}.auth-tabs button.active{color:#3975ca;border-bottom:2px solid #4f83d1;font-weight:600}.auth-form h2{margin:0 0 5px}.auth-form>p{color:#8795a9;margin:0 0 22px}.auth-form label,#edit-content label,.setting-card label,.recharge-card label{display:block;color:#63738a;font-size:14px;margin:14px 0}.auth-form input,#edit-content input,.setting-card input,.recharge-card input{display:block;width:100%;margin-top:7px;border:1px solid #cad7e7;border-radius:9px;padding:11px 12px;outline:none}.auth-form input:focus,#edit-content input:focus,.setting-card input:focus,.recharge-card input:focus{border-color:#4f83d1;box-shadow:0 0 0 3px #4f83d122}.auth-form>.primary{width:100%;border:0;border-radius:9px;padding:12px;margin-top:8px}.form-error{color:#c84a4a;min-height:20px;margin-top:12px;font-size:13px}.portal{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.portal aside{background:#17243a;color:#d7e2f0;padding:24px 15px;display:flex;flex-direction:column}.portal-brand{display:flex;align-items:center;gap:11px;padding:0 12px 22px;border-bottom:1px solid #ffffff12}.portal-brand>span{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:#4f83d1;color:#fff;font-weight:700}.portal-brand b,.portal-brand small{display:block}.portal-brand small{color:#8194af;margin-top:2px}.portal nav{display:grid;gap:7px;margin-top:20px}.portal nav button{border:0;background:transparent;color:#aebed2;text-align:left;padding:12px 13px;border-radius:9px}.portal nav button i{font-style:normal;display:inline-block;width:25px}.portal nav button:hover,.portal nav button.active{background:#4f83d1;color:#fff}.portal-user{margin-top:auto;border-top:1px solid #ffffff12;padding:18px 6px 0;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:9px}.portal-user .avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#33445e;color:#fff}.portal-user b,.portal-user small{display:block;max-width:95px;overflow:hidden;text-overflow:ellipsis}.portal-user small{font-size:11px;color:#8597b0;margin-top:2px}.portal-user button{border:0;background:none;color:#9aabc1;padding:5px}.portal main{padding:0 34px 40px;min-width:0}.portal header{height:94px;display:flex;align-items:center;justify-content:space-between}.portal header h2{margin:0;font-size:24px}.portal header p{margin:5px 0 0;color:#8795a8}.service-status{background:#e4f5ed;color:#31865f;border-radius:20px;padding:7px 12px;font-size:13px}.service-status i{display:inline-block;width:7px;height:7px;background:#42a978;border-radius:50%;margin-right:6px}.hero-card{background:linear-gradient(120deg,#4f83d1,#376cb9);color:#fff;border-radius:17px;padding:28px 30px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 13px 32px #3f6fab2a}.eyebrow{font-size:13px;opacity:.75}.hero-card h3{font-size:28px;margin:7px 0}.hero-card p{margin:0;color:#dce9fa}.hero-card button{background:#fff!important;color:#376cb9!important;border:0!important;border-radius:9px;padding:11px 19px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}.metric-grid article,.panel{background:#fff;border:1px solid #dce6f2;border-radius:14px;box-shadow:0 5px 18px #294b7110}.metric-grid article{padding:22px}.metric-grid span{color:#7b8ba0;font-size:13px}.metric-grid strong{display:block;font-size:27px;margin:8px 0}.metric-grid small{color:#98a5b6}.quick-panel{margin-top:20px;padding:23px;display:flex;align-items:center;justify-content:space-between}.quick-panel h3{margin:0 0 5px}.quick-panel p{margin:0;color:#718198}.quick-panel button,.toolbar button,.dialog-actions button,.table-panel td button,.setting-foot button{border:1px solid #cad6e5;background:#fff;color:#42536a;border-radius:8px;padding:8px 13px}.content-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.recharge-card,.tier-card{padding:28px}.recharge-card h3,.tier-card h3{font-size:22px;margin:8px 0}.recharge-card>p,.tier-card>p{color:#718198;line-height:1.7}.recharge-card form{display:flex;gap:10px;align-items:end;margin-top:25px}.recharge-card label{flex:1;margin:0}.recharge-card button{border:0;border-radius:9px;padding:11px 20px}.tier-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:19px 0}.tier-list span{background:#f4f7fb;border-radius:8px;padding:9px 11px;color:#67778c}.tier-list b{float:right;color:#315f9f}.notice{background:#fff6e5;color:#946c28!important;padding:12px;border-radius:8px;font-size:13px}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.toolbar h3{margin:0 0 4px}.toolbar p{margin:0;color:#7d8ca0}.table-panel{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 15px;border-bottom:1px solid #e8eef5;white-space:nowrap}th{background:#f7f9fc;color:#718096;font-size:13px}td{font-size:14px}.table-panel td button{padding:6px 10px;margin-right:5px}.table-panel td button.delete{color:#bd4d4d}.badge{display:inline-block;border-radius:12px;padding:4px 8px;font-size:12px;background:#e3f5ed;color:#27805b}.badge.pending{background:#fff2d9;color:#956a20}.empty{text-align:center;padding:60px;color:#8391a4}.empty b{color:#4d5c70}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.setting-card{padding:26px}.setting-card h3{margin:0 0 7px}.setting-card>p{color:#79899d;line-height:1.6;min-height:46px}.setting-foot{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.setting-foot span{color:#738399}.setting-foot b{color:#345f9d}dialog{border:0;border-radius:15px;padding:0;width:min(520px,calc(100vw - 30px));box-shadow:0 28px 80px #17243a60}dialog::backdrop{background:#15233b88}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:18px 21px;border-bottom:1px solid #e3eaf3}.dialog-head h3{margin:0}.dialog-head p{margin:4px 0 0;color:#7b8a9f}.dialog-head button{border:0;background:none;font-size:24px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;padding:16px 20px;border-top:1px solid #e3eaf3}#edit-content{padding:20px}.dialog-actions .danger{background:#c84f4f;color:#fff;border-color:#c84f4f}.keep-list{max-height:370px;overflow:auto;padding:12px 20px}.keep-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:11px;border:1px solid #dfe7f1;border-radius:9px;margin:7px 0}.keep-item small{display:block;color:#8594a8;margin-top:3px}.keep-item code{color:#607089}.danger-note{margin:0 20px 15px;padding:11px;background:#fdeaea;color:#a04444;border-radius:8px;font-size:13px}#user-toast{position:fixed;right:25px;bottom:25px;background:#243247;color:#fff;padding:11px 16px;border-radius:9px;opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none;z-index:20}#user-toast.show{opacity:1;transform:none}@media(max-width:900px){.portal{grid-template-columns:170px 1fr}.portal main{padding:0 18px 30px}.metric-grid,.settings-grid,.content-grid{grid-template-columns:1fr}.auth-view{grid-template-columns:1fr;background:#eef4fb}.auth-intro{display:none}}@media(max-width:600px){.portal{display:block}.portal aside{padding:10px;position:sticky;top:0;z-index:10}.portal-brand,.portal-user{display:none}.portal nav{display:flex;overflow:auto;margin:0}.portal nav button{white-space:nowrap}.portal header{height:75px}.metric-grid{grid-template-columns:1fr}.recharge-card form{display:block}.recharge-card button{width:100%;margin-top:10px}.auth-card{width:calc(100% - 26px);padding:20px 24px}}