:root{--primary: #1570ef;--primary-hover: #175cd3;--primary-active: #1849a9;--blue-50: #f5faff;--blue-100: #eff8ff;--blue-200: #d1e9ff;--blue-800: #1849a9;--background: #fcfcfd;--gray-50: #f9fafb;--gray-100: #f2f4f7;--border: #eaecf0;--border-strong: #d0d5dd;--gray-400: #98a2b3;--gray-500: #667085;--surface: #ffffff;--text-primary: #101828;--text-secondary: #344054;--text-tertiary: #475467;--text-placeholder: #98a2b3;--success: #059669;--success-subtle: #ecfdf3;--success-text: #027a48;--success-border: #a6f4c5;--warning: #f79009;--destructive: #d92d20;--destructive-subtle: #fef3f2;--destructive-text: #b42318;--destructive-border: #fecdca;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--shadow-xs: 0 1px 2px rgb(16 24 40 / .05);--shadow-sm: 0 1px 2px rgb(16 24 40 / .06), 0 1px 3px rgb(16 24 40 / .1);--shadow-md: 0 2px 4px -2px rgb(16 24 40 / .06), 0 4px 8px -2px rgb(16 24 40 / .1);--shadow-lg: 0 4px 6px -2px rgb(16 24 40 / .03), 0 12px 16px -4px rgb(16 24 40 / .08);--font-sans: "Poppins", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-weight:400;font-size:16px;color:var(--text-primary);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:24px;font-weight:600;line-height:1.2;letter-spacing:-.01em;margin:0}h2{font-size:20px;font-weight:600;line-height:1.35;letter-spacing:-.01em;margin:0}h3{font-size:18px;font-weight:600;line-height:1.4;margin:0}p{line-height:1.5;margin:0}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border-radius:var(--radius-md);border:1px solid transparent;font-family:inherit;font-size:15px;font-weight:500;line-height:1;cursor:pointer;transition:background-color .15s,border-color .15s,box-shadow .15s,opacity .15s;outline:none}.btn:disabled{opacity:.5;pointer-events:none}.btn:focus-visible{box-shadow:0 0 0 4px #1570ef2e}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:active{background:var(--primary-active)}.btn-outline{background:var(--surface);color:var(--text-secondary);border-color:var(--border);box-shadow:var(--shadow-xs)}.btn-outline:hover{background:var(--gray-50);border-color:var(--border-strong)}.btn-block{width:100%}.btn-sm{height:34px;padding:0 12px;font-size:14px}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;border:1px solid transparent;background:transparent;color:var(--gray-500);cursor:pointer;font-size:15px;transition:background-color .15s,color .15s}.btn-icon:hover{background:var(--gray-100);color:var(--text-primary)}.btn-icon-danger:hover{background:var(--destructive-subtle);color:var(--destructive-text)}.btn-icon-primary{background:var(--blue-100);color:var(--primary)}.btn-icon-primary:hover{background:var(--blue-200);color:var(--primary-active)}.field{display:flex;flex-direction:column;gap:6px}.label{font-size:14px;font-weight:500;color:var(--text-secondary)}.input{height:46px;width:100%;padding:0 14px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);font-family:inherit;font-size:15px;color:var(--text-primary);transition:border-color .15s,box-shadow .15s;outline:none}.input::placeholder{color:var(--text-placeholder)}.input:hover{border-color:var(--border-strong)}.input:focus-visible{border-color:var(--primary);box-shadow:0 0 0 4px #1570ef2e}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs)}.alert-error{background:var(--destructive-subtle);border:1px solid var(--destructive-border);color:var(--destructive-text);border-radius:var(--radius-lg);padding:10px 14px;font-size:14px}.alert-success{background:var(--success-subtle);border:1px solid var(--success-border);color:var(--success-text);border-radius:var(--radius-lg);padding:10px 14px;font-size:14px}.badge{display:inline-flex;align-items:center;gap:3px;padding:1px 7px;border-radius:999px;font-family:inherit;font-size:11px;line-height:16px;font-weight:500;white-space:nowrap;border:1px solid transparent}.badge-blue{background:#eff6ff;color:#1d4ed8;border-color:#93c5fd}.badge-gray{background:#f9fafb;color:#6b7280;border-color:#d1d5db}.badge-green{background:#f0fdf4;color:#15803d;border-color:#86efac}.badge-amber{background:#fffbeb;color:#b45309;border-color:#fcd34d}.badge-cyan{background:#ecfeff;color:#0e7490;border-color:#67e8f9}.badge-orange{background:#fff7ed;color:#c2410c;border-color:#fdba74}.badge-red{background:#fef2f2;color:#b91c1c;border-color:#fca5a5}.muted{color:var(--text-tertiary)}@keyframes drawerIn{0%{transform:translate(100%)}to{transform:translate(0)}}