@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap";@charset "UTF-8";:root{--color-bg: #f4f6fb;--color-bg-subtle: #f0f2f8;--color-sidebar: #0b0f17;--color-primary: #6366f1;--color-primary-dark: #4f46e5;--color-primary-deep: #4338ca;--color-primary-light: #ede9fe;--color-primary-glow: rgba(99,102,241,.18);--color-surface: #ffffff;--color-border: #e4e8ef;--color-border-light: #f0f2f7;--color-text: #0d1117;--color-text-sec: #5c6b80;--color-text-muted: #94a3b8;--color-success: #10b981;--color-success-bg: #ecfdf5;--color-warning: #f59e0b;--color-warning-bg: #fffbeb;--color-error: #ef4444;--color-error-bg: #fef2f2;--gradient-primary: linear-gradient(135deg, #818cf8 0%, #6366f1 50%, #4f46e5 100%);--gradient-success: linear-gradient(135deg, #34d399 0%, #10b981 100%);--gradient-warning: linear-gradient(135deg, #fcd34d 0%, #f59e0b 100%);--gradient-blue: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);--gradient-pink: linear-gradient(135deg, #f472b6 0%, #ec4899 100%);--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-card: 0 0 0 1px rgba(0,0,0,.03), 0 2px 6px rgba(0,0,0,.05), 0 10px 28px rgba(0,0,0,.06);--shadow-card-hover:0 0 0 1px rgba(99,102,241,.1), 0 4px 10px rgba(0,0,0,.07), 0 16px 36px rgba(99,102,241,.1);--shadow-btn: 0 1px 2px rgba(99,102,241,.25), 0 3px 10px rgba(99,102,241,.18);--radius-card: 16px;--radius-btn: 9px;--radius-badge: 999px;--radius-input: 9px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;color:var(--color-text);background-color:var(--color-bg);background-image:radial-gradient(ellipse 80% 60% at 0% 0%,rgba(99,102,241,.04) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 100% 100%,rgba(99,102,241,.03) 0%,transparent 60%);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11"}h1,h2,h3,h4,h5,h6{margin-top:0;line-height:1.3}a{text-decoration:none;color:inherit}button,input,select,textarea{font-family:inherit}.page{padding:32px 36px;max-width:1200px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.page-title{font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:1.45rem;font-weight:800;color:var(--color-text);margin:0;letter-spacing:-.025em}.card{background:var(--color-surface);border-radius:var(--radius-card);border:1px solid rgba(228,232,239,.75);box-shadow:var(--shadow-card);transition:box-shadow .2s}.card:hover{box-shadow:var(--shadow-card-hover)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 14px;border-bottom:1px solid var(--color-border-light);background:linear-gradient(180deg,#fafbff,#fff);border-radius:var(--radius-card) var(--radius-card) 0 0}.card-header h2,.card-header h3{font-size:.925rem;font-weight:700;color:var(--color-text);margin:0;letter-spacing:-.01em}.card-body{padding:20px 22px}.stat-card{background:var(--color-surface);border-radius:var(--radius-card);border:1px solid rgba(228,232,239,.75);box-shadow:var(--shadow-card);padding:24px 22px 20px;display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden;transition:box-shadow .2s,transform .18s}.stat-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--stat-accent, #6366f1) 0%,var(--stat-accent2, #8b5cf6) 100%);border-radius:var(--radius-card) var(--radius-card) 0 0}.stat-card:after{content:"";position:absolute;top:0;right:0;width:80px;height:80px;background:radial-gradient(circle at 100% 0%,var(--stat-icon-bg, rgba(99, 102, 241, .1)) 0%,transparent 70%);border-radius:0 var(--radius-card) 0 0}.stat-card .stat-icon{position:absolute;top:18px;right:18px;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--stat-icon-bg, #ede9fe);color:var(--stat-accent, var(--color-primary));box-shadow:0 2px 8px #00000012;z-index:1}.stat-card .stat-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-sec);margin-top:4px}.stat-card .stat-value{font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:2rem;font-weight:800;color:var(--color-text);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.stat-card .stat-trend{font-size:.75rem;color:var(--color-text-muted);margin-top:2px}.stat-card .stat-trend.up{color:var(--color-success)}.stat-card .stat-trend.down{color:var(--color-error)}.table{width:100%;border-collapse:collapse;background:var(--color-surface);font-size:.875rem}.table th{padding:12px 18px;text-align:left;font-size:.685rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-sec);background:linear-gradient(180deg,#f8f9fc,#f4f6fb);border-bottom:1px solid var(--color-border);white-space:nowrap}.table td{padding:13px 18px;border-bottom:1px solid #f0f2f7;color:#334155;vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:#f8f9ff;transition:background .1s}.table .clickable{cursor:pointer}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:var(--radius-btn);font-size:.875rem;font-weight:600;cursor:pointer;border:none;transition:all .15s;white-space:nowrap;line-height:1}.btn-primary{background:linear-gradient(135deg,#818cf8,#6366f1 40%,#4f46e5);color:#fff;box-shadow:var(--shadow-btn)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#6366f1,#4f46e5,#4338ca);box-shadow:0 2px 6px #6366f166,0 6px 20px #6366f140;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--color-surface);border:1px solid var(--color-border);color:#374151;box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){background:#f8f9fc;border-color:#d0d5df;box-shadow:0 2px 6px #0000000f}.btn-danger{background:var(--color-surface);border:1px solid #fecaca;color:#dc2626}.btn-danger:hover:not(:disabled){background:var(--color-error-bg)}.btn-ghost{background:transparent;border:none;color:var(--color-text-sec)}.btn-ghost:hover:not(:disabled){background:#f0f2f7;color:var(--color-text)}.btn-sm{padding:5px 12px;font-size:.8rem;border-radius:7px}.btn-lg{padding:12px 24px;font-size:1rem}.btn:disabled{opacity:.45;cursor:not-allowed}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-badge);font-size:.72rem;font-weight:700;letter-spacing:.03em;white-space:nowrap}.badge-active{background:var(--color-success-bg);color:#065f46}.badge-pending{background:var(--color-warning-bg);color:#92400e}.badge-suspended{background:var(--color-error-bg);color:#991b1b}.badge-cancelled{background:#f1f5f9;color:#475569}.badge-success{background:var(--color-success-bg);color:#065f46}.badge-error{background:var(--color-error-bg);color:#991b1b}.badge-info{background:#eff6ff;color:#1e40af}.form-field{margin-bottom:18px}.form-label{display:block;font-size:.8rem;font-weight:600;color:#374151;margin-bottom:6px}.form-input,.form-select{width:100%;padding:10px 13px;border:1px solid var(--color-border);border-radius:var(--radius-input);font-size:.875rem;outline:none;background:var(--color-surface);color:var(--color-text);transition:border-color .15s,box-shadow .15s;appearance:none;box-shadow:0 1px 2px #0000000a}.form-input:focus,.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f124,0 1px 2px #0000000a}.form-input:hover:not(:focus),.form-select:hover:not(:focus){border-color:#c7d2e0}.form-error{color:var(--color-error);font-size:.75rem;margin-top:4px;display:block}.loading-state{color:var(--color-text-muted);padding:60px 40px;text-align:center;font-size:.9rem}.empty-state,.empty-row td{text-align:center;color:var(--color-text-muted);padding:56px 16px;font-size:.9rem}.empty-state p{margin:8px 0 0;font-size:.85rem;color:var(--color-text-muted)}.error-banner{padding:13px 18px;background:var(--color-error-bg);color:#991b1b;border:1px solid #fecaca;border-radius:var(--radius-btn);margin-bottom:22px;font-size:.875rem;display:flex;align-items:center;gap:8px}.success-banner{padding:13px 18px;background:var(--color-success-bg);color:#166534;border:1px solid #a7f3d0;border-radius:var(--radius-btn);margin-bottom:22px;font-size:.875rem;display:flex;align-items:center;gap:8px}.pagination{display:flex;align-items:center;gap:8px;padding:16px 18px;justify-content:flex-end;border-top:1px solid #f0f2f7;font-size:.8rem;color:var(--color-text-sec)}.pagination button{padding:5px 13px;border:1px solid var(--color-border);border-radius:7px;background:var(--color-surface);cursor:pointer;font-size:.8rem;color:#374151;transition:all .12s;box-shadow:var(--shadow-xs)}.pagination button:hover:not(:disabled){background:#f0f2f7;border-color:#d0d5df;box-shadow:0 2px 6px #0000000f}.pagination button:disabled{opacity:.4;cursor:not-allowed}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{background:linear-gradient(90deg,#eaecf2,#f4f6fb,#eaecf2);background-size:1200px 100%;border-radius:6px;animation:shimmer 1.6s ease-in-out infinite}code{font-family:SF Mono,Fira Code,Roboto Mono,monospace;background:#f0f2f8;color:var(--color-primary);padding:2px 7px;border-radius:5px;font-size:.8em}.section-title{font-size:.925rem;font-weight:700;color:var(--color-text);margin:0 0 16px;padding-bottom:13px;border-bottom:1px solid #f0f2f7;letter-spacing:-.01em}.text-muted{color:var(--color-text-muted)}.text-sec{color:var(--color-text-sec)}.text-right{text-align:right}.text-center{text-align:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-mono{font-family:SF Mono,Fira Code,Roboto Mono,monospace}.tabular-nums{font-variant-numeric:tabular-nums}