:root{--primary: #0ea5e9;--primary-dark: #0284c7;--primary-light: #bae6fd;--bg: #f0f9ff;--surface: #ffffff;--text: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--border: #e2e8f0;--radius: 16px;--radius-sm: 12px;--shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-lg: 0 4px 24px rgba(14,165,233,.1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:PingFang SC,Noto Sans SC,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-dark)}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.card-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 24px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s;outline:none}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:#f8fafc}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-sm{padding:8px 16px;font-size:13px}.input{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;color:var(--text);background:var(--surface);outline:none;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.input::placeholder{color:var(--text-muted)}.label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.page-container{max-width:480px;margin:0 auto;padding:88px 16px 16px}.page-container-wide{max-width:720px;margin:0 auto;padding:76px 16px 16px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:12px 24px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:#fff;box-shadow:var(--shadow-lg);z-index:999;transition:opacity .3s;pointer-events:none}.toast-success{background:var(--primary)}.toast-error{background:#ef4444}.error-text{color:#ef4444;font-size:13px;background:#fef2f2;border-radius:8px;padding:8px 12px;display:none}.error-text.show{display:block}.toggle{position:relative;display:inline-flex;width:44px;height:24px;border-radius:12px;background:#cbd5e1;border:none;cursor:pointer;transition:background .2s;padding:0;flex-shrink:0}.toggle[aria-checked=true]{background:var(--primary)}.toggle span{display:block;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000026;transition:transform .2s;margin:2px}.toggle[aria-checked=true] span{transform:translate(20px)}.skeleton{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;padding:10px 12px;font-weight:600;color:var(--text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border)}.table td{padding:10px 12px;border-bottom:1px solid #f1f5f9}.table tr:last-child td{border-bottom:none}.badge{display:inline-block;padding:2px 8px;border-radius:99px;font-size:12px;font-weight:500}.badge-active{background:#dcfce7;color:#166534}.badge-alert{background:#fef2f2;color:#991b1b}.badge-suspended{background:#f1f5f9;color:#475569}.badge-success{background:#dcfce7;color:#166534}.badge-danger{background:#fef2f2;color:#991b1b}.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted);font-size:14px}