:root{--color-brand: #6C63FF;--color-brand-dark: #5B52E4;--color-brand-light: #8B7FFF;--color-success: #22C55E;--color-warning: #F59E0B;--color-danger: #EF4444;--color-bg: #FFFFFF;--color-bg-elevated: #F8FAFC;--color-bg-input: #F1F5F9;--color-text: #1E293B;--color-text-muted: #64748B;--color-border: #E2E8F0;--color-border-subtle: #F1F5F9;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--font-family: "Inter", -apple-system, sans-serif;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 15px;--font-size-md: 17px;--font-size-lg: 20px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg);line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100dvh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit;outline:none}.fw-600{font-weight:600}.fw-700{font-weight:700}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.text-muted{color:var(--color-text-muted)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.flex-1{flex:1}.w-full{width:100%}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px}.btn{padding:12px 20px;border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-sm);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:var(--color-brand);color:#fff}.btn-ghost{background:transparent;color:var(--color-text)}.input{width:100%;padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-input);color:var(--color-text)}.input:focus{border-color:var(--color-brand)}.field{margin-bottom:16px}.field label{display:block;font-size:var(--font-size-sm);font-weight:600;margin-bottom:6px;color:var(--color-text)}.badge{padding:2px 8px;border-radius:999px;font-size:10px;font-weight:700}.badge-success{background:#22c55e26;color:var(--color-success)}.badge-warning{background:#f59e0b26;color:var(--color-warning)}.badge-danger{background:#ef444426;color:var(--color-danger)}.badge-muted{background:var(--color-bg-elevated);color:var(--color-text-muted)}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}