.toast-host{top:max(.85rem, env(safe-area-inset-top));right:max(.85rem, env(safe-area-inset-right));z-index:10050;pointer-events:none;gap:.55rem;width:min(100vw - 1.7rem,22.5rem);display:grid;position:fixed}.toast{pointer-events:auto;border:1px solid var(--line);background:var(--surface);border-radius:14px;grid-template-columns:auto 1fr auto;align-items:start;gap:.7rem;margin:0;padding:.8rem .85rem;animation:.28s cubic-bezier(.22,1,.36,1) toast-in;display:grid;box-shadow:0 1px 2px #0f172a0f,0 16px 36px #0f172a24}.toast-icon{margin-top:.05rem;display:inline-flex}.toast-copy{min-width:0}.toast-copy strong{letter-spacing:-.01em;margin:0 0 .15rem;font-size:.8125rem;font-weight:700;display:block}.toast-copy p{margin:0;font-size:.8125rem;font-weight:500;line-height:1.4}.toast-dismiss{appearance:none;width:1.4rem;height:1.4rem;color:inherit;opacity:.55;cursor:pointer;background:0 0;border:0;border-radius:8px;margin:-.15rem -.1rem 0 0;padding:0;font-size:1.15rem;line-height:1}.toast-dismiss:hover,.toast-dismiss:focus-visible{opacity:1;background:color-mix(in srgb, currentColor 8%, transparent);outline:none}.toast.is-success{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.toast.is-warning{color:#92400e;background:#fffbeb;border-color:#fde68a}.toast.is-error{background:var(--danger-bg);border-color:var(--danger-border);color:#991b1b}.toast.is-error .toast-icon{color:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)translate(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}html[data-reduce-motion=true] .toast{animation:none}.ui-mode-transition-overlay{z-index:999999;color:var(--text,#0f172a);font-family:var(--font-sans,inherit);opacity:0;pointer-events:all;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;animation:.24s cubic-bezier(.16,1,.3,1) forwards uiOverlayFadeIn;display:flex;position:fixed;inset:0;overflow:hidden}.ui-mode-transition-overlay.is-exiting{animation:.28s cubic-bezier(.16,1,.3,1) forwards uiOverlayFadeOut}@keyframes uiOverlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}@keyframes uiOverlayFadeOut{0%{opacity:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}to{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}}.ui-mode-backdrop{background:color-mix(in srgb, var(--bg,#f0fdfa) 82%, #0f172a73);-webkit-backdrop-filter:blur(14px);pointer-events:none;position:absolute;inset:0}.ui-mode-stage-card{text-align:center;background:var(--surface,#fff);border:1px solid var(--line,#e2e8f0);z-index:2;border-radius:24px;flex-direction:column;align-items:center;width:min(92vw,440px);padding:2.25rem 2rem 2rem;animation:.34s cubic-bezier(.34,1.56,.64,1) forwards cardPopIn;display:flex;position:relative;box-shadow:0 20px 48px -12px #0f172a2e,inset 0 0 0 1px #fffc}@keyframes cardPopIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.toy-assembly-stage{justify-content:center;align-items:center;width:170px;height:140px;margin-bottom:1.25rem;display:flex;position:relative}.toy-cluster{justify-content:center;align-items:center;width:140px;height:120px;display:flex;position:relative}.toy-piece{color:#fff;will-change:transform, opacity;border:1.5px solid #fff6;border-radius:12px;justify-content:center;align-items:center;width:60px;height:52px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;box-shadow:0 6px 14px #0f172a1f,0 2px 4px #0000000f,inset 0 1.5px #ffffff59}.toy-piece-content{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.toy-piece-label{letter-spacing:.02em;text-transform:uppercase;opacity:.95;font-size:.65rem;font-weight:750}.toy-pin{background:inherit;filter:brightness(1.08);border:1px solid #ffffff59;border-radius:4px;width:12px;height:6px;position:absolute;box-shadow:0 1px 3px #00000026}.pin-top{width:16px;height:5px;top:-4px;left:50%;transform:translate(-50%)}.pin-bottom{width:16px;height:5px;bottom:-4px;left:50%;transform:translate(-50%)}.pin-right{width:5px;height:16px;top:50%;right:-4px;transform:translateY(-50%)}.pin-left{width:5px;height:16px;top:50%;left:-4px;transform:translateY(-50%)}.piece-pos{background:linear-gradient(145deg,#0f766e 0%,#0d9488 100%);animation:.48s cubic-bezier(.34,1.56,.64,1) 50ms both pieceSnap1;bottom:6px;left:6px}.piece-stock{background:linear-gradient(145deg,#475569 0%,#334155 100%);animation:.48s cubic-bezier(.34,1.56,.64,1) .22s both pieceSnap2;bottom:6px;right:6px}.piece-branches{background:linear-gradient(145deg,#0284c7 0%,#0369a1 100%);animation:.48s cubic-bezier(.34,1.56,.64,1) .4s both pieceSnap3;top:6px;left:6px}.piece-analytics{background:linear-gradient(145deg,#d97706 0%,#b45309 100%);animation:.48s cubic-bezier(.34,1.56,.64,1) .58s both pieceSnap4;top:6px;right:6px}.piece-core{z-index:5;background:linear-gradient(145deg,#10b981 0%,#059669 100%);border-radius:8px;width:28px;height:28px;animation:.4s cubic-bezier(.34,1.56,.64,1) .78s both coreSnap;box-shadow:0 0 14px #10b98199}@keyframes pieceSnap1{0%{opacity:0;transform:translate(-45px,45px)rotate(-15deg)scale(.6)}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}@keyframes pieceSnap2{0%{opacity:0;transform:translate(45px,45px)rotate(15deg)scale(.6)}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}@keyframes pieceSnap3{0%{opacity:0;transform:translate(-45px,-45px)rotate(12deg)scale(.6)}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}@keyframes pieceSnap4{0%{opacity:0;transform:translate(45px,-45px)rotate(-12deg)scale(.6)}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}@keyframes coreSnap{0%{opacity:0;transform:scale(0)rotate(90deg)}75%{opacity:1;transform:scale(1.25)rotate(-10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.toy-joint{background:var(--line,#cbd5e1);pointer-events:none;z-index:1;position:absolute}.joint-h{opacity:.6;width:110px;height:2px}.joint-v{opacity:.6;width:2px;height:90px}.toy-condense-grid{z-index:2;grid-template-rows:repeat(2,40px);grid-template-columns:repeat(2,44px);gap:8px;display:grid}.toy-mini-block{color:#fff;border:1.5px solid #ffffff59;border-radius:10px;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 4px 10px #0f172a1f,inset 0 1px #ffffff4d}.mini-1{background:linear-gradient(145deg,#0f766e 0%,#0d9488 100%);animation:1.2s cubic-bezier(.34,1.56,.64,1) infinite alternate miniSnap1}.mini-2{background:linear-gradient(145deg,#475569 0%,#334155 100%);animation:1.2s cubic-bezier(.34,1.56,.64,1) .1s infinite alternate miniSnap2}.mini-3{background:linear-gradient(145deg,#d97706 0%,#b45309 100%);animation:1.2s cubic-bezier(.34,1.56,.64,1) .2s infinite alternate miniSnap3}.mini-4{background:linear-gradient(145deg,#059669 0%,#10b981 100%);animation:1.2s cubic-bezier(.34,1.56,.64,1) .3s infinite alternate miniSnap4}@keyframes miniSnap1{0%{transform:translate(0)scale(1)}to{transform:translate(-3px,-3px)scale(1.06)}}@keyframes miniSnap2{0%{transform:translate(0)scale(1)}to{transform:translate(3px,-3px)scale(1.06)}}@keyframes miniSnap3{0%{transform:translate(0)scale(1)}to{transform:translate(-3px,3px)scale(1.06)}}@keyframes miniSnap4{0%{transform:translate(0)scale(1)}to{transform:translate(3px,3px)scale(1.06)}}.toy-condense-glow{background:radial-gradient(circle, color-mix(in srgb, var(--brand,#0f766e) 25%, transparent) 0%, transparent 70%);pointer-events:none;border-radius:50%;width:90px;height:90px;position:absolute}.ui-mode-badge{letter-spacing:.04em;text-transform:uppercase;background:var(--brand-soft,#f0fdfa);color:var(--brand,#0f766e);border:1px solid color-mix(in srgb, var(--brand,#0f766e) 22%, transparent);border-radius:9999px;align-items:center;gap:.4rem;margin-bottom:.65rem;padding:.3rem .8rem;font-size:.75rem;font-weight:750;display:inline-flex}.ui-mode-title{letter-spacing:-.025em;color:var(--text,#0f172a);margin:0;font-size:1.25rem;font-weight:800;line-height:1.3}.ui-mode-desc{color:var(--muted,#64748b);max-width:360px;margin:.45rem 0 1.25rem;font-size:.86rem;line-height:1.45}.ui-mode-steps-list{text-align:left;flex-direction:column;gap:.45rem;width:100%;margin-bottom:1.25rem;display:flex}.ui-mode-step-row{background:var(--bg,#f8fafc);border:1px solid var(--line,#e2e8f0);color:var(--muted,#64748b);border-radius:10px;align-items:center;gap:.65rem;padding:.48rem .75rem;font-size:.81rem;font-weight:600;transition:all .22s;display:flex}.ui-mode-step-row.is-active{background:var(--brand-soft,#f0fdfa);border-color:color-mix(in srgb, var(--brand,#0f766e) 40%, transparent);color:var(--brand-dark,#115e59);font-weight:700;transform:translate(3px)}.ui-mode-step-row.is-done{color:var(--text,#0f172a);border-color:var(--line,#e2e8f0)}.ui-mode-step-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.ui-mode-step-text{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.ui-mode-progress-track{background:var(--line,#e2e8f0);border-radius:9999px;width:100%;height:6px;position:relative;overflow:hidden}.ui-mode-progress-fill{background:linear-gradient(90deg, var(--brand,#0f766e), #0d9488, #10b981);height:100%;box-shadow:0 0 10px color-mix(in srgb, var(--brand,#0f766e) 50%, transparent);border-radius:9999px;transition:width .15s ease-out}.auth-page{background:var(--bg);place-items:center;min-height:100dvh;padding:1.25rem;display:grid}.auth-card{background:var(--surface);border-radius:24px;grid-template-columns:1fr;width:min(100%,1040px);display:grid;overflow:hidden;box-shadow:0 1px 2px #0f172a0a,0 18px 40px #0f172a1a}.auth-form-col{background:var(--surface);justify-content:center;align-items:stretch;min-width:0;padding:1.5rem 1.5rem 1.25rem;display:flex}.auth-form-inner{flex-direction:column;align-items:stretch;width:100%;min-width:0;max-width:380px;min-height:100%;display:flex}.auth-chrome{flex:none}.auth-logo{justify-content:center;align-items:center;margin-bottom:.75rem;display:flex}.auth-logo .brand-mark img{max-width:10rem;height:1.65rem}.auth-heading{text-align:center;min-height:0;margin:0 0 .75rem}.auth-heading h1{letter-spacing:-.03em;color:var(--text);margin:0 0 .25rem;font-size:1.35rem;font-weight:750;line-height:1.2}.auth-heading p{max-width:34ch;color:var(--muted);min-height:0;margin:0 auto;font-size:.8125rem;line-height:1.35}.auth-mode{background:color-mix(in srgb, var(--brand-soft) 55%, var(--bg));box-sizing:border-box;border-radius:999px;grid-template-columns:1fr 1fr;align-items:stretch;gap:0;margin:0 0 .75rem;padding:3px;display:grid;position:relative}.auth-mode-thumb{background:var(--surface);pointer-events:none;z-index:0;border-radius:999px;width:calc(50% - 3px);transition:transform .28s cubic-bezier(.22,1,.36,1);position:absolute;top:3px;bottom:3px;left:3px;box-shadow:0 1px 2px #0f172a14}.auth-mode[data-mode=signup] .auth-mode-thumb{transform:translate(100%)}.auth-mode button{z-index:1;appearance:none;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;margin:0;padding:0 .75rem;font-size:.8125rem;font-weight:600;line-height:1;transition:color .2s;display:inline-flex;position:relative}.auth-mode button.is-active{color:var(--text)}@media (prefers-reduced-motion:reduce){.auth-mode-thumb,.auth-form-stack,.auth-mail.is-waiting{transition:none!important;animation:none!important}}.auth-form{flex-direction:column;flex:auto;justify-content:flex-start;align-self:stretch;align-items:stretch;width:100%;min-width:0;max-width:100%;min-height:0;margin:0;display:flex;overflow:visible}.auth-form-stack{box-sizing:border-box;flex-direction:column;align-items:stretch;width:100%;min-width:0;max-width:100%;animation:.28s cubic-bezier(.22,1,.36,1) auth-stack-in;display:flex}@keyframes auth-stack-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.auth-error-region{min-height:0}.auth-error-region:empty{display:none}.auth-strength{margin:.15rem 0 .55rem}.auth-submit{box-sizing:border-box;border-radius:14px;align-self:stretch;width:100%;max-width:100%;height:48px;min-height:48px;margin-top:.1rem;font-size:.95rem;font-weight:600;display:flex}.auth-social-row{grid-template-columns:1fr 1fr;gap:.55rem;width:100%;max-width:100%;margin:0 0 .65rem;display:grid}.auth-social-btn{border:1px solid var(--line);background:var(--surface);width:100%;height:38px;color:var(--text);cursor:pointer;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:.45rem;padding:0 .65rem;font-size:.8125rem;font-weight:650;transition:border-color .15s,background .15s,transform .1s,box-shadow .15s;display:inline-flex}.auth-social-btn svg{flex-shrink:0;width:17px;height:17px}.auth-social-btn:hover:not(:disabled){border-color:color-mix(in srgb, var(--brand) 30%, var(--line));background:color-mix(in srgb, var(--brand-soft) 40%, var(--surface));transform:translateY(-1px);box-shadow:0 2px 8px #0f172a0d}.auth-social-btn:active:not(:disabled){transform:translateY(0)}.auth-social-btn:disabled{opacity:.6;cursor:wait}.auth-passkey-btn{border:1px dashed color-mix(in srgb, var(--brand) 45%, var(--line));background:color-mix(in srgb, var(--brand-soft) 55%, var(--surface));width:100%;height:44px;color:var(--brand-dark,var(--brand));cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:0 .85rem;font-size:.875rem;font-weight:600;transition:border-color .15s,background .15s,transform .1s,box-shadow .15s;display:inline-flex}.auth-passkey-btn svg{width:16px;height:16px;color:var(--brand);flex-shrink:0}.auth-passkey-btn:hover:not(:disabled){border-style:solid;border-color:var(--brand);background:color-mix(in srgb, var(--brand-soft) 85%, var(--surface));box-shadow:0 2px 8px color-mix(in srgb, var(--brand) 12%, transparent);transform:translateY(-1px)}.auth-passkey-btn:active:not(:disabled){transform:translateY(0)}.auth-passkey-btn:disabled{opacity:.6;cursor:wait}.auth-divider{width:100%;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;margin:0 0 .75rem;font-size:.7rem;font-weight:650;display:grid}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);height:1px}.auth-divider span{line-height:1}.auth-trust-inline{text-align:center;color:color-mix(in srgb, var(--muted) 68%, transparent);margin:.7rem 0 0;font-size:.6875rem;font-weight:450;line-height:1.4}.auth-terms-notice{text-align:center;color:var(--muted);margin:.75rem 0 0;font-size:.75rem;line-height:1.45}.auth-terms-notice a{color:var(--brand);text-underline-offset:2px;font-weight:500;text-decoration:underline}.auth-terms-notice a:hover{color:var(--brand-hover,var(--brand))}.auth-heading.is-compact,.auth-heading.is-compact p{min-height:0}.auth-forgot{text-align:right;margin:-.2rem 0 .9rem}.auth-forgot a{color:var(--brand);font-size:.8125rem;font-weight:650;text-decoration:none}.auth-forgot a:hover{text-decoration:underline}.auth-back{text-align:center;margin:.85rem 0 0;font-size:.8125rem}.auth-back a,.auth-text-btn{color:var(--brand);font-weight:650;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none}.auth-back a:hover,.auth-text-btn:hover{text-decoration:underline}.auth-email-pill{background:color-mix(in srgb, var(--brand-soft) 80%, var(--surface));color:var(--brand-dark);overflow-wrap:anywhere;border-radius:999px;align-self:center;width:fit-content;max-width:100%;margin:0 0 1rem;padding:.55rem .9rem;font-size:.875rem;font-weight:650}.auth-invite-stack{align-items:stretch;gap:1.15rem}.auth-invite-icon{background:color-mix(in srgb, var(--brand-soft) 80%, var(--surface));width:52px;height:52px;color:var(--brand);border-radius:16px;place-items:center;margin:0 auto;display:grid}.auth-invite-icon.is-waiting{animation:2.4s ease-in-out infinite auth-mail-pulse}.auth-invite-icon.is-muted{background:color-mix(in srgb, var(--bg) 70%, var(--surface));color:var(--muted)}.auth-invite-card{border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 45%, var(--surface));border-radius:16px;gap:.85rem;padding:1.1rem 1.15rem;display:grid;box-shadow:0 1px 2px #0f172a0a}.auth-invite-shop{letter-spacing:-.02em;color:var(--text);text-align:center;margin:0;font-size:1.125rem;font-weight:700;line-height:1.25}.auth-invite-meta{gap:.65rem;margin:0;display:grid}.auth-invite-row{grid-template-columns:minmax(5.5rem,auto) 1fr;align-items:baseline;gap:.65rem .85rem;font-size:.875rem;display:grid}.auth-invite-row dt{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.72rem;font-weight:700}.auth-invite-row dd{color:var(--text);overflow-wrap:anywhere;text-align:right;margin:0;font-weight:600}.auth-invite-hint{text-align:center;color:var(--muted);margin:0;font-size:.8125rem;line-height:1.5}.auth-invite-actions{gap:.75rem;width:100%;display:grid}.auth-invite-actions .auth-submit{margin-top:0}.auth-invite-actions .auth-back{margin:0}.auth-invite-status{text-align:center;color:var(--brand-dark);background:color-mix(in srgb, var(--brand-soft) 75%, var(--surface));border-radius:14px;margin:0;padding:.85rem 1rem;font-size:.875rem;font-weight:600}.auth-mail{background:color-mix(in srgb, var(--brand-soft) 80%, var(--surface));width:52px;height:52px;color:var(--brand);border-radius:16px;place-items:center;margin:0 auto 1rem;display:grid}.auth-mail.is-waiting{animation:2.4s ease-in-out infinite auth-mail-pulse}@keyframes auth-mail-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--brand) 0%, transparent)}50%{box-shadow:0 0 0 8px color-mix(in srgb, var(--brand) 12%, transparent)}}.auth-storefront-hint{background:color-mix(in srgb, var(--brand-soft) 70%, var(--surface));border:1px solid color-mix(in srgb, var(--brand) 14%, var(--line));border-radius:14px;flex:none;align-items:center;gap:.75rem;margin:.85rem 0 0;padding:.8rem .9rem;display:flex}.auth-storefront-hint-mark{width:2.25rem;height:2.25rem;color:var(--brand);background:var(--surface);border:1px solid color-mix(in srgb, var(--brand) 12%, var(--line));border-radius:9px;flex:none;place-items:center;display:grid;overflow:hidden}.auth-storefront-hint-mark img{object-fit:contain;background:var(--surface);width:100%;height:100%;padding:.15rem}.auth-storefront-hint-copy{min-width:0}.auth-storefront-hint-copy p{color:var(--text);margin:0;font-size:.8125rem;font-weight:600;line-height:1.35}.auth-storefront-hint-copy a{color:var(--brand);margin-top:.15rem;font-size:.8125rem;font-weight:650;text-decoration:none;display:inline-block}.auth-storefront-hint-copy a:hover{text-decoration:underline}.auth-create-account{text-align:center;color:var(--muted);margin:.9rem 0 0;font-size:.875rem}.auth-create-account a{color:var(--brand);font-weight:650;text-decoration:none}.auth-create-account a:hover{text-decoration:underline}.auth-legal{border-top:1px solid var(--line);color:var(--muted);background:var(--surface);flex:none;justify-content:space-between;align-items:center;gap:.75rem;width:100%;margin-top:.5rem;padding-top:.65rem;font-size:.7rem;display:flex}.auth-legal-links{align-items:center;gap:.85rem;display:flex}.auth-legal a{color:var(--brand);white-space:nowrap;font-weight:600}.auth-legal a:hover{text-decoration:underline}.auth-form .field-block{align-self:stretch;width:100%;max-width:100%;margin-bottom:.75rem}.auth-form .field-row{grid-template-columns:1fr 1fr;gap:.75rem;width:100%;max-width:100%;margin-bottom:.75rem;display:grid}.auth-form .field-row .field-block{margin-bottom:0}.auth-form .form-error{margin-bottom:.85rem}.pw-strength{flex-direction:column;justify-content:center;width:100%;margin:0;display:flex}.pw-strength-bars{grid-template-columns:repeat(4,1fr);gap:.3rem;margin-bottom:.25rem;display:grid}.pw-strength-bars span{background:var(--line);border-radius:999px;height:3.5px}.pw-strength-bars span.is-on.s-1{background:#f87171}.pw-strength-bars span.is-on.s-2{background:#fbbf24}.pw-strength-bars span.is-on.s-3,.pw-strength-bars span.is-on.s-4{background:var(--brand)}.pw-strength-label{color:var(--muted);margin:0;font-size:.72rem;line-height:1.3}.auth-showcase{background:radial-gradient(480px 260px at 85% 8%, color-mix(in srgb, var(--brand-hover) 32%, transparent), transparent 55%), var(--brand);color:var(--on-brand);padding:1.75rem;display:none;position:relative;overflow:hidden}.auth-showcase:before{content:"";opacity:.55;pointer-events:none;background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.auth-showcase-inner{z-index:1;grid-template-rows:1fr auto;gap:1.5rem;height:100%;min-height:0;display:grid;position:relative}.auth-float-stack{grid-template-rows:auto auto;grid-template-columns:1.1fr .9fr;align-content:center;gap:.85rem;padding:.5rem .25rem;display:grid}.glass-card{box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:.58;background:#ffffff14;border:1px solid #ffffff29;border-radius:16px;width:100%;padding:1rem 1.1rem;transition:all .45s cubic-bezier(.16,1,.3,1);transform:scale(.97);box-shadow:0 6px 20px #00000024}.glass-card.is-active-card{opacity:1;z-index:10;background:linear-gradient(135deg,#ffffff52 0%,#14b8a638 50%,#ffffff2e 100%);border:1.5px solid #ffffffeb;transform:translateY(-4px)scale(1.04);box-shadow:0 20px 48px -6px #0006,0 0 36px #5eead473,inset 0 1px 2px #fffffff2}.glass-card.is-sales{grid-area:1/1}.glass-card.is-stock{grid-area:1/2/span 2;align-self:center}.glass-card.is-book{grid-area:2/1}.glass-card-head{justify-content:space-between;align-items:center;gap:.4rem;margin-bottom:.6rem;display:flex}.glass-card h3{letter-spacing:.01em;color:#ffffffe0;margin:0;font-size:.75rem;font-weight:600}.glass-badge{letter-spacing:.04em;text-transform:uppercase;color:#fff;background:#ffffff2e;border:1px solid #ffffff52;border-radius:9999px;align-items:center;gap:.3rem;padding:.12rem .45rem;font-size:.62rem;font-weight:700;display:inline-flex}.glass-badge.is-live{color:#a7f3d0;background:#10b98147;border-color:#34d3998c}.glass-badge.is-alert{color:#fde68a;background:#f59e0b47;border-color:#fbbf248c}.glass-badge.is-ledger{color:#bfdbfe;background:#3b82f647;border-color:#60a5fa8c}.glass-dot-pulse{background:#10b981;border-radius:50%;width:6px;height:6px;animation:1.8s infinite dotPulse;box-shadow:0 0 8px #10b981}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.4)}}.glass-card .metric{letter-spacing:-.03em;color:#fff;font-size:1.45rem;font-weight:700;line-height:1.15}.glass-card.is-active-card .metric{text-shadow:0 2px 10px #0003;font-size:1.55rem}.glass-card .metric-sub{margin-top:.35rem;font-size:.75rem}.metric-pill{color:#a7f3d0;background:#10b98140;border:1px solid #34d39973;border-radius:999px;padding:.12rem .45rem;font-size:.72rem;font-weight:600;display:inline-block}.glass-rows{gap:.55rem;display:grid}.glass-row{color:#fffffff2;grid-template-columns:1fr auto;align-items:center;gap:.75rem;font-size:.78rem;display:grid}.glass-row span:last-child{color:#ccfbf1;text-align:right;white-space:nowrap;font-weight:600}.glass-tag-low{background:#ef444459;border:1px solid #f871718c;border-radius:4px;padding:.08rem .38rem;font-size:.68rem;display:inline-block;color:#fecaca!important;font-weight:700!important}.glass-bars{gap:.7rem;display:grid}.glass-bar-label{color:#ffffffeb;grid-template-columns:1fr auto;gap:.5rem;margin-bottom:.25rem;font-size:.72rem;display:grid}.glass-bar-track{background:#ffffff29;border-radius:999px;height:6px;overflow:hidden}.glass-bar-fill{border-radius:inherit;background:linear-gradient(90deg,#5eead4,#fbbf24);height:100%;transition:width .6s;display:block}.glass-card.is-active-card .glass-bar-fill{background:linear-gradient(90deg,#34d399,#fbbf24,#f87171);box-shadow:0 0 12px #5eead4a6}.auth-showcase-copy{flex-direction:column;align-items:flex-start;gap:0;display:flex}.auth-showcase-badge{background:#ffffff1f;border:1px solid #ffffff38;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:.9rem;display:inline-flex;overflow:hidden}.auth-showcase-badge .brand-mark{display:flex}.auth-showcase-badge .brand-mark img{object-fit:contain;width:28px;max-width:none;height:28px}.auth-slide-text{min-height:100px;animation:.45s cubic-bezier(.16,1,.3,1) both authSlideFade}@keyframes authSlideFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.auth-slide-text h2,.auth-showcase-copy h2{letter-spacing:-.03em;max-width:20ch;margin:0 0 .5rem;font-size:1.35rem;font-weight:700;line-height:1.25}.auth-slide-text p,.auth-showcase-copy>p{color:#ccfbf1f2;max-width:38ch;margin:0;font-size:.875rem;line-height:1.55}.auth-dots{align-items:center;gap:.4rem;margin-top:1.15rem;display:flex}.auth-dot-btn{appearance:none;cursor:pointer;background:#ffffff40;border:none;border-radius:999px;width:16px;height:4px;margin:0;padding:0;transition:width .35s cubic-bezier(.16,1,.3,1),background-color .3s;position:relative;overflow:hidden}.auth-dot-btn:hover{background:#ffffff73}.auth-dot-btn.is-active{background:#ffffff4d;width:34px}.auth-dot-fill{background:var(--surface,#fff);border-radius:inherit;width:0%;height:100%;display:block}.auth-dot-btn.is-active .auth-dot-fill{animation:5.5s linear forwards authDotFill}@keyframes authDotFill{0%{width:0%}to{width:100%}}@media (width>=920px){.auth-card{grid-template-columns:1fr 1fr;height:auto;min-height:680px;max-height:none}.auth-form-col{align-items:stretch;min-height:100%;padding:2rem 2.25rem 1.5rem;overflow:visible}.auth-form-inner{flex-direction:column;justify-content:space-between;width:100%;max-width:360px;min-height:100%;margin:0 auto;display:flex}.auth-showcase{height:100%;min-height:680px;display:block;overflow:hidden}}@media (width<=919px){.auth-page{align-items:stretch;padding:.75rem}.auth-card{border-radius:20px;min-height:calc(100dvh - 1.5rem)}.auth-form-col{padding:1.5rem 1.25rem 1.25rem}}.auth-referral-banner{background:linear-gradient(135deg,#6366f114 0%,#a855f714 100%);border:1px solid #6366f140;border-radius:12px;align-items:flex-start;gap:.75rem;margin-bottom:.85rem;padding:.85rem 1rem;animation:.25s cubic-bezier(.16,1,.3,1) auth-referral-fade-in;display:flex}@keyframes auth-referral-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.auth-referral-icon{background:var(--brand,#4f46e5);color:#fff;border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;margin-top:1px;display:grid}.auth-referral-content{flex:1;min-width:0}.auth-referral-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.auth-referral-badge{text-transform:uppercase;letter-spacing:.04em;color:var(--brand,#4f46e5);background:color-mix(in srgb, var(--brand) 12%, transparent);border-radius:4px;align-items:center;padding:2px 7px;font-size:.6875rem;font-weight:700;display:inline-flex}.auth-referral-code{font-size:.6875rem;font-weight:700;font-family:var(--font-mono,monospace);color:var(--muted,#64748b);background:var(--surface,#fff);border:1px solid var(--line,#e2e8f0);border-radius:4px;padding:1px 6px}.auth-referral-title{color:var(--text,#0f172a);font-size:.8125rem;font-weight:700;line-height:1.35}.auth-referral-desc{color:var(--muted,#64748b);margin-top:2px;font-size:.75rem;line-height:1.35}html[data-reduce-motion=true] *,html[data-reduce-motion=true] :before,html[data-reduce-motion=true] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html[data-density=compact] .app-main{--space-3:.75rem;--space-4:1rem;padding-top:1rem}html[data-density=compact] .btn{min-height:34px;padding:.35rem .7rem}html[data-density=compact] .page-header h1{font-size:1.35rem}:root{--brand:#0f766e;--brand-hover:#0d9488;--brand-dark:#115e59;--brand-soft:#f0fdfa;--brand-accent:#0f766e;--on-brand:#fff;--on-brand-muted:color-mix(in srgb, var(--brand-soft) 55%, white);--bg:color-mix(in srgb, var(--brand-soft) 72%, #d5dee4);--surface:#fff;--text:#0f172a;--muted:#64748b;--line:#e2e8f0;--line-strong:#cbd5e1;--focus:color-mix(in srgb, var(--brand) 22%, transparent);--success:#059669;--warning:#d97706;--danger:#dc2626;--danger-bg:#fef2f2;--danger-border:#fecaca;--radius:18px;--radius-sm:12px;--radius-lg:24px;--space-1:.5rem;--space-2:.75rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:3rem;--font-sans:"Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;--fs-page:clamp(1.4rem, 2.4vw, 1.75rem);--fs-section:1.15rem;--fs-body:.9375rem;--fs-meta:.8125rem;--leading-tight:1.15;--page-gutter:1.15rem;color:var(--text);background:var(--bg);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);min-width:320px;color:var(--text);margin:0}::selection{background:color-mix(in srgb, var(--brand) 22%, var(--brand-soft));color:var(--brand-dark)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}a{color:inherit;text-decoration:none}button,input{font:inherit}img{max-width:100%}.brand-mark{align-items:center;line-height:0;display:inline-flex}.brand-mark img{object-fit:contain;object-position:left center;width:auto;max-width:min(100%,9.5rem);height:1.35rem;display:block}.brand-mark.is-icon img{width:1.5rem;max-width:none;height:1.5rem}.btn{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);min-height:40px;color:var(--text);letter-spacing:-.015em;cursor:pointer;justify-content:center;align-items:center;gap:.45rem;padding:.55rem .95rem;font-size:.875rem;font-weight:650;line-height:1;transition:background .14s,border-color .14s,color .14s,box-shadow .14s;display:inline-flex;box-shadow:0 1px 1px #0f172a0a}.btn:hover:not(:disabled){background:color-mix(in srgb, var(--brand-soft) 60%, var(--surface));border-color:color-mix(in srgb, var(--brand) 22%, var(--line-strong))}.btn:focus-visible{box-shadow:0 0 0 3px var(--focus);outline:none}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn-block{width:100%}.btn-primary{background:var(--brand);color:var(--on-brand);box-shadow:0 1px 2px color-mix(in srgb, var(--brand) 28%, transparent);border-color:#0000}.btn-primary:hover:not(:disabled){background:var(--brand-hover);border-color:#0000}.btn-accent{background:var(--brand-dark);color:var(--on-brand);border-color:#0000}.btn-accent:hover:not(:disabled){background:var(--brand);border-color:#0000}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--line-strong);box-shadow:0 1px 2px #0f172a0a}.btn-secondary:hover:not(:disabled){background:color-mix(in srgb, var(--brand-soft) 60%, var(--surface));border-color:color-mix(in srgb, var(--brand) 30%, var(--line-strong));color:var(--brand-dark)}.btn-outline{color:var(--text);border:1px solid var(--line-strong);background:0 0}.btn-outline:hover:not(:disabled){background:color-mix(in srgb, var(--brand-soft) 50%, var(--surface));border-color:color-mix(in srgb, var(--brand) 35%, var(--line-strong));color:var(--brand-dark)}.btn-ghost{box-shadow:none;background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:color-mix(in srgb, var(--brand) 8%, transparent);color:var(--brand-dark);border-color:#0000}.btn-sm{min-height:34px;padding:.35rem .75rem;font-size:.8125rem}.page-toolbar,.cat-toolbar,.cat-toolbar-unified{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;margin-bottom:0;padding:.85rem 1.15rem;display:flex;box-shadow:0 1px 3px #0f172a0a,0 1px 2px #0f172a05}.page-toolbar-search{flex-wrap:nowrap;flex:320px;align-items:center;gap:.5rem;min-width:0;max-width:540px;display:flex}.page-toolbar-search .smart-search-wrap{flex:auto;min-width:0;max-width:100%}.page-toolbar-search .scan-trigger{white-space:nowrap;flex-shrink:0;height:38px;min-height:38px}.page-toolbar-actions,.header-actions-row,.cat-actions-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.filter-select,.cat-select{height:38px;min-height:38px;font:inherit;color:var(--text);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2364748b' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right .65rem center, var(--surface);border:1px solid var(--line-strong);cursor:pointer;appearance:none;border-radius:10px;align-items:center;padding:0 2rem 0 .85rem;font-size:.8125rem;font-weight:600;transition:border-color .14s,box-shadow .14s,background-color .14s;display:inline-flex;box-shadow:0 1px 2px #0f172a08}.filter-select:hover,.cat-select:hover{border-color:color-mix(in srgb, var(--brand) 30%, var(--line-strong));background-color:color-mix(in srgb, var(--brand-soft) 40%, var(--surface))}.filter-select:focus-visible,.cat-select:focus-visible{border-color:var(--brand);box-shadow:0 0 0 3px var(--focus);outline:none}.filter-tabs,.cat-tabs{background:color-mix(in srgb, var(--line) 45%, transparent);border:1px solid color-mix(in srgb, var(--line) 60%, transparent);border-radius:10px;align-items:center;gap:.2rem;height:38px;min-height:38px;padding:3px;display:inline-flex}.filter-tabs button,.cat-tabs button{appearance:none;color:var(--muted);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:7px;align-items:center;height:30px;padding:0 .75rem;font-size:.78rem;font-weight:650;transition:all .15s;display:inline-flex}.filter-tabs button:hover:not(.is-active),.cat-tabs button:hover:not(.is-active){color:var(--text);background:color-mix(in srgb, var(--surface) 60%, transparent)}.filter-tabs button.is-active,.cat-tabs button.is-active{background:var(--surface);color:var(--brand-dark);font-weight:750;box-shadow:0 1px 3px #0f172a14}.confirm-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999;background:#0f172a9e;place-items:center;padding:1rem;animation:.15s cubic-bezier(.16,1,.3,1) confirmFadeIn;display:grid;position:fixed;inset:0}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}.confirm-modal{background:var(--surface);border:1px solid var(--line);border-radius:18px;gap:.85rem;width:min(100%,31rem);padding:1.25rem 1.25rem 1.15rem;animation:.18s cubic-bezier(.16,1,.3,1) confirmZoomIn;display:grid;box-shadow:0 30px 70px #02061759}@keyframes confirmZoomIn{0%{opacity:0;transform:scale(.95)translateY(6px)}to{opacity:1;transform:none}}.confirm-modal h2{color:var(--text);margin:0;font-size:1.05rem;font-weight:750}.confirm-modal-body{color:var(--muted);font-size:.875rem;line-height:1.48}.confirm-modal-body>p{margin:0 0 .75rem}.confirm-modal-body>p:last-child{margin-bottom:0}.confirm-modal p{color:var(--muted);margin:0;font-size:.875rem;line-height:1.48}.confirm-modal-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.65rem;margin-top:.4rem;display:flex}.modal-foot-btns{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.65rem;display:flex}.modal-foot-btns.is-split{justify-content:space-between}@media (width<=768px){.cat-screen,.pos-screen{gap:.75rem}.page-header{flex-direction:column;align-items:stretch;gap:.75rem}.page-header-copy{flex:auto;width:100%}.page-header h1{font-size:clamp(1.25rem,5.5vw,1.55rem)}.page-header p{font-size:.82rem}.page-header-actions{flex-wrap:wrap;align-items:center;gap:.5rem;width:100%;display:flex}.page-toolbar,.cat-toolbar,.cat-toolbar-unified{border-radius:12px;flex-direction:column;align-items:stretch;gap:.65rem;padding:.75rem .85rem}.page-toolbar-search{flex-wrap:nowrap;align-items:center;gap:.45rem;width:100%;max-width:100%;display:flex}.page-toolbar-search .smart-search-wrap{flex:auto;min-width:0;max-width:100%}.page-toolbar-search .scan-trigger{flex-shrink:0;min-width:38px;padding:0 .65rem}.page-toolbar-actions,.header-actions-row,.cat-actions-row{flex-wrap:wrap;align-items:center;gap:.45rem;width:100%;display:flex;overflow-x:visible}.filter-tabs,.cat-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:.2rem;width:100%;max-width:100%;padding:3px;display:flex;overflow-x:auto}.filter-tabs::-webkit-scrollbar{display:none}.cat-tabs::-webkit-scrollbar{display:none}.filter-tabs button,.cat-tabs button{white-space:nowrap;flex-shrink:0;height:32px;padding:0 .65rem;font-size:.76rem}.filter-select,.cat-select{width:100%;max-width:100%;font-size:.8125rem}.cat-table-wrap{-webkit-overflow-scrolling:touch;border-radius:12px;max-width:100%;overflow-x:auto}.btn{white-space:nowrap}.btn-sm{padding:.35rem .65rem;font-size:.8rem}.status-pill,.inv-pill,.cat-badge{white-space:nowrap}.cat-modal-card,.cust-modal,.inv-modal,.scan-modal,.crop-modal-panel,.dx-modal-dialog,.batch-modal-container,.share-storefront-modal,.supplier-detail-modal{border-radius:16px!important;width:calc(100vw - 1.25rem)!important;max-width:calc(100vw - 1.25rem)!important;max-height:calc(100dvh - 2rem)!important;margin:1rem auto!important;overflow-y:auto!important}}.ui-loading{gap:.7rem;padding:1.2rem 1.15rem;display:grid}.ui-loading span{background:linear-gradient(90deg, color-mix(in srgb, var(--line) 80%, var(--surface)), var(--brand-soft), color-mix(in srgb, var(--line) 80%, var(--surface)));background-size:160% 100%;border-radius:999px;height:.7rem;animation:1.15s infinite ui-shimmer;display:block}.ui-loading span:nth-child(2){width:78%}.ui-loading span:nth-child(3){width:54%}@keyframes ui-shimmer{0%{background-position:100% 0}to{background-position:-60% 0}}.status-pill{letter-spacing:.04em;text-transform:uppercase;background:color-mix(in srgb, var(--brand) 10%, transparent);width:fit-content;color:var(--brand-dark);border-radius:999px;align-items:center;padding:.18rem .5rem;font-size:.68rem;font-weight:700;display:inline-flex}.status-pill.is-warn{color:#9a3412;background:#fff7ed}.status-pill.is-success{color:#065f46;background:#ecfdf5}.status-pill.is-danger{color:#991b1b;background:#fef2f2}.status-pill.is-muted{color:#475569;background:#64748b1f}.loading-screen{background:var(--bg);min-height:100dvh;color:var(--muted);place-items:center;font-weight:600;display:grid}.error-boundary-screen{background:var(--bg);place-items:center;min-height:100dvh;padding:2rem;display:grid}.error-boundary-card{text-align:center;max-width:480px}.error-boundary-card h1{letter-spacing:-.03em;margin:0 0 .5rem;font-size:1.5rem;font-weight:800}.error-boundary-card p{color:var(--muted);margin:0 0 1.25rem;font-size:.95rem;line-height:1.5}.error-boundary-detail{color:#dc2626;text-align:left;background:#0f172a0a;border-radius:10px;margin:0 0 1.25rem;padding:.75rem 1rem;font-size:.78rem;overflow-x:auto}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0f172a99;place-items:center;padding:1.25rem;animation:.18s ease-out modal-fade-in;display:grid;position:fixed;inset:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;flex-direction:column;width:min(100%,32rem);max-height:min(90dvh,720px);animation:.2s cubic-bezier(.16,1,.3,1) modal-card-in;display:flex;overflow:hidden;box-shadow:0 24px 60px -12px #0f172a47,0 0 0 1px #0000000a}@keyframes modal-card-in{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.4rem 1rem;display:flex}.modal-head h2{color:var(--text);letter-spacing:-.02em;margin:0;font-size:1.15rem;font-weight:750}.modal-close{border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 60%, var(--surface));width:32px;height:32px;color:var(--muted);cursor:pointer;appearance:none;font:inherit;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;transition:background .15s,color .15s,border-color .15s,transform .15s;display:inline-flex}.modal-close svg{pointer-events:none;display:block}.modal-close:hover{background:var(--brand-soft);color:var(--brand);border-color:color-mix(in srgb, var(--brand) 40%, transparent);transform:rotate(90deg)}.modal-close:focus-visible{outline:2px solid color-mix(in srgb, var(--brand) 55%, transparent);outline-offset:2px}.modal-body{gap:1.15rem;padding:1.35rem 1.4rem;display:grid;overflow-y:auto}.modal-actions{border-top:1px solid var(--line);background:color-mix(in srgb, var(--surface) 95%, var(--bg));flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.65rem;padding:1rem 1.4rem 1.25rem;display:flex}.modal-actions .btn{min-width:5.5rem}.share-storefront-modal{width:min(100%,34rem)}.share-storefront-body{gap:1.25rem;display:grid}.share-url-box{background:color-mix(in srgb, var(--bg) 65%, var(--surface));border:1px solid var(--line-strong);border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.share-url-text{color:var(--text);word-break:break-all;font-family:ui-monospace,monospace;font-size:.84375rem;font-weight:600}.share-actions-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;display:grid}.btn-whatsapp{color:#fff;background:#25d366;border-color:#0000;justify-content:center;align-items:center;gap:.5rem;font-weight:700;display:inline-flex}.btn-whatsapp:hover{color:#fff;background:#1eb956;border-color:#0000}.field-block{width:100%;margin:0;position:relative}.field-block.is-focused,.field-block.is-open,.field-block:focus-within{z-index:2;position:relative}.field-input{box-sizing:border-box;border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 70%, var(--bg));border-radius:14px;align-items:center;gap:.7rem;width:100%;min-height:58px;padding:.5rem .9rem;transition:border-color .16s,box-shadow .16s,background .16s;display:flex;box-shadow:0 1px 2px #0f172a05}.field-block:hover:not(.is-disabled):not(.is-focused):not(.is-error):not(:focus-within) .field-input{border-color:color-mix(in srgb, var(--brand) 22%, var(--line));background:var(--surface)}.field-block.is-focused>.field-input,.field-block.is-open>.field-input,.field-block:focus-within>.field-input{background:var(--surface);border-color:var(--brand);box-shadow:0 0 0 3.5px var(--focus), 0 1px 3px #0f172a0d}.field-block.is-error .field-input{border-color:var(--danger);background:var(--surface);box-shadow:0 0 0 3.5px #dc262624,0 1px 3px #dc26260a}.field-block.is-disabled .field-input{background:color-mix(in srgb, var(--bg) 55%, var(--surface));border-color:var(--line);box-shadow:none;cursor:not-allowed}.field-body{flex:auto;grid-template-rows:.85rem 1.35rem;align-items:end;min-width:0;display:grid;position:relative}.field-body>label,.field-body>.field-label{z-index:1;letter-spacing:-.015em;text-transform:none;max-width:100%;color:var(--muted);pointer-events:none;white-space:nowrap;transform-origin:0;align-items:center;gap:.28rem;margin:0;font-size:.9375rem;font-weight:550;line-height:1.2;transition:color .16s,font-size .16s,font-weight .16s,letter-spacing .16s,top .16s,transform .16s;display:flex;position:absolute;top:50%;left:0;right:0;overflow:hidden;transform:translateY(-50%)}.field-block.is-focused .field-body>label,.field-block.is-focused .field-body>.field-label,.field-block.is-filled .field-body>label,.field-block.is-filled .field-body>.field-label,.field-block.is-open .field-body>label,.field-block.is-open .field-body>.field-label,.field-block:focus-within>.field-input .field-body>label,.field-block:focus-within>.field-input .field-body>.field-label{letter-spacing:.04em;text-transform:uppercase;font-size:.6875rem;font-weight:700;top:0;transform:none}.field-block:has(:-webkit-autofill) .field-body>label{letter-spacing:.04em;text-transform:uppercase;font-size:.6875rem;font-weight:700;top:0;transform:none}.field-block:has(:-webkit-autofill) .field-body>.field-label{letter-spacing:.04em;text-transform:uppercase;font-size:.6875rem;font-weight:700;top:0;transform:none}.field-block.is-focused .field-body>label,.field-block.is-focused .field-body>.field-label,.field-block.is-open .field-body>label,.field-block.is-open .field-body>.field-label,.field-block:focus-within>.field-input .field-body>label,.field-block:focus-within>.field-input .field-body>.field-label{color:var(--brand-dark)}.field-block.is-error .field-body>label,.field-block.is-error .field-body>.field-label{color:var(--danger)}.field-body>label .req,.field-body>.field-label .req{color:var(--brand);font-size:.85em}.field-input-icon{width:1.35rem;height:1.35rem;color:var(--muted);flex:none;justify-content:center;align-items:center;display:inline-flex}.field-block.is-focused .field-input-icon,.field-block.is-open .field-input-icon,.field-block:focus-within>.field-input .field-input-icon{color:var(--brand)}.field-input input,.field-input select,.field-input textarea{width:100%;min-width:0;box-shadow:none;font:inherit;letter-spacing:-.015em;color:var(--text);background:0 0;border:0;outline:none;flex:auto;grid-area:2/1;margin:0;padding:0;font-size:.9375rem;font-weight:550;line-height:1.3}.field-input input,.field-input select{height:auto;min-height:1.35rem;line-height:1.3}.field-block.is-disabled .field-input input,.field-block.is-disabled .field-input select,.field-block.is-disabled .field-input textarea{color:var(--muted);cursor:not-allowed}.field-input textarea{resize:vertical;min-height:5.5rem;padding:0;line-height:1.45}.field-input.is-textarea{align-items:flex-start;min-height:7.25rem;padding-top:.65rem;padding-bottom:.65rem}.field-input.is-textarea .field-body{grid-template-rows:.85rem minmax(4.5rem,1fr);width:100%}.field-input.is-textarea .field-body>label,.field-input.is-textarea .field-body>.field-label{top:.12rem;transform:none}.field-block.is-focused .field-input.is-textarea .field-body>label,.field-block.is-filled .field-input.is-textarea .field-body>label,.field-block:focus-within>.field-input.is-textarea .field-body>label{top:0}.field-input input::placeholder,.field-input textarea::placeholder{color:color-mix(in srgb, var(--muted) 72%, transparent);opacity:0;font-weight:450;transition:opacity .12s}.field-block.is-focused:not(.is-filled) .field-input input::placeholder,.field-block.is-focused:not(.is-filled) .field-input textarea::placeholder,.field-block.is-open:not(.is-filled) .field-input input::placeholder,.field-block:focus-within:not(.is-filled)>.field-input input::placeholder,.field-block:focus-within:not(.is-filled)>.field-input textarea::placeholder{opacity:1}.field-block:not(.is-filled):not(.is-focused):not(.is-open):not(:focus-within) .field-input select{color:#0000}.field-input select option{color:var(--text)}.field-input select{appearance:none;cursor:pointer;background-image:none}.field-block.field-combo:not(.is-disabled) .field-input{cursor:pointer}.field-block:has(>.field-input select):not(.is-disabled) .field-input{cursor:pointer}.field-block:has(.c-dropdown-trigger):not(.is-disabled) .field-input{cursor:pointer}.field-block.field-dropdown .c-dropdown-wrap{width:100%;height:100%;display:flex;position:absolute;inset:0}.field-block.field-dropdown .c-dropdown-trigger{box-sizing:border-box;width:100%;height:100%;min-height:100%;box-shadow:none;background:0 0;border:0;border-radius:0;flex:auto;align-items:flex-end;padding:.85rem 0 0;font-size:.9375rem;font-weight:650;display:flex}.field-block.field-dropdown .c-dropdown-label-wrap{flex:auto;min-width:0;max-width:none;display:flex}.field-block.field-dropdown .c-dropdown-trigger:hover:not(:disabled),.field-block.field-dropdown .c-dropdown-trigger.is-open,.field-block.field-dropdown .c-dropdown-trigger.has-value{box-shadow:none;color:inherit;background:0 0;border-color:#0000}.field-block.field-dropdown:not(.is-filled) .c-dropdown-label.is-placeholder{opacity:0}.field-block.field-dropdown .c-dropdown-label{text-overflow:ellipsis;overflow:hidden}.field-block.field-dropdown:has(.c-dropdown-trigger.is-open){z-index:3}.field-block.field-dropdown:has(.c-dropdown-trigger.is-open)>.field-input{background:var(--surface);border-color:var(--brand);box-shadow:0 0 0 3.5px var(--focus), 0 1px 3px #0f172a0d}.field-block.field-dropdown:has(.c-dropdown-trigger.is-open) .field-body>.field-label{letter-spacing:.04em;text-transform:uppercase;color:var(--brand);font-size:.6875rem;font-weight:700;top:0;transform:none}.field-block.field-dropdown:has(.c-dropdown-trigger.is-open) .field-body>label{letter-spacing:.04em;text-transform:uppercase;color:var(--brand);font-size:.6875rem;font-weight:700;top:0;transform:none}.field-input-action,.field-chevron{width:32px;height:32px;color:var(--muted);pointer-events:none;background:0 0;border:0;border-radius:9px;flex:none;justify-content:center;align-items:center;margin:0 -.2rem 0 0;padding:0;display:inline-flex}.btn-adapt-default{letter-spacing:-.01em;color:var(--brand);background:color-mix(in srgb, var(--brand) 8%, var(--surface));border:1px solid color-mix(in srgb, var(--brand) 24%, var(--line));cursor:pointer;border-radius:7px;flex-shrink:0;align-items:center;gap:.35rem;padding:.22rem .55rem;font-size:.72rem;font-weight:600;line-height:1;transition:all .15s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-adapt-default:hover:not(:disabled){background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:0 2px 8px color-mix(in srgb, var(--brand) 25%, transparent);transform:translateY(-1px)}.btn-adapt-default:active:not(:disabled){transform:translateY(0)}.btn-adapt-default:disabled{opacity:.45;cursor:not-allowed}.btn-adapt-default svg{flex-shrink:0;transition:transform .2s}.btn-adapt-default:hover:not(:disabled) svg{transform:scale(1.1)}.btn-adapt-default.is-icon-only{border-radius:7px;padding:.35rem}.field-input-action{pointer-events:auto;cursor:pointer}.field-input-action:hover{color:var(--brand-dark);background:var(--brand-soft)}.field-chevron svg{width:16px;height:16px;transition:transform .14s}.field-block.is-open .field-chevron svg{transform:rotate(180deg)}.field-msg{color:var(--muted);margin:.4rem .15rem 0;font-size:.75rem;line-height:1.4}.field-msg.is-error{color:var(--danger);font-weight:650}.field-row{grid-template-columns:1fr;gap:.85rem;width:100%;display:grid}@media (width>=520px){.field-row,.field-row.is-3{grid-template-columns:1fr 1fr}}@media (width>=860px){.field-row.is-3{grid-template-columns:1fr 1fr 1fr}}.field-combo{position:relative}.field-combo-other{margin-top:.65rem}.field-listbox{z-index:40;background:var(--surface);border:1px solid var(--line);max-height:14rem;box-shadow:0 0 0 1px color-mix(in srgb, var(--brand) 6%, transparent), 0 16px 40px #0f172a24;border-radius:14px;margin:0;padding:.35rem;list-style:none;animation:.16s cubic-bezier(.22,1,.36,1) field-pop;position:absolute;top:calc(100% + .4rem);left:0;right:0;overflow:auto}.field-option{text-align:left;appearance:none;width:100%;font:inherit;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:.6rem .7rem;font-size:.875rem;font-weight:550;display:block}.field-option:hover,.field-option.is-active{background:color-mix(in srgb, var(--brand) 8%, transparent);color:var(--brand-dark)}.field-option.is-selected{font-weight:700}.field-option-empty{color:var(--muted);padding:.7rem;font-size:.8125rem}.field-switch{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 70%, var(--bg));border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;min-height:58px;padding:.7rem .9rem;display:flex}.field-switch-control{background:var(--line-strong);cursor:pointer;border:0;border-radius:999px;flex:none;width:44px;height:26px;padding:0;transition:background .16s;position:relative}.field-switch-control[aria-checked=true]{background:var(--brand)}.field-switch-thumb{background:var(--surface);border-radius:999px;width:20px;height:20px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0f172a33}.field-switch-control[aria-checked=true] .field-switch-thumb{transform:translate(18px)}.field-switch-copy{gap:.18rem;min-width:0;display:grid}.field-switch-copy strong{letter-spacing:-.02em;font-size:.875rem;font-weight:650}.field-switch-copy span{color:var(--muted);font-size:.75rem;line-height:1.35}.field-checkbox-wrap{vertical-align:middle;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative}.field-checkbox-wrap.size-sm .field-checkbox-control{border-radius:4px;width:15px;height:15px}.field-checkbox-wrap.size-md .field-checkbox-control{border-radius:5px;width:18px;height:18px}.field-checkbox-wrap.size-lg .field-checkbox-control{border-radius:6px;width:22px;height:22px}.field-checkbox-native{opacity:0;pointer-events:none;width:0;height:0;margin:0;position:absolute}.field-checkbox-control{border:1.5px solid var(--line-strong,#cbd5e1);background:var(--surface,#fff);color:#fff;box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s cubic-bezier(.4,0,.2,1);display:inline-flex}.field-checkbox-wrap:hover:not(.is-disabled) .field-checkbox-control{border-color:var(--brand,#4f46e5)}.field-checkbox-wrap.is-checked .field-checkbox-control,.field-checkbox-wrap.is-indeterminate .field-checkbox-control{background:var(--brand,#4f46e5);border-color:var(--brand,#4f46e5);color:#fff;box-shadow:0 1px 2px #4f46e533}.field-checkbox-native:focus-visible+.field-checkbox-control{outline:2px solid var(--brand,#4f46e5);outline-offset:2px}.field-checkbox-wrap.is-disabled{opacity:.5;cursor:not-allowed!important}.field-checkbox-row{align-items:flex-start;gap:.65rem;display:flex}.field-checkbox-label{color:var(--text,#0f172a);cursor:pointer;margin:0;font-size:.875rem;font-weight:500;line-height:1.35}.field-checkbox-desc{color:var(--muted,#64748b);margin-top:2px;font-size:.75rem;line-height:1.35;display:block}.field-checkbox-card{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 75%, var(--bg));cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;min-height:52px;padding:.65rem .9rem;transition:all .15s;display:flex}.field-checkbox-card:hover:not(.is-disabled){border-color:var(--brand)}.field-checkbox-card.is-checked{border-color:color-mix(in srgb, var(--brand) 45%, var(--line));background:color-mix(in srgb, var(--brand) 4%, var(--surface))}.field-checkbox-card .field-checkbox-title{color:var(--text,#0f172a);font-size:.875rem;font-weight:650;display:block}.field-radio-box{border:1.5px solid var(--line,#cbd5e1);background:var(--surface,#fff);cursor:pointer;border-radius:9999px;outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.field-radio-box.size-sm{width:16px;height:16px}.field-radio-box.size-md{width:18px;height:18px}.field-radio-box.size-lg{width:22px;height:22px}.field-radio-box:hover:not(.is-disabled){border-color:var(--brand,#2563eb)}.field-radio-box:focus-visible{border-color:var(--brand,#2563eb);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand,#2563eb) 22%, transparent)}.field-radio-box.is-checked{border-color:var(--brand,#2563eb)}.field-radio-inner{background:var(--brand,#2563eb);border-radius:9999px;width:8px;height:8px;transition:transform .15s cubic-bezier(.16,1,.3,1);transform:scale(0)}.field-radio-box.size-sm .field-radio-inner{width:6px;height:6px}.field-radio-box.size-lg .field-radio-inner{width:10px;height:10px}.field-radio-box.is-checked .field-radio-inner{transform:scale(1)}.field-radio-box.is-disabled{opacity:.5;cursor:not-allowed}.field-radio-inline{cursor:pointer;align-items:flex-start;gap:.55rem;display:inline-flex}.field-radio-inline.is-disabled{opacity:.55;cursor:not-allowed}.field-radio-label-wrap{flex-direction:column;display:flex}.field-radio-label{color:var(--text,#0f172a);cursor:pointer;margin:0;font-size:.84rem;font-weight:500;line-height:1.35}.field-radio-desc{color:var(--muted,#64748b);margin-top:2px;font-size:.75rem;line-height:1.35;display:block}.field-radio-card{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 75%, var(--bg));cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;min-height:52px;padding:.65rem .9rem;transition:all .15s;display:flex}.field-radio-card:hover:not(.is-disabled){border-color:var(--brand)}.field-radio-card.is-checked{border-color:color-mix(in srgb, var(--brand) 45%, var(--line));background:color-mix(in srgb, var(--brand) 4%, var(--surface))}.field-radio-card .field-radio-title{color:var(--text,#0f172a);font-size:.875rem;font-weight:650;display:block}.form-panel{background:color-mix(in srgb, var(--surface) 94%, var(--brand-soft));box-shadow:0 0 0 1px color-mix(in srgb, var(--line) 88%, var(--brand)), 0 8px 24px #0f172a0a;border-radius:18px;gap:1.05rem;padding:1.25rem 1.25rem 1.35rem;display:grid}.form-panel-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.25rem;display:flex}.form-section{gap:.85rem;display:grid}.form-panel>.form-section{border-bottom:1px solid var(--line);padding:1.05rem 0 1.2rem}.form-panel>.form-section:first-of-type{padding-top:0}.form-panel>.form-section:last-of-type{border-bottom:0;padding-bottom:.2rem}.form-section-head h2{letter-spacing:-.02em;margin:0;font-size:.95rem;font-weight:750}.form-section-head p{color:var(--muted);max-width:46ch;margin:.3rem 0 0;font-size:.8125rem;line-height:1.45}.form-section-body{gap:.85rem;display:grid}.form-suggest{background:color-mix(in srgb, var(--brand-soft) 80%, var(--surface));color:var(--brand-dark);border-radius:12px;margin:0;padding:.7rem .85rem;font-size:.8125rem;font-weight:600;line-height:1.4}.form-notice{border-radius:14px;margin:0;padding:.85rem 1rem;font-size:.875rem;font-weight:600}.form-notice.is-success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.form-notice.is-info{background:color-mix(in srgb, var(--brand-soft) 70%, var(--surface));border:1px solid color-mix(in srgb, var(--brand) 18%, var(--line));color:var(--brand-dark)}.choice-chips{gap:.45rem;display:grid}.choice-chips-label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.6875rem;font-weight:700}.choice-chips-row{flex-wrap:wrap;gap:.45rem;display:flex}.choice-chip{appearance:none;border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 70%, var(--bg));color:var(--text);font:inherit;cursor:pointer;border-radius:999px;padding:.5rem .85rem;font-size:.8125rem;font-weight:650;transition:border-color .15s,background .15s,color .15s}.choice-chip:hover{border-color:color-mix(in srgb, var(--brand) 35%, var(--line))}.choice-chip.is-active{border-color:var(--brand);background:var(--brand);color:var(--on-brand)}.choice-chip:disabled{opacity:.45;cursor:not-allowed}.invite-composer,.location-composer{gap:.95rem;display:grid}.person-list{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.person-card{background:color-mix(in srgb, var(--bg) 55%, var(--surface));border-radius:16px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.85rem;padding:.75rem .85rem;display:grid}.person-avatar{background:var(--brand-soft);width:40px;height:40px;color:var(--brand-dark);letter-spacing:-.03em;border-radius:999px;place-items:center;font-size:.8rem;font-weight:750;display:grid}.person-copy{gap:.12rem;min-width:0;display:grid}.person-copy strong{letter-spacing:-.02em;font-size:.9rem;font-weight:700}.person-copy span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:550;overflow:hidden}.person-meta{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;display:flex}.person-actions{flex-wrap:wrap;gap:.35rem;display:flex}.btn-xs{min-height:28px;padding:.25rem .55rem;font-size:.75rem}.btn-xs.is-danger{color:var(--danger,#dc2626)}.btn-xs.is-danger:hover{background:#dc262614}.location-card{background:color-mix(in srgb, var(--bg) 45%, var(--surface));border:1px solid #0000;border-radius:16px;gap:.75rem;padding:1rem 1.05rem;display:grid}.location-card.is-active{border-color:color-mix(in srgb, var(--brand) 28%, var(--line));background:var(--surface)}.location-card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.location-card-head button.location-select{appearance:none;text-align:left;cursor:pointer;color:inherit;font:inherit;background:0 0;border:0;gap:.2rem;padding:0;display:grid}.location-card-head strong{letter-spacing:-.02em;font-size:.98rem;font-weight:750}.location-card-head span{color:var(--muted);font-size:.78rem;font-weight:550}.field-suffix{text-overflow:ellipsis;white-space:nowrap;max-width:46%;color:var(--muted);flex:none;font-size:.8125rem;font-weight:650;overflow:hidden}.field-currency{letter-spacing:-.03em;color:var(--muted);font-size:.95rem;font-weight:750}.field-block.is-focused .field-currency{color:var(--brand)}@media (width<=560px){.person-card{grid-template-columns:auto 1fr}.person-meta,.person-actions{grid-column:2;justify-content:flex-start}}.form-error{box-sizing:border-box;background:var(--danger-bg);color:#991b1b;border:1px solid var(--danger-border);border-radius:14px;grid-template-columns:auto 1fr;align-items:start;gap:.7rem;width:100%;margin:0;padding:.85rem .95rem;display:grid;box-shadow:0 1px #dc26260a}.form-error-icon{color:var(--danger);margin-top:.05rem;display:inline-flex}.form-error-copy{min-width:0}.form-error strong{color:#991b1b;letter-spacing:-.01em;margin:0 0 .2rem;font-size:.8125rem;font-weight:700;display:block}.form-error p{color:#b91c1c;margin:0;font-size:.8125rem;font-weight:500;line-height:1.45}html[data-density=compact] .field-input,html[data-density=compact] .field-switch{min-height:50px;padding:.4rem .75rem}html[data-density=compact] .field-body{grid-template-rows:.75rem 1.2rem}html[data-density=compact] .field-input.is-textarea{min-height:6.25rem}@keyframes field-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.field-listbox{animation:none}.field-body>label,.field-body>.field-label,.field-input input::placeholder,.field-input textarea::placeholder{transition:none}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.phone-field .field-input{gap:.55rem;padding-left:.45rem}.phone-country{border-right:1px solid var(--line);flex:none;align-self:stretch;align-items:center;margin:.15rem 0;padding:0 .35rem 0 .15rem;display:flex;position:relative}.phone-country-trigger{appearance:none;min-height:2.4rem;color:var(--text);letter-spacing:-.02em;cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:.28rem;padding:0 .15rem 0 .25rem;font-size:.8125rem;font-weight:700;display:inline-flex}.phone-country-trigger svg{width:14px;height:14px;color:var(--muted)}.phone-country-trigger:disabled{cursor:not-allowed;color:var(--muted)}.phone-country-menu{z-index:50;background:var(--surface);border:1px solid var(--line);width:min(22rem,78vw);box-shadow:0 0 0 1px color-mix(in srgb, var(--brand) 6%, transparent), 0 16px 40px #0f172a24;border-radius:14px;padding:.45rem;position:absolute;top:calc(100% + .55rem);left:-.45rem}.phone-country-search{border:1px solid var(--line);background:var(--bg);width:100%;min-height:2.4rem;font:inherit;border-radius:10px;margin:0 0 .35rem;padding:.45rem .7rem;font-size:.8125rem}.phone-country-list{max-height:14rem;box-shadow:none;border:0;padding:0;animation:none;position:relative;top:0;left:0;right:0}.phone-field:not(.is-filled):not(.is-focused):not(:focus-within) .phone-country-trigger,.field-block.phone-field:not(.is-filled):not(.is-focused):not(.is-open):not(:focus-within) .phone-country-trigger{color:var(--text)}.date-field-trigger{appearance:none;text-align:left;width:100%;min-height:1.35rem;font:inherit;letter-spacing:-.015em;color:var(--text);cursor:pointer;background:0 0;border:0;grid-area:2/1;margin:0;padding:0;font-size:.9375rem;font-weight:550}.date-field-trigger:disabled{cursor:not-allowed;color:var(--muted)}.date-compact{min-width:0}.date-compact-trigger{appearance:none;border:1px solid var(--line);background:var(--surface);width:100%;min-height:36px;color:var(--text);font:inherit;cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:.35rem;padding:.35rem .55rem;font-size:.78rem;font-weight:550;display:flex}.date-compact-trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.date-compact:not(.is-filled) .date-compact-trigger span{color:var(--muted);font-weight:450}.date-compact.is-open .date-compact-trigger,.date-compact-trigger:focus-visible{border-color:var(--brand);box-shadow:0 0 0 3px var(--focus);outline:none}.date-compact.is-error .date-compact-trigger{border-color:var(--danger)}.date-compact-trigger svg{color:var(--muted);flex:none}.date-popover{z-index:80;background:var(--surface);border:1px solid var(--line);width:308px;box-shadow:0 0 0 1px color-mix(in srgb, var(--brand) 6%, transparent), 0 18px 48px #0f172a29;border-radius:16px;padding:.7rem .7rem .65rem;animation:.16s cubic-bezier(.22,1,.36,1) field-pop;position:fixed}.date-popover-head{align-items:center;gap:.35rem;margin-bottom:.55rem;display:flex}.date-nav{appearance:none;width:32px;height:32px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;justify-content:center;align-items:center;display:inline-flex}.date-nav:hover{background:color-mix(in srgb, var(--brand) 10%, transparent);color:var(--brand-dark)}.date-month-year{flex:1;grid-template-columns:1fr 4.6rem;gap:.35rem;display:grid}.date-month-select,.date-year-select{appearance:none;border:1px solid var(--line);background:var(--bg);min-height:32px;font:inherit;color:var(--text);cursor:pointer;border-radius:10px;padding:0 .55rem;font-size:.8125rem;font-weight:650}.date-weekdays{grid-template-columns:repeat(7,1fr);gap:.15rem;margin-bottom:.25rem;display:grid}.date-weekdays span{text-align:center;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:.2rem 0;font-size:.68rem;font-weight:700}.date-grid{grid-template-columns:repeat(7,1fr);gap:.15rem;display:grid}.date-day{appearance:none;aspect-ratio:1;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;font-size:.8125rem;font-weight:600}.date-day.is-outside{color:color-mix(in srgb, var(--muted) 70%, transparent);font-weight:500}.date-day.is-today:not(.is-selected){box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--brand) 55%, var(--line));color:var(--brand-dark)}.date-day.is-selected{background:var(--brand);color:#fff;font-weight:750}.date-day:hover:not(:disabled):not(.is-selected){background:color-mix(in srgb, var(--brand) 10%, transparent);color:var(--brand-dark)}.date-day:disabled{opacity:.35;cursor:not-allowed}.date-popover-foot{border-top:1px solid var(--line);flex-wrap:wrap;gap:.35rem;margin-top:.65rem;padding-top:.55rem;display:flex}.date-chip{appearance:none;border:1px solid var(--line);background:var(--bg);min-height:28px;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:650}.date-chip:hover{border-color:var(--brand);color:var(--brand-dark);background:color-mix(in srgb, var(--brand) 8%, transparent)}.date-chip.is-muted{color:var(--muted);margin-left:auto}.reports-presets{flex-wrap:wrap;gap:.4rem;margin:0 0 .85rem;display:flex}.iu{gap:.55rem;width:100%;display:grid}.iu-meta{gap:.2rem;display:grid}.iu-label{letter-spacing:-.015em;color:var(--text);margin:0;font-size:.8125rem;font-weight:700}.iu-hint{color:var(--muted);margin:0;font-size:.78125rem;font-weight:500;line-height:1.35}.iu-body{justify-items:start;gap:.45rem;width:100%;display:grid}.iu-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden;display:none!important}.iu-stage{cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;width:fit-content;max-width:100%;display:inline-grid;position:relative}.iu-stage:focus-visible .iu-frame{box-shadow:0 0 0 3.5px var(--focus);border-color:var(--brand)}.iu-frame{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 92%, var(--bg)), var(--surface));border:1.5px dashed color-mix(in srgb, var(--line-strong) 80%, var(--muted));transition:border-color .18s,box-shadow .18s,transform .18s,background .18s;position:relative;overflow:hidden}.iu-avatar .iu-stage{width:104px;height:104px;display:inline-block;position:relative}.iu-avatar .iu-frame{border-style:solid;border-color:var(--line);background:var(--brand-soft);border-radius:999px;width:104px;height:104px;box-shadow:0 1px 2px #0f172a0a,0 8px 20px #0f172a0f}.iu-avatar .iu-fab{position:absolute;bottom:0;right:0}.iu-logo .iu-frame{border-radius:16px;width:min(100%,280px);height:112px}.iu-icon .iu-frame{border-radius:20px;width:96px;height:96px}.iu-product,.iu-product .iu-stage{width:100%}.iu-product .iu-frame{background:radial-gradient(ellipse at 50% 30%, color-mix(in srgb, var(--brand-soft) 85%, transparent), transparent 75%), color-mix(in srgb, var(--surface) 96%, var(--bg));border:1.75px dashed color-mix(in srgb, var(--brand) 38%, var(--line));border-radius:16px;width:100%;max-width:100%;height:136px}.iu-product.has-image .iu-frame{border-style:solid;border-color:color-mix(in srgb, var(--brand) 20%, var(--line));background:var(--surface);height:160px;box-shadow:0 4px 16px color-mix(in srgb, var(--brand) 8%, transparent)}.iu-product .iu-img{object-fit:cover;border-radius:14px}.iu.has-image .iu-frame{border-style:solid;border-color:var(--line)}.iu-logo.has-image .iu-frame,.iu-icon.has-image .iu-frame{background:linear-gradient(45deg,#e2e8f0 25%,#0000 25%) 0 0/12px 12px,linear-gradient(-45deg,#e2e8f0 25%,#0000 25%) 0 6px/12px 12px,#f8fafc}.iu-stage:hover .iu-frame,.iu.is-dragging .iu-frame{border-color:var(--brand)}.iu:not(.iu-logo.has-image):not(.iu-icon.has-image) .iu-stage:hover .iu-frame,.iu:not(.iu-logo.has-image):not(.iu-icon.has-image).is-dragging .iu-frame{background:color-mix(in srgb, var(--brand-soft) 70%, var(--surface))}.iu-avatar .iu-stage:hover .iu-frame,.iu-avatar.is-dragging .iu-frame{transform:scale(1.02)}.iu.is-dragging .iu-frame{box-shadow:0 0 0 3px var(--focus)}.iu-img{object-fit:cover;width:100%;height:100%;display:block}.iu-logo .iu-img{object-fit:contain;background:0 0;padding:.75rem 1rem}.iu-icon .iu-img{object-fit:contain;background:0 0;padding:.45rem}.iu-empty{text-align:center;width:100%;height:100%;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:.85rem;display:flex}.iu-avatar .iu-empty{letter-spacing:-.04em;color:var(--brand-dark);padding:0;font-size:1.65rem;font-weight:750}.iu-empty-icon{background:color-mix(in srgb, var(--brand-soft) 85%, var(--surface));width:2.5rem;height:2.5rem;color:var(--brand);border-radius:999px;place-items:center;display:grid}.iu-empty-copy{letter-spacing:-.01em;max-width:16rem;color:var(--text);font-size:.8125rem;font-weight:650;line-height:1.3}.iu-empty-subtext{color:var(--muted);font-size:.72rem;font-weight:500;line-height:1.35}.iu-veil{color:#fff;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a7a;place-content:center;justify-items:center;gap:.3rem;transition:opacity .16s;display:grid;position:absolute;inset:0}.iu-stage:hover .iu-veil,.iu-stage:focus-visible .iu-veil,.iu.is-dragging .iu-veil{opacity:1}.iu:not(.has-image) .iu-veil{display:none}.iu-veil-icon{place-items:center;display:grid}.iu-veil-text{letter-spacing:.01em;font-size:.72rem;font-weight:700}.iu-fab{background:var(--brand);width:32px;height:32px;color:var(--on-brand);border:2.5px solid var(--surface);pointer-events:none;border-radius:999px;place-items:center;transition:transform .16s,background .16s;display:grid;position:absolute;bottom:2px;right:2px;box-shadow:0 4px 12px #0f172a2e}.iu-fab svg{width:15px;height:15px}.iu-stage:hover .iu-fab{background:var(--brand-hover);transform:scale(1.06)}.iu-remove{appearance:none;color:var(--danger);cursor:pointer;background:0 0;border:0;padding:.2rem 0;font-size:.78125rem;font-weight:650}.iu-remove:hover{text-decoration:underline}.c-dropdown-wrap{vertical-align:middle;display:inline-block;position:relative}.c-dropdown-wrap.is-block{width:100%;min-width:0;display:block}.c-dropdown-trigger{appearance:none;border:1px solid var(--line-strong,#cbd5e1);background:var(--surface,#fff);height:34px;min-height:34px;color:var(--text,#0f172a);font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:9px;justify-content:space-between;align-items:center;gap:.5rem;padding:0 .75rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0f172a0a}.c-dropdown-trigger:hover:not(:disabled){background:color-mix(in srgb, var(--brand-soft) 50%, var(--surface));border-color:color-mix(in srgb, var(--brand) 35%, var(--line-strong));color:var(--brand-dark)}.c-dropdown-trigger.is-open{border-color:var(--brand);box-shadow:0 0 0 3px var(--focus,#10b98133);background:var(--surface)}.c-dropdown-trigger.has-value{background:color-mix(in srgb, var(--brand-soft) 55%, var(--surface));border-color:color-mix(in srgb, var(--brand) 30%, var(--line));color:var(--brand-dark);font-weight:700}.c-dropdown-trigger:disabled{opacity:.5;cursor:not-allowed}.c-dropdown-label-wrap{align-items:center;gap:.4rem;min-width:0;max-width:220px;display:inline-flex;overflow:hidden}.c-dropdown-icon{color:var(--muted);flex-shrink:0;align-items:center;display:inline-flex}.c-dropdown-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.c-dropdown-label.is-placeholder{color:var(--muted);font-weight:500}.c-dropdown-chevron{color:var(--muted);flex-shrink:0;align-items:center;transition:transform .18s,color .18s;display:inline-flex}.c-dropdown-chevron.is-open{color:var(--brand-dark);transform:rotate(180deg)}.c-dropdown-menu{z-index:999999;background:var(--surface,#fff);border:1px solid var(--line,#e2e8f0);border-radius:12px;flex-direction:column;max-height:320px;animation:.14s cubic-bezier(.16,1,.3,1) cDropdownZoomIn;display:flex;position:fixed;overflow:hidden;box-shadow:0 16px 40px #0f172a33}@keyframes cDropdownZoomIn{0%{opacity:0;transform:scale(.96)translateY(4px)}to{opacity:1;transform:none}}.c-dropdown-search-bar{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 60%, var(--surface));flex-shrink:0;padding:.45rem .55rem}.c-dropdown-search-wrap{background:var(--surface);border:1px solid var(--line);border-radius:8px;align-items:center;gap:.4rem;padding:.3rem .55rem;display:flex}.c-dropdown-search-input{width:100%;font:inherit;color:var(--text);background:0 0;border:none;outline:none;font-size:.78rem}.c-dropdown-search-input::placeholder{color:var(--muted)}.c-dropdown-options-list{flex-direction:column;gap:.15rem;max-height:240px;padding:.35rem;display:flex;overflow-y:auto}.c-dropdown-option{appearance:none;width:100%;font:inherit;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:.5rem;padding:.42rem .65rem;font-size:.8125rem;font-weight:550;transition:background .1s,color .1s;display:flex}.c-dropdown-option:hover{background:color-mix(in srgb, var(--brand-soft) 70%, var(--surface));color:var(--brand-dark)}.c-dropdown-option.is-selected{background:color-mix(in srgb, var(--brand-soft) 85%, var(--surface));color:var(--brand-dark);font-weight:750}.c-dropdown-option-left{align-items:center;gap:.45rem;min-width:0;display:flex;overflow:hidden}.c-dropdown-option-left span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.c-dropdown-check{color:var(--brand-dark);flex-shrink:0;display:inline-flex}.c-dropdown-empty{text-align:center;color:var(--muted);padding:.85rem .5rem;font-size:.78rem}.cat-screen{gap:1.15rem;animation:.45s cubic-bezier(.22,1,.36,1) home-rise;display:grid}.cat-toolbar.is-sticky{z-index:12;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin:-.15rem 0 0;position:sticky;top:56px}@media (width>=960px){.cat-toolbar.is-sticky{top:52px}}.cat-table-wrap{overflow:auto}.cat-table-wrap.is-flush{box-shadow:none;background:0 0;border-radius:0}.cat-table{border-collapse:collapse;width:100%;min-width:640px}.cat-table th{text-align:left;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);background:color-mix(in srgb, var(--brand-soft) 55%, var(--surface));border-bottom:1px solid var(--line);padding:.75rem 1rem;font-size:.68rem;font-weight:700}.cat-table th.cat-th-sortable{-webkit-user-select:none;user-select:none;padding:0}.cat-sort-btn{appearance:none;box-shadow:none;box-sizing:border-box;width:100%;font:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:none;border-radius:0;outline:none;align-items:center;gap:.35rem;margin:0;padding:.75rem 1rem;transition:color .15s,background-color .15s;display:inline-flex}.cat-table.is-dense th.cat-th-sortable .cat-sort-btn{padding:.65rem .9rem}.cat-sort-btn:hover{color:var(--text);background:color-mix(in srgb, var(--brand) 5%, transparent)}.cat-sort-btn:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.cat-sort-btn.is-active{color:var(--brand);font-weight:800}.cat-sort-btn.is-right{justify-content:flex-end}.cat-sort-btn.is-center{justify-content:center}.cat-sort-btn.is-left{justify-content:flex-start}.cat-sort-icon{color:currentColor;flex-shrink:0;justify-content:center;align-items:center;width:13px;height:13px;transition:opacity .15s,transform .15s;display:inline-flex}.cat-sort-icon.is-inactive{opacity:.32}.cat-sort-btn:hover .cat-sort-icon.is-inactive{opacity:.8;color:var(--text)}.cat-sort-icon.is-active{opacity:1;color:var(--brand)}.cat-table td{border-bottom:1px solid color-mix(in srgb, var(--line) 80%, transparent);vertical-align:middle;padding:.8rem 1rem;font-size:.875rem}.cat-table.is-dense th,.cat-table.is-dense td{padding:.65rem .9rem}.cat-empty-state{justify-items:start;gap:.85rem;padding:2rem 1.25rem;display:grid}.cat-empty-state p{color:var(--muted);max-width:42ch;margin:0;font-size:.9rem;line-height:1.5}.cat-table tr:last-child td{border-bottom:0}.cat-table tbody tr{transition:background .12s}.cat-table tbody tr:hover{background:color-mix(in srgb, var(--brand) 3%, transparent)}.cat-table-link{color:var(--brand);align-items:center;gap:.4rem;font-weight:650;text-decoration:none;display:inline-flex}.cat-table-link:hover{color:var(--brand-dark);text-decoration:underline}.cat-settled{color:var(--brand);align-items:center;gap:.3rem;font-size:.75rem;font-weight:650;display:inline-flex}.cat-muted-dash{color:var(--muted);font-size:.75rem}.cat-table .btn{min-height:0;padding:.28rem .65rem;font-size:.75rem}.cat-row-actions{justify-content:flex-end;align-items:center;gap:.375rem;display:flex}.cat-name{align-items:center;gap:.65rem;min-width:0;display:flex}.cat-name>div{gap:.15rem;min-width:0;display:grid}.cat-thumb{object-fit:cover;background:color-mix(in srgb, var(--brand) 10%, var(--surface));border-radius:10px;flex:0 0 36px;width:36px;height:36px}.cat-thumb.is-empty{color:var(--brand-dark);place-items:center;font-size:.75rem;font-weight:700;display:inline-grid}.cat-name strong{letter-spacing:-.02em;font-weight:700}.cat-name span{color:var(--muted);font-size:.72rem}.cat-badge{letter-spacing:.04em;text-transform:uppercase;background:color-mix(in srgb, var(--brand) 10%, transparent);color:var(--brand-dark);border-radius:999px;align-items:center;padding:.25rem .5rem;font-size:.68rem;font-weight:700;display:inline-flex}.cat-badge.is-archived{color:#475569;background:#64748b1f}.cat-badge.is-success{color:#065f46;background:#10b98124}.cat-row-actions{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.cat-row-actions a,.cat-row-actions button{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;min-height:0;box-shadow:none;border-radius:8px;padding:.28rem .65rem;font-size:.75rem;font-weight:650;text-decoration:none;transition:border-color .12s,background .12s,color .12s}.cat-row-actions a:hover,.cat-row-actions button:hover{border-color:color-mix(in srgb, var(--brand) 45%, var(--line));background:color-mix(in srgb, var(--brand) 6%, var(--surface));color:var(--brand-dark)}.cat-row-actions button:disabled{opacity:.5;cursor:not-allowed}.cat-row-actions .is-danger-action{color:#b91c1c;border-color:#dc262633}.cat-row-actions .is-danger-action:hover{color:#991b1b;background:#dc26260d;border-color:#dc262666}.cat-foot{color:var(--muted);font-size:.8rem;font-weight:550}.cat-empty{text-align:center;color:var(--muted);padding:2.5rem 1.25rem;font-size:.925rem}.cat-form{gap:1rem;max-width:44rem;display:grid}.cat-form-grid{gap:1rem;display:grid}@media (width>=720px){.cat-form-grid.is-two{grid-template-columns:1fr 1fr}}.cat-check{color:var(--text);align-items:center;gap:.55rem;font-size:.875rem;font-weight:600;display:flex}.cat-check input{width:1rem;height:1rem;accent-color:var(--brand)}.cat-select{gap:.35rem;display:grid}.cat-select span{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:.6875rem;font-weight:700}.cat-select select,.cat-select textarea{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 70%, var(--bg));min-height:44px;color:var(--text);font:inherit;border-radius:14px;padding:.55rem .8rem}.cat-select textarea{resize:vertical;min-height:96px}.cat-form-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.25rem;display:flex}.cat-link-muted{color:var(--muted);font-size:.875rem;font-weight:600}.cat-link-muted:hover{color:var(--brand-dark)}.cat-margin{font-variant-numeric:tabular-nums;color:#047857;font-weight:650}.cat-recipe-lines{gap:.85rem;display:grid}.cat-recipe-lines h2{margin:0;font-size:.95rem}.cat-recipe-row{align-items:end;gap:.65rem;display:grid}@media (width>=720px){.cat-recipe-row{grid-template-columns:minmax(0,1.6fr) minmax(6rem,.55fr) auto}}.cat-notice{color:#065f46;background:#10b9811f;border-radius:10px;margin:0;padding:.65rem .8rem;font-size:.875rem;font-weight:550}.cat-media{gap:.75rem;display:grid}.cat-media-upload{cursor:pointer;width:fit-content;display:inline-flex;position:relative;overflow:hidden}.cat-media-upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.cat-media-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.7rem;display:grid}.cat-media-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:.45rem;padding:.45rem;display:grid;overflow:hidden}.cat-media-card.is-primary{border-color:color-mix(in srgb, var(--brand) 45%, var(--line));box-shadow:0 0 0 2px color-mix(in srgb, var(--brand) 12%, transparent)}.cat-media-preview{cursor:pointer;background:0 0;border:0;border-radius:8px;width:100%;padding:0;display:block;position:relative}.cat-media-preview:disabled{cursor:default}.cat-media-preview img{aspect-ratio:1;object-fit:cover;background:color-mix(in srgb, var(--bg) 70%, var(--surface));border-radius:8px;width:100%}.cat-media-edit{color:#fff;letter-spacing:.02em;background:#0f172ab8;border-radius:999px;padding:.12rem .4rem;font-size:.68rem;font-weight:700;position:absolute;inset:auto .4rem .4rem auto}.cat-media-card img{aspect-ratio:1;object-fit:cover;background:color-mix(in srgb, var(--bg) 70%, var(--surface));border-radius:8px;width:100%}.cat-media-card-actions{flex-wrap:wrap;gap:.25rem;display:flex}.cat-media-card-actions .is-danger{color:#b91c1c}.cat-category-field{align-content:start;gap:.35rem;min-width:0;display:grid}.cat-manage-link{appearance:none;font:inherit;color:var(--brand);cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-size:.78rem;font-weight:650}.cat-manage-link:hover{color:var(--brand-dark)}.cat-manage-modal{background:var(--surface);border:1px solid var(--line);border-radius:20px;flex-direction:column;width:min(100%,28.5rem);max-height:min(88dvh,38rem);display:flex;overflow:hidden;box-shadow:0 26px 64px #0f172a38}.cat-manage-head{flex:none;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:1.25rem 1.25rem .85rem;display:flex}.cat-manage-head h2{letter-spacing:-.03em;margin:0;font-size:1.12rem;font-weight:750}.cat-manage-head p{color:var(--muted);margin:.25rem 0 0;font-size:.84rem;line-height:1.45}.cat-manage-close{flex:none}.cat-manage-add{flex:none;gap:.4rem;padding:0 1.25rem .85rem;display:grid}.cat-manage-add-label{color:var(--muted);font-size:.72rem;font-weight:700}.cat-manage-add-row{align-items:stretch;gap:.5rem;display:flex}.cat-manage-add-input,.cat-manage-edit-input{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 70%, var(--bg));min-width:0;min-height:42px;color:var(--text);font:inherit;border-radius:12px;flex:auto;padding:.5rem .85rem;font-size:.9rem;font-weight:550}.cat-manage-add-input:focus,.cat-manage-edit-input:focus{border-color:var(--brand);background:var(--surface);box-shadow:0 0 0 4px var(--focus);outline:none}.cat-manage-add-row .btn{flex:none}.cat-manage-list{flex:auto;gap:.35rem;min-height:0;margin:0;padding:.15rem .85rem .85rem;list-style:none;display:grid;overflow:auto}.cat-manage-empty{color:var(--muted);padding:.85rem .65rem;font-size:.84rem}.cat-manage-item{background:color-mix(in srgb, var(--bg) 55%, var(--surface));border:1px solid #0000;border-radius:14px;gap:.15rem;display:grid}.cat-manage-item.is-selected{border-color:color-mix(in srgb, var(--brand) 28%, var(--line));background:color-mix(in srgb, var(--brand-soft) 78%, var(--surface))}.cat-manage-row{appearance:none;width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.55rem;padding:.7rem .75rem .35rem;font-weight:650;display:flex}li>.cat-manage-row{background:color-mix(in srgb, var(--bg) 55%, var(--surface));border:1px solid #0000;border-radius:14px;padding:.7rem .75rem}li>.cat-manage-row.is-selected{border-color:color-mix(in srgb, var(--brand) 28%, var(--line));background:color-mix(in srgb, var(--brand-soft) 78%, var(--surface))}.cat-manage-mark{border:1.5px solid color-mix(in srgb, var(--brand) 35%, var(--line));width:1.15rem;height:1.15rem;color:var(--brand-dark);border-radius:999px;flex:none;place-items:center;font-size:.7rem;display:grid}.cat-manage-row-actions{justify-content:flex-end;gap:.15rem;padding:0 .45rem .45rem;display:flex}.cat-manage-quiet{appearance:none;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:.25rem .45rem;font-size:.75rem;font-weight:650}.cat-manage-quiet:hover{color:var(--text);background:color-mix(in srgb, var(--surface) 80%, var(--bg))}.cat-manage-quiet.is-danger:hover{color:#b91c1c}.cat-manage-confirm,.cat-manage-edit{background:color-mix(in srgb, var(--brand-soft) 55%, var(--surface));border:1px solid color-mix(in srgb, var(--brand) 18%, var(--line));border-radius:14px;gap:.55rem;padding:.75rem;display:grid}.cat-manage-confirm p{margin:0;font-size:.84rem;line-height:1.45}.cat-manage-rename-form{flex-wrap:wrap;align-items:center;gap:.5rem;padding:.65rem .75rem;display:flex}.cat-manage-confirm-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.cat-manage-foot{border-top:1px solid var(--line);flex-wrap:wrap;flex:none;justify-content:flex-end;gap:.65rem;padding:.75rem 1.25rem 1.1rem;display:flex}.cat-badge.is-draft{color:#b45309;background:#f59e0b24}.wp-product-form{gap:1.25rem;width:100%;display:grid}.wp-product-header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.85rem;display:flex}.wp-product-header-left{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.wp-back-link{color:var(--muted);border-radius:8px;align-items:center;gap:.35rem;padding:.3rem .6rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.wp-back-link svg{width:1rem;height:1rem}.wp-back-link:hover{color:var(--text);background:#0f172a0d}.wp-header-sep{color:var(--line);font-size:.9rem}.wp-header-title{color:var(--text);margin:0;font-size:1.15rem;font-weight:700}.wp-status-pill{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-items:center;padding:.2rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex}.wp-status-pill.is-active{color:#047857;background:#10b9811f}.wp-status-pill.is-draft{color:#b45309;background:#f59e0b24}.wp-status-pill.is-archived{color:#475569;background:#64748b24}.wp-product-header-actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.wp-upload-banner{color:#1d4ed8;background:#3b82f61a;border:1px solid #3b82f633;border-radius:12px;padding:.65rem 1rem;font-size:.85rem;font-weight:600;animation:1.5s ease-in-out infinite pulse}.wp-product-layout{grid-template-columns:1fr;align-items:start;gap:1.5rem;display:grid}@media (width>=1024px){.wp-product-layout{grid-template-columns:minmax(0,1fr) 340px}}.wp-product-main,.wp-product-sidebar{flex-direction:column;gap:1.25rem;min-width:0;display:flex}@media (width>=1024px){.wp-product-sidebar{position:sticky;top:72px}}.wp-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0f172a0a}.wp-title-card{padding:1.15rem 1.35rem}.wp-title-input{width:100%;color:var(--text);background:0 0;border:0;border-bottom:2px solid #0000;outline:none;padding:.4rem 0;font-size:1.35rem;font-weight:700;transition:border-color .15s}.wp-title-input::placeholder{color:var(--muted);font-weight:500}.wp-title-input:focus{border-color:var(--brand)}.wp-card-head{border-bottom:1px solid color-mix(in srgb, var(--line) 50%, transparent);gap:.2rem;padding:1rem 1.25rem .65rem;display:grid}.wp-card-head h2{color:var(--text);margin:0;font-size:.95rem;font-weight:700}.wp-card-head p{color:var(--muted);margin:0;font-size:.78rem;line-height:1.4}.wp-card-body{gap:1rem;min-width:0;padding:1.25rem;display:grid}.wp-profit-banner{border-radius:12px;align-items:center;gap:.65rem;padding:.65rem .95rem;font-size:.84rem;font-weight:600;display:flex}.wp-profit-banner.is-profit{color:#065f46;background:#10b98117;border:1px solid #10b98138}.wp-profit-banner.is-loss{color:#991b1b;background:#ef444417;border:1px solid #ef444438}.wp-profit-indicator{background:currentColor;border-radius:999px;flex-shrink:0;width:8px;height:8px}.wp-side-box{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0f172a0a}:is(.wp-side-box:has(.field-combo.is-open),.wp-side-box:has(.field-block.is-open)){z-index:5;position:relative;overflow:visible}.wp-side-head{background:color-mix(in srgb, var(--brand-soft) 40%, var(--surface));border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:.8rem 1.15rem;display:flex}.wp-side-head h3{color:var(--text);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.8rem;font-weight:700}.wp-side-count{color:var(--muted);background:#0f172a0f;border-radius:999px;padding:.15rem .45rem;font-size:.72rem;font-weight:700}.wp-side-link{color:var(--brand-dark);cursor:pointer;background:0 0;border:0;padding:0;font-size:.75rem;font-weight:650}.wp-side-link:hover{text-decoration:underline}.wp-side-body{gap:.85rem;padding:1.15rem;display:grid}.wp-meta-list{gap:.45rem;font-size:.8rem;display:grid}.wp-meta-item{justify-content:space-between;align-items:center;display:flex}.wp-meta-label{color:var(--muted);font-weight:550}.wp-meta-val{color:var(--text);font-weight:650}.wp-side-actions{grid-template-columns:1fr 1fr;gap:.65rem;margin-top:.35rem;display:grid}.wp-side-btn{justify-content:center;width:100%;padding:.55rem .65rem;font-size:.82rem}.wp-add-category-btn{background:var(--surface-sunken,#f8fafc);border:1px dashed var(--line,#cbd5e1);color:var(--brand-dark,#0f172a);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:.45rem;width:100%;padding:.5rem .85rem;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.wp-add-category-btn svg{stroke:currentColor;stroke-width:2px;flex-shrink:0;width:14px!important;max-width:14px!important;height:14px!important;max-height:14px!important}.wp-add-category-btn:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-dark)}.wp-tier-empty{background:color-mix(in srgb, var(--bg) 40%, var(--surface));border:1px dashed var(--line-strong);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:.65rem;padding:1.5rem 1.25rem;display:flex}.wp-tier-empty p{color:var(--muted);max-width:480px;margin:0;font-size:.8125rem;line-height:1.45}.wp-tier-list{flex-direction:column;gap:.65rem;display:flex}.wp-tier-header{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);grid-template-columns:100px 1fr 1fr 36px;gap:.75rem;padding:0 .5rem;font-size:.7rem;font-weight:750;display:grid}.wp-tier-row{background:color-mix(in srgb, var(--bg) 50%, var(--surface));border:1px solid var(--line);border-radius:12px;grid-template-columns:100px 1fr 1fr 36px;align-items:center;gap:.75rem;padding:.65rem .85rem;transition:border-color .15s,box-shadow .15s;display:grid}.wp-tier-row:hover{border-color:color-mix(in srgb, var(--brand) 40%, var(--line));box-shadow:0 2px 8px #0f172a0a}.wp-tier-input-wrap{align-items:center;display:flex;position:relative}.wp-tier-prefix{color:var(--muted);pointer-events:none;font-size:.8125rem;font-weight:600;position:absolute;left:.65rem}.wp-tier-suffix{color:var(--muted);pointer-events:none;font-size:.72rem;position:absolute;right:.65rem}.wp-tier-input{border:1px solid var(--line);background:var(--surface);width:100%;height:36px;color:var(--text);font:inherit;border-radius:9px;padding:.4rem .65rem;font-size:.8125rem;font-weight:550;transition:border-color .15s,box-shadow .15s}.wp-tier-input.has-prefix{padding-left:1.5rem}.wp-tier-input.has-suffix{padding-right:2.25rem}.wp-tier-input.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.wp-tier-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--focus);outline:none}.wp-tier-savings{color:#059669;margin-top:.25rem;font-size:.7rem;font-weight:650;display:block}:root.dark .wp-tier-savings{color:#34d399}.wp-tier-del-btn{appearance:none;width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;transition:all .15s;display:grid}.wp-tier-del-btn:hover{color:#dc2626;background:#ef44441f}@media (width<=640px){.wp-tier-header{display:none}.wp-tier-row{grid-template-columns:1fr;gap:.5rem}}.wp-inline-cat-form{background:color-mix(in srgb, var(--brand-soft) 40%, var(--surface));border:1px solid color-mix(in srgb, var(--brand) 35%, var(--line));border-radius:10px;flex-direction:column;gap:.45rem;padding:.5rem;display:flex}.wp-inline-cat-input{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);font:inherit;border-radius:8px;padding:.4rem .65rem;font-size:.82rem;font-weight:550}.wp-inline-cat-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--focus);outline:none}.wp-inline-cat-actions{justify-content:flex-end;gap:.4rem;display:flex}.wp-featured-zone{width:100%}.wp-featured-wrap{border:1px solid var(--line,#e2e8f0);aspect-ratio:1;background:var(--surface-sunken,#f8fafc);border-radius:12px;width:100%;position:relative;overflow:hidden}.wp-featured-img{object-fit:cover;width:100%;height:100%;display:block}.wp-featured-overlay-actions{z-index:2;gap:.4rem;display:flex;position:absolute;bottom:8px;right:8px}.wp-featured-action-btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;background:#0f172ad1;border:0;border-radius:8px;align-items:center;gap:.3rem;padding:.35rem .65rem;font-size:.75rem;font-weight:650;transition:all .15s;display:inline-flex}.wp-featured-action-btn svg{flex-shrink:0;width:13px;height:13px}.wp-featured-action-btn:hover{background:#0f172af2;transform:translateY(-1px)}.wp-empty-media-zone{border:2px dashed color-mix(in srgb, var(--brand) 30%, var(--line));text-align:center;background:color-mix(in srgb, var(--brand-soft) 30%, var(--surface));cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:1.75rem 1rem;transition:all .15s;display:flex;position:relative}.wp-empty-media-zone:hover,.wp-empty-media-zone.is-drag-over{border-color:var(--brand);background:var(--brand-soft);transform:scale(1.01)}.wp-upload-icon{width:2rem;height:2rem;color:var(--brand);opacity:.85}.wp-empty-media-title{color:var(--text);font-size:.85rem;font-weight:700}.wp-empty-media-sub{color:var(--muted);font-size:.75rem}.wp-gallery-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.wp-gallery-item{aspect-ratio:1;border:1px solid var(--line,#e2e8f0);background:var(--surface-sunken,#f8fafc);border-radius:8px;position:relative;overflow:hidden}.wp-gallery-item.is-primary{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb, var(--brand) 25%, transparent)}.wp-gallery-thumb{object-fit:cover;width:100%;height:100%;display:block}.wp-staged-tag{color:#fff;text-transform:uppercase;pointer-events:none;z-index:1;background:#047857;border-radius:4px;padding:.1rem .3rem;font-size:.55rem;font-weight:800;position:absolute;top:3px;left:3px}.wp-gallery-item-actions{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;z-index:2;background:#0f172aa6;flex-wrap:wrap;justify-content:center;align-items:center;gap:.2rem;transition:opacity .15s;display:flex;position:absolute;inset:0}.wp-gallery-item:hover .wp-gallery-item-actions{opacity:1}.wp-gallery-btn{appearance:none;color:#0f172a;cursor:pointer;background:#ffffffe6;border:0;border-radius:6px;justify-content:center;align-items:center;padding:.25rem .35rem;font-size:.68rem;font-weight:700;line-height:1;transition:all .12s;display:inline-flex}.wp-gallery-btn svg{flex-shrink:0;width:12px;height:12px}.wp-gallery-btn:hover{background:#fff;transform:scale(1.08)}.wp-gallery-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.wp-gallery-btn.is-danger{color:#fff;background:#dc2626e6}.wp-gallery-btn.is-danger:hover{background:#dc2626}.wp-add-photo-btn{border:1px dashed var(--line,#cbd5e1);background:var(--surface-sunken,#f8fafc);width:100%;height:38px;color:var(--text,#0f172a);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:.45rem;padding:0 .85rem;font-size:.82rem;font-weight:600;transition:all .15s;display:flex!important}.wp-add-photo-btn svg{stroke:currentColor;stroke-width:2px;flex-shrink:0;width:14px!important;max-width:14px!important;height:14px!important;max-height:14px!important}.wp-add-photo-btn:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-dark)}.cat-options-container{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.cat-option-card{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 80%, var(--bg));border-radius:12px;flex-direction:column;gap:.75rem;padding:1rem;transition:border-color .15s;display:flex}.cat-option-card:hover{border-color:color-mix(in srgb, var(--brand) 30%, var(--line))}.cat-option-card-head{justify-content:space-between;align-items:center;display:flex}.cat-option-presets{flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.3rem;display:flex}.cat-option-preset-btn{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:6px;padding:.2rem .55rem;font-size:.75rem;font-weight:600;transition:all .12s}.cat-option-preset-btn:hover{border-color:var(--brand);color:var(--brand-dark);background:var(--brand-soft)}.cat-tags-wrap{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex-wrap:wrap;align-items:center;gap:.4rem;min-height:42px;padding:.4rem .6rem;display:flex}.cat-tags-wrap:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--focus)}.cat-tag-pill{background:color-mix(in srgb, var(--brand) 12%, var(--surface));color:var(--brand-dark);border-radius:6px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.8rem;font-weight:600;display:inline-flex}.cat-tag-remove-btn{appearance:none;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;font-size:1rem;line-height:1;display:inline-flex}.cat-tag-remove-btn:hover{color:#dc2626}.cat-tag-input{color:var(--text);background:0 0;border:none;outline:none;flex:8rem;min-width:120px;font-size:.85rem}.cat-matrix-section{width:100%;min-width:0;max-width:100%;margin-top:1.5rem;overflow:hidden}.cat-matrix-table-wrap{border:1px solid var(--line,#e2e8f0);-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#94a3b8 #f1f5f9;background:var(--surface,#fff);box-sizing:border-box;border-radius:12px;width:100%;min-width:0;max-width:100%;margin-top:1rem;position:relative;overflow:auto hidden;box-shadow:0 1px 3px #0f172a0a}.cat-matrix-table-wrap::-webkit-scrollbar{height:10px;display:block}.cat-matrix-table-wrap::-webkit-scrollbar-track{background:#f1f5f9;border-radius:8px}.cat-matrix-table-wrap::-webkit-scrollbar-thumb{background:#94a3b8;border:2px solid #f1f5f9;border-radius:8px}.cat-matrix-table-wrap::-webkit-scrollbar-thumb:hover{background:#64748b}.cat-matrix-table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:1240px;min-width:1240px;font-size:.85rem}.cat-matrix-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line,#e2e8f0);white-space:nowrap;background:#f8fafc;padding:.75rem .85rem;font-size:.72rem;font-weight:750}.cat-matrix-table td{border-bottom:1px solid color-mix(in srgb, var(--line,#e2e8f0) 65%, transparent);vertical-align:middle;padding:.65rem .85rem}.cat-matrix-table tr:last-child td{border-bottom:none}.cat-matrix-table tr:hover td{background:#f8fafc99}.cat-matrix-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;height:38px;min-height:38px;padding:.4rem .65rem;font-size:.85rem;font-weight:550;transition:border-color .14s,box-shadow .14s}.cat-matrix-input:focus{border-color:var(--brand-primary,#6366f1);outline:none;box-shadow:0 0 0 3px #6366f126}.cat-matrix-actions-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.25rem 0;display:flex}.cat-matrix-quick-btn{appearance:none;border:1px solid var(--line,#cbd5e1);color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border-radius:8px;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.76rem;font-weight:600;transition:all .14s;display:inline-flex}.cat-matrix-quick-btn:hover{background:var(--brand-soft,#eef2ff);border-color:var(--brand-primary,#6366f1);color:var(--brand-dark,#4338ca)}.cat-variant-img-btn{transition:transform .12s,box-shadow .12s}.cat-variant-img-btn:hover{transform:scale(1.06);box-shadow:0 2px 8px #0000001f}.cat-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172aa6;justify-content:center;align-items:center;padding:1rem;animation:.15s ease-out catFadeIn;display:flex;position:fixed;inset:0}.cat-modal-card,.cat-modal{background:var(--surface,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:16px;animation:.18s cubic-bezier(.16,1,.3,1) catSlideUp;overflow:hidden;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000000a}.cat-modal-head{border-bottom:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.25rem 1rem;display:flex}.cat-variant-dropzone:hover{border-color:var(--brand-primary,#eb5e28);background:#eb5e280a}@keyframes catFadeIn{0%{opacity:0}to{opacity:1}}@keyframes catSlideUp{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}.cat-matrix-unit-row>td{background:color-mix(in srgb, var(--bg,#f8fafc) 70%, var(--surface,#fff));border-bottom:1px solid var(--line,#e2e8f0);padding:0 .75rem .85rem}.cat-matrix-unit-ids{z-index:2;width:max-content;max-width:min(32rem,100vw - 3rem);padding-top:.35rem;position:sticky;left:.75rem}.cat-matrix-unit-ids-label{color:var(--text);margin:0 0 .45rem;font-size:.75rem;font-weight:700}.cat-matrix-unit-ids .cat-unit-ids,.cat-unit-ids-trigger{margin-top:0}.cat-unit-ids-trigger.is-compact{border-radius:10px;width:max-content;max-width:min(32rem,100vw - 3rem);padding:.55rem .7rem}.cat-unit-ids-trigger.is-compact .cat-unit-ids-head{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:.75rem}.cat-unit-ids-editor{background:0 0;border:none;border-radius:0;margin-top:0;padding:0}.cat-unit-ids-modal.modal-card,.modal-card.cat-unit-ids-modal{width:min(96vw,72rem);max-width:min(96vw,72rem);max-height:min(94dvh,960px)}.cat-unit-ids-modal .modal-body{min-height:0;overflow:auto}.cat-unit-ids{background:color-mix(in srgb, var(--brand-soft,#f4e6dc) 25%, var(--surface,#fff));border:1px solid var(--line,#e2e8f0);border-radius:14px;gap:.75rem;margin-top:.85rem;padding:.9rem 1rem;display:grid}.cat-unit-ids-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.cat-unit-ids-head strong{color:var(--text);font-size:.84375rem;display:block}.cat-unit-ids-head p{color:var(--muted);margin:.15rem 0 0;font-size:.75rem}.cat-unit-ids-count{font-weight:650;color:var(--brand,#eb5e28)!important}.cat-unit-ids-actions{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.cat-unit-ids-empty{color:var(--muted);margin:0;font-size:.78rem}.cat-unit-ids-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.cat-unit-ids-row{background:var(--surface,#fff);border:1px solid var(--line,#e2e8f0);border-radius:10px;gap:.65rem;padding:.7rem .75rem;display:grid}.cat-unit-ids-row.is-empty{background:color-mix(in srgb, var(--bg,#f8fafc) 55%, var(--surface,#fff));border-style:dashed}.cat-unit-ids-row.is-identified{border-color:color-mix(in srgb, var(--brand,#eb5e28) 35%, var(--line,#e2e8f0))}.cat-unit-ids-row-top{flex-wrap:wrap;align-items:flex-end;gap:.65rem;display:flex}.cat-unit-ids-title-row{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.cat-unit-ids-optional{text-transform:uppercase;letter-spacing:.04em;background:color-mix(in srgb, var(--muted,#64748b) 12%, transparent);color:var(--muted,#64748b);border-radius:999px;padding:.12rem .45rem;font-size:.65rem;font-weight:700}.cat-unit-ids-progress{background:color-mix(in srgb, var(--line,#e2e8f0) 80%, transparent);border-radius:999px;height:4px;margin-top:.45rem;overflow:hidden}.cat-unit-ids-progress>span{border-radius:inherit;background:linear-gradient(90deg, var(--brand,#eb5e28), color-mix(in srgb, var(--brand,#eb5e28) 70%, #fbbf24));height:100%;transition:width .2s;display:block}.cat-unit-ids-status{align-items:center;gap:.4rem;margin-left:auto;padding-bottom:.15rem;display:flex}.cat-unit-ids-badge{text-transform:uppercase;letter-spacing:.03em;color:var(--muted,#64748b);background:color-mix(in srgb, var(--muted,#64748b) 10%, transparent);border-radius:999px;padding:.15rem .45rem;font-size:.65rem;font-weight:700}.cat-unit-ids-badge.is-ok{color:color-mix(in srgb, var(--brand,#eb5e28) 85%, #000);background:color-mix(in srgb, var(--brand-soft,#f4e6dc) 75%, var(--surface,#fff))}.cat-unit-ids--idle{opacity:.92}.cat-unit-ids-index{color:var(--muted);padding-bottom:.45rem;font-size:.72rem;font-weight:750}.cat-unit-ids-id-list{gap:.45rem;display:grid}.cat-unit-ids-id-row{grid-template-columns:minmax(11rem,16rem) minmax(0,1fr) auto;align-items:center;gap:.5rem;display:grid}.cat-unit-ids-id-actions{flex-wrap:wrap;gap:.35rem;display:flex}.cat-unit-ids-field{gap:.2rem;min-width:0;display:grid}.cat-unit-ids-field>span{color:var(--muted);font-size:.68rem;font-weight:650}.cat-unit-ids-imei{align-items:stretch;gap:.4rem;min-width:0;display:flex}.cat-unit-ids-imei input{border:1px solid var(--line-strong,#cbd5e1);border-radius:8px;flex:1;min-width:0;height:2.25rem;padding:0 .7rem;font-family:ui-monospace,monospace;font-size:.84rem}.cat-unit-ids-scan-btn{white-space:nowrap;flex-shrink:0;gap:.35rem;height:2.25rem;min-height:2.25rem;padding:0 .7rem}.cat-unit-ids-grade select{border:1px solid var(--line-strong,#cbd5e1);border-radius:8px;height:2.1rem;padding:0 .45rem}@media (width<=640px){.cat-unit-ids-id-row{grid-template-columns:1fr}.cat-unit-ids-scan-btn span{display:none}.cat-unit-ids-scan-btn{width:2.25rem;padding:0}.cat-unit-ids-status{justify-content:flex-start;width:100%;margin-left:0}}.pagination-bar{border-top:1px solid var(--line);background:var(--surface);border-radius:0 0 var(--radius) var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.pagination-meta{color:var(--muted);align-items:center;gap:.85rem;font-size:.8125rem;display:flex}.pagination-per-page{align-items:center;gap:.4rem;display:flex}.pagination-per-page label{color:var(--muted);white-space:nowrap;font-size:.8125rem;font-weight:600}.pagination-per-page select{appearance:none;font:inherit;color:var(--text);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2364748b' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right .5rem center, var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm);cursor:pointer;padding:.25rem 1.6rem .25rem .55rem;font-size:.8125rem;font-weight:650;transition:border-color .13s,box-shadow .13s}.pagination-per-page select:focus-visible{border-color:var(--brand);box-shadow:0 0 0 3px var(--focus);outline:none}.pagination-per-page select:disabled{opacity:.5;cursor:not-allowed}.pagination-count{color:var(--muted);font-size:.8125rem}.pagination-extra-actions{align-items:center;gap:.5rem;display:flex}.pagination-nav{align-items:center;gap:.375rem;display:flex}.pagination-btn{min-height:32px;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;align-items:center;gap:.3rem;padding:.3rem .7rem;font-size:.8125rem;font-weight:650;transition:background .13s,border-color .13s,color .13s,box-shadow .13s;display:inline-flex}.pagination-btn:hover:not(:disabled){background:color-mix(in srgb, var(--brand-soft) 70%, var(--surface));border-color:color-mix(in srgb, var(--brand) 28%, var(--line-strong));color:var(--brand-dark)}.pagination-btn:focus-visible{box-shadow:0 0 0 3px var(--focus);outline:none}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.pagination-btn.is-icon{justify-content:center;min-width:32px;padding:.3rem}.pagination-page{min-height:32px;color:var(--brand-dark);background:var(--brand-soft);border:1px solid color-mix(in srgb, var(--brand) 22%, var(--line));border-radius:var(--radius-sm);white-space:nowrap;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:.35rem;padding:.3rem .7rem;font-size:.8125rem;font-weight:700;display:inline-flex}.pagination-page-spinner{align-items:center;animation:.7s linear infinite pag-spin;display:inline-flex}@keyframes pag-spin{to{transform:rotate(360deg)}}@media (width<=480px){.pagination-bar{justify-content:center}.pagination-meta{justify-content:center;width:100%}}.smart-search-wrap{flex:260px;align-items:center;width:100%;min-width:200px;max-width:480px;display:inline-flex;position:relative}@media (width<=768px){.smart-search-wrap{flex:auto;min-width:0;max-width:100%}}.smart-search-icon{color:var(--muted);pointer-events:none;z-index:1;justify-content:center;align-items:center;transition:color .15s;display:flex;position:absolute;left:.75rem}.smart-search-wrap:focus-within .smart-search-icon{color:var(--brand)}.smart-search-icon .spin{animation:.7s linear infinite pag-spin}.smart-search-input{width:100%;height:38px;min-height:38px;font:inherit;color:var(--text);background:color-mix(in srgb, var(--surface) 65%, var(--bg));border:1px solid var(--line-strong);border-radius:10px;outline:none;padding:0 2.25rem 0 2.35rem;font-size:.84rem;font-weight:500;transition:border-color .15s,box-shadow .15s,background-color .15s;box-shadow:inset 0 1px 1px #0f172a05}.smart-search-input::placeholder{color:color-mix(in srgb, var(--muted) 75%, transparent)}.smart-search-input:hover{border-color:color-mix(in srgb, var(--brand) 30%, var(--line-strong));background:var(--surface)}.smart-search-input:focus{border-color:var(--brand);background:var(--surface);box-shadow:0 0 0 3px var(--focus)}.smart-search-clear{width:22px;height:22px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:color .12s,background-color .12s;display:inline-flex;position:absolute;right:.55rem}.smart-search-clear:hover{color:var(--text);background:color-mix(in srgb, var(--line) 60%, transparent)}@keyframes bulkBarSlideUp{0%{opacity:0;transform:translate(-50%,16px)scale(.97)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes bulkMenuFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.bulk-bar-container{z-index:9999;pointer-events:auto;max-width:calc(100vw - 2rem);animation:.22s cubic-bezier(.16,1,.3,1) forwards bulkBarSlideUp;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.bulk-bar{color:#f8fafc;white-space:nowrap;background:#0f172a;border:1px solid #ffffff2e;border-radius:9999px;align-items:center;gap:.45rem;padding:.5rem .75rem;display:flex;position:relative;overflow:visible;box-shadow:0 20px 35px -10px #0009,0 10px 15px -5px #0006,0 0 0 1px #ffffff1a}.bulk-selection-info{white-space:nowrap;-webkit-user-select:none;user-select:none;border-right:1px solid #ffffff29;align-items:center;gap:.5rem;padding:0 .5rem 0 .15rem;display:flex}.bulk-badge-count{background:var(--brand,#0f766e);color:#fff;letter-spacing:-.01em;border-radius:9999px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 .4rem;font-size:.75rem;font-weight:800;display:inline-flex;box-shadow:0 2px 4px #0f766e66}.bulk-selection-label{color:#cbd5e1;font-size:.8125rem;font-weight:600}.bulk-action-btn{letter-spacing:-.01em;color:#e2e8f0;cursor:pointer;white-space:nowrap;background:#ffffff17;border:1px solid #ffffff24;border-radius:8px;align-items:center;gap:.4rem;height:32px;padding:0 .75rem;font-size:.8125rem;font-weight:600;line-height:1;transition:all .15s;display:inline-flex}.bulk-action-btn:hover:not(:disabled){color:#fff;background:#ffffff2e;border-color:#ffffff40;transform:translateY(-1px)}.bulk-action-btn:active:not(:disabled){transform:translateY(0)}.bulk-action-btn:disabled{opacity:.45;cursor:not-allowed}.bulk-action-btn svg{flex-shrink:0}.bulk-action-btn.is-danger{color:#fca5a5;background:#dc262638;border-color:#ef444466}.bulk-action-btn.is-danger:hover:not(:disabled){color:#fff;background:#dc262666;border-color:#ef4444b3}.bulk-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;margin-left:.15rem;padding:0;transition:all .15s;display:inline-flex}.bulk-clear-btn:hover{color:#fff;background:#ffffff24}.bulk-dropdown-wrap{display:inline-flex;position:relative}.bulk-dropdown-menu{z-index:10001;background:#0f172a;border:1px solid #ffffff38;border-radius:12px;min-width:200px;max-width:min(300px,90vw);max-height:280px;padding:.4rem;animation:.15s cubic-bezier(.16,1,.3,1) forwards bulkMenuFadeIn;position:absolute;bottom:calc(100% + 12px);left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 25px 35px -5px #000000b3,0 15px 15px -5px #00000080,0 0 0 1px #ffffff26}.bulk-dropdown-header{text-transform:uppercase;letter-spacing:.06em;color:#64748b;border-bottom:1px solid #ffffff14;margin-bottom:.25rem;padding:.4rem .65rem .3rem;font-size:.6875rem;font-weight:700}.bulk-dropdown-item{color:#cbd5e1;cursor:pointer;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:6px;align-items:center;gap:.5rem;width:100%;padding:.5rem .65rem;font-size:.8125rem;font-weight:500;transition:all .12s;display:flex;overflow:hidden}.bulk-dropdown-item:hover{color:#fff;background:#ffffff1f}.bulk-dropdown-item.is-success{color:#34d399}.bulk-dropdown-item.is-warning{color:#fbbf24}.bulk-dropdown-item.is-muted{color:#94a3b8;font-style:italic}.bulk-dropdown-divider{background:#ffffff14;height:1px;margin:.25rem 0}.cat-table th.cat-col-checkbox,.cat-table td.cat-col-checkbox{text-align:center;width:44px;min-width:44px;max-width:44px;padding:.65rem .5rem}.cat-bulk-checkbox{appearance:auto;width:16px;height:16px;accent-color:var(--brand,#0f766e);cursor:pointer;vertical-align:middle;margin:0}.cat-table tbody tr.is-selected{background:color-mix(in srgb, var(--brand,#0f766e) 12%, var(--surface,#fff))!important}.cat-table tbody tr.is-selected:hover{background:color-mix(in srgb, var(--brand,#0f766e) 16%, var(--surface,#fff))!important}.cat-table tbody tr.is-archived{opacity:.6}@media (width<=640px){.bulk-bar{border-radius:16px;flex-wrap:wrap;justify-content:center;padding:.45rem}.bulk-selection-label,.bulk-action-btn span{display:none}.bulk-action-btn{padding:0 .55rem}}
