.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-body);font-weight:600;border:none;border-radius:var(--radius-md);line-height:1;white-space:nowrap;transition:var(--transition);text-decoration:none}.ui-btn:disabled,.ui-btn[aria-disabled=true]{background:var(--color-border);color:var(--color-gray);cursor:not-allowed;pointer-events:none}.ui-btn--sm{font-size:var(--text-sm);padding:8px 14px}.ui-btn--md{font-size:var(--text-base);padding:11px 20px}.ui-btn--lg{font-size:15px;padding:14px 24px}.ui-btn--block{width:100%}.ui-btn--primary{background:var(--color-orange);color:#fff}.ui-btn--primary:hover{background:var(--color-orange-dark);transform:translateY(-1px);box-shadow:var(--shadow-fab)}.ui-btn--secondary{background:var(--color-teal);color:#fff}.ui-btn--secondary:hover{background:var(--color-teal-dark);transform:translateY(-1px)}.ui-btn--ghost{background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-border)}.ui-btn--ghost:hover{border-color:var(--color-teal);background:var(--color-teal-light);color:var(--color-teal-dark)}.ui-btn--danger{background:var(--color-danger-bg);color:var(--color-danger)}.ui-btn--danger:hover{background:var(--color-danger);color:#fff}.ui-fab{width:56px;height:56px;border-radius:16px;background:var(--color-orange);color:#fff;display:grid;place-items:center;font-size:24px;font-weight:600;border:none;cursor:pointer;box-shadow:var(--shadow-fab);transition:var(--transition)}.ui-fab:hover{transform:scale(1.06)}.ui-fab:active{transform:scale(.96)}.ui-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.ui-badge:before{content:"";width:6px;height:6px;border-radius:50%}.ui-badge--success{background:var(--color-success-bg);color:var(--color-success-txt)}.ui-badge--success:before{background:var(--color-success)}.ui-badge--warning{background:var(--color-warning-bg);color:var(--color-warning-txt)}.ui-badge--warning:before{background:var(--color-warning)}.ui-badge--danger{background:var(--color-danger-bg);color:var(--color-danger)}.ui-badge--danger:before{background:var(--color-danger)}.ui-badge--info{background:var(--color-teal-light);color:var(--color-teal-dark)}.ui-badge--info:before{background:var(--color-teal)}.ui-badge--neutral{background:var(--color-surface);color:var(--color-ink-soft);border:1px solid var(--color-border)}.ui-badge--neutral:before{background:var(--color-gray)}.ui-online-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ui-online-pill:before{content:"";width:8px;height:8px;border-radius:50%}.ui-online-pill--online{background:#fff3;color:#fff}.ui-online-pill--online:before{background:var(--color-lime);animation:pulse-dot 2s ease-out infinite}.ui-online-pill--offline{background:var(--color-warning-bg);color:var(--color-warning-txt)}.ui-online-pill--offline:before{background:var(--color-warning)}.ui-online-pill--solid.ui-online-pill--online{background:var(--color-success-bg);color:var(--color-success-txt)}.ui-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.ui-stat{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);transition:var(--transition)}.ui-stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.ui-stat__icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:18px;margin-bottom:var(--space-3)}.ui-stat__icon--orange{background:#feebc8;color:var(--color-orange-dark)}.ui-stat__icon--teal{background:var(--color-teal-light);color:var(--color-teal-dark)}.ui-stat__icon--lime{background:#f1f5c7;color:#65730e}.ui-stat__icon--coral{background:var(--color-danger-bg);color:var(--color-coral)}.ui-stat__label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-gray)}.ui-stat__value{font-family:var(--font-display);font-size:28px;font-weight:800;line-height:1;margin-top:4px}.ui-stat__delta{font-size:var(--text-sm);font-weight:600;margin-top:6px;color:var(--color-success)}.ui-hero{background:linear-gradient(135deg,var(--color-ink) 0%,#2C3E55 100%);color:#fff;border-radius:var(--radius-2xl);padding:var(--space-5);position:relative;overflow:hidden}.ui-hero:after{content:"";position:absolute;right:-24px;bottom:-24px;width:120px;height:120px;border-radius:50%;background:var(--color-orange);opacity:.15}.ui-hero__label{font-size:11px;text-transform:uppercase;letter-spacing:.07em;opacity:.65;margin-bottom:6px}.ui-hero__amount{font-family:var(--font-display);font-size:32px;font-weight:800;line-height:1}.ui-hero__sub{font-size:var(--text-sm);opacity:.75;margin-top:8px}.ui-hero__tag{display:inline-block;background:#ffffff26;padding:6px 12px;border-radius:10px;font-size:11px;font-weight:700;margin-top:var(--space-3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ui-list{display:flex;flex-direction:column}.ui-list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-divider);text-align:left}.ui-list-item:last-child{border-bottom:none}.ui-list-item__icon{width:40px;height:40px;border-radius:12px;background:var(--color-cream);display:grid;place-items:center;font-size:16px;flex-shrink:0;overflow:hidden}.ui-list-item__icon img{width:100%;height:100%;object-fit:cover}.ui-list-item__body{flex:1;min-width:0}.ui-list-item__name{font-weight:600;font-size:var(--text-base);color:var(--color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-list-item__meta{font-size:11px;color:var(--color-gray);margin-top:2px}.ui-list-item__right{text-align:right;flex-shrink:0}.ui-list-item__amount{font-family:var(--font-display);font-weight:700;font-size:var(--text-base)}button.ui-list-item,a.ui-list-item{width:100%;background:transparent;border:none;border-bottom:1px solid var(--color-divider);cursor:pointer;font:inherit;color:inherit;transition:background .12s}button.ui-list-item:hover,a.ui-list-item:hover{background:var(--color-surface)}.ui-field-group{display:flex;flex-direction:column;gap:6px}.ui-field-group label{font-size:var(--text-sm);font-weight:600;color:var(--color-ink-soft)}.ui-field{width:100%;padding:12px 14px;border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--font-body);color:var(--color-ink);background:#fff;outline:none;transition:var(--transition)}.ui-field:focus{border-color:var(--color-teal);box-shadow:0 0 0 3px #4db6ac26}.ui-field::placeholder{color:var(--color-gray)}.ui-field--error{border-color:var(--color-danger)}.ui-field--error:focus{box-shadow:0 0 0 3px #dc26261f}.ui-field-hint{font-size:11px;color:var(--color-gray)}.ui-field-hint--error{color:var(--color-danger)}.ui-search{position:relative}.ui-search .ui-field{padding-left:40px}.ui-search__icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--color-gray);pointer-events:none}.ui-alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base);display:flex;align-items:flex-start;gap:var(--space-2);line-height:1.4}.ui-alert--success{background:var(--color-success-bg);color:var(--color-success-txt)}.ui-alert--warning{background:var(--color-warning-bg);color:var(--color-warning-txt)}.ui-alert--danger{background:var(--color-danger-bg);color:var(--color-danger)}.ui-alert--info{background:var(--color-teal-light);color:var(--color-teal-dark)}.ui-empty{text-align:center;padding:var(--space-10) var(--space-5);color:var(--color-ink-soft)}.ui-empty__icon{width:64px;height:64px;margin:0 auto var(--space-3);background:var(--color-cream);border-radius:var(--radius-lg);display:grid;place-items:center;font-size:28px}.ui-empty__title{font-family:var(--font-display);font-weight:700;font-size:var(--text-md);color:var(--color-ink);margin-bottom:4px}.ui-empty__desc{font-size:var(--text-sm)}.login-page{min-height:100vh;background:linear-gradient(160deg,var(--color-teal-dark) 0%,var(--color-teal) 60%,var(--color-cream) 100%);display:flex;align-items:center;justify-content:center;padding:var(--space-6) var(--space-5)}.login-card{width:100%;max-width:380px;background:#fff;border-radius:var(--radius-2xl);padding:var(--space-8) var(--space-6);box-shadow:var(--shadow-lg);text-align:center}.login-card__logo{width:64px;height:64px;margin:0 auto var(--space-4);background:linear-gradient(135deg,var(--color-teal),var(--color-teal-dark));border-radius:18px;display:grid;place-items:center;font-size:32px;color:#fff;box-shadow:0 8px 24px #2e8b8359}.login-card__brand{font-family:var(--font-display);font-weight:800;font-size:var(--text-2xl);color:var(--color-ink);letter-spacing:-.01em}.login-card__tag{font-size:var(--text-sm);color:var(--color-ink-soft);margin-top:4px;margin-bottom:var(--space-6)}.login-card__hint{margin-top:var(--space-5);padding:var(--space-3);background:var(--color-cream);border-radius:var(--radius-md);font-size:11px;color:var(--color-ink-soft);font-family:var(--font-mono)}.dash-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.dash-section-title{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);color:var(--color-ink);margin:var(--space-6) 0 var(--space-3);display:flex;align-items:center;justify-content:space-between}.dash-section-title .link{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-teal-dark);font-weight:600}.dash-quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.dash-action{background:var(--color-cream);border:none;border-radius:var(--radius-lg);padding:var(--space-4);text-align:left;cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;gap:6px;color:var(--color-ink);text-decoration:none}.dash-action:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);text-decoration:none}.dash-action__icon{font-size:22px}.dash-action__label{font-weight:700;font-size:var(--text-base)}.dash-action__desc{font-size:11px;color:var(--color-ink-soft)}.list-page__search{margin-bottom:var(--space-4)}.list-page__filters{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);overflow-x:auto;padding-bottom:4px}.chip{padding:6px 14px;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:#fff;font-size:var(--text-sm);font-weight:600;color:var(--color-ink-soft);cursor:pointer;white-space:nowrap;transition:var(--transition)}.chip--active{background:var(--color-teal);border-color:var(--color-teal);color:#fff}.product-card{display:flex;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:#fff;border:1px solid var(--color-border);margin-bottom:var(--space-3);cursor:pointer;transition:var(--transition)}.product-card:hover{border-color:var(--color-teal);transform:translateY(-1px)}.product-card__img{width:64px;height:64px;border-radius:var(--radius-md);background:var(--color-cream);display:grid;place-items:center;font-size:26px;flex-shrink:0;overflow:hidden}.product-card__img img{width:100%;height:100%;object-fit:cover}.product-card__body{flex:1;min-width:0}.product-card__name{font-weight:600;font-size:var(--text-base);color:var(--color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-card__meta{font-size:11px;color:var(--color-gray);margin-top:2px}.product-card__price{font-family:var(--font-display);font-weight:700;font-size:var(--text-md);color:var(--color-ink);margin-top:6px}.np-step-title{font-family:var(--font-display);font-weight:700;font-size:var(--text-md);color:var(--color-ink);margin:var(--space-5) 0 var(--space-3)}.np-cart-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-divider)}.np-cart-item__name{flex:1;font-weight:600;font-size:var(--text-base);min-width:0}.np-cart-item__name small{display:block;font-weight:400;font-size:11px;color:var(--color-gray);margin-top:2px}.np-qty{display:flex;align-items:center;gap:var(--space-2)}.np-qty__btn{width:28px;height:28px;border-radius:8px;background:var(--color-surface);border:1px solid var(--color-border);font-weight:700;font-size:14px;color:var(--color-ink);cursor:pointer;display:grid;place-items:center}.np-qty__btn:hover{background:var(--color-teal-light);border-color:var(--color-teal)}.np-qty__val{min-width:24px;text-align:center;font-weight:700;font-family:var(--font-display)}.np-summary{background:var(--color-cream);border-radius:var(--radius-lg);padding:var(--space-4);margin-top:var(--space-5)}.np-summary__row{display:flex;justify-content:space-between;font-size:var(--text-base);color:var(--color-ink-soft);padding:4px 0}.np-summary__total{display:flex;justify-content:space-between;font-family:var(--font-display);font-weight:800;font-size:var(--text-lg);color:var(--color-ink);margin-top:8px;padding-top:10px;border-top:1px solid rgba(0,0,0,.08)}.np-sticky-cta{position:sticky;bottom:var(--space-4);margin-top:var(--space-6);z-index:5}.fila-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.fila-tab{flex:1;padding:10px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:#fff;font-weight:600;font-size:var(--text-sm);color:var(--color-ink-soft);cursor:pointer;transition:var(--transition)}.fila-tab--active{background:var(--color-teal-dark);border-color:var(--color-teal-dark);color:#fff}.fila-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3)}.fila-card__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.fila-card__id{font-family:var(--font-mono);font-size:11px;color:var(--color-gray)}.fila-card__total{font-family:var(--font-display);font-weight:800;font-size:var(--text-lg)}.fila-card__items{font-size:var(--text-sm);color:var(--color-ink-soft);margin-top:6px}.fila-card__error{margin-top:var(--space-2);padding:8px 10px;background:var(--color-danger-bg);color:var(--color-danger);border-radius:var(--radius-sm);font-size:11px}.settings-status{background:var(--color-cream);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:4px}.settings-status__label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-soft)}.settings-status__value{font-family:var(--font-display);font-weight:800;font-size:var(--text-2xl);color:var(--color-ink);line-height:1.1}.settings-label{display:block;font-size:var(--text-sm);font-weight:700;color:var(--color-ink);margin-bottom:var(--space-2)}.settings-driver-toggle{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}@media (max-width: 640px){.settings-driver-toggle{grid-template-columns:1fr}}.settings-driver-opt{border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:var(--transition);display:flex;align-items:flex-start;gap:var(--space-3);background:#fff}.settings-driver-opt:hover{border-color:var(--color-teal)}.settings-driver-opt input[type=radio]{margin-top:4px;accent-color:var(--color-teal-dark)}.settings-driver-opt.is-active{border-color:var(--color-teal-dark);background:var(--color-cream);box-shadow:0 0 0 4px #2e8b8314}.settings-driver-opt__title{font-weight:700;font-size:var(--text-base);color:var(--color-ink);display:flex;align-items:center;gap:var(--space-2)}.settings-driver-opt__sub{font-size:var(--text-sm);color:var(--color-ink-soft);margin-top:2px}.settings-hint{margin-top:var(--space-2);font-size:11px;color:var(--color-ink-soft);line-height:1.4}.settings-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.m-header{background:linear-gradient(135deg,var(--color-teal) 0%,var(--color-teal-dark) 100%);color:#fff;padding:var(--space-5) var(--space-5) calc(var(--space-6) + 28px);position:relative;border-bottom-left-radius:28px;border-bottom-right-radius:28px}.m-header__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.m-header__greet{display:flex;align-items:center;gap:var(--space-3);min-width:0}.m-header__avatar{width:44px;height:44px;border-radius:50%;background:#fff3;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:var(--text-md);color:#fff;flex-shrink:0;border:2px solid rgba(255,255,255,.3)}.m-header__hello{font-size:11px;text-transform:uppercase;letter-spacing:.07em;opacity:.85;line-height:1}.m-header__name{font-family:var(--font-display);font-weight:700;font-size:var(--text-md);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50vw}.m-header__icon-btn{width:38px;height:38px;border-radius:12px;background:#ffffff2e;color:#fff;border:none;display:grid;place-items:center;font-size:16px;cursor:pointer;transition:var(--transition)}.m-header__icon-btn:hover{background:#ffffff47}.m-header__bottom{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-4)}.m-header__title{font-family:var(--font-display);font-weight:800;font-size:var(--text-2xl);line-height:1.1}.m-header__subtitle{font-size:var(--text-sm);opacity:.8;margin-top:2px}@media (max-width: 1023.98px){.pull-up{margin-top:-28px;background:var(--color-white);border-top-left-radius:28px;border-top-right-radius:28px;min-height:calc(100vh - var(--header-height));padding:var(--space-6) var(--space-5) var(--space-8);position:relative;z-index:1}}.bnav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--color-border);padding:10px 0 calc(10px + env(safe-area-inset-bottom,0px));z-index:50;box-shadow:0 -4px 16px #0000000a}.bnav__inner{max-width:var(--content-max-w);margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;padding:0 var(--space-3);position:relative}.bnav__item{background:none;border:none;padding:6px 0 4px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:600;color:var(--color-gray);cursor:pointer;text-decoration:none;transition:color .15s;-webkit-tap-highlight-color:transparent}.bnav__item:hover{color:var(--color-teal-dark);text-decoration:none}.bnav__item--active{color:var(--color-teal-dark)}.bnav__item--active .bnav__icon{transform:scale(1.1)}.bnav__icon{font-size:20px;line-height:1;transition:transform .18s}.bnav__fab-wrap{display:flex;justify-content:center;align-items:flex-end;margin-top:-28px}.global-loader{position:fixed;top:0;left:0;right:0;z-index:60;background:var(--color-teal-dark);color:#fff;padding:8px 16px 6px;font-size:var(--text-sm)}.global-loader__row{display:flex;align-items:center;gap:var(--space-2);max-width:var(--content-max-w);margin:0 auto}.global-loader__bar{height:3px;background:#ffffff40;border-radius:2px;overflow:hidden;margin-top:6px;max-width:var(--content-max-w);margin-left:auto;margin-right:auto}.global-loader__fill{height:100%;background:var(--color-lime);transition:width .2s}.global-loader__fill--indeterminate{width:30%!important;animation:indeterminate 1.4s ease-in-out infinite}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(400%)}}.offline-banner{background:var(--color-warning-bg);color:var(--color-warning-txt);padding:10px var(--space-5);font-size:var(--text-sm);font-weight:600;text-align:center;border-bottom:1px solid #FCD34D}.sync-toast{position:fixed;bottom:calc(var(--bottom-nav-h) + 16px);left:50%;transform:translate(-50%);background:var(--color-ink);color:#fff;padding:10px 18px;border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:600;box-shadow:var(--shadow-lg);z-index:55;max-width:calc(var(--content-max-w) - 32px);text-align:center}.d-shell,.d-sidebar,.d-topbar{display:none}@media (min-width: 1024px){body{background:var(--color-bg)}.app{padding-bottom:0!important;display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh;background:var(--color-bg)}.app .app-content{max-width:none!important;width:100%;margin:0!important;grid-column:2;background:var(--color-bg);min-height:100vh;padding-bottom:0!important;display:flex;flex-direction:column}.m-header,.bnav{display:none!important}.app .pull-up{border-radius:0!important;background:transparent!important;padding:var(--space-8) var(--space-8) var(--space-12);min-height:0;flex:1;width:100%;max-width:1280px;margin:0 auto!important}.d-sidebar{display:flex;flex-direction:column;background:linear-gradient(180deg,var(--color-teal-dark) 0%,#1F5B57 100%);color:#fff;padding:var(--space-6) var(--space-4);position:sticky;top:0;height:100vh;z-index:10;box-shadow:2px 0 12px #0000000f}.d-sidebar__brand{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-3) var(--space-6);border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:var(--space-5)}.d-sidebar__logo{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--color-orange) 0%,var(--color-orange-dark) 100%);display:grid;place-items:center;font-size:22px;box-shadow:0 4px 10px #f08c3a59}.d-sidebar__name{font-family:var(--font-display);font-weight:800;font-size:var(--text-lg);line-height:1.05;color:#fff}.d-sidebar__tag{font-size:10px;opacity:.65;margin-top:3px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.d-sidebar__nav{display:flex;flex-direction:column;gap:4px;flex:1}.d-sidebar__item{display:flex;align-items:center;gap:var(--space-3);padding:11px var(--space-3);border-radius:10px;color:#ffffffc7;font-weight:600;font-size:var(--text-base);text-decoration:none;transition:var(--transition);border:none;background:transparent;cursor:pointer;text-align:left;width:100%}.d-sidebar__item:hover{background:#ffffff14;color:#fff;text-decoration:none}.d-sidebar__item--active{background:#ffffff2e;color:#fff;box-shadow:inset 3px 0 0 var(--color-lime)}.d-sidebar__icon{font-size:18px;line-height:1;width:20px;text-align:center}.d-sidebar__cta{margin-top:var(--space-4)}.d-sidebar__divider{height:1px;background:#ffffff1f;margin:var(--space-3) var(--space-3)}.d-sidebar__user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:12px;background:#00000038;margin-top:var(--space-4)}.d-sidebar__avatar{width:38px;height:38px;border-radius:50%;background:var(--color-orange);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;color:#fff;flex-shrink:0;font-size:var(--text-sm)}.d-sidebar__user-info{flex:1;min-width:0}.d-sidebar__user-name{font-weight:700;font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.d-sidebar__user-mail{font-size:11px;opacity:.65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.d-sidebar__logout{background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:#ffffffe6;border-radius:8px;padding:6px 10px;font-size:11px;font-weight:600;cursor:pointer;transition:var(--transition)}.d-sidebar__logout:hover{background:#ffffff2e;color:#fff}.d-topbar{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:var(--space-5) var(--space-8);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:5;width:100%;box-shadow:0 1px #00000005}.d-topbar__title{font-family:var(--font-display);font-weight:800;font-size:var(--text-2xl);color:var(--color-ink);line-height:1.1}.d-topbar__sub{font-size:var(--text-sm);color:var(--color-ink-soft);margin-top:4px}.d-topbar__right{display:flex;align-items:center;gap:var(--space-3)}.dash-stats,.dash-quick-actions{grid-template-columns:repeat(4,1fr)!important;gap:var(--space-4)!important}.dash-stats .stat-card{padding:var(--space-5)}.dash-stats .stat-card__value{font-size:var(--text-3xl)}.hero-card{padding:var(--space-8) var(--space-8);border-radius:var(--radius-2xl)}.hero-card__amount{font-size:var(--text-4xl)}.dash-section-title{font-size:var(--text-xl);margin-top:var(--space-8)}.product-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;gap:var(--space-4)!important}.clientes-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.np-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:var(--space-6);align-items:start}.np-cart-sticky{position:sticky;top:calc(72px + var(--space-4))}.fila-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.global-loader{left:260px!important}.global-loader__row,.global-loader__bar{max-width:none!important;margin-left:0!important;margin-right:0!important}.offline-banner{padding:10px var(--space-8);text-align:left}.sync-toast{bottom:var(--space-6)!important;left:auto!important;right:var(--space-6)!important;transform:none!important;max-width:360px!important}.field input,.field textarea,.field select,.search-field input,.btn{font-size:var(--text-base)}.card{padding:var(--space-6)}}@media (min-width: 1440px){.app{grid-template-columns:280px minmax(0,1fr)}.global-loader{left:280px!important}.app .pull-up,.d-topbar{padding-left:var(--space-10);padding-right:var(--space-10)}}:root{--color-teal: #4DB6AC;--color-teal-dark: #2E8B83;--color-teal-light: #CCFBF1;--color-orange: #F08C3A;--color-orange-dark: #E0741F;--color-orange-glow: rgba(240, 140, 58, .35);--color-coral: #E84C3D;--color-lime: #C9DB4F;--color-cream: #F8F1E4;--color-cream-soft: #FAF6EC;--color-ink: #1F2937;--color-ink-soft: #4B5563;--color-gray: #94A3B8;--color-border: #E5E7EB;--color-divider: #F1F5F9;--color-surface: #F8FAFC;--color-bg: #F4F5F7;--color-white: #FFFFFF;--color-success: #16A34A;--color-success-bg: #DCFCE7;--color-success-txt: #166534;--color-warning: #F59E0B;--color-warning-bg: #FEF3C7;--color-warning-txt: #92400E;--color-danger: #DC2626;--color-danger-bg: #FEE2E2;--font-display: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-xs: 10px;--text-sm: 12px;--text-base: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 36px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-pill: 999px;--shadow-sm: 0 2px 6px rgba(0, 0, 0, .04);--shadow-md: 0 4px 14px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .12);--shadow-fab: 0 6px 16px var(--color-orange-glow);--header-height: 140px;--bottom-nav-h: 78px;--content-max-w: 480px;--transition: all .18s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.5;color:var(--color-ink);background:var(--color-bg);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}a{color:var(--color-teal-dark);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.app{min-height:100vh;background:var(--color-bg);position:relative}@media (max-width: 1023.98px){.app{padding-bottom:var(--bottom-nav-h)}.app-content{max-width:var(--content-max-w);margin:0 auto;background:var(--color-white);min-height:100vh;padding-bottom:var(--bottom-nav-h)}}.container{padding:0 var(--space-5)}.page-body{padding:var(--space-5)}.flex{display:flex}.flex-col{flex-direction:column}.items-c{align-items:center}.items-s{align-items:flex-start}.justify-b{justify-content:space-between}.justify-c{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-ink{color:var(--color-ink)}.text-soft{color:var(--color-ink-soft)}.text-gray{color:var(--color-gray)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-orange{color:var(--color-orange-dark)}.text-teal{color:var(--color-teal-dark)}.font-600{font-weight:600}.font-700{font-weight:700}.font-800{font-weight:800}.uppercase{text-transform:uppercase;letter-spacing:.06em}@keyframes pulse-dot{0%,to{box-shadow:0 0 #c9db4f80}50%{box-shadow:0 0 0 6px #c9db4f00}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:16px;height:16px;border:2px solid var(--color-border);border-top-color:var(--color-teal);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px;border-radius:4px}.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}@supports (padding: env(safe-area-inset-top)){.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}}