.app-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100vh;transition:grid-template-columns .22s;display:grid}.app-shell--sidebar-collapsed{grid-template-columns:var(--sidebar-width-collapsed) minmax(0, 1fr)}.sidebar{z-index:30;background:var(--color-sidebar);height:100vh;color:var(--color-sidebar-text);padding:var(--space-4) var(--space-3);gap:var(--space-5);flex-direction:column;transition:width .22s,padding .22s,transform .22s;display:flex;position:sticky;top:0;overflow:hidden}.sidebar__header{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:2.25rem;display:flex}.sidebar__brand{align-items:center;gap:var(--space-2);min-width:0;color:var(--color-primary-contrast);font-size:var(--font-size-lg);letter-spacing:.04em;font-weight:700;display:flex}.sidebar__brand-mark{border-radius:var(--radius-sm);background:var(--color-sidebar-active);width:2rem;height:2rem;font-size:var(--font-size-md);place-items:center;display:none}.sidebar__brand-text{white-space:nowrap;overflow:hidden}.sidebar__toggle,.topbar__menu-button{border-radius:var(--radius-sm);width:2.25rem;height:2.25rem;color:inherit;cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sidebar__toggle:hover,.topbar__menu-button:hover{background:var(--color-sidebar-active);color:var(--color-primary-contrast)}.topbar__menu-button{color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border)}.topbar__menu-button:hover{background:var(--color-surface-muted);color:var(--color-text)}.sidebar__toggle svg,.topbar__menu-button svg,.sidebar__link-icon svg{width:1.25rem;height:1.25rem;display:block}.sidebar__nav{gap:var(--space-1);flex-direction:column;display:flex}.sidebar__link{align-items:center;gap:var(--space-3);min-height:2.5rem;color:inherit;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);white-space:nowrap;text-decoration:none;display:flex}.sidebar__link-icon{width:1.25rem;height:1.25rem;color:var(--color-sidebar-muted);flex-shrink:0;display:inline-flex}.sidebar__link-label{text-overflow:ellipsis;overflow:hidden}.sidebar__link:hover,.sidebar__link--active{background:var(--color-sidebar-active);color:var(--color-primary-contrast)}.sidebar__link:hover .sidebar__link-icon,.sidebar__link--active .sidebar__link-icon{color:var(--color-primary-contrast)}.sidebar--collapsed{padding-inline:var(--space-2)}.sidebar--collapsed .sidebar__header{flex-direction:column;align-items:center}.sidebar--collapsed .sidebar__brand-text,.sidebar--collapsed .sidebar__link-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sidebar--collapsed .sidebar__brand-mark{display:grid}.sidebar--collapsed .sidebar__link{padding-inline:var(--space-2);justify-content:center}.sidebar-backdrop{display:none}.app-shell__main{flex-direction:column;min-width:0;display:flex}.topbar{min-height:var(--topbar-height);justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-6);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex}.topbar__leading{align-items:center;gap:var(--space-3);min-width:0;display:flex}.topbar__trailing{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.topbar__user{color:var(--color-text-muted);font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;max-width:12rem;overflow:hidden}.topbar__title{font-size:var(--font-size-lg)}.topbar__crumbs{gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.topbar__crumbs li:not(:last-child):after{content:"/";margin-left:var(--space-2)}.page-content{width:min(100%, var(--content-width));padding:var(--space-6)}@media (width<=768px){.app-shell{grid-template-columns:1fr}.sidebar{width:min(18rem,86vw);height:100vh;padding:var(--space-4);box-shadow:var(--shadow-md);position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.sidebar:not(.sidebar--mobile-open){pointer-events:none}.sidebar--mobile-open{transform:translate(0)}.sidebar__toggle{background:var(--color-sidebar-active)}.sidebar-backdrop{z-index:20;background:var(--color-overlay);cursor:pointer;border:0;display:block;position:fixed;inset:0}.topbar,.page-content{padding-left:var(--space-4);padding-right:var(--space-4)}}.alert{border:1px solid var(--color-info-border);border-radius:var(--radius-sm);background:var(--color-info-bg);color:var(--color-info);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm)}.alert--error{border-color:var(--color-danger-border);background:var(--color-danger-bg);color:var(--color-danger)}.badge{border-radius:var(--radius-sm);border:1px solid #0000;align-items:center;padding:.2rem .55rem;font-size:.75rem;font-weight:600;line-height:1.2;display:inline-flex}.badge--neutral{color:var(--color-text-muted);background:var(--color-surface-muted);border-color:var(--color-border)}.badge--primary,.badge--success{color:var(--color-success);background:var(--color-success-bg);border-color:var(--color-success-border)}.badge--warning{color:var(--color-warning);background:var(--color-warning-bg);border-color:var(--color-warning-border)}.badge--info{color:var(--color-info);background:var(--color-info-bg);border-color:var(--color-info-border)}.badge--danger{color:var(--color-danger);background:var(--color-danger-bg);border-color:var(--color-danger-border)}.button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;padding:.55rem .9rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.button:disabled{opacity:.6;cursor:not-allowed}.button--primary{background:var(--color-primary);color:var(--color-primary-contrast)}.button--primary:hover:not(:disabled){background:var(--color-primary-hover)}.button--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.button--secondary:hover:not(:disabled){background:var(--color-surface-muted)}.button--danger{background:var(--color-danger);color:var(--color-danger-contrast)}.button--danger:hover:not(:disabled){background:var(--color-danger-hover)}.button--block{width:100%}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-5)}.card__title{font-size:var(--font-size-lg);margin-bottom:var(--space-4)}.card__body>*+*{margin-top:var(--space-3)}.overlay{z-index:var(--z-overlay);position:fixed;inset:0}.overlay__backdrop{background:var(--color-overlay);cursor:pointer;border:0;margin:0;padding:0;animation:.16s ease-out overlay-fade-in;position:absolute;inset:0}.overlay__backdrop:disabled{cursor:default}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes overlay-rise-in{0%{opacity:0;transform:translateY(.5rem)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes overlay-slide-up{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.modal{padding:var(--space-4);place-items:center;display:grid}.modal__panel{z-index:1;width:min(100%, var(--modal-width-md));gap:var(--space-4);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);flex-direction:column;animation:.18s ease-out overlay-rise-in;display:flex;position:relative}.modal__panel--sm{width:min(100%, var(--modal-width-sm))}.modal__panel--md{width:min(100%, var(--modal-width-md))}.modal__panel--lg{width:min(100%, var(--modal-width-lg))}.modal__header{gap:var(--space-1);flex-direction:column;display:flex}.modal__title{font-size:var(--font-size-lg);margin:0;line-height:1.25}.modal__description{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0;line-height:1.45}.modal__actions{justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-1);flex-wrap:wrap;display:flex}.confirm-dialog__panel{gap:var(--space-4)}.confirm-dialog__icon{background:var(--color-primary-soft-12);width:2.5rem;height:2.5rem;color:var(--color-primary);border-radius:999px;place-items:center;font-size:1.15rem;font-weight:700;line-height:1;display:grid}.confirm-dialog__content{gap:var(--space-2);flex-direction:column;display:flex}.confirm-dialog__title{font-size:var(--font-size-lg);margin:0;line-height:1.25}.confirm-dialog__description{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0;line-height:1.45}.data-table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:100%;box-shadow:var(--shadow-sm);overflow:auto}.data-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.data-table th,.data-table td{border-bottom:1px solid var(--color-border);text-align:left;white-space:nowrap;padding:.75rem .9rem}.data-table th{background:var(--color-surface-muted);font-weight:600}.data-table tbody tr:last-child td{border-bottom:none}.data-table__num{text-align:right;font-variant-numeric:tabular-nums}.data-table__num--strong{font-weight:600}.data-table__num--pos{color:var(--color-primary)}.data-table__num--neg{color:var(--color-danger)}.data-table__actions{text-align:right;width:1%}.data-table__actions .button{font-size:var(--font-size-sm);padding:.35rem .7rem}.data-table__actions-group{justify-content:flex-end;align-items:center;gap:var(--space-2);display:inline-flex}.data-table__actions-slot{gap:var(--space-2);min-height:2rem;display:flex}.data-table__link{color:inherit;font-weight:600;text-decoration:none}.data-table__link:hover{color:var(--color-primary);text-decoration:underline}.empty-state{align-items:flex-start;gap:var(--space-2);padding:var(--space-5) 0 var(--space-2);flex-direction:column;display:flex}.empty-state__title{font-size:var(--font-size-md)}.empty-state__description{color:var(--color-text-muted);max-width:42rem}.field{gap:var(--space-2);flex-direction:column;display:flex}.field__label{font-size:var(--font-size-sm);font-weight:600}.field__input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;color:var(--color-text);padding:.55rem .75rem}.field__input[type=number]{appearance:textfield}.field__input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.field__input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.field__input:focus{outline:2px solid var(--color-primary);outline-offset:1px}.field__error{color:var(--color-danger);font-size:var(--font-size-sm);margin:0}.sheet{justify-content:center;align-items:flex-end;padding:0;display:flex}.sheet__panel{z-index:1;width:100%;max-width:var(--modal-width-lg);gap:var(--space-3);max-height:min(92dvh,40rem);padding:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md) var(--radius-md) 0 0;box-shadow:var(--shadow-md);flex-direction:column;animation:.2s ease-out overlay-slide-up;display:flex;position:relative}.sheet__header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.sheet__header-text{min-width:0}.sheet__title{font-size:var(--font-size-lg);margin:0;line-height:1.25}.sheet__description{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.45}.sheet__close{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted);width:2.75rem;height:2.75rem;color:var(--color-text);cursor:pointer;flex-shrink:0;place-items:center;font-size:1rem;line-height:1;display:inline-grid}.sheet__close:hover:not(:disabled){background:color-mix(in srgb, var(--color-surface-muted) 70%, white)}.sheet__close:disabled{opacity:.6;cursor:not-allowed}@media (width>=721px){.sheet{padding:var(--space-4);align-items:center}.sheet__panel{border-radius:var(--radius-md);max-height:min(80vh,36rem);animation-name:overlay-rise-in}}.auth-bootstrap{min-height:100vh;color:var(--color-text-muted);font-size:var(--font-size-sm);place-items:center;display:grid}.login-page{min-height:100vh;padding:var(--space-5);background:radial-gradient(circle at top left, #0f6e6b2e, transparent 42%), radial-gradient(circle at bottom right, #13202b1f, transparent 40%), var(--color-bg);place-items:center;display:grid}.login-page__panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:min(100%,24rem);box-shadow:var(--shadow-md);padding:var(--space-6)}.login-page__brand{text-align:center;margin-bottom:var(--space-5)}.login-page__mark{width:3rem;height:3rem;margin:0 auto var(--space-3);border-radius:var(--radius-sm);background:var(--color-sidebar);color:var(--color-primary-contrast);font-weight:700;font-size:var(--font-size-lg);place-items:center;display:grid}.login-page__title{font-size:var(--font-size-xl);letter-spacing:.04em}.login-page__subtitle{margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm)}.login-page__form{gap:var(--space-4);display:grid}.inventory-page{gap:var(--space-4);flex-direction:column;width:100%;display:flex}.inventory-page__header{justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.inventory-page__title{font-size:var(--font-size-lg);margin:0}.inventory-page__subtitle{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.inventory-page__toolbar{gap:var(--space-3);grid-template-columns:minmax(12rem,1.6fr) repeat(2,minmax(10rem,1fr));align-items:end;display:grid}.inventory-page__select-field{gap:var(--space-2);font-size:var(--font-size-sm);flex-direction:column;font-weight:600;display:flex}.inventory-page__status{color:var(--color-text-muted);margin:0}.inventory-table__adjust-controls{justify-content:flex-end;align-items:center;gap:var(--space-2);display:flex}.inventory-table__qty{text-align:right;width:5rem}.inventory-table__adjust-controls .button{font-size:var(--font-size-sm);padding:.35rem .7rem}.inventory-page__pagination{justify-content:flex-end;align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}.page-content:has(.inventory-page){width:100%}@media (width<=900px){.inventory-page__toolbar{grid-template-columns:1fr}}.create-customer-modal__form{gap:var(--space-3);flex-direction:column;display:flex}.product-picker__search .field__label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.product-picker__results{gap:var(--space-2);min-height:12rem;margin:0 calc(var(--space-4) * -1);padding:0 var(--space-4) var(--space-2);flex-direction:column;flex:1;display:flex;overflow:auto}.product-picker__status{padding:var(--space-5) var(--space-2);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.product-picker__option{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;min-height:3.25rem;padding:var(--space-3) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:inherit;text-align:left;cursor:pointer;display:flex}.product-picker__option:hover,.product-picker__option:focus-visible{border-color:color-mix(in srgb, var(--color-primary) 45%, var(--color-border));background:color-mix(in srgb, var(--color-primary) 6%, white);outline:none}.product-picker__option-main{flex-direction:column;align-items:flex-start;gap:.2rem;min-width:0;display:flex}.product-picker__option-name{font-size:var(--font-size-sm);font-weight:600;line-height:1.35}.product-picker__option-badge{background:0 0;border:0;padding:0;font-size:.75rem}.product-picker__option-price{font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-weight:700}.orders-page{gap:var(--space-4);flex-direction:column;width:100%;display:flex}.orders-page__header{justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.orders-page__title{font-size:var(--font-size-lg);margin:0}.orders-page__subtitle{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.orders-page__toolbar{gap:var(--space-3);grid-template-columns:minmax(12rem,22rem) minmax(10rem,14rem);align-items:end;display:grid}.orders-page__select-field{gap:var(--space-2);font-size:var(--font-size-sm);flex-direction:column;font-weight:600;display:flex}.orders-page__status{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.orders-page__pagination{justify-content:flex-end;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}.order-form{gap:var(--space-5);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.order-form__meta{gap:var(--space-4);grid-template-columns:minmax(12rem,16rem) minmax(16rem,1fr);align-items:end;display:grid}.order-form__lines-header{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.order-form__lines-header h3{font-size:var(--font-size-md);margin:0}.order-form__hint{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.order-form__lines--cards{gap:var(--space-3);flex-direction:column;display:flex}.order-form__lines--table{display:none}.order-form__empty{align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm);border:1px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);flex-direction:column;margin:0;display:flex}.order-form__empty p{margin:0}.order-form__table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:auto}.order-form__table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.order-form__table th,.order-form__table td{border-bottom:1px solid var(--color-border);text-align:left;vertical-align:middle;padding:.75rem .9rem}.order-form__table th{background:var(--color-surface-muted);white-space:nowrap;font-weight:600}.order-form__table tbody tr:last-child td{border-bottom:none}.order-form__num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.order-form__actions-col{text-align:right;white-space:nowrap;width:1%}.order-form__product{min-width:16rem}.order-form__product-btn{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:.15rem;padding:0;display:flex}.order-form__product-btn:hover .order-form__product-name,.order-form__product-btn:focus-visible .order-form__product-name{color:var(--color-primary)}.order-form__product-btn:focus-visible{outline:2px solid color-mix(in srgb, var(--color-primary) 45%, transparent);outline-offset:2px;border-radius:var(--radius-sm)}.order-form__product-name{font-weight:600;line-height:1.35}.order-form__product-change{color:var(--color-primary);font-size:.75rem;font-weight:600}.order-form__input{box-sizing:border-box;width:100%;min-width:0}.order-form__input--qty{text-align:right;width:5.5rem}.order-form__input--price{text-align:right;width:8rem}.order-line{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);flex-direction:column;display:flex}.order-line__top{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.order-line__product{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:flex-start;gap:.15rem;padding:0;display:flex}.order-line__product:hover .order-line__product-label,.order-line__product:focus-visible .order-line__product-label{color:var(--color-primary)}.order-line__product:focus-visible{outline:2px solid color-mix(in srgb, var(--color-primary) 45%, transparent);outline-offset:2px;border-radius:var(--radius-sm)}.order-line__product-label{font-size:var(--font-size-sm);font-weight:700;line-height:1.35}.order-line__product-action{color:var(--color-primary);font-size:.75rem;font-weight:600}.order-line__remove{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted);min-height:2.75rem;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;flex-shrink:0;padding:.4rem .75rem;font-weight:600}.order-line__remove:hover{color:var(--color-danger);border-color:var(--color-danger-border);background:var(--color-danger-bg)}.order-line__controls{gap:var(--space-3);grid-template-columns:1fr;display:grid}.order-line__field,.order-line__subtotal{gap:var(--space-2);flex-direction:column;display:flex}.order-line__label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.02em;font-size:.75rem;font-weight:600}.order-line__stepper{gap:var(--space-2);grid-template-columns:2.75rem minmax(3.5rem,1fr) 2.75rem;align-items:center;display:grid}.order-line__stepper-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted);width:2.75rem;height:2.75rem;color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none;place-items:center;font-size:1.25rem;font-weight:600;line-height:1;display:inline-grid}.order-line__stepper-btn:hover{background:color-mix(in srgb, var(--color-primary) 10%, white);border-color:color-mix(in srgb, var(--color-primary) 35%, var(--color-border))}.order-line__qty-input,.order-line__price-input{box-sizing:border-box;text-align:right;font-variant-numeric:tabular-nums;width:100%;min-width:0}.order-line__subtotal{padding-top:var(--space-2);border-top:1px solid var(--color-border)}.order-line__subtotal-value{font-size:var(--font-size-md);font-variant-numeric:tabular-nums;font-weight:700}.order-form__footer{z-index:2;gap:var(--space-3);margin:0 calc(var(--space-5) * -1) calc(var(--space-5) * -1);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 92%, white);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:0 0 var(--radius-md) var(--radius-md);flex-direction:column;display:flex;position:sticky;bottom:0}.order-form__summary{gap:var(--space-2);flex-direction:column;align-self:flex-end;min-width:12rem;display:flex}.order-form__footer .order-form__summary{align-self:stretch;min-width:0}.order-form__summary-row{justify-content:space-between;align-items:baseline;gap:var(--space-6);font-size:var(--font-size-sm);display:flex}.order-form__summary-row--total{font-size:var(--font-size-md);font-weight:700}.order-form__summary-value{font-variant-numeric:tabular-nums}.order-form__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.order-form__catalog-status{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.order-detail__header-actions{justify-content:flex-end;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.order-detail__meta{gap:var(--space-4);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));display:grid}.order-detail__meta-item{gap:var(--space-1);font-size:var(--font-size-sm);flex-direction:column;display:flex}.order-detail__meta-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.02em;font-size:.75rem;font-weight:600}.order-detail__meta-value{font-variant-numeric:tabular-nums;font-weight:700}.page-content:has(.orders-page){width:100%}@media (width<=720px){.orders-page__toolbar,.order-form__meta{grid-template-columns:1fr}.order-form{padding:var(--space-4)}.order-form__footer{margin:0 calc(var(--space-4) * -1) calc(var(--space-4) * -1);padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom,0px))}.order-form__actions{grid-template-columns:1fr;display:grid}.order-form__actions .button{justify-content:center;width:100%}}@media (width>=721px){.order-form__lines--cards{display:none}.order-form__lines--table{display:block}.order-form__footer{padding:var(--space-2) 0 0;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-radius:0;flex-direction:row;justify-content:space-between;align-items:center;margin:0;position:static}.order-form__summary{min-width:14rem}.order-form__actions{justify-content:flex-end}}.products-page{gap:var(--space-4);flex-direction:column;width:100%;display:flex}.products-page__header{justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.products-page__title{font-size:var(--font-size-lg);margin:0}.products-page__subtitle{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.products-page__toolbar{gap:var(--space-3);grid-template-columns:minmax(12rem,1.6fr) repeat(2,minmax(10rem,1fr));align-items:end;display:grid}.products-page__select-field{gap:var(--space-2);font-size:var(--font-size-sm);flex-direction:column;font-weight:600;display:flex}.products-page__status{color:var(--color-text-muted);margin:0}.products-page__pagination{justify-content:flex-end;align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}.product-form{gap:var(--space-5);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.product-form__mode{align-items:center;gap:var(--space-3);display:flex}.product-form__mode-label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:600}.product-form__mode-label--active{color:var(--color-text)}.product-form__switch{background:var(--color-border);cursor:pointer;border:0;border-radius:999px;flex:none;width:44px;height:24px;padding:0;position:relative}.product-form__switch:after{content:"";background:var(--color-surface);border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px}.product-form__switch[aria-checked=true]{background:var(--color-primary)}.product-form__switch[aria-checked=true]:after{transform:translate(20px)}.product-form__switch:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.product-form__simple{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.product-form__variants{gap:var(--space-3);flex-direction:column;display:flex}.product-form__variants-header{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.product-form__variants-header h3{font-size:var(--font-size-md);margin:0}.product-form__variant-list{gap:var(--space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.product-form__variant{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);flex-direction:column;display:flex}.product-form__variant-top{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.product-form__variant-label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:600}.product-form__variant-grid{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.product-form__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.page-content:has(.products-page){width:100%}@media (width<=900px){.products-page__toolbar{grid-template-columns:1fr}.product-form__variant-grid,.product-form__simple{grid-template-columns:1fr 1fr}}@media (width<=560px){.product-form__variant-grid,.product-form__simple{grid-template-columns:1fr}}.gdg-r17m35ur{background-color:var(--gdg-bg-header-has-focus);box-shadow:0 0 0 1px var(--gdg-border-color);color:var(--gdg-text-group-header);min-height:var(--r17m35ur-0);font:var(--gdg-header-font-style) var(--gdg-font-family);border:none;border-radius:9px;outline:none;flex-grow:1;padding:0 8px}.gdg-c1tqibwd{background-color:var(--gdg-bg-header);align-items:center;padding:0 8px;display:flex}.gdg-s1dgczr6 .dvn-scroller{overflow:var(--s1dgczr6-0);transform:translate(0,0)}.gdg-s1dgczr6 .dvn-hidden{visibility:hidden}.gdg-s1dgczr6 .dvn-scroll-inner{pointer-events:none;display:flex}.gdg-s1dgczr6 .dvn-scroll-inner>*{flex-shrink:0}.gdg-s1dgczr6 .dvn-scroll-inner .dvn-spacer{flex-grow:1}.gdg-s1dgczr6 .dvn-scroll-inner .dvn-stack{flex-direction:column;display:flex}.gdg-s1dgczr6 .dvn-underlay>*{position:absolute;top:0;left:0}.gdg-s1dgczr6 canvas{outline:none}.gdg-s1dgczr6 canvas *{height:0}.gdg-wmyidgi{min-width:10px;max-width:100%;min-height:10px;max-height:100%;width:var(--wmyidgi-0);height:var(--wmyidgi-1);direction:ltr;position:relative;overflow:clip}.gdg-wmyidgi>:first-child{width:100%;height:100%;position:absolute;top:0;left:0}.gdg-b1ygi5by{flex-wrap:wrap;margin-top:auto;margin-bottom:auto;display:flex;overflow:auto}.gdg-b1ygi5by .boe-bubble{border-radius:var(--gdg-rounding-radius,calc(var(--gdg-bubble-height) / 2));padding:0 var(--gdg-bubble-padding);height:var(--gdg-bubble-height);background-color:var(--gdg-bg-bubble);color:var(--gdg-text-dark);margin:var(--gdg-bubble-margin);white-space:nowrap;justify-content:center;align-items:center;display:flex}.gdg-b1ygi5by textarea{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.gdg-u1rrojo{flex-grow:1;align-items:center;min-height:21px;display:flex}.gdg-u1rrojo .gdg-link-area{cursor:pointer;text-overflow:ellipsis;white-space:nowrap;color:var(--gdg-link-color);flex-grow:1;flex-shrink:1;margin-right:8px;overflow:hidden;text-decoration:underline!important}.gdg-u1rrojo .gdg-edit-icon{width:32px;color:var(--gdg-accent-color);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:flex}.gdg-u1rrojo .gdg-edit-icon>*{width:24px;height:24px}.gdg-u1rrojo textarea{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.gdg-m1pnx84e{min-width:var(--m1pnx84e-0);width:100%;color:var(--gdg-text-dark);justify-content:space-between;align-items:flex-start;display:flex;position:relative}.gdg-m1pnx84e .gdg-g1y0xocz{flex-shrink:1;min-width:0}.gdg-m1pnx84e .gdg-spacer{flex:1}.gdg-m1pnx84e .gdg-edit-icon{cursor:pointer;color:var(--gdg-accent-color);width:24px;height:24px;transition:all "0.125s ease";border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.gdg-m1pnx84e .gdg-edit-icon>*{width:16px;height:16px}.gdg-m1pnx84e .gdg-edit-hover :hover{background-color:var(--gdg-accent-light);transition:background-color .15s}.gdg-m1pnx84e .gdg-checkmark-hover :hover{color:#fff;background-color:var(--gdg-accent-color)}.gdg-m1pnx84e .gdg-md-edit-textarea{opacity:0;width:0;height:0;margin-top:25px;padding:0;position:relative;top:0;left:0}.gdg-m1pnx84e .gdg-ml-6{margin-left:6px}.gdg-d4zsq0x{flex-wrap:wrap;display:flex}.gdg-d4zsq0x .doe-bubble{background-color:var(--gdg-bg-cell);height:24px;color:var(--gdg-text-dark);border-radius:var(--gdg-rounding-radius,6px);justify-content:center;align-items:center;margin:2px;padding:0 8px;display:flex;box-shadow:0 0 1px #3e415666,0 1px 3px #3e415666}.gdg-d4zsq0x .doe-bubble img{object-fit:contain;height:16px;margin-right:4px}.gdg-d4zsq0x textarea{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.gdg-i2iowwq{height:100%;display:flex}.gdg-i2iowwq .gdg-centering-container{justify-content:center;align-items:center;height:100%;display:flex}.gdg-i2iowwq .gdg-centering-container img,.gdg-i2iowwq .gdg-centering-container canvas{max-height:calc(100vh - var(--overlay-top) - 20px);object-fit:contain;-webkit-user-select:none;user-select:none}.gdg-i2iowwq .gdg-centering-container canvas{max-width:380px}.gdg-i2iowwq .gdg-edit-icon{width:48px;height:48px;color:var(--gdg-accent-color);cursor:pointer;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:0}.gdg-i2iowwq .gdg-edit-icon>*{width:24px;height:24px}.gdg-i2iowwq textarea{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.gdg-n15fjm3e{color:var(--gdg-text-dark);margin:6px 0 3px;display:flex}.gdg-n15fjm3e>input{font-size:var(--gdg-editor-font-size);font-family:var(--gdg-font-family);color:var(--gdg-text-dark);background-color:var(--gdg-bg-cell);padding:0}.gdg-d19meir1{box-sizing:border-box;--overlay-top:var(--d19meir1-0);left:var(--d19meir1-1);top:var(--d19meir1-0);min-width:var(--d19meir1-2);min-height:var(--d19meir1-3);width:max-content;max-width:400px;max-height:calc(100vh - var(--d19meir1-4));font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);text-align:start;flex-direction:column;display:flex;position:absolute;overflow:hidden}@keyframes glide_fade_in-gdg-d19meir1{0%{opacity:0}to{opacity:1}}.gdg-d19meir1.gdg-style{background-color:var(--gdg-bg-cell);box-shadow:0 0 0 1px var(--gdg-accent-color),0px 0px 1px #3e415666,0px 6px 12px #3e415626;border-radius:2px;animation:60ms glide_fade_in-gdg-d19meir1}.gdg-d19meir1.gdg-pad{padding:var(--d19meir1-5) 8.5px 3px}.gdg-d19meir1 .gdg-clip-region{border-radius:2px;flex-direction:column;flex-grow:1;display:flex;overflow:hidden auto}.gdg-d19meir1 .gdg-clip-region .gdg-growing-entry{height:100%}.gdg-d19meir1 .gdg-clip-region input.gdg-input{border:0;outline:none;width:100%}.gdg-d19meir1 .gdg-clip-region textarea.gdg-input{border:0;outline:none}.gdg-seveqep{background-color:var(--gdg-bg-cell);color:var(--gdg-text-dark);border:1px solid var(--gdg-border-color);font-size:var(--gdg-editor-font-size);border-radius:6px;padding:8px;animation:.15s forwards gdg-search-fadein-gdg-seveqep;position:absolute;top:4px;right:20px}.gdg-seveqep.out{animation:.15s forwards gdg-search-fadeout-gdg-seveqep}.gdg-seveqep .gdg-search-bar-inner{display:flex}.gdg-seveqep .gdg-search-status{padding-top:4px;font-size:11px}.gdg-seveqep .gdg-search-progress{background-color:var(--gdg-text-light);height:4px;position:absolute;bottom:0;left:0}.gdg-seveqep input{width:220px;color:var(--gdg-text-dark);background-color:var(--gdg-bg-cell);border:0;outline:none}.gdg-seveqep button{cursor:pointer;width:24px;height:24px;color:var(--gdg-text-medium);background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;display:flex}.gdg-seveqep button:hover{color:var(--gdg-text-dark)}.gdg-seveqep button .button-icon{width:16px;height:16px}.gdg-seveqep button:disabled{opacity:.4;pointer-events:none}@keyframes gdg-search-fadeout-gdg-seveqep{0%{transform:translate(0)}to{transform:translate(400px)}}@keyframes gdg-search-fadein-gdg-seveqep{0%{transform:translate(400px)}to{transform:translate(0)}}.gdg-mnuv029{word-break:break-word;-webkit-touch-callout:default;padding-top:6px}.gdg-mnuv029>*{margin:0}.gdg-mnuv029 :last-child{margin-bottom:0}.gdg-mnuv029 p img{width:100%}.gdg-izpuzkl{resize:none;white-space:pre-wrap;width:100%;min-width:100%;height:100%;font-size:var(--gdg-editor-font-size);line-height:16px;font-family:var(--gdg-font-family);-webkit-text-fill-color:var(--gdg-text-dark);color:var(--gdg-text-dark);background-color:#0000;border:0;border-radius:0;margin:0;padding:0;position:absolute;inset:0;overflow:hidden}.gdg-invalid .gdg-izpuzkl{-webkit-text-decoration:underline #d60606;text-decoration:underline #d60606}.gdg-izpuzkl ::-webkit-input-placeholder{color:var(--gdg-text-light)}.gdg-izpuzkl ::placeholder{color:var(--gdg-text-light)}.gdg-izpuzkl :-ms-placeholder-shown{color:var(--gdg-text-light)}.gdg-izpuzkl ::placeholder{color:var(--gdg-text-light)}.gdg-s69h75o{visibility:hidden;white-space:pre-wrap;word-wrap:break-word;width:max-content;min-width:100%;max-width:100%;font-size:var(--gdg-editor-font-size);line-height:16px;font-family:var(--gdg-font-family);color:var(--gdg-text-dark);margin:0;padding:0 0 2px}.gdg-g1y0xocz{margin-top:6px;position:relative}.products-grid-page{gap:var(--space-4);width:100%;max-width:1600px;min-height:calc(100vh - var(--topbar-height) - var(--space-6) * 2);flex-direction:column;display:flex}.products-grid-page__header{justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.products-grid-page__title{font-size:var(--font-size-lg);margin:0}.products-grid-page__subtitle{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.products-grid-page__status{color:var(--color-text-muted);margin:0}.products-grid-page__rates{gap:var(--space-3);display:flex}.products-grid-page__rate{gap:var(--space-1);min-width:8.5rem;color:var(--color-text-muted);font-size:var(--font-size-sm);flex-direction:column;font-weight:600;display:flex}.products-grid-page__rate input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;color:var(--color-text);font:inherit;font-size:var(--font-size-md);padding:.4rem .65rem;font-weight:600}.products-grid-page__rate input:focus{outline:2px solid var(--color-primary);outline-offset:1px}.products-grid-page__rate input:disabled{opacity:.7}.products-grid-page__grid{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);height:min(70vh,720px);min-height:480px;box-shadow:var(--shadow-sm);flex:auto;position:relative;overflow:hidden}.page-content:has(.products-grid-page){width:min(100%,1600px)}.dashboard-page{gap:var(--space-4);flex-direction:column;width:100%;display:flex}.dashboard-page__header{justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.dashboard-page__title{font-size:var(--font-size-lg);margin:0}.dashboard-page__subtitle{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.dashboard-page__status{color:var(--color-text-muted);margin:0}.dashboard-page__cards{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.dashboard-card__value{letter-spacing:-.03em;margin:0;font-size:2.25rem;font-weight:700;line-height:1}.dashboard-card__hint{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.dashboard-card__link{font-size:var(--font-size-sm);color:var(--color-primary);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.dashboard-card__link:hover{text-decoration:underline}@media (width<=700px){.dashboard-page__cards{grid-template-columns:1fr}}.page-content:has(.ui-kit){width:min(100%,72rem)}.ui-kit{gap:var(--space-6);flex-direction:column;width:100%;display:flex}.ui-kit__hero{gap:var(--space-5);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 10%, var(--color-surface)), var(--color-surface) 48%, color-mix(in srgb, var(--color-sidebar) 6%, var(--color-surface)));box-shadow:var(--shadow-sm);display:grid}.ui-kit__eyebrow{color:var(--color-primary);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700}.ui-kit__hero-title{margin:var(--space-2) 0 0;letter-spacing:-.02em;font-size:clamp(1.75rem,2vw + 1rem,2.25rem);line-height:1.15}.ui-kit__hero-lead{margin:var(--space-3) 0 0;max-width:38rem;color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.55}.ui-kit__hero-stats{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ui-kit__stat{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-surface) 88%, white);flex-direction:column;gap:.15rem;display:flex}.ui-kit__stat-value{font-size:var(--font-size-lg);font-variant-numeric:tabular-nums;font-weight:700;line-height:1.1}.ui-kit__stat-label{color:var(--color-text-muted);font-size:.75rem}.ui-kit__layout{gap:var(--space-5);grid-template-columns:11.5rem minmax(0,1fr);align-items:start;display:grid}.ui-kit__toc{top:var(--space-4);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);position:sticky}.ui-kit__toc-title{margin:0 0 var(--space-3);color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:700}.ui-kit__toc-list{flex-direction:column;gap:.2rem;margin:0;padding:0;list-style:none;display:flex}.ui-kit__toc-list a{border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--font-size-sm);padding:.35rem .5rem;text-decoration:none;display:block}.ui-kit__toc-list a:hover{background:var(--color-surface-muted);color:var(--color-text)}.ui-kit__content{gap:var(--space-7);flex-direction:column;min-width:0;display:flex}.ui-kit__section{scroll-margin-top:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.ui-kit__section-header{gap:var(--space-2);flex-direction:column;max-width:40rem;display:flex}.ui-kit__section-title{font-size:var(--font-size-xl);letter-spacing:-.02em;margin:0;line-height:1.2}.ui-kit__section-copy{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0;line-height:1.55}.ui-kit__principles{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ui-kit__principle{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.ui-kit__principle h3{margin:0 0 var(--space-2);font-size:var(--font-size-sm)}.ui-kit__principle p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0;line-height:1.5}.ui-kit__canvas{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);overflow:hidden}.ui-kit__canvas-meta{justify-content:space-between;align-items:baseline;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface-muted);flex-wrap:wrap;display:flex}.ui-kit__canvas-label{font-size:var(--font-size-sm);font-weight:700}.ui-kit__canvas-note{color:var(--color-text-muted);font-size:.75rem}.ui-kit__canvas-body{padding:var(--space-5)}.ui-kit__canvas--flush .ui-kit__canvas-body{padding:0}.ui-kit__row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.ui-kit__row--wrap{gap:var(--space-2) var(--space-3)}.ui-kit__stack{gap:var(--space-3);flex-direction:column;display:flex}.ui-kit__block-demo{gap:var(--space-3);flex-direction:column;max-width:18rem;display:flex}.ui-kit__fields,.ui-kit__card-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ui-kit__metric{font-variant-numeric:tabular-nums;letter-spacing:-.03em;margin:0;font-size:2rem;font-weight:700;line-height:1.1}.ui-kit__muted{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.ui-kit__color-groups{gap:var(--space-5);flex-direction:column;display:flex}.ui-kit__group-title{margin:0 0 var(--space-3);font-size:var(--font-size-sm)}.ui-kit__swatch-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ui-kit__swatch{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.ui-kit__swatch-chip{border:1px solid var(--color-border);border-radius:var(--radius-sm);height:3.25rem;box-shadow:inset 0 0 0 1px #ffffff59}.ui-kit__code{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,Cascadia Code,Segoe UI Mono,monospace;font-size:.7rem;display:block;overflow:hidden}.ui-kit__type-stack{gap:var(--space-3);flex-direction:column;display:flex}.ui-kit__type{font-family:var(--font-sans);margin:0}.ui-kit__type--xl{font-size:var(--font-size-xl);letter-spacing:-.02em;font-weight:700}.ui-kit__type--lg{font-size:var(--font-size-lg);font-weight:700}.ui-kit__type--md{font-size:var(--font-size-md)}.ui-kit__type--sm{font-size:var(--font-size-sm);color:var(--color-text-muted)}.ui-kit__type--muted{font-size:var(--font-size-sm);color:var(--color-text-faint)}.ui-kit__foundation-grid{gap:var(--space-4);grid-template-columns:1.2fr 1fr;display:grid}.ui-kit__space-list{gap:var(--space-2);flex-direction:column;display:flex}.ui-kit__space-row{align-items:center;gap:var(--space-3);grid-template-columns:5.5rem minmax(0,1fr);display:grid}.ui-kit__space-bar{background:var(--color-primary);border-radius:999px;min-width:.25rem;height:.65rem}.ui-kit__shape-row{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ui-kit__shape{border:1px solid var(--color-border);background:var(--color-surface-muted);min-height:5.5rem;color:var(--color-text-muted);text-align:center;place-items:center;font-size:.75rem;font-weight:600;display:grid}.ui-kit__shape--sm{border-radius:var(--radius-sm)}.ui-kit__shape--md{border-radius:var(--radius-md)}.ui-kit__shape--shadow{border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-md)}.ui-kit__overlay-notes{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ui-kit__overlay-notes article{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.ui-kit__overlay-notes h3{margin:0 0 var(--space-2);font-size:var(--font-size-sm)}.ui-kit__overlay-notes p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0;line-height:1.5}.ui-kit__sheet-list{gap:var(--space-2);flex-direction:column;display:flex}.ui-kit__sheet-item{width:100%;min-height:3rem;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:inherit;font:inherit;text-align:left;cursor:pointer;font-weight:600}.ui-kit__sheet-item:hover,.ui-kit__sheet-item:focus-visible{border-color:color-mix(in srgb, var(--color-primary) 45%, var(--color-border));background:color-mix(in srgb, var(--color-primary) 6%, white);outline:none}.ui-kit__stock-empty{color:var(--color-danger);font-weight:700}@media (width<=900px){.ui-kit__layout{grid-template-columns:1fr}.ui-kit__toc{position:static}.ui-kit__toc-list{gap:var(--space-1);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ui-kit__principles,.ui-kit__overlay-notes,.ui-kit__foundation-grid,.ui-kit__card-grid,.ui-kit__fields,.ui-kit__swatch-grid,.ui-kit__hero-stats,.ui-kit__shape-row{grid-template-columns:1fr}}@media (width<=640px){.ui-kit__hero{padding:var(--space-4)}.ui-kit__toc-list{grid-template-columns:1fr}}:root{--color-bg:#f3f1ec;--color-surface:#fffcf7;--color-surface-muted:#efece4;--color-surface-soft:#f7f4ee;--color-surface-hover:#e6e1d6;--color-surface-editable:#fff;--color-surface-readonly:#f0ebe3;--color-text:#1c2430;--color-text-muted:#5c6775;--color-text-faint:#8a94a3;--color-border:#ddd6c8;--color-border-soft:#ddd6c8e6;--color-border-softer:#ddd6c8b3;--color-primary:#0f6e6b;--color-primary-hover:#0c5856;--color-primary-contrast:#fffcf7;--color-primary-soft-12:#0f6e6b1f;--color-primary-soft-16:#0f6e6b29;--color-primary-soft-18:#0f6e6b2e;--color-primary-soft-40:#0f6e6b66;--color-danger:#9f2d2d;--color-danger-hover:#842424;--color-danger-contrast:#fff;--color-danger-bg:#f8e8e6;--color-danger-border:#e4b8b4;--color-danger-soft-14:#9f2d2d24;--color-warning:#8a5a00;--color-warning-bg:#f7efd9;--color-warning-border:#e6d4a4;--color-info:#1d4e89;--color-info-bg:#e7f0f8;--color-info-border:#b9d0e6;--color-success:#0f6e6b;--color-success-bg:#0f6e6b1f;--color-success-border:#0f6e6b47;--color-sidebar:#13202b;--color-sidebar-text:#d5dee8;--color-sidebar-muted:#8ea0b3;--color-sidebar-active:#1e3446;--color-overlay:#13202b73;--font-sans:"Segoe UI", system-ui, sans-serif;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--radius-sm:6px;--radius-md:12px;--shadow-sm:0 1px 2px #13202b0f;--shadow-md:0 8px 24px #13202b14;--sidebar-width:240px;--sidebar-width-collapsed:72px;--topbar-height:60px;--content-width:960px;--z-overlay:1000;--modal-width-sm:24rem;--modal-width-md:26rem;--modal-width-lg:32rem}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-sans);font-size:var(--font-size-md);color:var(--color-text);background:var(--color-bg);margin:0;line-height:1.5}h1,h2,h3,p{margin:0}button,input,select{font:inherit}a{color:var(--color-primary)}