*,*:before,*:after{box-sizing:border-box}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;color:#172033;background:#f5f6f8;font-synthesis:none;--admin-navy: #17233c;--admin-blue: #295d9b;--admin-border: #dfe3e8;--admin-muted: #687386;--admin-danger: #b42318;--admin-success: #16794c}body{margin:0;min-width:768px;min-height:100vh;background:#f5f6f8}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}a{color:inherit}.admin-shell{min-height:100vh;display:grid;grid-template-columns:232px minmax(0,1fr)}.admin-sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;background:var(--admin-navy);color:#fff;display:flex;flex-direction:column}.admin-brand{display:flex;gap:11px;align-items:center;padding:0 8px 28px}.admin-brand span,.admin-login-brand>span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:var(--admin-navy);background:#fff;font-weight:800}.admin-sidebar nav{display:grid;gap:6px}.admin-sidebar nav a{padding:11px 13px;border-radius:8px;text-decoration:none;color:#cbd4e1;font-size:14px}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:#ffffff1f;color:#fff}.admin-sidebar footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding:18px 8px 2px}.admin-identity{display:grid;gap:3px;margin-bottom:12px}.admin-identity span{font-size:12px;color:#9dabc0}.admin-identity strong{font-size:13px;overflow-wrap:anywhere}.text-button{border:0;padding:0;color:#cbd4e1;background:none}.admin-content{min-width:0;padding:34px clamp(24px,4vw,58px) 64px}.page-heading{min-height:58px;display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.page-heading h1{margin:2px 0 0;font-size:27px}.page-heading>span,.timezone{color:var(--admin-muted);font-size:13px}.eyebrow{margin:0;color:var(--admin-blue);font-size:11px;font-weight:800;letter-spacing:.14em}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.metric-card,.panel,.audit-card{border:1px solid var(--admin-border);background:#fff;border-radius:12px;box-shadow:0 1px 2px #121c2d0a}.metric-card{padding:22px;display:grid;gap:12px}.metric-card span{color:var(--admin-muted);font-size:13px}.metric-card strong{font-size:30px;line-height:1}.definition-note{margin:18px 2px 0;color:var(--admin-muted);font-size:13px}.analytics-heading{align-items:center}.analytics-controls{display:flex;align-items:center;gap:7px}.range-button{border:1px solid #ccd3dc;border-radius:7px;padding:7px 11px;color:#536074;background:#fff;font-size:12px}.range-button.active{border-color:var(--admin-blue);color:#fff;background:var(--admin-blue)}.analytics-controls .timezone{margin-left:8px}.analytics-metrics{margin-bottom:16px}.analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.analytics-grid-wide{grid-template-columns:minmax(0,1.45fr) minmax(330px,.55fr)}.analytics-panel{min-width:0;min-height:250px;margin-bottom:16px}.analytics-panel-heading{display:flex;align-items:start;justify-content:space-between;gap:14px;margin-bottom:18px}.analytics-panel-heading h2{margin:3px 0 0}.analytics-panel-heading>span{color:var(--admin-muted);font-size:12px}.chart-legend{display:flex;flex-wrap:wrap;gap:9px 16px;margin-bottom:14px;color:var(--admin-muted);font-size:11px}.chart-legend span{display:inline-flex;align-items:center;gap:6px}.chart-legend i{width:8px;height:8px;border-radius:50%}.trend-chart{display:block;width:100%;min-height:185px;overflow:visible}.trend-chart line{stroke:#e9edf2;stroke-width:1}.chart-axis{display:flex;justify-content:space-between;color:#7b8595;font-size:10px}.funnel-list{display:grid;gap:18px}.funnel-list>div{display:grid;grid-template-columns:96px minmax(80px,1fr) 30px;align-items:center;gap:10px;font-size:12px}.funnel-list>div>div{height:10px;overflow:hidden;border-radius:999px;background:#edf1f5}.funnel-list i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#295d9b,#5d86b7)}.funnel-list strong{text-align:right}.rank-list{list-style:none;margin:0;padding:0;display:grid}.rank-list li{display:grid;grid-template-columns:minmax(0,1fr) 42px 52px;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #edf0f3;font-size:12px}.rank-list li:last-child{border-bottom:0}.rank-list strong,.rank-list small{text-align:right}.rank-list small{color:var(--admin-muted)}.rank-list.compact{margin-top:14px;max-height:220px;overflow:auto}.domain-summary,.payment-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.domain-summary div,.payment-metrics div{display:grid;gap:6px;padding:14px;border-radius:8px;background:#f6f8fa}.domain-summary span,.payment-metrics span{color:var(--admin-muted);font-size:11px}.domain-summary strong,.payment-metrics strong{font-size:20px}.payment-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.dependency-notice{margin:0;padding:20px;border:1px dashed #cad2dc;border-radius:9px;color:var(--admin-muted);text-align:center;background:#fafbfc}.analytics-footnote{margin:14px 0 0;color:var(--admin-muted);font-size:11px;line-height:1.6}.toolbar{display:grid;grid-template-columns:minmax(220px,1fr) repeat(3,145px) 76px;gap:10px;margin-bottom:18px}.audit-toolbar{grid-template-columns:210px 1fr 1fr 76px}.payment-toolbar{grid-template-columns:minmax(210px,1fr) minmax(240px,1fr) 170px 76px}input,select,textarea{width:100%;border:1px solid #ccd3dc;border-radius:8px;background:#fff;color:#172033;padding:9px 11px;outline:none}input,select{height:40px}textarea{resize:vertical;line-height:1.6}input:focus,select:focus,textarea:focus{border-color:var(--admin-blue);box-shadow:0 0 0 3px #295d9b1a}.primary-button,.secondary-button,.danger-button{min-height:38px;border:1px solid transparent;border-radius:8px;padding:8px 14px;font-weight:650}.primary-button{color:#fff;background:var(--admin-blue)}.secondary-button{color:#27364c;background:#fff;border-color:#cbd3dd}.danger-button{color:#fff;background:var(--admin-danger)}.full-button{width:100%;margin-top:20px}.table-wrap{overflow:auto;border:1px solid var(--admin-border);border-radius:10px;background:#fff}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:13px}th{padding:12px 14px;text-align:left;color:#536074;background:#f8f9fb;font-size:12px}td{padding:13px 14px;border-top:1px solid #eceff3}tbody tr{transition:background .12s}tbody tr:hover{background:#f7f9fc}tbody tr[tabindex]{cursor:pointer}.mono{max-width:220px;overflow:hidden;text-overflow:ellipsis;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.tag,.status-badge{display:inline-flex;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:750}.tag{background:#eef2f7;color:#40506a}.status-badge.active{color:#08734c;background:#eaf8f1}.status-badge.disabled{color:#a72b22;background:#fcedeb}.status-badge.paid{color:#08734c;background:#eaf8f1}.status-badge.paying,.status-badge.created{color:#76520b;background:#fff6d8}.status-badge.closed,.status-badge.failed,.status-badge.refunded{color:#a72b22;background:#fcedeb}.status-badge.refund_pending{color:#5b4a91;background:#f1edff}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:16px;font-size:13px;color:var(--admin-muted)}.pagination label{display:flex;align-items:center;gap:6px}.pagination select{width:72px}.page-state{min-height:240px;border:1px dashed #cfd5dd;border-radius:10px;display:grid;place-content:center;justify-items:center;gap:12px;color:var(--admin-muted);background:#ffffff8c}.error-state{color:var(--admin-danger)}.error-state p{margin:0}.back-link{margin-bottom:5px;padding:0;border:0;background:none;color:var(--admin-blue)}.success-banner,.form-error{border-radius:8px;padding:10px 12px;font-size:13px}.success-banner{color:var(--admin-success);background:#eaf8f1;margin:-12px 0 16px}.form-error{color:var(--admin-danger);background:#fff0ee}.detail-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:16px;margin-bottom:16px}.panel{padding:20px;margin-bottom:16px}.panel h2{margin:0 0 16px;font-size:17px}.panel-heading{display:flex;justify-content:space-between}.detail-list{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;margin:0 0 22px}.detail-list div{min-width:0}.detail-list dt{color:var(--admin-muted);font-size:12px}.detail-list dd{margin:4px 0 0;overflow-wrap:anywhere;font-size:14px}.payment-detail-list{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-numbers{display:grid;gap:18px}.usage-numbers div{display:grid;gap:3px}.usage-numbers strong{font-size:26px}.usage-numbers .date-value{font-size:15px}.usage-numbers span{color:var(--admin-muted);font-size:12px}.note-form>div{display:flex;justify-content:space-between;align-items:center;margin-top:8px;color:var(--admin-muted);font-size:12px}.note-list{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:10px}.note-list li{border:1px solid #e4e8ed;border-radius:8px;padding:13px}.note-list p{margin:0 0 7px;white-space:pre-wrap;overflow-wrap:anywhere}.note-list small,.inline-empty{color:var(--admin-muted)}.inline-empty{padding:18px 0;font-size:13px}.invite-metrics{margin-bottom:16px}.invite-metrics article{display:grid;gap:8px;padding:18px;border:1px solid var(--admin-border);border-radius:10px;background:#fff}.invite-metrics span{color:var(--admin-muted);font-size:12px}.invite-metrics strong{font-size:25px}.invite-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.invite-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.invite-form h2,.invite-form button{grid-column:1 / -1}.invite-form label{display:grid;gap:6px;color:#4d596b;font-size:12px}.generated-codes{border-color:#b8ddcb;background:#f8fffb}.generated-row{display:flex;align-items:center;gap:10px;margin-top:8px}.generated-row code{flex:1;overflow-wrap:anywhere}.invite-table td:first-child{display:grid;gap:4px}.invite-table td:first-child small{color:var(--admin-muted)}.invite-actions{display:flex;gap:7px}.status-badge.available{color:#08734c;background:#eaf8f1}.status-badge.used,.status-badge.expired{color:#76520b;background:#fff6d8}.audit-list{display:grid;gap:12px}.audit-card{padding:18px}.audit-card>header{display:flex;justify-content:space-between;gap:12px}.audit-card header div{display:flex;align-items:center;gap:12px}.audit-card header span,.audit-meta{color:var(--admin-muted);font-size:12px}.audit-card code{overflow-wrap:anywhere}.audit-meta{display:flex;gap:18px;margin:10px 0 14px}.state-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.state-grid section{border-radius:8px;padding:12px;background:#f7f8fa}.state-grid h3{margin:0 0 8px;font-size:12px}.state-grid dl{margin:0}.state-grid dl div{display:flex;justify-content:space-between;gap:12px;font-size:12px}.state-grid dt{color:var(--admin-muted)}.state-grid dd{margin:0;overflow-wrap:anywhere}.admin-login-page{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at top,#eef3fa 0,#f5f6f8 42%)}.admin-login-card{width:min(430px,100%);border:1px solid var(--admin-border);border-radius:14px;background:#fff;padding:30px;box-shadow:0 12px 36px #14203417}.admin-login-brand{display:flex;align-items:center;gap:10px;margin-bottom:30px}.admin-login-brand>span{color:#fff;background:var(--admin-navy)}.admin-login-brand div{display:grid}.admin-login-brand small,.muted,.admin-login-footnote{color:var(--admin-muted)}.admin-login-card h1{margin:0}.admin-login-card .muted{margin:6px 0 24px}.admin-login-card label{display:block;margin:14px 0 7px;color:#4d596b;font-size:13px}.admin-login-row{display:grid;grid-template-columns:1fr 118px;gap:8px}.admin-login-card .form-error{margin:13px 0 0}.admin-login-footnote{margin:16px 0 0;text-align:center;font-size:11px}@media(max-width:980px){.admin-shell{grid-template-columns:188px minmax(0,1fr)}.admin-sidebar{padding-inline:12px}.admin-content{padding:26px 20px 50px}.metric-grid,.toolbar,.audit-toolbar,.payment-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid,.analytics-grid,.analytics-grid-wide,.invite-create-grid{grid-template-columns:1fr}}