:root{--pad:12px;--muted:#666;--pineda-blue-950:#000f5f;--pineda-blue-900:#001884;--pineda-blue-800:#0623a8;--pineda-blue-700:#1237c4;--pineda-blue-100:#dbe7ff;--pineda-blue-50:#eef4ff;--pineda-orange-700:#cc4b00;--pineda-orange-600:#e85d00;--pineda-orange-500:#fc6800;--pineda-orange-100:#ffe0cc;--pineda-orange-50:#fff3ea;--app-brand:var(--pineda-blue-900);--app-brand-soft:var(--pineda-blue-50);--app-brand-border:var(--pineda-blue-100);--app-primary:var(--pineda-orange-500);--app-primary-hover:var(--pineda-orange-600);--app-primary-active:var(--pineda-orange-700);--app-primary-soft:var(--pineda-orange-50);--app-primary-border:var(--pineda-orange-100);--app-success:#067647;--app-success-soft:#ecfdf3;--app-success-border:#abefc6;--app-danger:#b42318;--app-danger-soft:#fff1f0;--app-danger-border:#f5c6be;--app-warning:#8a5a00;--app-warning-soft:#fff7d6;--app-warning-border:#f4c430;--app-warning-border-soft:#f6d675;--app-bg:#f6f8fa;--app-surface:#ffffff;--app-surface-muted:#f8fafc;--app-text:#172033;--app-text-muted:#64748b;--app-border:#e2e8f0;--app-focus-ring:0 0 0 3px rgba(252,104,0,.22);--app-radius-sm:6px;--app-radius-md:8px;--app-radius-lg:12px;--app-shadow-sm:0 1px 3px 0 rgba(15,23,42,.1),0 1px 2px 0 rgba(15,23,42,.06);--app-shadow-md:0 8px 24px rgba(15,23,42,.12)}*{box-sizing:border-box}body{font-family:system-ui,Segoe UI,Roboto,Arial,sans-serif;margin:0;background:var(--app-bg);color:var(--app-text)}.header{display:flex;gap:12px;align-items:center;padding:var(--pad);background:var(--app-surface);border-bottom:1px solid var(--app-border);position:sticky;top:0;z-index:1}.container{padding:var(--pad);max-width:1200px;margin:auto}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.card{background:var(--app-surface);border:1px solid var(--app-border);border-radius:10px;padding:var(--pad)}.muted{color:var(--muted)}.grid{display:grid;gap:12px;grid-template-columns:2fr 1fr}.list{display:grid;gap:10px}.pill{font-size:12px;border:1px solid #ddd;padding:2px 8px;border-radius:999px;background:#fafafa;cursor:pointer}.badge{background:#eef6ff;color:#0b6;padding:2px 6px;border-radius:6px;font-size:12px}.paginator{display:flex;gap:6px;align-items:center;justify-content:center;padding:10px}a{color:var(--app-brand);text-decoration:none}.app-btn{align-items:center;border:1px solid transparent;border-radius:var(--app-radius-md);cursor:pointer;display:inline-flex;font:inherit;font-weight:800;gap:.4rem;justify-content:center;min-height:36px;padding:.5rem .85rem;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}.app-btn:hover{transform:translateY(-1px)}.app-btn:focus-visible{box-shadow:var(--app-focus-ring);outline:none}.app-btn:disabled{cursor:not-allowed;opacity:.62;transform:none}.app-btn-primary{background:var(--app-primary-active);border-color:var(--app-primary-active);color:#fff}.app-btn-primary:hover:not(:disabled){background:#b54300;border-color:#b54300}.app-btn-secondary{background:var(--app-surface);border-color:var(--app-primary-border);color:var(--app-primary-active)}.app-btn-secondary:hover:not(:disabled){background:var(--app-primary-soft);border-color:var(--app-primary)}.app-chip-active{background:var(--app-primary-soft);border:1px solid var(--app-primary-border);color:var(--app-primary-active)}.app-card{background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--app-radius-md);box-shadow:var(--app-shadow-sm);padding:var(--pad)}.pos-page{--app-panel-bg:var(--pos-surface,var(--app-surface));--app-panel-border:var(--pos-border,var(--app-border));--app-section-header-border:var(--pos-brand-border,var(--app-brand-border));--app-action-btn-bg:var(--pos-surface,var(--app-surface));--app-action-btn-border:var(--pos-brand-border,var(--app-brand-border));--app-action-btn-color:var(--pos-brand,var(--app-brand));--app-action-btn-hover-bg:var(--pos-brand-soft,var(--app-brand-soft));--app-action-btn-hover-border:var(--pos-brand,var(--app-brand));--app-empty-state-bg:linear-gradient(180deg, rgba(238, 244, 255, .78), rgba(255, 255, 255, .92)),var(--pos-surface,var(--app-surface));--app-empty-state-border:var(--pos-brand-border,var(--app-brand-border));--app-empty-state-color:var(--pos-text-muted,var(--app-text-muted));--app-empty-state-min-height:140px;--app-message-max-width:1360px}.cashier-page{--app-panel-bg:var(--cashier-surface,var(--app-surface));--app-panel-border:var(--cashier-border,var(--app-border));--app-section-header-border:var(--cashier-brand-border,var(--app-brand-border));--app-action-btn-bg:var(--cashier-surface,var(--app-surface));--app-action-btn-border:var(--cashier-brand-border,var(--app-brand-border));--app-action-btn-color:var(--cashier-brand,var(--app-brand));--app-action-btn-hover-bg:var(--cashier-brand-soft,var(--app-brand-soft));--app-action-btn-hover-border:var(--cashier-brand,var(--app-brand));--app-empty-state-bg:linear-gradient(180deg, rgba(238, 244, 255, .78), rgba(255, 255, 255, .92)),var(--cashier-surface,var(--app-surface));--app-empty-state-border:var(--cashier-brand-border,var(--app-brand-border));--app-empty-state-color:var(--cashier-text-muted,var(--app-text-muted));--app-empty-state-min-height:118px;--app-message-max-width:1360px;--app-metric-bg:var(--cashier-surface-muted,var(--app-surface-muted));--app-metric-border:var(--cashier-border,var(--app-border))}.delivery-page{--app-panel-bg:var(--delivery-surface,var(--app-surface));--app-panel-border:var(--delivery-border,var(--app-border));--app-section-header-border:var(--delivery-brand-border,var(--app-brand-border));--app-section-header-margin:14px;--app-action-btn-bg:var(--delivery-surface,var(--app-surface));--app-action-btn-border:var(--delivery-brand-border,var(--app-brand-border));--app-action-btn-color:var(--delivery-brand,var(--app-brand));--app-action-btn-hover-bg:var(--delivery-brand-soft,var(--app-brand-soft));--app-action-btn-hover-border:var(--delivery-brand,var(--app-brand));--app-action-btn-min-height:42px;--app-empty-state-bg:linear-gradient(180deg, rgba(238, 244, 255, .78), rgba(255, 255, 255, .92)),var(--delivery-surface,var(--app-surface));--app-empty-state-border:var(--delivery-brand-border,var(--app-brand-border));--app-empty-state-color:var(--delivery-text-muted,var(--app-text-muted));--app-empty-state-min-height:112px;--app-message-danger-color:var(--delivery-danger,var(--app-danger));--app-message-max-width:1440px;--app-metric-bg:var(--delivery-surface,var(--app-surface));--app-metric-border:var(--delivery-brand-border,var(--app-brand-border));--app-metric-radius:var(--app-radius-md);--app-metric-label-size:.85rem;--app-metric-padding:11px 12px}app-payment-modal{--app-panel-bg:var(--pay-surface,var(--app-surface));--app-panel-border:var(--pay-brand-border,var(--app-brand-border));--app-panel-shadow:0 24px 52px rgba(0, 24, 132, .18);--app-panel-padding:20px;--app-section-header-border:var(--pay-brand-border,var(--app-brand-border));--app-section-header-gap:16px;--app-action-btn-bg:var(--pay-surface,var(--app-surface));--app-action-btn-border:var(--pay-brand-border,var(--app-brand-border));--app-action-btn-color:var(--pay-brand,var(--app-brand));--app-action-btn-hover-bg:var(--pay-brand-soft,var(--app-brand-soft));--app-action-btn-hover-border:var(--pay-brand,var(--app-brand));--app-action-btn-hover-shadow:none;--app-action-btn-min-height:44px;--app-message-margin:0 0 12px;--app-message-max-width:none;--app-message-padding:10px 12px;--app-metric-bg:var(--pay-surface,var(--app-surface));--app-metric-border:var(--pay-border,var(--app-border));--app-metric-gap:4px;--app-metric-label-weight:800}app-cart-side-panel{--app-action-btn-bg:var(--cart-surface,var(--app-surface));--app-action-btn-border:var(--cart-brand-border,var(--app-brand-border));--app-action-btn-color:var(--cart-brand,var(--app-brand));--app-action-btn-hover-bg:var(--cart-brand-soft,var(--app-brand-soft));--app-action-btn-hover-border:var(--cart-brand,var(--app-brand));--app-empty-state-bg:linear-gradient(180deg, rgba(238, 244, 255, .76), rgba(255, 255, 255, .9)),var(--cart-surface,var(--app-surface));--app-empty-state-border:var(--cart-brand-border,var(--app-brand-border));--app-empty-state-color:var(--cart-text-muted,var(--app-text-muted));--app-empty-state-padding:24px;--app-message-margin:12px 18px 0;--app-message-max-width:none;--app-message-padding:10px 12px}app-receipt-preview{--app-panel-bg:var(--receipt-surface,var(--app-surface));--app-panel-border:var(--receipt-brand-border,var(--app-brand-border));--app-action-btn-bg:var(--receipt-surface,var(--app-surface));--app-action-btn-border:var(--receipt-brand-border,var(--app-brand-border));--app-action-btn-color:var(--receipt-brand,var(--app-brand));--app-action-btn-hover-bg:var(--receipt-brand-soft,var(--app-brand-soft));--app-action-btn-hover-border:var(--receipt-brand,var(--app-brand));--app-action-btn-min-height:44px}.app-panel,.pos-page .panel,.cashier-page .panel,.delivery-page .panel,app-payment-modal .modal,app-receipt-preview .receipt-shell{background:var(--app-panel-bg,var(--app-surface));border:1px solid var(--app-panel-border,var(--app-border));border-radius:var(--app-radius-md);box-shadow:var(--app-panel-shadow,var(--app-shadow-sm));min-width:0;padding:var(--app-panel-padding,18px)}.app-section-header,.pos-page .panel-header,.cashier-page .panel-header,.delivery-page .panel-header,app-payment-modal .modal-header{align-items:flex-start;border-bottom:1px solid var(--app-section-header-border,var(--app-brand-border));display:flex;gap:var(--app-section-header-gap,12px);justify-content:space-between;margin-bottom:var(--app-section-header-margin,16px);padding-bottom:var(--app-section-header-padding,14px)}.app-action-btn,:where(.pos-page .btn,.cashier-page .btn,.delivery-page .btn,app-payment-modal .btn,app-cart-side-panel .btn,app-receipt-preview .btn){align-items:center;background:var(--app-action-btn-bg,var(--app-surface));border:1px solid var(--app-action-btn-border,var(--app-brand-border));border-radius:var(--app-radius-md);color:var(--app-action-btn-color,var(--app-brand));cursor:pointer;display:inline-flex;font:inherit;font-weight:800;gap:.4rem;justify-content:center;min-height:var(--app-action-btn-min-height,40px);padding:var(--app-action-btn-padding,8px 12px);text-decoration:none;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}.app-action-btn:hover:not(:disabled),:where(.pos-page .btn,.cashier-page .btn,.delivery-page .btn,app-payment-modal .btn,app-cart-side-panel .btn,app-receipt-preview .btn):hover:not(:disabled){background:var(--app-action-btn-hover-bg,var(--app-brand-soft));border-color:var(--app-action-btn-hover-border,var(--app-brand));box-shadow:var(--app-action-btn-hover-shadow,0 8px 18px rgba(0, 24, 132, .1));transform:translateY(-1px)}.app-action-btn:focus-visible,:where(.pos-page .btn,.cashier-page .btn,.delivery-page .btn,app-payment-modal .btn,app-cart-side-panel .btn,app-receipt-preview .btn):focus-visible{box-shadow:var(--app-focus-ring);outline:none}.app-action-btn:disabled,:where(.pos-page .btn,.cashier-page .btn,.delivery-page .btn,app-payment-modal .btn,app-cart-side-panel .btn,app-receipt-preview .btn):disabled{cursor:not-allowed;opacity:.58}.app-action-btn-primary,:where(.pos-page .btn.primary,.cashier-page .btn.primary,.delivery-page .btn.primary,app-payment-modal .btn.primary,app-cart-side-panel .btn.primary,app-receipt-preview .btn.primary){background:var(--app-primary-active);border-color:var(--app-primary-active);box-shadow:0 8px 18px #cc4b002e;color:#fff}.app-action-btn-primary:hover:not(:disabled),:where(.pos-page .btn.primary,.cashier-page .btn.primary,.delivery-page .btn.primary,app-payment-modal .btn.primary,app-cart-side-panel .btn.primary,app-receipt-preview .btn.primary):hover:not(:disabled){background:#b54300;border-color:#b54300;box-shadow:0 10px 22px #cc4b0042}.app-action-btn-secondary,.app-action-btn-ghost,:where(.pos-page .btn.secondary,.pos-page .btn.ghost,.cashier-page .btn.secondary,.cashier-page .btn.ghost,.delivery-page .btn.secondary,.delivery-page .btn.ghost,app-payment-modal .btn.ghost,app-cart-side-panel .btn.ghost,app-receipt-preview .btn.secondary,app-receipt-preview .btn.ghost){background:var(--app-action-btn-bg,var(--app-surface));border-color:var(--app-action-btn-border,var(--app-brand-border));color:var(--app-action-btn-color,var(--app-brand))}.app-action-btn-danger,:where(.pos-page .btn.danger,.cashier-page .btn.danger){background:#fff;border-color:#fecaca;color:var(--app-danger)}.app-action-btn-danger:hover:not(:disabled),:where(.pos-page .btn.danger,.cashier-page .btn.danger):hover:not(:disabled){background:var(--app-danger-soft);border-color:#fca5a5;box-shadow:0 8px 18px #b423181f}.app-alert,.pos-page .alert,.cashier-page .alert,.delivery-page .alert,app-payment-modal .alert,app-cart-side-panel .alert{background:var(--app-danger-soft);border:1px solid var(--app-danger-border);border-radius:var(--app-radius-md);color:var(--app-message-danger-color,#9f1f14);margin:var(--app-message-margin,0 auto 16px);max-width:var(--app-message-max-width,none);padding:var(--app-message-padding,12px 14px)}.app-notice,.pos-page .notice,.cashier-page .notice,.delivery-page .notice{background:var(--app-success-soft);border:1px solid var(--app-success-border);border-radius:var(--app-radius-md);color:var(--app-success);margin:var(--app-message-margin,0 auto 16px);max-width:var(--app-message-max-width,none);padding:var(--app-message-padding,12px 14px)}.app-empty-state,.pos-page .state,.cashier-page .state,.delivery-page .state,app-cart-side-panel .state{align-items:center;background:var(--app-empty-state-bg,linear-gradient(180deg, rgba(238, 244, 255, .78), rgba(255, 255, 255, .92)),var(--app-surface));border:1px dashed var(--app-empty-state-border,var(--app-brand-border));border-radius:var(--app-radius-md);color:var(--app-empty-state-color,var(--app-text-muted));display:flex;flex-direction:var(--app-empty-state-direction,column);gap:var(--app-empty-state-gap,4px);justify-content:center;min-height:var(--app-empty-state-min-height,120px);padding:var(--app-empty-state-padding,20px);text-align:center}.app-empty-state strong,.pos-page .state strong,.cashier-page .state strong,.delivery-page .state strong,app-cart-side-panel .state strong{color:var(--app-empty-state-title,var(--app-brand))}.app-metric-card,.cashier-page .metrics-grid>div,.cashier-page .secondary-metrics>div,.cashier-page .close-summary>div,.cashier-page .selected-summary>div,.delivery-page .delivery-summary>div,app-payment-modal .summary-card,app-payment-modal .change{background:var(--app-metric-bg,var(--app-surface-muted));border:1px solid var(--app-metric-border,var(--app-border));border-radius:var(--app-metric-radius,var(--app-radius-sm));display:grid;gap:var(--app-metric-gap,3px);min-width:0;padding:var(--app-metric-padding,10px)}.app-metric-card span,.cashier-page .metrics-grid span,.cashier-page .secondary-metrics span,.cashier-page .close-summary span,.cashier-page .selected-summary span,.delivery-page .delivery-summary span,app-payment-modal .summary-card span,app-payment-modal .change span{color:var(--app-metric-label-color,var(--app-text-muted));font-size:var(--app-metric-label-size,.82rem);font-weight:var(--app-metric-label-weight,700)}.app-metric-card strong,.cashier-page .metrics-grid strong,.cashier-page .secondary-metrics strong,.cashier-page .close-summary strong,.cashier-page .selected-summary strong,.delivery-page .delivery-summary strong,app-payment-modal .summary-card strong,app-payment-modal .change strong{min-width:0;overflow-wrap:anywhere}.app-status-badge,.pos-page .status-badge,.cashier-page .status-badge,.delivery-page .status-pill,.delivery-page .pending-status{background:var(--app-status-bg,var(--app-brand-soft));border:1px solid var(--app-status-border,transparent);border-radius:999px;color:var(--app-status-color,var(--app-brand));display:inline-flex;font-size:.78rem;font-weight:800;line-height:1;padding:var(--app-status-padding,4px 9px)}.app-status-badge.is-success{background:var(--app-success-soft);border-color:var(--app-success-border);color:var(--app-success)}.app-status-badge.is-warning{background:var(--app-warning-soft);border-color:var(--app-warning-border-soft);color:var(--app-warning)}.app-status-badge.is-danger{background:#ffe4e0;border-color:var(--app-danger-border);color:#9f1f14}.app-accent-blue{--app-accent-color:var(--app-brand);--app-accent-soft:var(--app-brand-soft);--app-accent-border:var(--app-brand-border)}.app-accent-orange{--app-accent-color:var(--app-primary-active);--app-accent-soft:var(--app-primary-soft);--app-accent-border:var(--app-primary-border)}button.primary{background:var(--app-primary-active);border:1px solid var(--app-primary-active);border-radius:var(--app-radius-md);color:#fff;padding:8px 10px}.table-responsive{overflow:auto}.apps-table{width:100%;border-collapse:collapse;font-size:14px}.apps-table th,.apps-table td{border-bottom:1px solid #e5e7eb;padding:8px 10px;white-space:nowrap}.apps-table th{text-align:left;background:#f8fafc}.apps{margin-top:8px}.apps-header{display:flex;align-items:center;justify-content:space-between;margin:6px 0}button.link{background:transparent;border:0;color:var(--app-brand);cursor:pointer;padding:4px 6px}app-root .auth-actions .user-menu .user-menu-toggle{background-color:var(--app-brand);border:1px solid var(--app-brand);color:#fff}app-root .auth-actions .user-menu .user-menu-toggle:hover,app-root .auth-actions .user-menu .user-menu-toggle:focus-visible{background-color:var(--pineda-blue-800);border-color:var(--pineda-blue-800);box-shadow:var(--app-focus-ring)}@media(max-width:960px){.app-shell-header{align-items:flex-start;flex-wrap:wrap}.shell-actions{flex:1 1 100%;justify-content:flex-end;max-width:100%}.auth-section{flex-wrap:wrap;justify-content:flex-end}.user-info{display:none}}@media print{body:has(.printable-ticket) *{visibility:hidden!important}body:has(.printable-ticket) .printable-ticket,body:has(.printable-ticket) .printable-ticket *{visibility:visible!important}body:has(.printable-ticket) .printable-ticket{left:0;margin:0!important;position:absolute;top:0}body:has(.printable-ticket) .no-print,body:has(.printable-ticket) button,body:has(.printable-ticket) nav,body:has(.printable-ticket) .header,body:has(.printable-ticket) .pos-header{display:none!important}}