:root{--background: 248 250 252;--foreground: 15 23 42}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%;height:-webkit-fill-available}body{margin:0;overflow-y:auto;-webkit-overflow-scrolling:touch}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background-color:#f8fafc;color:#0f172a}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.card-surface{border-radius:.75rem;border:1px solid #e2e8f0;background-color:#ffffffe6;box-shadow:0 1px 2px #0000000d,0 1px 3px #0000001a;-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px)}.container-narrow{max-width:28rem;margin-left:auto;margin-right:auto;width:100%}.min-h-screen{min-height:100vh}.app-shell{min-height:100svh;min-height:100dvh;min-height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.safe-pb{padding-bottom:env(safe-area-inset-bottom,0)}.grid{display:grid}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.col-span-2{grid-column:span 2 / span 2}.flex{display:flex}.inline-flex{display:inline-flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-1{gap:.25rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.mx-auto{margin-left:auto;margin-right:auto}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pt-3{padding-top:.75rem}.p-4{padding:1rem}.mt-2{margin-top:.5rem}.w-full{width:100%}.w-28{width:7rem}.max-w-sm{max-width:24rem}.h-6{height:1.5rem}.w-6{width:1.5rem}.break-all{word-break:break-all}.underline{text-decoration:underline}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.list-disc{list-style-type:disc}.pl-5{padding-left:1.25rem}.border{border:1px solid #e2e8f0}.border-b{border-bottom:1px solid #e2e8f0}.border-t{border-top:1px solid #e2e8f0}.border-slate-200{border-color:#e2e8f0}.bg-white{background-color:#fff}.bg-white\/90{background-color:#ffffffe6}.bg-yellow-50{background-color:#fffbeb}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-from),var(--tw-gradient-to))}.from-slate-50{--tw-gradient-from: #f8fafc}.to-slate-100{--tw-gradient-to: #f1f5f9}.bg-brand-600{background-color:#2563eb}.text-slate-900{color:#0f172a}.text-slate-700{color:#334155}.text-slate-600{color:#475569}.text-gray-700{color:#334155}.text-gray-600{color:#475569}.text-gray-500{color:#64748b}.text-blue-700{color:#1d4ed8}.text-blue-600{color:#2563eb}.text-green-700{color:#15803d}.text-red-600{color:#dc2626}.text-blue-800{color:#1e40af}.text-purple-800{color:#6b21a8}.text-yellow-800{color:#92400e}.text-green-800{color:#166534}.text-gray-800{color:#1f2937}.bg-blue-100{background-color:#dbeafe}.bg-purple-100{background-color:#f3e8ff}.bg-yellow-100{background-color:#fef3c7}.bg-green-100{background-color:#dcfce7}.bg-gray-100{background-color:#f1f5f9}.border-blue-200{border-color:#bfdbfe}.border-purple-200{border-color:#e9d5ff}.border-yellow-200{border-color:#fde68a}.border-green-200{border-color:#bbf7d0}.border-gray-200{border-color:#e5e7eb}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-semibold{font-weight:600}.tracking-tight{letter-spacing:-.01em}.shadow-soft{box-shadow:0 1px 2px #0000000d,0 1px 3px #0000001a}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.bg-black\/50{background-color:#00000080}.fixed{position:fixed}.inset-0{inset:0}.z-50{z-index:50}.z-10{z-index:10}.sticky{position:sticky}.top-0{top:0}.backdrop-blur{-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px)}.supports-\[backdrop-filter\]:bg-white\/70{background-color:#ffffffb3}.hidden{display:none}.sm\:inline{display:inline}.md\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.mr-2{margin-right:.5rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.spinner{width:1rem;height:1rem;border:2px solid #cbd5e1;border-top-color:#2563eb;border-radius:9999px;display:inline-block;vertical-align:middle;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast-container{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{min-width:240px;max-width:420px;padding:10px 12px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;box-shadow:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000f;font-size:.875rem;color:#0f172a}.toast-info{border-color:#bfdbfe;background:#eff6ff;color:#1e3a8a}.toast-success{border-color:#bbf7d0;background:#ecfdf5;color:#065f46}.toast-error{border-color:#fecaca;background:#fef2f2;color:#7f1d1d}@media (min-width: 640px){.sm\:inline{display:inline}}.select-none{-webkit-user-select:none;user-select:none}.transition-colors{transition:color .2s ease,background-color .2s ease,border-color .2s ease}button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}input:focus-visible{outline:2px solid #3b82f6;outline-offset:2px;border-color:#3b82f6}input::placeholder{color:#94a3b8}.btn{display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;border-radius:.375rem;font-weight:600;transition:background-color .2s ease,border-color .2s ease,color .2s ease;border-width:1px;border-style:solid;cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-sm{font-size:.75rem;line-height:1rem;padding:.375rem .625rem}.btn-md{font-size:.875rem;line-height:1.25rem;padding:.5rem .75rem}.btn-lg{font-size:1rem;line-height:1.5rem;padding:.625rem 1rem}.btn-primary{background-color:#2563eb;color:#fff;border-color:#2563eb}.btn-primary:hover{background-color:#1d4ed8;border-color:#1d4ed8}.btn-outline{background-color:#fff;color:#0f172a;border-color:#e2e8f0}.btn-outline:hover{background-color:#f8fafc}.btn-ghost{background-color:transparent;color:#334155;border-color:transparent}.btn-ghost:hover{background-color:#f1f5f9}.border-brand-600{border-color:#2563eb}.bg-brand-700{background-color:#1d4ed8}