*,:after,:before{box-sizing:border-box}body{background:#f4f6f8;color:#1a1a2e;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;margin:0}a{color:#4f46e5;text-decoration:none}a:hover{text-decoration:underline}.container{margin:0 auto;width:min(1100px,92vw)}.hidden{display:none!important}.text-muted{color:#6b7280}.site-header{background:#1a1a2e;color:#fff;padding:1rem 0}.header-inner{align-items:center;display:flex;justify-content:space-between}.logo{color:#fff;font-size:1.1rem;font-weight:700}.logo,.nav a{text-decoration:none}.nav a{color:#e5e7eb;margin-left:1.25rem}.main-auth{padding:2rem 0 3rem}.main-guest{justify-content:center;min-height:100vh}.main-guest,.page-header{align-items:center;display:flex}.page-header{gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.auth-card,.card,.form-card{background:#fff;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.08);margin-bottom:1.5rem;padding:1.5rem}.auth-card{width:min(400px,92vw)}.stats-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1.5rem}.stat-card{background:#fff;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.08);padding:1.25rem 1.5rem}.stat-label{color:#6b7280;display:block;font-size:.875rem}.stat-value{display:block;font-size:2rem;font-weight:700;margin-top:.25rem}.table{border-collapse:collapse;width:100%}.table td,.table th{border-bottom:1px solid #e5e7eb;padding:.75rem;text-align:left}.table-actions{white-space:nowrap}label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.35rem}input[type=email],input[type=number],input[type=password],input[type=text],input[type=url],select{border:1px solid #d1d5db;border-radius:6px;font-size:1rem;margin-bottom:1rem;padding:.6rem .75rem;width:100%}.checkbox-label{align-items:center;display:flex;font-weight:400;gap:.5rem;margin-bottom:1rem}.checkbox-label input{margin:0;width:auto}.input-prefix{align-items:center;display:flex;gap:.5rem}.input-prefix span{color:#6b7280;margin-bottom:1rem;white-space:nowrap}.input-prefix input{flex:1}.form-grid{display:grid;gap:0 1rem;grid-template-columns:1fr 1fr}.form-group-full{grid-column:1/-1}.form-error{color:#dc2626;display:block;font-size:.85rem;margin-bottom:.75rem;margin-top:-.75rem}.referrer-rules{border:1px solid #e5e7eb;border-radius:8px;margin:1.5rem 0;padding:1rem 1.25rem}.referrer-rule-row{align-items:start;display:grid;gap:.5rem;grid-template-columns:1fr 1.5fr 1fr auto;margin-bottom:.5rem}.referrer-rule-row input{margin-bottom:0}.referrer-toggle{margin:1.25rem 0 .75rem}.field-hint{color:#6b7280;display:block;font-size:.85rem;margin-bottom:.75rem;margin-top:-.75rem}.copy-box{display:flex;gap:.5rem;margin-bottom:.5rem}.copy-box input{flex:1;font-family:ui-monospace,monospace;margin-bottom:0}.copy-btn{align-items:center;display:inline-flex;gap:.35rem;white-space:nowrap}.copy-icon{font-size:1.1rem;line-height:1}.copy-feedback{color:#065f46;font-size:.9rem;margin:0 0 1rem}.success-meta{display:grid;gap:.75rem;margin:1.5rem 0}.success-meta dt{color:#6b7280;font-size:.85rem;font-weight:600}.success-meta dd{margin:0}.success-card label{margin-top:1rem}.form-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.button{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:.95rem;padding:.6rem 1.1rem;text-decoration:none}.button-primary{background:#4f46e5;color:#fff}.button-secondary{background:#e5e7eb;color:#1a1a2e}.button-danger{background:#fee2e2;color:#b91c1c}.button-block{text-align:center;width:100%}.alert{border-radius:6px;margin-bottom:1rem;padding:.75rem 1rem}.alert-success{background:#d1fae5;color:#065f46}.alert-error{background:#fee2e2;color:#b91c1c}.landing-body{align-items:center;background:#eef2ff;display:flex;justify-content:center;min-height:100vh}.landing-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);padding:2rem;text-align:center;width:min(480px,92vw)}.landing-meta{color:#6b7280}.landing-countdown{color:#6b7280;font-size:.9rem;margin-top:1rem}.landing-actions{margin-top:1.5rem}@media (max-width:700px){.form-grid,.referrer-rule-row{grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column}}
