@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400..800&family=DM+Sans:opsz,wght@9..40,400..700&family=DM+Mono:wght@400;500&display=swap";:root{--sky-50:#eff8ff;--sky-100:#dbeffe;--sky-200:#bfe4fd;--sky-300:#93d3fb;--sky-400:#55b9f5;--sky-500:#2aa3ec;--sky-600:#1786d2;--sky-700:#146baa;--sky-800:#155a8c;--sky-900:#174b73;--coral-50:#fff3ef;--coral-100:#ffe3da;--coral-200:#ffc6b5;--coral-300:#ffa085;--coral-400:#ff7a59;--coral-500:#f55b36;--coral-600:#e24218;--coral-700:#bc3412;--sun-100:#fff4d6;--sun-200:#ffe9ae;--sun-300:#ffdd8a;--sun-400:#ffc64d;--sun-500:#f5ad23;--sun-600:#d08f0f;--mint-100:#d9f6f1;--mint-200:#b4eee4;--mint-300:#8ae6d8;--mint-400:#3ecfbb;--mint-500:#1fb3a0;--mint-600:#14897b;--ink-950:#0b1f30;--ink-900:#10283c;--ink-800:#17324a;--ink-700:#1f3b54;--ink-600:#33506b;--ink-500:#47637c;--ink-400:#6a8399;--ink-300:#97abbd;--ink-200:#c6d4e0;--ink-100:#e3ecf3;--ink-50:#f2f7fb;--white:#fff;--surface-page:#f6fbff;--surface-card:#fff;--surface-sunken:var(--ink-50);--surface-brand:var(--sky-500);--surface-brand-soft:var(--sky-50);--surface-inverse:var(--ink-900);--text-heading:var(--ink-900);--text-body:var(--ink-700);--text-muted:var(--ink-500);--text-faint:var(--ink-400);--text-on-brand:#fff;--text-link:var(--sky-600);--text-link-hover:var(--sky-700);--action-primary:var(--sky-500);--action-primary-hover:var(--sky-600);--action-primary-active:var(--sky-700);--action-accent:var(--coral-400);--action-accent-hover:var(--coral-500);--action-accent-active:var(--coral-600);--border-default:var(--ink-200);--border-subtle:var(--ink-100);--border-strong:var(--ink-300);--focus-ring:0 0 0 3px var(--sky-200);--status-success:var(--mint-500);--status-success-bg:var(--mint-100);--status-warning:var(--sun-500);--status-warning-bg:var(--sun-100);--status-error:var(--coral-600);--status-error-bg:var(--coral-50);--status-info:var(--sky-600);--status-info-bg:var(--sky-50);--gradient-horizon:linear-gradient(180deg,var(--sky-100) 0%,#fff 100%);--gradient-sky:linear-gradient(160deg,var(--sky-400) 0%,var(--sky-600) 100%);--gradient-sunset:linear-gradient(135deg,var(--sun-300) 0%,var(--coral-400) 100%);--font-display:"Bricolage Grotesque","DM Sans",system-ui,sans-serif;--font-body:"DM Sans",system-ui,-apple-system,sans-serif;--font-mono:"DM Mono",ui-monospace,"SF Mono",monospace;--text-display-xl:clamp(44px,5vw,64px);--text-display:40px;--text-h1:32px;--text-h2:24px;--text-h3:20px;--text-body-lg:18px;--text-body-md:16px;--text-sm:14px;--text-caption:12px;--leading-display:1.04;--leading-heading:1.15;--leading-body:1.55;--leading-tight:1.3;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-display:800;--tracking-display:-.02em;--tracking-heading:-.01em;--tracking-caps:.08em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--container-max:1160px;--container-pad:24px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--shadow-soft:0 1px 2px #10283c0d,0 4px 12px #10283c0f;--shadow-card:0 1px 2px #10283c0d,0 10px 28px #10283c17;--shadow-float:0 4px 8px #10283c0f,0 20px 48px #10283c24;--shadow-brand:0 8px 24px #2aa3ec59;--ease-out:cubic-bezier(.22,1,.36,1);--ease-spring:cubic-bezier(.34,1.4,.64,1);--duration-fast:.12s;--duration-base:.2s;--duration-slow:.32s;--blur-glass:saturate(1.4) blur(14px)}body{font-family:var(--font-body);font-size:var(--text-body-md);line-height:var(--leading-body);color:var(--text-body);background:var(--surface-page);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-heading);letter-spacing:var(--tracking-heading);line-height:var(--leading-heading);margin:0}a{color:var(--text-link);text-decoration:none}a:hover{color:var(--text-link-hover)}::selection{background:var(--sky-200)}@keyframes bo-slide{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:none}}@keyframes bo-fade{0%{opacity:0}to{opacity:1}}@keyframes bo-pop{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:none}}.btn{font-family:var(--font-body);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);border:none;justify-content:center;align-items:center;gap:8px;font-weight:600;display:inline-flex}.btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-md{height:40px;padding:0 18px;font-size:15px}.btn-sm{height:32px;padding:0 12px;font-size:13.5px}.btn-full{width:100%}.btn-primary{background:var(--action-primary);color:var(--text-on-brand)}.btn-primary:hover:not(:disabled){background:var(--action-primary-hover)}.btn-primary:active:not(:disabled){background:var(--action-primary-active)}.btn-glow{box-shadow:var(--shadow-brand)}.btn-secondary{background:var(--surface-card);color:var(--text-heading);border:1px solid var(--border-default)}.btn-secondary:hover:not(:disabled){background:var(--surface-sunken)}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--ink-50);color:var(--text-heading)}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--text-heading);font-size:13px;font-weight:600}.input-wrap{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);align-items:center;display:flex}.input-wrap:focus-within{border-color:var(--sky-400);box-shadow:var(--focus-ring)}.input-prefix{color:var(--text-muted);padding-left:12px;font-size:14px}.input{min-width:0;font-family:var(--font-body);color:var(--text-heading);background:0 0;border:none;outline:none;flex:1;padding:11px 12px;font-size:14.5px}.input::placeholder{color:var(--text-faint)}.select{appearance:none;background:var(--surface-card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2347637C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;font-family:var(--font-body);color:var(--text-heading);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);outline:none;padding:11px 36px 11px 12px;font-size:14.5px}.select:focus-visible{border-color:var(--sky-400);box-shadow:var(--focus-ring)}.badge{border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:6px;padding:3px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.badge-success{background:var(--status-success-bg);color:var(--mint-600)}.badge-warning{background:var(--status-warning-bg);color:var(--sun-600)}.badge-error{background:var(--status-error-bg);color:var(--status-error)}.badge-neutral{background:var(--ink-100);color:var(--ink-500)}.badge-info{background:var(--status-info-bg);color:var(--status-info)}.tabs{background:var(--surface-sunken);border-radius:var(--radius-pill);gap:2px;padding:3px;display:inline-flex}.tab{font-family:var(--font-body);color:var(--text-muted);border-radius:var(--radius-pill);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);background:0 0;border:none;padding:7px 16px;font-size:13.5px;font-weight:600}.tab:hover{color:var(--text-heading)}.tab:focus-visible{box-shadow:var(--focus-ring);outline:none}.tab-active{background:var(--surface-card);color:var(--text-heading);box-shadow:var(--shadow-soft)}.order-row{transition:background var(--duration-fast) var(--ease-out)}.order-row:hover{background:var(--sky-50)}.switch{cursor:pointer;font-family:var(--font-body);color:var(--text-heading);background:0 0;border:none;align-items:center;gap:8px;padding:0;font-size:13.5px;display:inline-flex}.switch:disabled{opacity:.5;cursor:not-allowed}.switch:focus-visible{border-radius:var(--radius-pill);box-shadow:var(--focus-ring);outline:none}.switch-track{border-radius:var(--radius-pill);background:var(--ink-200);width:44px;height:26px;transition:background var(--duration-fast) var(--ease-out);flex:none;position:relative}.switch-knob{width:20px;height:20px;box-shadow:var(--shadow-soft);transition:transform var(--duration-fast) var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.switch-on .switch-track{background:var(--sky-500)}.switch-on .switch-knob{transform:translate(18px)}.icon-btn{cursor:pointer;border-radius:var(--radius-sm);color:var(--ink-400);transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);background:0 0;border:none;padding:6px;display:flex}.icon-btn:hover{background:var(--ink-50);color:var(--ink-700)}.icon-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.menu-wrap{display:inline-flex;position:relative}.menu{z-index:60;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);min-width:200px;box-shadow:var(--shadow-float);animation:bo-pop var(--duration-fast) var(--ease-out);flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.menu-item{font-family:var(--font-body);color:var(--text-heading);border-radius:var(--radius-sm);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;align-items:center;gap:9px;padding:8px 10px;font-size:13.5px;font-weight:500;display:flex}.menu-item:hover:not(:disabled){background:var(--sky-50)}.menu-item:disabled{color:var(--text-faint);cursor:not-allowed}.menu-item-danger{color:var(--coral-600)}.menu-item-danger:hover:not(:disabled){background:var(--coral-50)}.dialog-overlay{z-index:80;animation:bo-fade var(--duration-base) var(--ease-out);background:#0b1f3061;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.dialog{background:var(--surface-card);border-radius:var(--radius-lg);width:min(420px,100%);box-shadow:var(--shadow-float);box-sizing:border-box;animation:bo-pop var(--duration-base) var(--ease-spring);flex-direction:column;gap:14px;padding:24px;display:flex}.toast-host{z-index:120;animation:bo-pop var(--duration-base) var(--ease-spring);position:fixed;bottom:24px;right:24px}.toast{background:var(--surface-card);border:1px solid var(--border-subtle);border-left:3px solid var(--status-info);border-radius:var(--radius-md);width:320px;box-shadow:var(--shadow-float);box-sizing:border-box;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.toast-success{border-left-color:var(--status-success)}.toast-warning{border-left-color:var(--status-warning)}.toast-error{border-left-color:var(--status-error)}