:root{--brand: #022966;--brand-hover: #0a3578;--brand-2: #034e9e;--brand-3: #0065c9;--brand-tint: #eaf0ff;--accent: #d1991f;--accent-hover: #be8812;--accent-light: #f3cf5a;--accent-dark: #8f5e0a;--accent-bg: #fff8e6;--accent-border: #f0d590;--whatsapp: #25d366;--success: #0a7a52;--success-bg: #eafbf4;--success-border: #c6f0dd;--green: #0ab47a;--danger: #b42318;--danger-bg: #feecec;--danger-border: #ffd0d0;--red: #e53935;--warning: #8a4b00;--warning-bg: #fff4e5;--warning-border: #ffd7a3;--info: #0369a1;--info-bg: #e0f2fe;--info-border: #bae6fd;--violet: #3730a3;--violet-bg: #e0e7ff;--violet-border: #c7d2fe;--text: var(--brand);--text-soft: #334155;--text-muted: #5f6f8a;--text-faint: #94a3b8;--on-brand: #ffffff;--on-accent: var(--brand);--bg: #eff3f8;--surface: #ffffff;--surface-2: #f1f5f9;--surface-3: #f8fafc;--border: #dde3ee;--border-strong: #cbd5e1;--brand-a08: rgba(2, 41, 102, .08);--brand-a12: rgba(2, 41, 102, .12);--brand-a25: rgba(2, 41, 102, .25);--brand-a50: rgba(2, 41, 102, .5);--brand-a70: rgba(2, 41, 102, .7);--accent-a15: rgba(209, 153, 31, .15);--accent-a30: rgba(209, 153, 31, .3);--accent-a45: rgba(209, 153, 31, .45);--white-a10: rgba(255, 255, 255, .1);--white-a18: rgba(255, 255, 255, .18);--black-a08: rgba(0, 0, 0, .08);--black-a30: rgba(0, 0, 0, .3);--whatsapp-a12: rgba(37, 211, 102, .12);--whatsapp-a20: rgba(37, 211, 102, .2);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 999px;--shadow-1: 0 2px 8px var(--brand-a08);--shadow-2: 0 4px 14px var(--brand-a12);--shadow-3: 0 12px 32px var(--brand-a25);--shadow-accent: 0 6px 14px var(--accent-a30);--ring: 0 0 0 3px var(--brand-a12);--ring-accent: 0 0 0 3px var(--accent-a30);--ring-danger: 0 0 0 3px var(--danger-border);--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-base: .875rem;--fs-md: .9375rem;--fs-lg: 1rem;--fs-xl: 1.125rem;--fs-2xl: 1.25rem;--fs-3xl: 1.5rem;--fs-4xl: 2rem;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-heavy: 800;--lh-tight: 1.2;--lh-base: 1.4;--lh-loose: 1.6;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--tap-min: 44px;--card-pad: 14px;--z-raised: 2;--z-sticky: 5;--z-sticky-bar: 10;--z-fab: 40;--z-dropdown: 100;--z-bar: 900;--z-float: 997;--z-nav: 999;--z-modal: 1000;--z-toast: 1200;--ease: cubic-bezier(.16, 1, .3, 1);--dur-fast: .15s;--dur: .2s;--dur-slow: .3s}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;touch-action:manipulation;transition:all var(--dur) var(--ease)}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.6;cursor:not-allowed}input,select,textarea{font-family:inherit}a,button{-webkit-tap-highlight-color:var(--brand-a12)}:focus-visible{outline:2px solid var(--brand-3);outline-offset:2px}.container{max-width:480px;margin:0 auto;padding:0 var(--space-4)}@media(min-width:768px){.container{max-width:720px}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{scrollbar-width:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--text-muted)}.tone-success{--tone-fg: var(--success);--tone-bg: var(--success-bg);--tone-border: var(--success-border)}.tone-danger{--tone-fg: var(--danger);--tone-bg: var(--danger-bg);--tone-border: var(--danger-border)}.tone-warning{--tone-fg: var(--warning);--tone-bg: var(--warning-bg);--tone-border: var(--warning-border)}.tone-info{--tone-fg: var(--info);--tone-bg: var(--info-bg);--tone-border: var(--info-border)}.tone-violet{--tone-fg: var(--violet);--tone-bg: var(--violet-bg);--tone-border: var(--violet-border)}.tone-accent{--tone-fg: var(--accent-dark);--tone-bg: var(--accent-bg);--tone-border: var(--accent-border)}.tone-brand{--tone-fg: var(--on-brand);--tone-bg: var(--brand);--tone-border: var(--brand)}.tone-neutral{--tone-fg: var(--text-soft);--tone-bg: var(--surface-2);--tone-border: var(--border)}.btn,.cta,.btn-primary,.btn-navy,.btn-secondary,.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap-min);padding:var(--space-3) 18px;border-radius:var(--radius-md);border:1.5px solid transparent;font:var(--fw-bold) 14px/var(--lh-tight) var(--font-sans);text-decoration:none;cursor:pointer;transition:all var(--dur) var(--ease)}.btn:active:not(:disabled),.cta:active:not(:disabled),.btn-primary:active:not(:disabled),.btn-navy:active:not(:disabled),.btn-secondary:active:not(:disabled),.btn-danger:active:not(:disabled){transform:scale(.97)}.btn,.btn-secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.btn:hover:not(:disabled),.btn-secondary:hover:not(:disabled){background:var(--bg);border-color:var(--brand)}.btn-secondary{font-weight:var(--fw-semibold);font-size:var(--fs-sm)}.cta,.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-accent)}.cta:hover:not(:disabled),.btn-primary:hover:not(:disabled){background:var(--accent-light);border-color:var(--accent-light);transform:translateY(-1px)}.cta:disabled,.btn-primary:disabled{box-shadow:none}.btn-navy{background:var(--brand);border-color:var(--brand);color:var(--on-brand);box-shadow:var(--shadow-2)}.btn-navy:hover:not(:disabled){background:var(--brand-hover);border-color:var(--brand-hover)}.btn-danger{background:var(--surface);border-color:var(--danger-border);color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger-bg);border-color:var(--danger)}.btn-link{background:none;border:0;padding:0;min-height:0;color:var(--accent-dark);font-family:var(--font-sans);font-weight:var(--fw-bold);font-size:inherit;text-decoration:underline;cursor:pointer;box-shadow:none}.btn-sm,.cta.small{padding:var(--space-2) 14px;font-size:var(--fs-sm);border-radius:var(--radius-sm)}.btn-xs{min-height:30px;padding:var(--space-1) 10px;font-size:var(--fs-xs);border-radius:var(--radius-sm)}.btn-block{display:flex;width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--card-pad)}.card[class*=tone-]{background:var(--tone-bg);border-color:var(--tone-border);color:var(--tone-fg)}.card-header{margin-bottom:var(--space-4)}.card-header h2,.card-header h3{margin:0 0 var(--space-1);font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--text)}.card-header .subtitle{margin:0;font-size:var(--fs-base);color:var(--text-muted)}.chip,.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 10px;border-radius:var(--radius-pill);border:1px solid var(--tone-border, var(--border));background:var(--tone-bg, var(--surface-2));color:var(--tone-fg, var(--text-soft));font:var(--fw-semibold) var(--fs-xs)/var(--lh-base) var(--font-sans);white-space:nowrap}.alert,.alert-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--tone-border, var(--info-border));background:var(--tone-bg, var(--info-bg));color:var(--tone-fg, var(--info));font:var(--fw-semibold) var(--fs-md)/var(--lh-base) var(--font-sans)}.alert.success,.alert-banner.success{--tone-fg: var(--success);--tone-bg: var(--success-bg);--tone-border: var(--success-border)}.alert.error,.alert-banner.error{--tone-fg: var(--danger);--tone-bg: var(--danger-bg);--tone-border: var(--danger-border)}.alert.warning,.alert-banner.warning{--tone-fg: var(--warning);--tone-bg: var(--warning-bg);--tone-border: var(--warning-border)}.alert.info,.alert-banner.info{--tone-fg: var(--info);--tone-bg: var(--info-bg);--tone-border: var(--info-border)}.alert>button:not([class]),.alert-banner>button:not([class]){background:none;border:0;color:inherit;font-size:var(--fs-lg);min-width:var(--tap-min);min-height:var(--tap-min)}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label,.form-group .label{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-soft)}.form-group .optional-label,.form-group .restriction-label{font-weight:var(--fw-medium);font-size:var(--fs-xs);color:var(--text-muted)}.form-group .hint-text,.form-group .hint{font-size:var(--fs-xs);color:var(--text-muted)}.form-group .field-error-hint{margin-top:2px;font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--danger)}.form-group.has-error input,.form-group.has-error select,.form-group.has-error textarea{border-color:var(--danger);background:var(--danger-bg);box-shadow:var(--ring-danger)}.input,.form-group input:not([type=checkbox]):not([type=radio]),.form-group select,.form-group textarea{width:100%;min-height:var(--tap-min);padding:11px 14px;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface-3);color:var(--text);font-size:var(--fs-lg);transition:border-color var(--dur),box-shadow var(--dur),background var(--dur)}.input:focus,.form-group input:not([type=checkbox]):not([type=radio]):focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);background:var(--surface);box-shadow:var(--ring-accent)}.input:disabled,.form-group input:not([type=checkbox]):not([type=radio]):disabled,.form-group select:disabled,.form-group textarea:disabled{background:var(--surface-2);color:var(--text-muted);cursor:not-allowed}.modal-backdrop{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--brand-a70);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card{width:100%;max-width:420px;max-height:92vh;overflow-y:auto;background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-3)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-3)}.close-btn{display:grid;place-items:center;min-width:var(--tap-min);min-height:var(--tap-min);border:0;border-radius:50%;background:transparent;color:var(--text-muted);font-size:var(--fs-xl)}.close-btn:hover{background:var(--surface-2);color:var(--text)}.tab-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap-min);padding:var(--space-2) var(--space-4);border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-muted);font:var(--fw-semibold) var(--fs-base) var(--font-sans);white-space:nowrap}.tab-btn:hover:not(:disabled):not(.active){color:var(--text);border-color:var(--brand)}.tab-btn.active{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.filter-chip{display:inline-flex;align-items:center;min-height:var(--tap-min);padding:0 var(--space-4);border:1.5px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--text);font:var(--fw-bold) var(--fs-sm) var(--font-sans);white-space:nowrap;transition:all var(--dur-fast) var(--ease)}.filter-chip:active{transform:scale(.96)}.filter-chip.on,.filter-chip.active{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:collapse;font-size:var(--fs-base)}.data-table th{padding:var(--space-3) 14px;background:var(--surface-2);color:var(--text-muted);font-weight:var(--fw-bold);text-align:left;border-bottom:2px solid var(--border)}.data-table td{padding:var(--space-3) 14px;border-bottom:1px solid var(--border);color:var(--text-soft);vertical-align:middle}.data-table tr:hover{background:var(--surface-3)}.data-table code{padding:2px 6px;border-radius:var(--radius-xs);background:var(--surface-2);color:var(--text);font-size:var(--fs-sm)}.empty-state,td.empty-state{padding:var(--space-8) var(--space-4);text-align:center;color:var(--text-muted);font-size:var(--fs-md)}.btn-tone{background:var(--tone-bg);border-color:var(--tone-border);color:var(--tone-fg)}.btn-tone:hover:not(:disabled){background:var(--tone-border);border-color:var(--tone-border)}.btn-hover-tone:hover:not(:disabled){background:var(--tone-bg);border-color:var(--tone-border);color:var(--tone-fg)}.tab-btn[class*=tone-]{color:var(--tone-fg);border-color:var(--tone-border)}.tab-btn[class*=tone-].active{background:var(--tone-fg);border-color:var(--tone-fg);color:var(--on-brand)}.toggle-switch{position:relative;display:inline-block;flex:0 0 auto;width:46px;height:26px}.toggle-switch input{position:absolute;opacity:0;width:0;height:0}.toggle-switch .toggle-track{position:absolute;inset:0;cursor:pointer;border-radius:var(--radius-pill);background:var(--border-strong);transition:background var(--dur-slow) var(--ease)}.toggle-switch .toggle-track:before{content:"";position:absolute;left:3px;bottom:3px;width:20px;height:20px;border-radius:50%;background:var(--surface);box-shadow:var(--shadow-1);transition:transform var(--dur-slow) var(--ease)}.toggle-switch input:checked+.toggle-track{background:var(--success)}.toggle-switch input:checked+.toggle-track:before{transform:translate(20px)}.toggle-switch input:focus-visible+.toggle-track{outline:2px solid var(--brand-3);outline-offset:2px}.btn-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap-min);padding:var(--space-3) 18px;border-radius:var(--radius-md);border:1.5px solid var(--whatsapp);background:var(--whatsapp);color:var(--on-brand);font:var(--fw-bold) 14px/var(--lh-tight) var(--font-sans);text-decoration:none;cursor:pointer;transition:all var(--dur) var(--ease)}.btn-whatsapp:hover:not(:disabled){filter:brightness(.95)}.alert-compact{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2px;padding:10px var(--space-3);font-size:var(--fs-xs);line-height:var(--lh-base)}.alert-link{display:inline-flex;align-items:center;min-height:var(--tap-min);color:inherit;font-weight:var(--fw-heavy);text-decoration:none}.card.card-dashed{border-style:dashed;border-color:var(--accent)}.icon-badge{display:grid;place-items:center;flex-shrink:0;width:var(--icon-size, 48px);height:var(--icon-size, 48px);border-radius:var(--icon-radius, 50%);border:2px solid var(--tone-border, var(--border));background:var(--tone-bg, var(--surface-2));color:var(--tone-fg, var(--text));font-size:var(--fs-2xl);font-weight:var(--fw-heavy)}.icon-badge.is-square{--icon-radius: var(--radius-md);border-width:1px}.option-row{--opt-border-on: var(--accent);--opt-bg-on: var(--accent-bg);display:flex;align-items:center;gap:var(--space-3);min-height:var(--tap-min);padding:var(--space-3);border:1.5px solid var(--opt-border, var(--border));border-radius:var(--radius-lg);background:var(--opt-bg, var(--surface));cursor:pointer;transition:all var(--dur) var(--ease)}.option-row:hover{border-color:var(--accent)}.option-row.on{border-color:var(--opt-border-on);background:var(--opt-bg-on)}.option-row.option-brand{--opt-border-on: var(--brand);--opt-bg-on: var(--brand-tint)}.option-icon{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:var(--radius-md);background:var(--surface-2);font-size:var(--fs-2xl)}.option-body{flex:1;min-width:0}.option-body b{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--text)}.option-body>small{display:block;font-size:var(--fs-xs);font-weight:var(--fw-medium);line-height:var(--lh-base);color:var(--text-muted)}.option-check{margin-left:auto;font-size:var(--fs-base);font-weight:var(--fw-bold);color:var(--text)}.input-group{display:flex;gap:var(--space-2)}.input-group .input-addon{display:inline-flex;align-items:center;min-height:var(--tap-min);padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-3);color:var(--text);font:var(--fw-bold) var(--fs-sm) var(--font-sans);white-space:nowrap}.input-group input{flex:1;min-width:0}.qty-stepper{display:flex;align-items:center;gap:6px}.qty-stepper button{min-width:var(--tap-min);min-height:var(--tap-min);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font:var(--fw-bold) var(--fs-xl) var(--font-sans)}.qty-stepper button.danger{color:var(--danger);border-color:var(--danger-border);font-size:var(--fs-lg)}.qty-stepper input{width:56px;min-height:var(--tap-min);padding:0;text-align:center;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font:var(--fw-bold) var(--fs-lg) var(--font-sans);-moz-appearance:textfield;appearance:textfield}.qty-stepper input::-webkit-outer-spin-button,.qty-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-stepper input:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring-accent)}.summary-row{display:flex;justify-content:space-between;gap:var(--space-3);padding:5px 0;font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--text-muted)}.summary-row b,.summary-row strong{color:var(--text)}.summary-row[class*=tone-],.summary-row[class*=tone-] b{color:var(--tone-fg)}.summary-total{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-2);padding-top:10px;border-top:1px dashed var(--border);font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--text-muted)}.summary-total b{font-size:var(--fs-md);font-weight:var(--fw-heavy);color:var(--text)}.action-bar{display:flex;gap:var(--space-3);box-sizing:border-box;padding:10px var(--space-4);background:var(--surface);border-top:1px solid var(--border);z-index:var(--z-sticky-bar)}.action-bar-sticky{position:sticky;bottom:var(--bottom-nav-h, 66px)}.action-bar-fixed{position:fixed;bottom:var(--bottom-nav-h, 66px);left:50%;transform:translate(-50%);width:100%;max-width:480px}.modal-backdrop.modal-sheet{align-items:flex-end;padding:0;animation:sheet-fade var(--dur-slow) ease-out}@media(min-width:600px){.modal-backdrop.modal-sheet{align-items:center;padding:var(--space-5)}}.modal-sheet>.modal-card{max-width:480px;max-height:92dvh;padding-bottom:env(safe-area-inset-bottom,0px);border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation:sheet-up var(--dur-slow) var(--ease)}@media(min-width:600px){.modal-sheet>.modal-card{border-radius:var(--radius-xl)}}@keyframes sheet-fade{0%{opacity:0}to{opacity:1}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.btn-icon{display:inline-grid;place-items:center;min-width:var(--tap-min);min-height:var(--tap-min);padding:0;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text);font-size:var(--fs-2xl);line-height:1;text-decoration:none;cursor:pointer}.btn-icon:hover{background:var(--bg)}.btn-icon.active{background:var(--accent-bg);border-color:var(--accent)}.switch-btn{position:relative;flex:0 0 auto;width:64px;height:var(--tap-min);padding:0;border:0;border-radius:var(--radius-pill);background:var(--border-strong);transition:background var(--dur)}.switch-btn .knob{position:absolute;top:6px;left:6px;width:32px;height:32px;border-radius:50%;background:var(--surface);box-shadow:var(--shadow-1);transition:transform var(--dur)}.switch-btn.on{background:var(--success)}.switch-btn.on .knob{transform:translate(20px)}.page-header{background:var(--surface);border-bottom:1px solid var(--border);padding:calc(6px + env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) 6px max(12px,env(safe-area-inset-left,0px))}.page-header.is-sticky{position:sticky;top:0;z-index:var(--z-sticky)}.page-header.is-roomy{padding:calc(12px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) 12px max(16px,env(safe-area-inset-left,0px))}.page-title{flex:1;min-width:0}.page-title b{display:block;font:var(--fw-heavy) var(--fs-base) var(--font-sans)}.page-title small{font:var(--fw-medium) var(--fs-xs) var(--font-sans);color:var(--text-muted)}.scroll-row{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity}.scroll-row::-webkit-scrollbar{display:none}.scroll-row>*{flex:0 0 auto;scroll-snap-align:start}.filter-chip.has-icon{gap:var(--space-2);padding:0 14px 0 var(--space-2)}.filter-chip .chip-icon{display:grid;place-items:center;flex:0 0 auto;width:26px;height:26px;border-radius:var(--radius-sm);font-size:var(--fs-base);font-style:normal}.filter-chip.on .chip-icon{background:var(--surface)!important;color:var(--text)!important}.filter-chip.accent.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.filter-chip[class*=tone-]{background:var(--tone-bg);border-color:var(--tone-border);color:var(--tone-fg)}.pcard{display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:box-shadow var(--dur),transform var(--dur);content-visibility:auto;contain-intrinsic-size:auto 240px}.pcard:active{transform:scale(.985)}@media(hover:hover){.pcard:hover{box-shadow:var(--shadow-2);transform:translateY(-1px)}}.pcard-img{position:relative;display:grid;place-items:center;height:108px;background:var(--surface-3)}.pcard-badge{position:absolute;top:var(--space-2);left:var(--space-2);z-index:1}.pcard-body{display:flex;flex-direction:column;flex:1;padding:10px}.pcard-body .badge{align-self:flex-start;max-width:100%;margin-top:var(--space-1);white-space:normal}.pcard-body>.btn-block{margin-top:auto}.pcard-title{margin:0;font:var(--fw-semibold) var(--fs-sm)/1.3 var(--font-sans)}.pcard-title a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;min-height:var(--tap-min);padding:5px 0}.pcard-ref{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--fw-medium) var(--fs-xs) var(--font-mono);color:var(--text-soft);letter-spacing:.2px}.pcard-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;margin:6px 0 var(--space-2)}.pcard-price b{font:var(--fw-heavy) var(--fs-md) var(--font-sans)}.pcard-price s{font:var(--fw-medium) var(--fs-xs) var(--font-sans);color:var(--text-muted)}.pcard.skeleton{pointer-events:none}.pcard.skeleton .pcard-img{background:var(--border)}.pcard.skeleton .pcard-body{display:grid;gap:var(--space-2)}.pcard.skeleton i{display:block;height:10px;border-radius:var(--radius-sm);background:var(--border);animation:skeleton-pulse 1.2s ease-in-out infinite}.pcard.skeleton i.short{width:55%}@keyframes skeleton-pulse{50%{opacity:.5}}.list-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;min-height:52px;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font:var(--fw-semibold) var(--fs-base) var(--font-sans);text-align:left;text-decoration:none;cursor:pointer}.list-item:hover:not(:disabled):not(.active){border-color:var(--brand)}.list-item.strong{font-weight:var(--fw-bold)}.list-item.danger{color:var(--danger);font-weight:var(--fw-bold)}.list-item.active{border-color:var(--accent);background:var(--accent-bg)}.list-item.flush{min-height:var(--tap-min);padding:0 12px;border-color:transparent;border-radius:var(--radius-sm);background:transparent}.list-item.flush:hover:not(:disabled):not(.active){border-color:transparent;background:var(--bg);color:var(--accent-dark)}.list-item.flush.active{background:var(--accent-bg);color:var(--accent-dark);font-weight:var(--fw-bold)}.popover{padding:6px;overflow-y:auto;overscroll-behavior:contain;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-3);z-index:var(--z-dropdown);animation:popover-in var(--dur-fast) ease-out}.popover-title{padding:6px 10px var(--space-1);font:var(--fw-bold) var(--fs-xs) var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}@keyframes popover-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.empty-state.boxed{display:grid;justify-items:center;gap:var(--space-2);margin:var(--space-3) var(--space-4);padding:18px 14px;border:1px dashed var(--tone-border, var(--border));border-radius:var(--radius-lg);background:var(--tone-bg, var(--surface));color:var(--tone-fg, var(--text-muted));font-size:var(--fs-sm);font-weight:var(--fw-medium)}.empty-state .empty-title{color:var(--tone-fg, var(--text));font-size:var(--fs-base);font-weight:var(--fw-bold)}.empty-state .empty-icon{display:block;margin-bottom:var(--space-2);font-size:var(--fs-4xl);line-height:1}.modal-body{padding:0 var(--space-5) var(--space-5)}.modal-title{display:flex;align-items:center;gap:var(--space-3)}.modal-title h2{line-height:var(--lh-tight);margin:0;font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--text)}.modal-title .subtitle{margin:2px 0 0;font-size:var(--fs-sm);line-height:1.35;color:var(--text-muted)}.modal-icon{font-size:var(--fs-4xl);line-height:1;padding:var(--space-2);border-radius:var(--radius-md);background:var(--surface-2)}.modal-header .close-btn{flex:0 0 auto}.modal-backdrop.modal-mobile{padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));animation:modal-fade var(--dur-slow) ease-out}.modal-backdrop.modal-mobile .modal-card{max-height:100%;overscroll-behavior:contain;animation:modal-rise var(--dur-slow) var(--ease)}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.form-group .label-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.segmented{display:flex;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-md);background:var(--surface-2)}.segmented .tab-btn{flex:1;min-width:0;border-color:transparent;border-radius:var(--radius-sm);background:transparent;white-space:normal;text-align:center}.segmented .tab-btn.active{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.toast{display:flex;align-items:center;gap:10px;padding:var(--space-3) var(--space-4);border-left:4px solid var(--accent);border-radius:var(--radius-md);background:var(--brand);color:var(--on-brand);font:var(--fw-semibold) var(--fs-base) var(--font-sans);box-shadow:var(--shadow-3);animation:toast-in .25s ease-out}.toast.success{border-left-color:var(--green)}.toast.error{border-left-color:var(--danger)}.toast.warning{background:var(--accent-dark)}.toast .close-btn{color:inherit}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.timeline{padding:14px var(--space-4)}.timeline .item{position:relative;display:flex;gap:var(--space-3);padding-bottom:14px}.timeline .line{position:absolute;left:11px;top:22px;bottom:-6px;width:2px;background:var(--border)}.timeline .dot{display:grid;place-items:center;flex:0 0 auto;width:24px;height:24px;border:2px solid var(--border);border-radius:50%;background:var(--surface);font-size:var(--fs-xs);z-index:1}.timeline .timeline-label{font:var(--fw-bold) var(--fs-base) var(--font-sans);color:var(--text-muted)}.timeline .timeline-date{font:var(--fw-medium) var(--fs-sm) var(--font-sans);color:var(--text-muted)}.timeline .item.done .line{background:var(--green)}.timeline .item.done .dot{background:var(--green);border-color:var(--green);color:var(--on-brand)}.timeline .item.done .timeline-label{color:var(--text)}.timeline .item.active .line{background:var(--accent)}.timeline .item.active .dot{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:var(--ring-accent)}.timeline .item.active .timeline-label{color:var(--accent-dark)}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-var.woff2) format("woff2-variations"),url(/fonts/inter-latin-var.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.app-shell:has(.page>.actions){--action-bar-h: 76px}