:root{--font-family-primary:"Sofia Sans", "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-stack:"Sofia Sans", "Plus Jakarta Sans", sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:14.88px;--font-size-base:16px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--font-size-4xl:30px;--font-size-5xl:38px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-line-height-tight:1.25;--font-line-height-base:24px;--font-line-height-relaxed:1.6;--color-text-primary:oklch(41.8869% .053885 255.825);--color-text-dark:#1e293b;--color-text-secondary:#4b5563;--color-text-tertiary:#fff;--color-text-inverse:#034ea2;--color-text-muted:#6b7280;--color-surface-base:#fff;--color-surface-canvas:#f8fafc;--color-surface-muted:#e6eef6;--color-surface-strong:#1e6ac0;--color-surface-dark:#0f172a;--color-surface-card:#fff;--color-border-default:#e5e7eb;--color-border-muted:#1971d5;--color-border-strong:#e6e8ef;--color-border-focus:#034ea2;--color-brand-primary:#034ea2;--color-brand-secondary:#036;--color-brand-accent:#1e6ac0;--color-brand-light:#eff6ff;--color-success:#10b981;--color-success-bg:#ecfdf5;--color-success-border:#a7f3d0;--color-warning:#f59e0b;--color-warning-bg:#fffbeb;--color-warning-border:#fde68a;--color-danger:#ef4444;--color-danger-bg:#fef2f2;--color-danger-border:#fecaca;--color-info:#0284c7;--color-info-bg:#f0f9ff;--color-info-border:#bae6fd;--space-1:4px;--space-2:6px;--space-3:8px;--space-4:11.2px;--space-5:12px;--space-6:13.92px;--space-7:14.84px;--space-8:16px;--space-9:20px;--space-10:24px;--space-12:32px;--space-14:40px;--space-16:48px;--space-20:64px;--radius-xs:2px;--radius-sm:6px;--radius-md:8px;--radius-lg:16px;--radius-xl:50px;--radius-2xl:9999px;--motion-duration-instant:.15s;--motion-duration-fast:.2s;--motion-duration-normal:.3s;--motion-ease:cubic-bezier(.16, 1, .3, 1);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0f172a14, 0 2px 4px -2px #0f172a0a;--shadow-lg:0 10px 15px -3px #0f172a14, 0 4px 6px -4px #0f172a08;--shadow-xl:0 20px 25px -5px #0f172a1a, 0 8px 10px -6px #0f172a0a;--shadow-card:0 1px 3px #0000000d, 0 10px 24px -8px #034ea20f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--font-line-height-base);color:var(--color-text-dark);background-color:var(--color-surface-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{min-height:100vh;color:var(--color-text-dark);flex-direction:column;display:flex}#root{flex-direction:column;min-height:100vh;display:flex}:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px;border-radius:var(--radius-sm)}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:var(--color-brand-primary);transition:color var(--motion-duration-instant) var(--motion-ease);text-decoration:none}a:hover{color:var(--color-brand-accent)}img{max-width:100%;height:auto;display:block}.text-xs{font-size:var(--font-size-xs);line-height:16px}.text-sm{font-size:var(--font-size-sm);line-height:20px}.text-md{font-size:var(--font-size-md);line-height:22px}.text-base{font-size:var(--font-size-base);line-height:var(--font-line-height-base)}.text-lg{font-size:var(--font-size-lg);line-height:24px}.text-xl{font-size:var(--font-size-xl);line-height:28px}.text-2xl{font-size:var(--font-size-2xl);line-height:30px}.text-3xl{font-size:var(--font-size-3xl);line-height:34px}.text-4xl{font-size:var(--font-size-4xl);line-height:38px}.text-5xl{font-size:var(--font-size-5xl);line-height:46px}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.text-primary{color:var(--color-brand-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-white{color:#fff}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.container{width:100%;max-width:1240px;padding-left:var(--space-6);padding-right:var(--space-6);margin-left:auto;margin-right:auto}.container-narrow{width:100%;max-width:900px;padding-left:var(--space-6);padding-right:var(--space-6);margin-left:auto;margin-right:auto}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);cursor:pointer;transition:all var(--motion-duration-fast) var(--motion-ease);white-space:nowrap;border:1px solid #0000;padding:10px 18px;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-primary{background-color:var(--color-brand-primary);color:#fff;border-color:var(--color-brand-primary);box-shadow:0 2px 4px #034ea233}.btn-primary:hover{background-color:var(--color-brand-accent);border-color:var(--color-brand-accent);color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #034ea240}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--color-surface-base);color:var(--color-brand-primary);border-color:var(--color-border-default);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:var(--color-surface-muted);border-color:var(--color-border-muted);color:var(--color-brand-primary)}.btn-accent{background-color:var(--color-surface-strong);color:#fff;border-color:var(--color-surface-strong)}.btn-accent:hover{color:#fff;background-color:#16569e}.btn-success{background-color:var(--color-success);color:#fff;border-color:var(--color-success)}.btn-success:hover{background-color:#059669}.btn-danger{background-color:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-danger:hover{background-color:#dc2626}.btn-outline{color:var(--color-brand-primary);border-color:var(--color-brand-primary);background-color:#0000}.btn-outline:hover{background-color:var(--color-surface-muted)}.btn-ghost{color:var(--color-text-secondary);background-color:#0000;border-color:#0000}.btn-ghost:hover{background-color:var(--color-surface-muted);color:var(--color-brand-primary)}.btn-lg{font-size:var(--font-size-base);border-radius:var(--radius-md);padding:14px 24px}.btn-sm{font-size:var(--font-size-xs);border-radius:var(--radius-sm);padding:6px 12px}.btn-pill{border-radius:var(--radius-2xl)}.btn-block{width:100%}.card{background-color:var(--color-surface-card);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all var(--motion-duration-normal) var(--motion-ease);overflow:hidden}.card:hover{border-color:var(--color-border-strong)}.card-hoverable:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border-muted);transform:translateY(-3px)}.card-body{padding:var(--space-8)}.card-header{padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--color-border-default);background-color:#fff;justify-content:space-between;align-items:center;display:flex}.card-footer{padding:var(--space-5) var(--space-8);border-top:1px solid var(--color-border-default);background-color:#fafbfc}.badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-xl);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:4px;padding:3px 9px;display:inline-flex}.badge-primary{background-color:var(--color-surface-muted);color:var(--color-brand-primary);border:1px solid #c7ddf4}.badge-success{background-color:var(--color-success-bg);color:#065f46;border:1px solid var(--color-success-border)}.badge-warning{background-color:var(--color-warning-bg);color:#92400e;border:1px solid var(--color-warning-border)}.badge-danger{background-color:var(--color-danger-bg);color:#991b1b;border:1px solid var(--color-danger-border)}.badge-hot{color:#fff;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%)}.badge-popular{color:#fff;background:linear-gradient(135deg,#034ea2 0%,#1e6ac0 100%)}.badge-elite{color:#fff;background:linear-gradient(135deg,#475569 0%,#1e293b 100%)}.form-group{margin-bottom:var(--space-6);gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-dark)}.form-label-required:after{content:" *";color:var(--color-danger)}.form-input,.form-select,.form-textarea{width:100%;font-size:var(--font-size-sm);color:var(--color-text-dark);border:1px solid var(--color-border-default);border-radius:var(--radius-md);transition:all var(--motion-duration-fast) var(--motion-ease);background-color:#fff;padding:11px 14px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-brand-primary);outline:none;box-shadow:0 0 0 3px #034ea21f}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af}.form-hint{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.form-error{font-size:var(--font-size-xs);color:var(--color-danger);font-weight:var(--font-weight-medium)}.input-prefix-wrapper{align-items:center;display:flex;position:relative}.input-prefix{font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-size:var(--font-size-sm);pointer-events:none;position:absolute;left:12px}.input-prefix-wrapper .form-input{padding-left:56px}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table{border-collapse:collapse;text-align:left;width:100%;font-size:var(--font-size-sm)}.table th{font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-default);white-space:nowrap;background-color:#f8fafc;padding:12px 16px}.table td{color:var(--color-text-dark);border-bottom:1px solid var(--color-border-default);vertical-align:middle;padding:14px 16px}.table tr:last-child td{border-bottom:none}.table tbody tr:hover{background-color:#fbfcfe}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;padding:var(--space-6);animation:fadeIn var(--motion-duration-fast) var(--motion-ease);background-color:#0f172aa6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:540px;max-height:90vh;animation:slideUp var(--motion-duration-fast) var(--motion-ease);background:#fff;overflow-y:auto}.modal-lg{max-width:800px}.modal-xl{max-width:1020px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #034ea266}50%{box-shadow:0 0 0 8px #034ea200}}.toast-container{z-index:1000;flex-direction:column;gap:10px;max-width:380px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:var(--radius-md);box-shadow:var(--shadow-xl);border-left:4px solid var(--color-brand-primary);animation:slideInRight var(--motion-duration-normal) var(--motion-ease);background-color:#fff;align-items:flex-start;gap:12px;padding:14px 18px;display:flex}.toast-success{border-left-color:var(--color-success)}.toast-error{border-left-color:var(--color-danger)}.toast-warning{border-left-color:var(--color-warning)}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}@media (width<=1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}.container{padding-left:var(--space-4);padding-right:var(--space-4)}}