:root{color:#1a233a;background-color:#f7f9ff;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5}*{box-sizing:border-box}body{color:#1a233a;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}.btn{color:#18418d;cursor:pointer;background:#e5eeff;border:0;border-radius:12px;padding:9px 16px;font-weight:700;transition:all .2s}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-primary{color:#fff;background:linear-gradient(130deg,#2563eb,#0284c7);box-shadow:0 10px 24px #2563eb47}.error-text{color:#f87171;margin:0}.info-text{color:#2563eb}label{color:#334155;gap:6px;font-size:.92rem;display:grid}input,select,textarea{width:100%;font:inherit;color:#0f172a;background:#fff;border:1px solid #c9d7f2;border-radius:12px;padding:10px 12px}input:focus,select:focus,textarea:focus{border-color:#6aa6ff;outline:none;box-shadow:0 0 0 3px #60a5fa38}textarea{resize:vertical;min-height:96px}.loading-screen{place-items:center;min-height:100vh;display:grid}.login-shell{background:#0f172a;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);min-height:100vh;display:grid;position:relative;overflow:hidden}.login-bg{pointer-events:none;position:absolute;inset:0}.login-bg-orb{filter:blur(120px);opacity:.55;border-radius:999px;position:absolute}.login-bg-orb-a{background:#1d4ed8;width:48vw;height:48vw;top:-18vw;left:-12vw}.login-bg-orb-b{background:#0891b2;width:44vw;height:44vw;bottom:-20vw;right:-16vw}.login-bg-grid{opacity:.18;background-image:linear-gradient(#7dd3fc3d 1px,#0000 1px),linear-gradient(90deg,#7dd3fc3d 1px,#0000 1px);background-size:38px 38px;position:absolute;inset:0}.login-hero{z-index:1;align-items:center;padding:5vw 6vw 5vw 9vw;display:grid;position:relative}.login-hero-inner{color:#e2e8f0;border-left:3px solid #60a5fa7a;max-width:520px;padding-left:24px}.login-hero-tag{letter-spacing:.14em;text-transform:uppercase;color:#94c5ffe6;margin:0;font-size:.78rem}.login-hero h1{color:#f8fafc;margin:16px 0 10px;font-size:clamp(2rem,3.4vw,3rem);line-height:1.2}.login-hero p{color:#e2e8f0d1;margin:0}.login-hero ul{color:#bfdbfef0;gap:8px;margin:22px 0 0;padding-left:18px;display:grid}.login-card{z-index:1;color:#e2e8f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172a8a;border:1px solid #7dd3fc57;border-radius:24px;gap:12px;width:min(460px,100vw - 48px);margin:auto;padding:28px;display:grid;position:relative;box-shadow:0 24px 70px #02061773}.login-card label{color:#bfdbfee6}.login-card input{color:#e2e8f0;background:#0f172a8c;border:1px solid #7dd3fc59}.login-card input::placeholder{color:#bfdbfe94}.login-card input:focus{border-color:#7dd3fcd6;box-shadow:0 0 0 3px #0ea5e938}.login-brand{color:#7dd3fcf2;letter-spacing:.07em;text-transform:uppercase;margin:0;font-size:.8rem}.login-card h2{color:#f8fafc;margin:0;font-size:1.9rem}.login-desc{color:#bfdbfed6;margin:0 0 4px}.login-submit{height:46px;margin-top:6px;font-size:.98rem}.admin-shell{background:#f7f9ff;min-height:100vh;position:relative}.admin-bg-layer{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.admin-bg-orb{filter:blur(120px);opacity:.5;border-radius:999px;position:absolute}.admin-bg-orb-a{background:#60a5fa73;width:60vw;height:60vw;top:-32vw;left:-20vw}.admin-bg-orb-b{background:#8b5cf633;width:52vw;height:52vw;bottom:-32vw;right:-20vw}.admin-bg-grid{opacity:.04;background-image:radial-gradient(circle at 2px 2px,#000 1px,#0000 0);background-size:30px 30px;position:absolute;inset:0}.sidebar{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);z-index:20;background:#ffffffb8;border-right:1px solid #93c5fd7a;flex-direction:column;gap:14px;width:248px;padding:16px 12px;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:8px 0 24px #2563eb14}.sidebar-brand{border-bottom:1px solid #bfdbfecc;padding:6px 8px 8px}.sidebar-brand-tag{color:#3b82f6;letter-spacing:.11em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:700}.sidebar h2{color:#0f172a;margin:8px 0 4px;font-size:1.1rem}.sidebar .muted{color:#64748b;margin:0;font-size:.85rem}.sidebar nav{gap:6px;margin-bottom:auto;display:grid}.sidebar nav a{color:#475569;border-radius:12px;padding:10px 12px;font-weight:600;transition:all .2s}.sidebar nav a.active{color:#fff;background:linear-gradient(130deg,#2563eb,#0284c7);box-shadow:0 8px 18px #2563eb40}.sidebar nav a:hover{color:#1d4ed8;background:#dbeafee6}.sidebar-logout{color:#1e40af;background:#2563eb1f;width:100%}.admin-topbar{-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);z-index:15;background:#ffffffbd;border-bottom:1px solid #93c5fd6b;justify-content:space-between;align-items:center;height:64px;padding:0 22px;display:flex;position:fixed;top:0;left:248px;right:0;box-shadow:0 2px 10px #3b82f614}.admin-topbar-subtitle{text-transform:uppercase;letter-spacing:.11em;color:#64748b;margin:0;font-size:.72rem;font-weight:700}.admin-topbar-title{color:#0f172a;margin-top:2px;font-size:1.1rem;display:block}.admin-topbar-right{align-items:center;gap:8px;display:flex}.role-badge,.user-badge{border-radius:999px;padding:6px 11px;font-size:.82rem;font-weight:700}.role-badge{color:#1d4ed8;background:#dbeafee6;border:1px solid #93c5fde6}.user-badge{color:#0f172a;background:#fff;border:1px solid #cbd5e1e6}.admin-main{z-index:1;margin-left:248px;padding:88px 22px 22px;position:relative}.admin-main h1{color:#0f172a;margin-top:0}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd6;border:1px solid #bfdbfeb8;border-radius:16px;margin-bottom:14px;padding:16px;box-shadow:0 10px 24px #3b82f614}.content-editor-shell{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.content-editor-panel{gap:10px;display:grid}.title-options{gap:8px;max-height:260px;padding:2px;display:grid;overflow:auto}.title-option{text-align:left;cursor:pointer;background:#fff;border:1px solid #d2dff6;border-radius:12px;gap:4px;width:100%;padding:9px 11px;display:grid}.title-option.active{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f62e}.title-option-title{color:#1f3259;font-weight:700}.title-option-direction{color:#64748b;font-size:12px}.content-divider{border:0;border-top:1px solid #e2e8f5;width:100%;margin:6px 0}.content-preview-panel{background:linear-gradient(#f8fbff 0%,#eff5ff 100%);border:1px solid #dce4f4;border-radius:14px;padding:12px}.content-preview-image{aspect-ratio:1;object-fit:cover;border:1px solid #d5deef;border-radius:12px;width:100%}.content-preview-placeholder{aspect-ratio:1;color:#607293;text-align:center;background:#f7faff;border:1px dashed #bfd0ed;border-radius:12px;place-items:center;width:100%;padding:10px;display:grid}.content-preview-text{white-space:pre-wrap;word-break:break-word;color:#253a62;margin:8px 0 0}.form-grid{gap:10px;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.stat-card{background:#ffffffe0;border:1px solid #bfdbfebf;border-radius:14px;padding:14px}.stat-card span{color:#64748b;font-size:.86rem}.stat-card strong{margin-top:4px;font-size:1.36rem;display:block}.stat-card small,td small{color:#64748b;font-size:.76rem;display:block}.compact-stat{line-height:1.45;font-size:.95rem!important}.commission-card strong{color:#0f766e}.section-kicker{color:#2563eb;letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:800}.muted-text{color:#64748b}.referral-hero{background:linear-gradient(135deg,#fffffff0,#eff6fff0);grid-template-columns:minmax(0,1fr) 220px;align-items:stretch;gap:18px;display:grid}.referral-hero h2,.referral-link-card h2,.referral-grid h2{color:#0f172a;margin:0 0 10px}.referral-hero p{color:#475569;margin:0}.activation-card{color:#dbeafe;background:#0f172a;border-radius:14px;align-content:center;gap:6px;padding:16px;display:grid}.activation-card span{color:#93c5fd;font-size:.82rem}.activation-card strong{color:#fff;font-size:2.4rem;line-height:1}.activation-card p{color:#cbd5e1;margin:0;font-size:.88rem}.referral-link-card{grid-template-columns:minmax(0,.8fr) minmax(320px,1.2fr);align-items:center;gap:16px;display:grid}.copy-box{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.copy-box code{color:#1e293b;word-break:break-all;background:#fff;border:1px solid #c9d7f2;border-radius:12px;min-height:42px;padding:11px 12px;display:block}.referral-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.template-list{gap:10px;display:grid}.template-list button{color:#253a62;text-align:left;cursor:pointer;background:#fff;border:1px solid #d2dff6;border-radius:12px;padding:12px}.template-list button:hover{border-color:#3b82f6}.steps-list{color:#334155;margin:0;padding-left:20px}.steps-list li{margin:10px 0}.ops-tips{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.ops-tips span{color:#334155;background:#f8fbff;border:1px solid #d2dff6;border-radius:12px;padding:10px;font-size:.88rem}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:720px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #e4e9f5;padding:9px 8px}th{color:#64748b;font-size:.85rem}.inline-actions{flex-wrap:wrap;gap:6px;display:flex}.nested-action-card{background:#f8fbff;margin-top:14px}.commission-editor{grid-template-columns:minmax(180px,260px) auto auto;align-items:end;gap:8px;margin-top:12px;display:grid}pre{white-space:pre-wrap;word-break:break-word;margin:0}@media (width<=1080px){.login-shell{grid-template-columns:1fr;padding:24px}.login-hero{display:none}.login-card{margin:auto}}@media (width<=960px){.sidebar{width:100%;box-shadow:none;border-bottom:1px solid #93c5fd7a;border-right:0;position:static}.admin-topbar{height:auto;min-height:56px;margin:0;padding:10px 14px;position:static;left:0}.admin-main{margin-left:0;padding:16px 14px 20px}.grid-4,.grid-3,.referral-hero,.referral-link-card,.copy-box,.referral-grid,.ops-tips,.content-editor-shell,.commission-editor{grid-template-columns:1fr}.admin-topbar-right{gap:6px}.role-badge,.user-badge{padding:5px 9px;font-size:.75rem}}