:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: "Inter", var(--font-sans);--color-bg: #f6f7f9;--color-bg-elevated: #ffffff;--color-surface: #ffffff;--color-surface-muted: #f3f4f6;--color-surface-hover: #f9fafb;--color-border: #e5e7eb;--color-border-strong: #d1d5db;--color-text: #0b1220;--color-text-muted: #4b5563;--color-text-faint: #9ca3af;--color-primary: #0b1220;--color-primary-hover: #1f2937;--color-primary-contrast: #ffffff;--color-accent: #10b981;--color-accent-hover: #059669;--color-accent-soft: #ecfdf5;--color-danger: #dc2626;--color-danger-soft: #fef2f2;--color-warn: #b45309;--color-warn-soft: #fffbeb;--color-ok: #047857;--color-ok-soft: #ecfdf5;--color-info: #1d4ed8;--color-info-soft: #eff6ff;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--shadow-xs: 0 1px 2px rgba(11, 18, 32, .05);--shadow-sm: 0 2px 6px rgba(11, 18, 32, .06);--shadow-md: 0 10px 25px -8px rgba(11, 18, 32, .12);--shadow-lg: 0 20px 40px -12px rgba(11, 18, 32, .18);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--transition-fast: .14s var(--ease-out);--transition: .22s var(--ease-out);--font-size-xs: 12px;--font-size-sm: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 22px;--font-size-3xl: 28px;--font-size-4xl: 36px;--content-width: 1120px}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-md);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}h1,h2,h3,h4{margin:0 0 var(--space-3);font-weight:600;letter-spacing:-.015em;color:var(--color-text)}h1{font-size:var(--font-size-3xl);line-height:1.2}h2{font-size:var(--font-size-xl);line-height:1.3}h3{font-size:var(--font-size-lg);line-height:1.35}p{margin:0 0 var(--space-3)}button,input,textarea,select{font-family:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:6px}.shell{max-width:var(--content-width);margin:0 auto;padding:0 var(--space-5) var(--space-7)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.stack-lg{display:flex;flex-direction:column;gap:var(--space-5)}.row{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.grid{display:grid;gap:var(--space-4)}.muted{color:var(--color-text-muted)}.faint{color:var(--color-text-faint)}.mono{font-variant-numeric:tabular-nums}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;background:var(--color-surface-muted);color:var(--color-text-muted);letter-spacing:.01em;line-height:1.4}.badge-safe{background:var(--color-ok-soft);color:var(--color-ok)}.badge-caution{background:var(--color-warn-soft);color:var(--color-warn)}.badge-danger{background:var(--color-danger-soft);color:var(--color-danger)}.badge-info{background:var(--color-info-soft);color:var(--color-info)}.skeleton{background:linear-gradient(90deg,var(--color-surface-muted) 0%,#e8eaed 50%,var(--color-surface-muted) 100%);background-size:200% 100%;animation:shimmer 1.25s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .3s var(--ease-out)}@media (max-width: 640px){.shell{padding:0 var(--space-4) var(--space-6)}h1{font-size:var(--font-size-2xl)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 18px;border-radius:var(--radius-md);border:1px solid transparent;font-weight:600;font-size:var(--font-size-md);line-height:1;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast);white-space:nowrap;user-select:none}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-primary-contrast)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-accent{background:var(--color-accent);color:#fff}.btn-accent:hover:not(:disabled){background:var(--color-accent-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-strong)}.btn-ghost{background:transparent;color:var(--color-text-muted)}.btn-ghost:hover:not(:disabled){background:var(--color-surface-muted);color:var(--color-text)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-sm{padding:7px 12px;font-size:var(--font-size-sm);border-radius:var(--radius-sm)}.btn-lg{padding:14px 22px;font-size:var(--font-size-lg);border-radius:var(--radius-lg)}.btn-icon{width:36px;height:36px;padding:0;border-radius:var(--radius-full)}.field{display:flex;flex-direction:column;gap:6px}.field label,.field-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted)}.field .input,.field .select,.field textarea,.input,.select,textarea.input{width:100%;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);font-family:inherit}.field .input:focus,.field textarea:focus,.field .select:focus,.input:focus,.select:focus,textarea.input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-soft)}.field-error{color:var(--color-danger);font-size:var(--font-size-xs)}textarea.input{min-height:96px;resize:vertical}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:var(--space-5);transition:box-shadow var(--transition)}.card-compact{padding:var(--space-4)}.card-hero{padding:var(--space-6);box-shadow:var(--shadow-sm)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.card-title{font-size:var(--font-size-lg);font-weight:600;margin:0}.card-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:4px 0 0}.segmented{display:inline-flex;padding:4px;background:var(--color-surface-muted);border-radius:var(--radius-full);gap:2px}.segmented button{padding:6px 14px;background:transparent;border:none;font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-full);cursor:pointer;color:var(--color-text-muted);transition:background var(--transition-fast),color var(--transition-fast)}.segmented button:hover{color:var(--color-text)}.segmented button.active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-xs)}.navbar{position:sticky;top:0;z-index:20;background:#ffffffd1;backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--color-border);padding:10px 0;margin-bottom:var(--space-6)}.navbar-inner{max-width:var(--content-width);margin:0 auto;padding:0 var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.brand{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:700;font-size:var(--font-size-lg);color:var(--color-text);text-decoration:none;letter-spacing:-.01em}.brand-logo{width:28px;height:28px;border-radius:8px;background:var(--color-primary);color:var(--color-accent);display:grid;place-items:center}.nav-links{display:flex;align-items:center;gap:2px;flex-wrap:wrap}.nav-link{padding:8px 12px;border-radius:var(--radius-md);color:var(--color-text-muted);font-weight:500;font-size:var(--font-size-md);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast)}.nav-link:hover{background:var(--color-surface-muted);color:var(--color-text)}.nav-link.active{color:var(--color-text);background:var(--color-surface-muted)}.avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-surface-muted);display:grid;place-items:center;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);overflow:hidden;border:1px solid var(--color-border)}.avatar img{width:100%;height:100%;object-fit:cover}.toast-root{position:fixed;bottom:20px;right:20px;z-index:100;display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none;max-width:360px}.toast{background:var(--color-text);color:#fff;padding:12px 14px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--font-size-sm);display:flex;align-items:flex-start;gap:var(--space-2);pointer-events:auto;animation:fadeInUp .24s var(--ease-spring)}.toast-success{background:#0f3d2e;border-left:3px solid var(--color-accent)}.toast-error{background:#5a1414;border-left:3px solid #f87171}.toast-info{background:var(--color-text);border-left:3px solid #60a5fa}.toast-close{background:transparent;border:none;color:#ffffffb3;cursor:pointer;font-size:16px;margin-left:auto;padding:0 6px;line-height:1}.dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;background:var(--color-surface-hover);transition:background var(--transition-fast),border-color var(--transition-fast);cursor:pointer}.dropzone:hover,.dropzone.active{border-color:var(--color-accent);background:var(--color-accent-soft)}.dropzone-thumb{position:relative;width:96px;height:96px;border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden;background:var(--color-surface-muted)}.dropzone-thumb img{width:100%;height:100%;object-fit:cover}.dropzone-thumb-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:var(--radius-full);background:#111827cc;color:#fff;border:none;cursor:pointer;font-size:12px;display:grid;place-items:center;padding:0}.hero{text-align:left}.hero h1{font-size:var(--font-size-4xl);margin-bottom:var(--space-3);letter-spacing:-.025em}.hero p.lead{font-size:var(--font-size-lg);color:var(--color-text-muted);max-width:60ch;margin-bottom:var(--space-4)}.price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3)}.price-cell{padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-hover);border:1px solid var(--color-border);transition:background var(--transition-fast)}.price-cell.highlight{background:var(--color-accent-soft);border-color:#a7f3d0}.price-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.price-value{font-size:var(--font-size-xl);font-weight:600;margin-top:4px;font-variant-numeric:tabular-nums}.empty-state{text-align:center;padding:var(--space-6) var(--space-4);color:var(--color-text-muted)}.empty-state h3{color:var(--color-text);margin-bottom:6px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3)}@media (max-width: 640px){.nav-links{gap:0}.nav-links .nav-link{padding:8px 10px;font-size:var(--font-size-sm)}.hero h1{font-size:var(--font-size-3xl)}.card{padding:var(--space-4)}}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:spin .6s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.danger-zone{border:1px solid #fecaca;background:var(--color-danger-soft)}.danger-zone .card-title{color:var(--color-danger)}.modal-backdrop{position:fixed;inset:0;background:#0b122080;backdrop-filter:blur(4px);display:grid;place-items:center;z-index:50;animation:fadeInUp .2s var(--ease-out);padding:var(--space-4)}.modal{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);max-width:440px;width:100%;box-shadow:var(--shadow-lg);animation:fadeInUp .26s var(--ease-spring)}.banner{display:flex;gap:var(--space-3);align-items:flex-start;padding:12px 14px;border-radius:var(--radius-md);border:1px solid}.banner-error{background:var(--color-danger-soft);color:var(--color-danger);border-color:#fecaca}.banner-info{background:var(--color-info-soft);color:var(--color-info);border-color:#bfdbfe}.banner-warn{background:var(--color-warn-soft);color:var(--color-warn);border-color:#fde68a}.page-header{margin-bottom:var(--space-5)}.page-header h1{margin-bottom:6px}.page-header p{color:var(--color-text-muted);margin:0;max-width:60ch}