:root{--color-bg:#f8fafc;--color-surface:#fff;--color-text-primary:#0f172a;--color-text-secondary:#64748b;--color-text-tertiary:#94a3b8;--color-accent:#3b82f6;--color-accent-hover:#2563eb;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-border:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;line-height:1.5}#root{flex-direction:column;gap:24px;max-width:600px;min-height:100vh;margin:0 auto;padding:32px 16px;display:flex}h1{letter-spacing:-.025em;color:var(--color-text-primary);font-size:1.75rem;font-weight:700}h2{font-size:1.25rem;font-weight:600}p{color:var(--color-text-secondary)}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);padding:24px;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn{border-radius:var(--radius-md);cursor:pointer;border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-primary);justify-content:center;align-items:center;padding:10px 20px;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn:hover{background-color:#f1f5f9}.btn-primary{background-color:var(--color-accent);color:#fff;border:none;box-shadow:0 4px 6px -1px #3b82f64d}.btn-primary:hover{background-color:var(--color-accent-hover);box-shadow:0 6px 8px -1px #3b82f666}.btn-danger{color:var(--color-danger);background-color:#fef2f2;border-color:#fecaca}.btn-danger:hover{background-color:#fee2e2}.btn-icon{border-radius:var(--radius-md);background-color:var(--color-surface);width:36px;height:36px;color:var(--color-text-secondary);border:1px solid var(--color-border);justify-content:center;align-items:center;padding:0;font-size:1.2rem;display:flex}.btn-icon:hover{color:var(--color-text-primary);background-color:#f1f5f9}.input-block{margin-bottom:20px}.input-block label{color:var(--color-text-primary);margin-bottom:8px;font-size:.9rem;font-weight:600;display:block}.input-block input{border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:#f8fafc;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.input-block input:focus{border-color:var(--color-accent);background-color:var(--color-surface);box-shadow:0 0 0 3px #3b82f61a}.text-danger{color:var(--color-danger);font-weight:600}.badge{border-radius:var(--radius-full);letter-spacing:.025em;align-items:center;padding:6px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.badge-danger{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5}.badge-success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.badge-neutral{color:#475569;background:#f8fafc;border:1px solid #e2e8f0}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.confirm-backdrop{z-index:900;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a5c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.confirm-dialog{border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);width:min(440px,100%);box-shadow:var(--shadow-lg);padding:24px}.confirm-dialog h2{color:var(--color-text-primary);margin-bottom:12px}.confirm-dialog p{margin-bottom:24px}.confirm-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.toast-viewport{z-index:1000;pointer-events:none;width:min(520px,100vw - 32px);position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);color:var(--color-text-primary);pointer-events:auto;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;font-size:.95rem;font-weight:600;display:flex}.toast-error{color:#991b1b;background:#fef2f2;border-color:#fca5a5}.toast-success{color:#065f46;background:#ecfdf5;border-color:#6ee7b7}.toast-info{color:#1e3a8a;background:#eff6ff;border-color:#93c5fd}.toast-close{color:currentColor;cursor:pointer;opacity:.7;background:0 0;border:none;padding:2px 4px;font-size:1.25rem;line-height:1}.toast-close:hover{opacity:1}