@import url('/assets/css/font-awesome.min.css');
:root{--ink:#152b41;--muted:#718096;--accent:#137f79;--bg:#f4f7fa;--line:#e4eaf0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 'Segoe UI','Microsoft YaHei',system-ui,sans-serif}button,input,select,textarea{font:inherit}a{color:var(--accent);text-decoration:none}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:11px 18px;cursor:pointer;background:var(--accent);color:#fff;font-weight:600;transition:.18s}button:hover,.btn:hover{background:#0c6863}button:disabled{opacity:.55;cursor:default}button.secondary,.btn.secondary{background:#edf2f6;color:var(--ink)}button.danger{background:#fff0f0;color:#c73f48}button.small{padding:7px 12px;font-size:12px}input,select,textarea{width:100%;padding:12px 14px;border:1px solid #dce4eb;border-radius:10px;background:#fff;color:var(--ink)}input:focus,select:focus,textarea:focus{border-color:#137f79;box-shadow:0 0 0 3px #137f7915;outline:none}input[type=checkbox]{width:auto;accent-color:var(--accent)}label{display:block;font-size:13px;font-weight:600;margin:0 0 7px}.field{margin-bottom:18px}.hint{font-size:12px;color:var(--muted);margin:7px 0}.muted{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font-size:28px;letter-spacing:-.7px;margin-bottom:8px}h2{font-size:18px;margin-bottom:8px}h3{font-size:15px}p{margin-bottom:14px}.card{border:1px solid var(--line);border-radius:16px;background:white;padding:24px;box-shadow:0 12px 35px #18334d08}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:750;color:inherit}.brand-icon{display:grid;place-items:center;width:40px;height:40px;background:var(--accent);color:white;border-radius:12px}.brand small{display:block;font-size:10px;letter-spacing:1px;font-weight:500;color:var(--muted)}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.between{justify-content:space-between}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.stat{padding:20px;background:#fff;border:1px solid var(--line);border-radius:14px}.stat .value{font-size:28px;font-weight:750;letter-spacing:-1px;margin:8px 0}.stat small{color:var(--muted)}.tag{display:inline-flex;padding:4px 9px;font-size:11px;border-radius:6px;background:#e8f5f2;color:var(--accent);font-weight:650}.tag.off{background:#fff1f1;color:#c84a53}.tag.pending{background:#fff7e7;color:#9d7325}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{background:#f7f9fb;color:var(--muted);font-size:12px;font-weight:600;white-space:nowrap}th,td{padding:13px 16px;border-bottom:1px solid #edf1f5}tr:last-child td{border-bottom:0}td .small{margin:2px}code{font:12px Consolas,monospace;background:#f4f7fa;border:1px solid var(--line);border-radius:5px;padding:3px 6px}.empty{text-align:center;padding:44px!important;color:var(--muted)}.section{display:none}.section.active{display:block}.message{display:none;position:fixed;top:20px;left:50%;transform:translateX(-50%);max-width:90vw;background:#e8f5f2;color:#086c63;border:1px solid #bae2d8;padding:12px 22px;border-radius:10px;box-shadow:0 12px 40px #0c384019;z-index:1000}.message.error{background:#fff1f1;color:#b83343;border-color:#f0ccd2}.tabs{display:flex;gap:5px;padding:5px;background:#f0f4f7;border-radius:12px;margin-bottom:24px}.tabs button{flex:1;background:transparent;color:var(--muted);padding:10px}.tabs button.active{background:white;color:var(--ink);box-shadow:0 2px 7px #273f4f0c}.dialog-backdrop{position:fixed;inset:0;background:#10283777;z-index:500;display:grid;place-items:center;padding:20px}.dialog-backdrop[hidden]{display:none}.dialog-card{max-width:480px;width:100%;padding:28px;border-radius:18px;background:white;box-shadow:0 24px 80px #09253133}.dialog-card p{white-space:pre-line;color:var(--muted)}.password-wrap{position:relative}.password-wrap input{padding-right:50px}.password-wrap button{position:absolute;right:5px;top:5px;background:transparent;color:var(--muted);padding:9px;width:38px}.money{font-variant-numeric:tabular-nums}.toolbar{display:flex;align-items:center;gap:12px;margin:20px 0;flex-wrap:wrap}.toolbar input,.toolbar select{width:auto;min-width:150px}.admin-shell{display:grid;grid-template-columns:226px 1fr;min-height:100vh}.sidebar{padding:28px 18px;background:#122d40;color:#eef5f6;position:fixed;inset:0 auto 0 0;width:226px;display:flex;flex-direction:column}.sidebar .brand{font-size:18px;margin:0 8px 32px}.sidebar .brand small{color:#83a4b6}.sidebar .brand-icon{background:#2a706f}.sidebar .nav-caption{font-size:10px;letter-spacing:2px;color:#6d94a8;margin:14px 14px 10px}.sidebar nav button{width:100%;justify-content:flex-start;background:transparent;color:#a9c0cc;margin-bottom:5px;padding:12px 14px;font-weight:500}.sidebar nav button.active{background:#244657;color:white}.sidebar nav i{width:20px}.sidebar footer{margin-top:auto;padding:16px 12px;color:#709aac;font-size:11px}.admin-main{grid-column:2;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:22px 36px;background:#fff;border-bottom:1px solid var(--line);gap:16px}.admin-content{max-width:1440px;margin:auto;padding:32px 36px}.page-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px;gap:18px}.page-heading p{margin:0}.account-header{background:white;border-bottom:1px solid var(--line);padding:20px max(24px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between}.account-main{max-width:1120px;margin:36px auto;padding:0 24px}.welcome{margin:32px 0 24px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.plan{border:1px solid var(--line);border-radius:12px;padding:20px}.plan .price{font-size:28px;font-weight:700;margin:14px 0}.plan button{width:100%;margin-top:14px}.flow-note{background:#f3faf8;border:1px solid #d9eee7;border-radius:12px;padding:16px;font-size:13px;color:#35746a;margin-top:20px}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.02fr 1fr}.login-story{background:linear-gradient(145deg,#112e42,#164c52);color:white;padding:48px 9%;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.login-story:after{content:'';position:absolute;width:540px;height:540px;border:1px solid #ffffff12;border-radius:50%;bottom:-180px;left:-100px;box-shadow:0 0 0 80px #ffffff03,0 0 0 160px #ffffff02;pointer-events:none}.login-story .brand{z-index:1}.login-story .brand small{color:#89aeb6}.login-story .brand-icon{background:#ffffff15;color:#bce9d9}.story-content{z-index:1;padding:60px 0}.story-content h1{font-size:44px;line-height:1.3;letter-spacing:-1.8px;max-width:460px;margin:18px 0 22px}.story-content h1 em{font-style:normal;color:#a4dbcc}.story-content>p{color:#9dbac5;max-width:380px;font-size:15px;line-height:1.8}.story-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.story-chips span{font-size:12px;border:1px solid #ffffff1c;padding:8px 12px;border-radius:9px;color:#c1d5dc}.story-footer{color:#739da9;font-size:11px;z-index:1}.login-side{display:grid;place-items:center;padding:44px;background:#f8fafc}.login-panel{width:100%;max-width:400px}.login-panel .intro{margin-bottom:30px}.login-panel .submit{width:100%;padding:14px}.login-foot{margin-top:26px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.login-panel details{margin-top:18px;font-size:12px}.login-panel summary{cursor:pointer;color:var(--muted)}.login-panel details form{margin-top:16px}.checks{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin:18px 0 24px}.checks label{font-weight:400;display:flex;align-items:center;gap:7px;margin:0}.recharge-note{background:#e8f5f2;color:#32796b;padding:14px;border-radius:10px;margin-bottom:20px;font-size:12px}.hide{display:none!important}.login-admin{max-width:420px;margin:80px auto}.form-inline{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.form-inline .wide{grid-column:1/-1}.code-result{white-space:pre-wrap;font:12px Consolas,monospace;max-height:220px;overflow:auto;background:#f8fafc;padding:16px;border-radius:10px;user-select:all}.pager{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.split-field{display:grid;grid-template-columns:1fr 1fr;gap:14px}.big-icon{font-size:24px;color:var(--accent);margin-bottom:16px}.section>.card{margin-bottom:22px}.footer-note{font-size:11px;color:var(--muted);text-align:center;margin-top:28px}@media(max-width:1000px){.login-story{padding:36px 7%}.story-content h1{font-size:35px}.admin-shell{grid-template-columns:190px 1fr}.sidebar{width:190px}.admin-content,.topbar{padding:24px}.stats{grid-template-columns:repeat(2,1fr)}.plan-grid{grid-template-columns:1fr}.form-inline{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.login-shell{display:block}.login-story{padding:20px 24px;display:block}.story-content,.story-footer{display:none}.login-side{padding:34px 24px}.grid,.form-inline{grid-template-columns:1fr}.admin-shell{display:block}.sidebar{position:static;width:auto;padding:18px}.sidebar .brand{margin-bottom:18px}.sidebar nav{display:flex;overflow:auto;gap:6px}.sidebar nav button{white-space:nowrap;width:auto;margin:0}.sidebar .nav-caption,.sidebar footer{display:none}.admin-content{padding:24px 16px}.topbar{padding:16px}.stats{gap:10px}.stat{padding:16px}.stat .value{font-size:23px}.card{padding:18px}h1{font-size:24px}.account-header{padding:16px}.account-main{margin:24px auto;padding:0 16px}.account-header .brand small{display:none}.account-header .btn{padding:8px 12px}.toolbar input,.toolbar select{width:100%;flex:1}.form-inline .wide{grid-column:auto}.split-field{grid-template-columns:1fr}}
[hidden]{display:none!important}@media(max-width:700px){.account-main .stats{grid-template-columns:1fr!important}}