:root{--ion-font-family: "Segoe UI", system-ui, -apple-system, sans-serif;--ion-color-primary: #ec4899;--ion-color-primary-rgb: 236, 72, 153;--ion-color-primary-contrast: #ffffff;--ion-color-secondary: #f472b6;--ion-color-success: #22c55e;--ion-color-danger: #ef4444;--indo-bg: #0f0f0f;--indo-card: #1a1a1a;--indo-border: #2a2a2a;--indo-text: #fafafa;--indo-muted: #a1a1a1;--indo-accent: #ec4899;--indo-btn-radius: 12px;--indo-btn-padding-y: 14px;--indo-btn-padding-x: 24px;--indo-btn-font-size: 1rem;--indo-btn-font-weight: 600}ion-toolbar{--background: #0f0f0f;--color: #fafafa;--min-height: 56px;--border-color: #2a2a2a}ion-content{--background: #0f0f0f;--overflow: auto}ion-tab-bar{--background: #1a1a1a;border-top:1px solid #2a2a2a;padding-bottom:env(safe-area-inset-bottom)}ion-tab-button{--color: #a1a1a1;--color-selected: #ec4899;font-size:.75rem}ion-fab-button{--background: #ec4899;--background-activated: #db2777}ion-button{--border-radius: var(--indo-btn-radius, 12px);--padding-top: var(--indo-btn-padding-y, 14px);--padding-bottom: var(--indo-btn-padding-y, 14px);--padding-start: var(--indo-btn-padding-x, 24px);--padding-end: var(--indo-btn-padding-x, 24px);font-weight:var(--indo-btn-font-weight, 600);font-size:var(--indo-btn-font-size, 1rem)}ion-button[fill=solid]{--background: var(--ion-color-primary);--background-activated: #db2777;--background-hover: #db2777;--color: var(--ion-color-primary-contrast)}*{box-sizing:border-box}:root{--indo-bg-soft: #fff7fb;--indo-bg-base: linear-gradient(160deg, #fff7fb 0%, #fff1f8 42%, #ffffff 100%);--indo-surface: rgba(255, 255, 255, .88);--indo-surface-strong: rgba(255, 255, 255, .96);--indo-surface-muted: rgba(255, 241, 247, .78);--indo-border: rgba(236, 72, 153, .16);--indo-border-strong: rgba(236, 72, 153, .28);--indo-text: #261321;--indo-text-soft: #6f4b60;--indo-text-muted: #9d7b8d;--indo-accent: #ec4899;--indo-accent-strong: #db2777;--indo-shadow: 0 18px 42px rgba(236, 72, 153, .12);--indo-app-shell-bg: radial-gradient(circle at top left, rgba(244, 114, 182, .18), transparent 24%), linear-gradient(180deg, #fff8fc 0%, #fff3f8 44%, #ffffff 100%);--indo-tabbar-bg: rgba(255, 250, 253, .88);--indo-tabbar-border: rgba(236, 72, 153, .14);--indo-tabbtn-text: #7f5a6d}html,body{height:100%;margin:0;font-family:var(--ion-font-family);background:radial-gradient(circle at top left,rgba(244,114,182,.24),transparent 24%),radial-gradient(circle at 85% 12%,rgba(251,207,232,.7),transparent 22%),var(--indo-bg-base);color:var(--indo-text)}ion-app,ion-router-outlet{display:block;height:100%}ion-router-outlet>*{display:block;height:100%}ion-content{--background: transparent}.btn-primary,button.btn-primary{padding:var(--indo-btn-padding-y, 14px) var(--indo-btn-padding-x, 24px);background:linear-gradient(135deg,var(--indo-accent),#f472b6);color:#fff;border:1px solid transparent;border-radius:var(--indo-btn-radius, 14px);box-shadow:0 12px 24px #ec489933;font-size:var(--indo-btn-font-size, 1rem);font-weight:var(--indo-btn-font-weight, 700);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--indo-accent-strong),var(--indo-accent));transform:translateY(-1px);box-shadow:0 16px 28px #ec489938}.btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}ion-toolbar{max-width:100vw}ion-toolbar.dark-toolbar{--background: rgba(255, 248, 252, .72);--color: var(--indo-text);--border-color: transparent;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:none}ion-toolbar.dark-toolbar .brand{display:flex;align-items:center;gap:10px}ion-toolbar.dark-toolbar .brand-logo{width:30px;height:30px;border-radius:999px;background:linear-gradient(135deg,#1f1724 0%,var(--indo-accent) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.92rem;box-shadow:0 10px 20px #ec489933}ion-toolbar.dark-toolbar .brand-name{color:var(--indo-text);font-size:clamp(.9rem,2.5vw + .8rem,1.1rem);font-weight:700;letter-spacing:-.01em}.toolbar-theme-toggle{border:1px solid var(--indo-border);background:var(--indo-surface-strong);color:var(--indo-text);border-radius:999px;padding:8px 12px;font-size:.76rem;font-weight:700;box-shadow:var(--indo-shadow)}body.night-mode{--indo-bg-soft: #0f0f0f;--indo-bg-base: linear-gradient(170deg, #0c0c10 0%, #11111a 48%, #171726 100%);--indo-surface: rgba(21, 22, 31, .9);--indo-surface-strong: rgba(26, 27, 38, .98);--indo-surface-muted: rgba(29, 29, 42, .85);--indo-border: rgba(236, 72, 153, .3);--indo-border-strong: rgba(244, 114, 182, .46);--indo-text: #f9fafb;--indo-text-soft: #c7c5d3;--indo-text-muted: #9c97ad;--indo-shadow: 0 22px 48px rgba(0, 0, 0, .5);--indo-app-shell-bg: radial-gradient(circle at top left, rgba(236, 72, 153, .14), transparent 30%), linear-gradient(180deg, #0d0d13 0%, #11111a 44%, #171726 100%);--indo-tabbar-bg: rgba(17, 18, 28, .9);--indo-tabbar-border: rgba(236, 72, 153, .28);--indo-tabbtn-text: #d0cddd}body.night-mode html,body.night-mode{background:radial-gradient(circle at top left,rgba(236,72,153,.14),transparent 24%),radial-gradient(circle at 85% 12%,rgba(168,85,247,.12),transparent 26%),var(--indo-bg-base);color:var(--indo-text)}body.night-mode ion-toolbar.dark-toolbar{--background: rgba(17, 18, 28, .84);--color: var(--indo-text)}body.night-mode .toolbar-theme-toggle,body.night-mode .theme-toggle-btn,body.night-mode .global-theme-toggle{background:var(--indo-surface-strong);color:var(--indo-text)}body.night-mode .order-card,body.night-mode .product-card,body.night-mode .promo-card,body.night-mode .stat-card,body.night-mode .form-card,body.night-mode .empty-state,body.night-mode .loading-msg,body.night-mode .signup-fee-banner,body.night-mode .segment-row,body.night-mode .date-pill-row,body.night-mode .pill-row,body.night-mode .company-menu-panel,body.night-mode .help-card,body.night-mode .login-container{background:var(--indo-surface-strong)!important;border-color:var(--indo-border)!important;color:var(--indo-text)!important;box-shadow:var(--indo-shadow)!important}body.night-mode .date-input,body.night-mode .form-input,body.night-mode .form-group input,body.night-mode .form-input-inline,body.night-mode .help-select,body.night-mode .help-textarea,body.night-mode .branch-select{background:#131420!important;border-color:#ec48993d!important;color:#f9fafb!important}body.night-mode .order-detail{background:#121423!important;border-color:#ec489942!important}body.night-mode .order-detail-title{color:#f9a8d4!important}body.night-mode .order-detail-line{color:#f9fafb!important}body.night-mode .order-detail-extras-list,body.night-mode .order-address,body.night-mode .order-notes,body.night-mode .history-subtitle,body.night-mode .promo-period,body.night-mode .promo-products,body.night-mode .product-notes,body.night-mode .product-detail,body.night-mode .stat-meta,body.night-mode .stat-qty,body.night-mode .field-hint,body.night-mode .address-hint{color:#c7c5d3!important}body.night-mode .order-customer,body.night-mode .promo-title,body.night-mode .product-name,body.night-mode .stat-title,body.night-mode .history-title,body.night-mode .company-menu-btn,body.night-mode .btn-outline,body.night-mode .btn-outline-sm,body.night-mode .btn-extras{color:#f9fafb!important}body.night-mode .status-chip,body.night-mode .products-menu-btn,body.night-mode .btn-outline,body.night-mode .btn-outline-sm,body.night-mode .btn-extras{background:#1a1d2e!important;border-color:#ec489947!important}body.night-mode .btn-icon{background:#1b1f33!important;color:#f9a8d4!important}body.night-mode .btn-icon.danger{background:#2b1520!important;color:#fb7185!important}body.night-mode .order-paid.paid{background:#113323!important;color:#9ae6b4!important;border-color:#2f855a!important}body.night-mode .order-paid.pending{background:#3a2a13!important;color:#fbd38d!important;border-color:#b7791f!important}body.night-mode .availability-pill{background:#123120!important;color:#9ae6b4!important;border-color:#2f855a!important}body.night-mode .availability-pill.inactive{background:#3a2a13!important;color:#fbd38d!important;border-color:#b7791f!important}body.night-mode .header-link{background:#1a1d2e!important;color:#f9a8d4!important;border-color:#ec489942!important}body.night-mode .tab-btn.tab-selected,body.night-mode .pill-btn.pill-selected,body.night-mode .date-pill-selected,body.night-mode .segment-btn.active,body.night-mode .products-menu-btn-active,body.night-mode .company-menu-btn-active{background:linear-gradient(145deg,#ec489957,#a855f733)!important;color:#ffe4f3!important}