:root{--primary: #bf2f3b;--primary-600: #9e242e;--primary-700: #7e1b23;--primary-50: #fef2f2;--primary-100: #fee2e2;--navy: #001b3a;--navy-800: #00132a;--navy-700: #0a2548;--navy-100: #e0e9f4;--navy-50: #f0f4f9;--accent: #f59e0b;--ink: #001b3a;--muted: #64748b;--line: #e2e8f0;--bg: #f8fafc;--card: #ffffff;--danger: #dc2626;--danger-50: #fef2f2;--warn: #b45309;--warn-50: #fffbeb;--ok: #15803d;--ok-50: #f0fdf4;--radius: 14px;--shadow: 0 1px 2px rgba(0, 27, 58, .06), 0 4px 16px rgba(0, 27, 58, .06);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.5;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{touch-action:manipulation;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}html,body{margin:0;padding:0;width:100%;max-width:100vw;overflow-x:clip}button,a,input,select,textarea,.btn,.item-type-chip,.activity-filter-btn{touch-action:manipulation}:focus-visible{outline:2px solid var(--navy);outline-offset:2px}h1,h2,h3,h4,.section-title h2,.modern-hero-title{text-wrap:balance}.order-mobile-sticky-total,.val,.totals,.price,.badge,table td,.mini-cal-dow,.mini-cal-day{font-variant-numeric:tabular-nums}.modal,.modal-backdrop,.sidebar,.stage-picker-sheet,.invoice-modal-card{overscroll-behavior:contain}.mobile-order-cards>div,.activity-item,.product-compact-row{content-visibility:auto;contain-intrinsic-size:0 90px}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{line-height:1.2;margin:0 0 .5em}p{margin:0 0 .75em}img{max-width:100%;display:block}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 20px}.muted{color:var(--muted)}.small{font-size:.875rem}.xs{font-size:.78rem}.right{text-align:right}.center{text-align:center}.nowrap{white-space:nowrap}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:12px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 900px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.spacer{flex:1}.mt{margin-top:16px}.mb{margin-bottom:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.card.flat{box-shadow:none}.card h3{font-size:1.05rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:10px;padding:10px 16px;font:inherit;font-weight:600;cursor:pointer;background:var(--primary);color:#fff;transition:background .15s,box-shadow .15s;text-decoration:none!important;white-space:nowrap}.btn:hover{background:var(--primary-600)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.secondary{background:#fff;color:var(--ink);border-color:var(--line)}.btn.secondary:hover{background:#f1f5f9}.btn.ghost{background:transparent;color:var(--primary)}.btn.ghost:hover{background:var(--primary-50)}.btn.danger{background:var(--danger)}.btn.danger:hover{background:#b91c1c}.btn.wa{background:#16a34a}.btn.wa:hover{background:#15803d}.btn.sm{padding:6px 10px;font-size:.85rem;border-radius:8px}.btn.lg{padding:14px 22px;font-size:1.05rem}.admin .btn:not(.secondary):not(.danger):not(.ghost):not(.wa),.btn.navy{background:var(--navy);color:#fff}.admin .btn:not(.secondary):not(.danger):not(.ghost):not(.wa):hover,.btn.navy:hover{background:#0d3261}label.field{display:flex;flex-direction:column;gap:6px;font-size:.875rem;font-weight:600;color:#334155}label.field .hint{font-weight:400;color:var(--muted);font-size:.8rem}input,select,textarea{font:inherit;padding:10px 12px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:var(--ink);width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--primary-100);border-color:var(--primary)}textarea{min-height:80px;resize:vertical}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--primary)}label.check{display:flex;gap:8px;align-items:flex-start;font-size:.9rem;cursor:pointer}label.check input{margin-top:3px}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:999px;font-size:.78rem;font-weight:600;background:#f1f5f9;color:#334155;white-space:nowrap}.badge.teal,.badge.navy{background:#e0e9f4;color:#001b3a;font-weight:700}.badge.primary{background:var(--primary-100);color:var(--primary);font-weight:700}.badge.ok{background:#dcfce7;color:#166534}.badge.warn{background:#fef3c7;color:#92400e}.badge.danger{background:#fee2e2;color:#991b1b}.badge.blue{background:#dbeafe;color:#1e40af}.badge.purple{background:#ede9fe;color:#5b21b6}.alert{border-radius:12px;padding:12px 14px;font-size:.9rem;border:1px solid}.alert.info{background:#f0f4f9;border-color:#cbd5e1;color:#001b3a}.alert.warn{background:var(--warn-50);border-color:#fde68a;color:#78350f}.alert.error{background:var(--danger-50);border-color:#fecaca;color:#7f1d1d}.alert.ok{background:var(--ok-50);border-color:#bbf7d0;color:#14532d}.alert ul{margin:4px 0 0;padding-left:18px}table.table{width:100%;border-collapse:collapse;font-size:.88rem;min-width:650px}.table th{text-align:left;font-weight:600;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;padding:10px 12px;border-bottom:1px solid var(--line);background:#f8fafc;white-space:nowrap}.table td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tr.click{cursor:pointer}.table tr.click:hover td{background:#f8fafc}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--radius);background:#fff;width:100%;position:relative}.table-scroll-hint{display:none;font-size:.75rem;color:#64748b;margin-bottom:8px;font-weight:500;align-items:center;justify-content:flex-end;gap:4px}@media (max-width: 768px){.table-scroll-hint{display:flex}input,select,textarea,.order-search-field{font-size:16px!important}}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.tabs::-webkit-scrollbar{display:none}.tabs button{background:none;border:0;padding:8px 12px;font:inherit;font-weight:600;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;flex-shrink:0;border-radius:6px 6px 0 0;transition:all .15s}.tabs button.active{color:var(--primary);border-color:var(--primary);background:var(--primary-50)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;padding:24px 16px;z-index:9000;overflow-y:auto}.modal{background:#fff;border-radius:16px;width:100%;max-width:640px;box-shadow:0 20px 60px #00000040;overflow:hidden;margin:auto}.modal.wide{max-width:900px}.modal header{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal header h3{margin:0}.modal .body{padding:20px;max-height:calc(85vh - 120px);max-height:calc(85dvh - 120px);overflow-y:auto}.modal footer{padding:14px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.x{background:none;border:0;font-size:1.4rem;cursor:pointer;color:var(--muted);line-height:1;padding:4px 8px;border-radius:8px}.x:hover{background:#f1f5f9;color:var(--ink)}@media (max-width: 640px){.modal-backdrop{padding:12px 10px;align-items:center}.modal{border-radius:14px;max-height:92vh;max-height:92dvh;display:flex;flex-direction:column;width:100%}.modal header{padding:14px 16px}.modal header h3{font-size:1.1rem}.modal .body{padding:16px;overflow-y:auto;max-height:calc(88vh - 120px);max-height:calc(88dvh - 120px)}.modal footer{padding:12px 16px;flex-direction:column-reverse;gap:8px}.modal footer .btn,.modal footer button{width:100%;justify-content:center}}.empty{text-align:center;padding:40px 16px;color:var(--muted)}.site-header{position:sticky;top:0;z-index:20;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.site-header .container{display:flex;align-items:center;gap:16px;height:68px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--ink);font-size:1.1rem;text-decoration:none!important}.brand-mark{width:38px;height:38px;border-radius:10px;background:var(--primary);display:grid;place-items:center;color:#fff;font-weight:800;overflow:hidden;flex-shrink:0}.brand-mark img{width:100%;height:100%;object-fit:cover;display:block}.brand small{display:block;font-weight:500;color:var(--muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.site-nav{display:flex;gap:4px;margin-left:auto;align-items:center}.site-nav a{padding:8px 12px;border-radius:8px;color:#334155;font-weight:500;text-decoration:none}.site-nav a.active,.site-nav a:hover{background:var(--primary-50);color:var(--primary)}.menu-btn{display:none;margin-left:auto;background:none;border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:1.2rem;cursor:pointer}.staff-portal-btn{margin-left:12px;font-size:.85rem}@media (max-width: 820px){.menu-btn{display:block}.site-nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;flex-direction:column;padding:12px 16px 20px;border-bottom:1px solid var(--line);box-shadow:0 10px 25px #00000014;gap:8px}.site-nav.open{display:flex}.site-nav a{width:100%;padding:12px 16px;font-size:1rem;border-radius:8px}.staff-portal-btn{margin-left:0!important;margin-top:6px;width:100%;text-align:center;padding:12px!important}}.hero{background:radial-gradient(1200px 400px at 80% -10%,#fee2e2 0%,transparent 60%),linear-gradient(180deg,#fef2f2,#fff);padding:72px 0 56px}.hero h1{font-size:clamp(1.85rem,5vw,3.2rem);letter-spacing:-.02em}.hero h1 span{color:var(--primary)}.hero p.lead{font-size:1.15rem;color:#334155;max-width:560px}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}.hero-cta-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}@media (max-width: 820px){.hero{padding:40px 0 36px}.hero-grid{grid-template-columns:1fr;gap:28px}.hero-cta-row{flex-direction:column;width:100%}.hero-btn{width:100%;text-align:center}.hero-cta-track{display:none!important}}.hero-card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 20px 50px #001b3a1f;border:1px solid var(--primary-100)}@media (max-width: 600px){.hero-card{padding:18px 16px;border-radius:16px}.card{padding:16px;border-radius:12px}.container{padding:0 16px}.section{padding:36px 0}.section-title{margin-bottom:24px}.section-title h2{font-size:1.55rem}}.track-form-grid{display:flex;gap:12px;align-items:flex-end;width:100%}.track-input-wrap{flex:2;min-width:0}.track-phone-wrap{flex:1;min-width:0}.track-btn-wrap{display:flex}.track-submit-btn{height:44px;padding:0 24px}.demo-chips-wrap{display:flex;gap:8px;flex-wrap:wrap}.demo-chip{white-space:normal;text-align:left}.order-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.order-status-badge-wrap{text-align:right}@media (max-width: 640px){.track-form-grid{flex-direction:column;align-items:stretch;gap:10px}.track-input-wrap,.track-phone-wrap,.track-btn-wrap{width:100%;flex:none}.track-submit-btn{width:100%;height:46px}.demo-chips-wrap{flex-direction:column}.demo-chip{width:100%;text-align:center}.order-header-row{flex-direction:column;align-items:stretch}.order-status-badge-wrap{text-align:left;margin-top:4px}}.section{padding:56px 0}.section.alt{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-title{text-align:center;margin-bottom:32px}.section-title h2{font-size:1.9rem;letter-spacing:-.01em}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:700;color:var(--primary)}.service-card{display:flex;flex-direction:column;gap:6px}.service-card .price{font-weight:800;color:var(--primary);font-size:1.1rem}.price-list{display:flex;flex-direction:column}.price-item{display:flex;gap:16px;justify-content:space-between;padding:14px 0;border-bottom:1px dashed var(--line);align-items:flex-start}.price-item:last-child{border-bottom:0}.price-item .name{font-weight:600;font-size:1rem}.price-item .price{font-weight:700;color:var(--primary);white-space:nowrap;font-size:1.05rem}@media (max-width: 580px){.price-item{flex-direction:column;gap:6px}.price-item .price{align-self:flex-start;margin-top:2px}}.announcement{border-left:4px solid var(--primary)}.announcement.important{border-left-color:var(--accent);background:#fffbeb}.site-footer{background:#001b3a;color:#cbd5e1;padding:40px 0 24px;margin-top:40px}.site-footer a{color:#fca5a5}.footer-bottom-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #1e3a5f;padding-top:16px;gap:8px;flex-wrap:wrap}@media (max-width: 600px){.site-footer{padding:32px 0 20px}.footer-bottom-row{flex-direction:column;align-items:flex-start;gap:6px}}.timeline{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0}.timeline li{display:flex;gap:12px;position:relative;padding-bottom:18px}.timeline li:before{content:"";position:absolute;left:11px;top:24px;bottom:0;width:2px;background:var(--line)}.timeline li:last-child:before{display:none}.timeline .dot{width:24px;height:24px;border-radius:50%;border:2px solid var(--line);background:#fff;flex-shrink:0;display:grid;place-items:center;font-size:.7rem;color:#fff}.timeline li.done .dot{background:var(--primary);border-color:var(--primary)}.timeline li.current .dot{background:#fff;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-100)}.progress{height:10px;background:#e2e8f0;border-radius:999px;overflow:hidden}.progress>div{height:100%;background:var(--primary)}.progress.warn>div{background:var(--accent)}.progress.danger>div{background:var(--danger)}.admin{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#001b3a;color:#cbd5e1;padding:20px 12px;position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column}.sidebar .brand{color:#fff;padding:0 8px 20px}.sidebar nav{display:flex;flex-direction:column;gap:2px}.sidebar nav a{color:#cbd5e1;padding:9px 12px;border-radius:8px;font-size:.92rem;text-decoration:none;display:flex;gap:10px;align-items:center}.sidebar nav a:hover{background:#0a2548;color:#fff}.sidebar nav a.active{background:var(--primary);color:#fff}.sidebar .group{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#64748b;padding:14px 12px 6px}.admin-main{padding:24px 28px 60px;min-width:0}.admin-top{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.admin-top h1{font-size:1.25rem;font-weight:800;margin:0;color:var(--ink);letter-spacing:-.01em}.admin-top p{display:none}.admin-page-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.admin-page-header h1{margin:0;font-size:1.25rem;font-weight:800;color:var(--ink);letter-spacing:-.01em}.admin-page-header p{display:none}.admin-page-header .btn{padding:6px 12px;font-size:.8rem;font-weight:700;border-radius:8px;white-space:nowrap;flex-shrink:0;width:auto!important}.admin-back-btn{display:inline-flex;align-items:center;gap:6px;width:auto;max-width:fit-content;align-self:flex-start;color:#475569;font-size:.82rem;font-weight:600;text-decoration:none;padding:6px 12px;background:#f1f5f9;border-radius:8px;border:1px solid var(--line);box-sizing:border-box;transition:all .15s ease;-webkit-user-select:none;user-select:none}.admin-back-btn:hover{background:#e2e8f0;color:var(--ink)}.admin-mobile-bar,.sidebar-backdrop{display:none}@media (max-width: 900px){.admin{grid-template-columns:1fr;width:100%;max-width:100vw}.sidebar{position:fixed;z-index:50;width:270px;top:0;bottom:0;left:0;transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1),visibility .25s;box-shadow:10px 0 30px #00000059;visibility:hidden;pointer-events:none}.sidebar.open{transform:translate(0);visibility:visible;pointer-events:auto}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:45}.admin-mobile-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(10px,env(safe-area-inset-top,10px)) 16px 10px;background:#fff;color:#0f172a;position:sticky;top:0;z-index:45;border-bottom:1px solid rgba(226,232,240,.8);box-shadow:0 2px 8px #001b3a0d}.mobile-header-icon-btn{background:transparent!important;border:0!important;color:var(--navy)!important;padding:6px!important;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .15s ease}.mobile-header-icon-btn:active{background:#f1f5f9!important}.admin-main{padding:16px 12px 96px;min-width:0;width:100%;max-width:100vw;box-sizing:border-box}.admin-top,.admin-top-responsive{flex-direction:column!important;align-items:stretch!important;gap:12px!important;margin-bottom:16px!important}.admin-top h1,.admin-page-header h1{font-size:1.2rem;font-weight:800}.admin-top .btn:not(.admin-back-btn),.admin-top button:not(.admin-back-btn),.admin-top .admin-header-action-btn{width:100%;text-align:center;justify-content:center;padding:11px 16px}.admin-top .admin-back-btn{width:auto!important;max-width:fit-content!important;align-self:flex-start!important;text-align:left!important;justify-content:flex-start!important;padding:6px 12px!important;margin-bottom:2px}.admin-top select{width:100%}.admin-top .spacer{display:none}.admin-top .row{width:100%;flex-direction:column;align-items:stretch;gap:8px}.admin-top .row>*{width:100%;text-align:center;justify-content:center}.btn-new-order-header,.admin-page-header .btn-new-order-header{display:none!important}}.mobile-sidebar-close{display:none}@media (max-width: 900px){.mobile-sidebar-close{display:inline-flex;align-items:center;justify-content:center;background:#ffffff1f;border:none;color:#fff;width:32px;height:32px;border-radius:8px;font-size:1.1rem;cursor:pointer;transition:background .15s ease}.mobile-sidebar-close:active{background:#ffffff40}}.order-filter-container{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.order-search-wrap{position:relative;display:flex;align-items:center;width:100%}.order-search-icon{position:absolute;left:14px;font-size:.95rem;color:var(--muted);pointer-events:none}.order-search-field{width:100%;padding:10px 38px 10px 40px;border-radius:10px;border:1px solid var(--line);background:#fff;font-size:.9rem;color:var(--ink);transition:border-color .15s,box-shadow .15s}.order-search-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.order-search-clear{position:absolute;right:12px;background:#f1f5f9;border:0;border-radius:50%;width:22px;height:22px;font-size:.75rem;color:var(--muted);cursor:pointer;display:grid;place-items:center;transition:all .15s}.order-search-clear:hover{background:#e2e8f0;color:var(--ink)}.orders-filter-grid{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%}.orders-filter-grid::-webkit-scrollbar{display:none}.orders-filter-grid .activity-filter-btn{border-radius:999px;padding:6px 14px;font-size:.8rem;font-weight:600;flex-shrink:0;height:34px;white-space:nowrap}@media (min-width: 680px){.orders-filter-grid{flex-wrap:wrap;gap:8px}.orders-filter-grid .activity-filter-btn{padding:8px 14px;font-size:.84rem;height:auto;border-radius:999px}}.stat{display:flex;flex-direction:column;gap:4px}.stat .value{font-size:1.8rem;font-weight:800;letter-spacing:-.02em}.stat .label{color:var(--muted);font-size:.85rem;font-weight:600}@media (max-width: 600px){.stat .value{font-size:1.55rem;word-break:break-word}.stat .label{font-size:.8rem}}.dash-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.dash-metric-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 14px;display:flex;flex-direction:column;gap:4px;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;text-decoration:none!important;color:inherit;text-align:left;box-shadow:0 1px 3px #001b3a0a}.dash-metric-card:hover,.dash-metric-card.active{transform:translateY(-2px);border-color:#cbd5e1;box-shadow:0 4px 14px #001b3a14}.dash-metric-card .icon-label{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:var(--muted)}.dash-metric-card .val{font-size:1.7rem;font-weight:800;line-height:1.1;margin:4px 0 2px}.dash-metric-card .sub{font-size:.72rem;color:var(--muted)}@media (max-width: 680px){.dash-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dash-metric-card{padding:12px 10px;border-radius:12px}.dash-metric-card .val{font-size:1.45rem}.dash-metric-card .icon-label{font-size:.76rem}.dash-metric-card .sub{font-size:.68rem}}.admin-bottom-nav{display:none}@media (max-width: 900px){.admin-bottom-nav{display:flex;align-items:center;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;height:64px;background:#fffffffa;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line);box-shadow:0 -4px 20px #001b3a14;z-index:45;padding-bottom:env(safe-area-inset-bottom,0px)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:100%;color:#64748b;text-decoration:none!important;background:transparent;border:0;cursor:pointer;padding:4px 0;transition:all .15s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.bottom-nav-item:hover{color:var(--navy)}.bottom-nav-item.active{color:var(--navy);font-weight:700}.bottom-nav-item.active:after{content:"";display:block;width:4px;height:4px;background:var(--navy);border-radius:50%;margin-top:1px}.bottom-nav-icon{font-size:1.25rem;line-height:1;margin-bottom:3px;transition:transform .15s ease}.bottom-nav-item.active .bottom-nav-icon{transform:scale(1.1)}.bottom-nav-label{font-size:.68rem;letter-spacing:-.01em;font-weight:600}}.bilas-bottom-nav{display:none}@media (max-width: 900px){.bilas-bottom-nav{display:flex;align-items:center;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;height:60px;background:#fff;border-top:1px solid #e2e8f0;box-shadow:0 -4px 16px #001b3a12;z-index:45;padding-bottom:env(safe-area-inset-bottom,0px)}.bilas-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:100%;color:#94a3b8;text-decoration:none!important;background:transparent;border:0;cursor:pointer;padding:4px 0;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.bilas-nav-item.active{color:var(--navy)}.bilas-nav-icon{width:24px;height:24px;object-fit:contain;margin-bottom:2px;transition:transform .15s ease}.bilas-nav-item.active .bilas-nav-icon{transform:scale(1.08)}.bilas-nav-label{font-size:.68rem;font-weight:600;letter-spacing:-.01em}.bilas-nav-item.active .bilas-nav-label{font-weight:800;color:var(--navy)}.bilas-nav-fab{display:flex;align-items:center;justify-content:center;flex:1;height:100%;background:transparent;border:0;cursor:pointer;position:relative;padding:0;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.bilas-nav-fab-circle{width:48px;height:48px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #001b3a59;transform:translateY(-8px);transition:transform .15s ease,background .15s ease}.bilas-nav-fab:active .bilas-nav-fab-circle{transform:translateY(-6px) scale(.92)}}.bilas-sheet-container{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:20px 20px 0 0;padding:16px 18px calc(24px + env(safe-area-inset-bottom,0px));box-shadow:0 -8px 30px #001b3a2e;z-index:9010;max-width:500px;width:100%;margin:0 auto;animation:slideUpBilas .22s cubic-bezier(.16,1,.3,1);max-height:85vh;max-height:85dvh;overflow-y:auto}@media (min-width: 641px){.bilas-sheet-container{position:relative;bottom:auto;left:auto;right:auto;border-radius:20px;padding:20px 24px 24px;box-shadow:0 20px 60px #001b3a47;margin:auto;max-width:480px;max-height:calc(100vh - 64px);max-height:calc(100dvh - 64px)}.bilas-sheet-handle-bar{display:none}}@keyframes slideUpBilas{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bilas-sheet-handle-bar{width:40px;height:4px;background:#cbd5e1;border-radius:999px;margin:0 auto 12px}.bilas-sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.bilas-sheet-title{font-size:.98rem;font-weight:800;color:var(--ink);line-height:1.3}.bilas-sheet-close{background:#f1f5f9;border:0;color:#64748b;width:28px;height:28px;border-radius:50%;font-size:.85rem;cursor:pointer;display:grid;place-items:center}.bilas-sheet-cards{display:flex;flex-direction:column;gap:10px}.bilas-card-option{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;text-align:left;cursor:pointer;transition:all .15s ease;width:100%}.bilas-card-option:active,.bilas-card-option:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.bilas-card-icon{width:40px;height:40px;object-fit:contain;flex-shrink:0}.bilas-card-text{flex:1;display:flex;flex-direction:column;gap:2px}.bilas-card-text strong{font-size:.92rem;color:var(--ink)}.bilas-card-text span{font-size:.74rem;color:#64748b}.bilas-card-arrow{font-size:1.3rem;color:#94a3b8;font-weight:300}.bilas-customer-list{max-height:280px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.bilas-customer-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:background .15s ease}.bilas-customer-row:hover,.bilas-customer-row:active{background:#f1f5f9;border-color:#cbd5e1}.bilas-dash-tabs{display:flex;background:#f1f5f9;border-radius:10px;padding:3px;margin-bottom:12px}.bilas-dash-tab{flex:1;padding:7px 0;text-align:center;font-size:.78rem;font-weight:700;color:#64748b;background:transparent;border:0;border-radius:8px;cursor:pointer;transition:all .15s ease}.bilas-dash-tab.active{background:#fff;color:var(--navy);box-shadow:0 1px 3px #00000014}.bilas-shortcut-list{display:flex;flex-direction:column;gap:8px}.bilas-shortcut-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:12px;text-decoration:none!important;color:inherit;transition:border-color .15s,background .15s}.bilas-shortcut-item:hover,.bilas-shortcut-item:active{background:#f8fafc;border-color:#cbd5e1}.bilas-shortcut-icon{font-size:1.25rem;width:36px;height:36px;border-radius:10px;background:#f1f5f9;display:grid;place-items:center;flex-shrink:0}.bilas-shortcut-info{flex:1;display:flex;flex-direction:column;gap:1px}.bilas-shortcut-info strong{font-size:.88rem;color:var(--ink)}.bilas-shortcut-info span{font-size:.74rem;color:#64748b}.bilas-shortcut-arrow{color:#94a3b8;font-size:1.1rem}.bilas-liquid-card{border-radius:20px;background:linear-gradient(135deg,#700f18,#a31d27 40%,#bf2f3b,#d43f4c)!important;color:#fff;padding:14px 18px 20px;box-shadow:0 10px 25px #bf2f3b59;position:relative;overflow:hidden;margin-bottom:18px}.bilas-liquid-tabs{display:flex;align-items:center;border-bottom:1.5px solid rgba(255,255,255,.25);margin-bottom:16px}.bilas-liquid-tab{flex:1;text-align:center;background:transparent;border:0;color:#ffffffb8;font-weight:700;font-size:.82rem;padding:8px 0 10px;cursor:pointer;position:relative;letter-spacing:.03em;transition:all .15s ease}.bilas-liquid-tab.active{color:#fff;font-weight:800}.bilas-liquid-tab.active:after{content:"";position:absolute;bottom:-2px;left:15%;right:15%;height:3px;background:#fff;border-radius:999px}.bilas-liquid-finance-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:4px 6px}.bilas-liquid-finance-col{display:flex;flex-direction:column;gap:4px}.bilas-liquid-finance-label{font-size:.76rem;color:#ffffffe6;display:flex;align-items:center;gap:5px;font-weight:600}.bilas-liquid-finance-val{font-size:1.45rem;font-weight:800;color:#fff;line-height:1.2}.bilas-liquid-tx-carousel{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:4px 0}.bilas-liquid-tx-item{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;color:#fff;background:transparent;border:0;cursor:pointer}.bilas-liquid-tx-circle{width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,255,255,.85);background:#ffffff26;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.bilas-liquid-tx-label{font-size:.68rem;font-weight:700;text-align:center;white-space:nowrap;color:#fff}.bilas-grid-6{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.bilas-grid-6-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;background:#fff;padding:12px 6px 10px;border-radius:16px;box-shadow:0 2px 8px #00000008;cursor:pointer;border:1px solid rgba(226,232,240,.8);position:relative;transition:transform .15s ease,border-color .15s ease,background .15s ease}.bilas-grid-6-item:active{transform:scale(.96)}.bilas-grid-6-item.active{border-color:var(--navy);background:var(--navy-50)}.bilas-grid-6-icon-wrap{width:52px;height:52px;position:relative;display:flex;align-items:center;justify-content:center}.bilas-grid-6-img{width:48px;height:48px;object-fit:contain}.bilas-grid-6-badge{position:absolute;top:-4px;right:-4px;background:var(--primary);color:#fff;font-size:.65rem;font-weight:800;padding:1px 6px;border-radius:999px;border:2px solid #ffffff;line-height:1.3;min-width:18px;text-align:center}.bilas-grid-6-title{font-size:.76rem;font-weight:700;color:#334155;line-height:1.2}.bilas-finance-breakdown-table{display:flex;flex-direction:column;background:#fff;border-radius:16px;padding:8px 16px;border:1px solid #e2e8f0;box-shadow:0 1px 4px #00000005;margin-top:14px}.bilas-finance-breakdown-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f1f5f9;font-size:.82rem;color:#475569}.bilas-finance-breakdown-row:last-child{border-bottom:0}.bilas-finance-breakdown-row strong{font-weight:700;color:#0f172a}.mobile-order-cards{display:flex;flex-direction:column;gap:12px}.mobile-order-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 14px;box-shadow:0 2px 6px #00000008;display:flex;flex-direction:column;gap:10px;transition:border-color .15s}.mobile-order-card:hover{border-color:var(--primary-100)}.mobile-order-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;border-bottom:1px dashed var(--line);padding-bottom:8px}.mobile-order-card-body{display:flex;flex-direction:column;gap:6px;font-size:.88rem}.mobile-order-card-actions{display:flex;gap:8px;align-items:center;padding-top:4px;border-top:1px solid #f1f5f9}.mobile-order-card-actions .btn{flex:1;text-align:center;justify-content:center;padding:9px 10px;font-size:.84rem}@media (max-width: 768px){.desktop-only-table{display:none}.mobile-only-cards{display:flex}}.mini-cal-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 16px}.mini-cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:10px;flex-wrap:wrap}.mini-cal-nav{display:flex;align-items:center;gap:6px}@media (max-width: 500px){.mini-cal-header{flex-direction:column;align-items:stretch;gap:8px}.mini-cal-nav{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;padding:4px 8px;border-radius:8px;border:1px solid var(--line);width:100%}.mini-cal-nav span{flex:1;text-align:center}}.mini-cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.mini-cal-dow{font-size:.72rem;font-weight:700;text-align:center;color:var(--muted);padding:4px 0}.mini-cal-day{min-height:48px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;font-size:.75rem;font-weight:600;cursor:pointer;position:relative;transition:all .15s;padding:4px 2px;-webkit-user-select:none;user-select:none}.mini-cal-day:hover{background:var(--primary-50);border-color:var(--primary)}.mini-cal-day.out{opacity:.35;background:#f8fafc}.mini-cal-day.closed{background:repeating-linear-gradient(45deg,#f8fafc,#f8fafc 4px,#f1f5f9 4px,#f1f5f9 8px);color:#94a3b8}.mini-cal-day.today{border-color:var(--primary);font-weight:800;box-shadow:0 0 0 1px var(--primary)}.mini-cal-day.selected{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}.mini-cal-day.received-day{border:2px dashed var(--navy);background:var(--navy-50)}.mini-cal-day.estimated-day{border:2px solid var(--primary);background:var(--primary-50)}.mini-cal-day.selected.received-day,.mini-cal-day.selected.estimated-day{background:var(--primary)!important;color:#fff!important}.mini-cal-badge{font-size:.65rem;font-weight:700;background:var(--primary-100);color:var(--primary);border-radius:999px;padding:1px 4px;margin-top:2px;line-height:1}.mini-cal-day.selected .mini-cal-badge{background:#ffffff4d;color:#fff}.mini-cal-day.late-order .mini-cal-badge{background:#fee2e2;color:#b91c1c}.cal-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:60;animation:fadeIn .2s ease}.cal-drawer{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:360px;background:#fff;z-index:65;box-shadow:-10px 0 30px #00000040;display:flex;flex-direction:column;transform:translate(100%);transition:transform .28s cubic-bezier(.4,0,.2,1),visibility .28s;overflow:hidden;visibility:hidden;pointer-events:none}.cal-drawer.open{transform:translate(0);visibility:visible;pointer-events:auto}.cal-drawer-header{padding:14px 16px;background:#0f172a;color:#fff;display:flex;align-items:center;justify-content:space-between}.cal-drawer-body{padding:14px 12px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:12px}.admin-cal-drawer-btn{background:#ffffff1a;border:1px solid #334155;color:#fff;border-radius:8px;padding:6px 10px;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.admin-cal-drawer-btn:hover{background:#fff3}.floating-cal-trigger{position:fixed;bottom:22px;right:18px;background:var(--primary);color:#fff;border:0;border-radius:999px;padding:10px 16px;font-size:.85rem;font-weight:700;box-shadow:0 8px 25px #bf2f3b59;cursor:pointer;z-index:40;display:flex;align-items:center;gap:6px;transition:transform .2s,box-shadow .2s}.floating-cal-trigger:hover{transform:scale(1.05);box-shadow:0 12px 30px #bf2f3b80}.demo-banner{background:#fef3c7;color:#78350f;font-size:.82rem;padding:6px 16px;text-align:center;border-bottom:1px solid #fde68a}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:radial-gradient(circle at 50% 20%,#fee2e2 0%,transparent 60%),linear-gradient(160deg,#fef2f2,#e2e8f0)}.auth-card{width:100%;max-width:440px;padding:28px 24px;border-radius:18px;box-shadow:0 10px 40px #0f172a1a}@media (max-width: 480px){.auth-card{padding:20px 16px;border-radius:14px}}.calendar-layout{display:grid;grid-template-columns:2fr 1fr;gap:16px}@media (max-width: 860px){.calendar-layout{grid-template-columns:1fr}}.calendar-header-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:10px;flex-wrap:wrap}.calendar-nav-buttons{display:flex;gap:8px}@media (max-width: 540px){.calendar-header-nav{flex-direction:column;align-items:stretch}.calendar-nav-buttons{width:100%;display:flex;gap:6px}.calendar-nav-buttons button{flex:1;padding:8px 4px!important;font-size:.78rem!important}}.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.cal .dow{font-size:.75rem;font-weight:700;color:var(--muted);text-align:center;padding:4px}.cal .dow.sunday{color:#dc2626;font-weight:800}.cal .day{min-height:104px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:6px;font-size:.78rem;display:flex;flex-direction:column;gap:3px;cursor:pointer;overflow:hidden;position:relative;transition:border-color .15s,box-shadow .15s}.cal .day:hover{border-color:#cbd5e1}.cal .day.out{opacity:.35;background:#fafafa}.cal .day.closed{background:repeating-linear-gradient(45deg,#f8fafc,#f8fafc 6px,#f1f5f9 6px,#f1f5f9 12px)}.cal .day.today{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-100)}.cal .day.sel{outline:2px solid var(--primary);outline-offset:-1px}.cal .num{font-weight:700;color:var(--ink)}.cal .num.red{color:#dc2626;font-weight:800}.cal .day.red-date{background:#fffdfd}.cal .day.red-date.out{background:#fdf8f8;opacity:.35}.cal-holiday-tag{font-size:.65rem;font-weight:700;color:#dc2626;background:#fef2f2;border:1px solid #fee2e2;border-radius:4px;padding:1px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.cal-holiday-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#dc2626;flex-shrink:0}.cal-count-badge{font-size:.68rem;font-weight:800;padding:1px 6px;border-radius:10px;background:#f1f5f9;color:#334155;line-height:1.2;display:inline-flex;align-items:center;gap:3px}.cal-count-badge.all-done{background:#dcfce7;color:#15803d}.cal-count-badge.has-late{background:#fee2e2;color:#991b1b}.cal-month-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;background:#f8fafc;border:1px solid var(--line);border-radius:10px;margin-bottom:14px}.cal-summary-item{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;color:var(--ink)}.cal-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.cal-dot.green{background:#16a34a}.cal-dot.blue{background:var(--navy)}.cal-dot.red{background:#dc2626}.cal-dot.gray{background:#94a3b8}.cal-status-pill{font-size:.68rem;font-weight:700;border-radius:4px;padding:2px 6px;display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.cal-status-pill.done{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.cal-status-pill.prog{background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd}.cal-status-pill.late{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.cal .chip{background:var(--primary-50);color:var(--primary-600);border-radius:6px;padding:1px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.72rem}.cal .chip.late{background:#fee2e2;color:#991b1b}.cal-mob-indicators{display:none;gap:3px;flex-wrap:wrap;align-items:center;margin-top:auto}.cal-mob-pill{font-size:.62rem;font-weight:800;padding:2px 4px;border-radius:4px;line-height:1.1;display:inline-flex;align-items:center;gap:2px;white-space:nowrap}.cal-mob-pill.done{background:#dcfce7;color:#15803d}.cal-mob-pill.prog{background:#e0f2fe;color:#0369a1}.cal-mob-pill.late{background:#fee2e2;color:#991b1b}.cal-date-alert{padding:8px 12px;border-radius:8px;font-size:.8rem;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:8px}.cal-date-alert.holiday{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.cal-date-alert.sunday{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}.cal-date-alert.closed{background:#f1f5f9;border:1px solid #cbd5e1;color:#475569}@media (max-width: 700px){.cal .day{min-height:60px;padding:4px 3px;gap:2px}.cal-status-pill,.cal .chip,.cal-holiday-tag{display:none}.cal-mob-indicators{display:flex}.cal-month-summary{gap:8px;padding:8px 10px}.cal-summary-item{font-size:.74rem}}@media (max-width: 480px){.cal{gap:3px}.cal .day{min-height:52px;padding:3px 2px;font-size:.72rem;border-radius:6px}.cal .dow{font-size:.7rem;padding:2px}.cal-count-badge{font-size:.62rem;padding:0 4px}.cal-mob-pill{font-size:.58rem;padding:1px 2px}}.photo-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.photo-slot{border:2px dashed #cbd5e1;border-radius:12px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;background:#f8fafc;cursor:pointer}.photo-slot input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.photo-slot img{width:100%;height:100%;object-fit:cover}@media (max-width: 480px){.photo-slots{gap:8px}.photo-slot{border-radius:10px}}.modern-hero{background:radial-gradient(1000px 500px at 90% -10%,#fee2e2 0%,transparent 70%),linear-gradient(180deg,#fef2f2,#fff);padding:64px 0 54px}.modern-hero-title{font-size:clamp(2.2rem,5.5vw,3.5rem);font-weight:800;line-height:1.15;letter-spacing:-.025em;color:var(--ink)}.modern-hero-title span{color:var(--primary);background:linear-gradient(135deg,#bf2f3b,#9e242e);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.quick-menu-grid{gap:16px}.quick-menu-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;box-shadow:0 4px 20px #0f172a0d;display:flex;align-items:center;gap:16px;text-decoration:none!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s}.quick-menu-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #bf2f3b1f;border-color:var(--primary-100)}.quick-menu-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.modern-announcement-card{border-left:4px solid var(--primary);background:linear-gradient(180deg,#fff,#f8fafc);padding:20px}.pulse-indicator{width:10px;height:10px;border-radius:50%;background:var(--primary);box-shadow:0 0 #bf2f3b99;animation:pulse-ring 2s infinite;display:inline-block}@keyframes pulse-ring{0%{box-shadow:0 0 #bf2f3b99}70%{box-shadow:0 0 0 8px #bf2f3b00}to{box-shadow:0 0 #bf2f3b00}}.announcement-bubble{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px}.announcement-bubble.important{background:#fffbeb;border-color:#fde68a}.carousel-nav-arrows{display:flex;gap:8px}.carousel-arrow-btn{width:38px;height:38px;border-radius:50%!important;padding:0!important;font-size:1.1rem}.catalog-cat-pills{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:16px;scrollbar-width:none}.catalog-cat-pills::-webkit-scrollbar{display:none}.cat-pill{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:.85rem;font-weight:600;color:#475569;cursor:pointer;white-space:nowrap;transition:all .15s}.cat-pill.active,.cat-pill:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.catalog-slider{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 4px 16px;scrollbar-width:thin}.catalog-slide-card{flex:0 0 280px;scroll-snap-align:start;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.catalog-slide-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0f172a14}@media (max-width: 600px){.catalog-slide-card{flex:0 0 240px}}.line-row{display:grid;grid-template-columns:1fr 140px 36px;gap:8px;align-items:center;padding:6px 0;border-bottom:1px dashed var(--line)}.line-row.prod{grid-template-columns:1fr 110px 70px 110px 36px}@media (max-width: 600px){.line-row{grid-template-columns:1fr 100px 36px;gap:6px}.line-row.prod{grid-template-columns:1fr auto;gap:8px;padding:10px 0}.line-row.prod input{width:64px}}.totals{display:flex;justify-content:space-between;font-size:1.2rem;font-weight:800;padding-top:12px}.kv{display:grid;grid-template-columns:160px 1fr;gap:6px 12px;font-size:.92rem}.kv dt{color:var(--muted)}.kv dd{margin:0}@media (max-width: 600px){.kv{grid-template-columns:1fr}.kv dd{margin-bottom:6px}}.bar-row{display:grid;grid-template-columns:180px 1fr 100px;gap:10px;align-items:center;font-size:.88rem;padding:4px 0}@media (max-width: 600px){.bar-row{grid-template-columns:1fr auto}.bar-row .progress{grid-column:1 / -1}.bar-row .right{text-align:right}}.retention-action-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}@media (max-width: 600px){.retention-action-row{flex-direction:column!important;align-items:stretch!important;gap:10px}.retention-action-row .btn,.retention-action-row button{width:100%;justify-content:center}}.activity-card-compact{background:#fff;border:1px solid var(--line);border-left:5px solid var(--primary);border-radius:12px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 1px 4px #0f172a0a;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.activity-card-compact:hover{border-color:#cbd5e1;box-shadow:0 3px 10px #0f172a12}.activity-card-left{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.activity-card-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.activity-cust-name{font-weight:700;font-size:.95rem;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.activity-wa-pill{background:#16a34a;color:#fff!important;font-size:.72rem;font-weight:700;padding:2px 7px;border-radius:6px;text-decoration:none!important;line-height:1.2;display:inline-flex;align-items:center;gap:3px;transition:background .15s}.activity-wa-pill:hover{background:#15803d}.activity-received-time{font-size:.73rem;color:#64748b;margin-left:auto;white-space:nowrap}.activity-card-item{display:flex;flex-direction:column;gap:1px;font-size:.82rem;color:#334155}.activity-shoe-info{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.84rem}.activity-service-info{color:#64748b;font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-card-footer{display:flex;align-items:center;gap:6px;margin-top:2px}.activity-est-badge{font-size:.72rem;font-weight:600;color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd;padding:1px 7px;border-radius:5px;display:inline-block}.activity-est-badge.late{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.activity-card-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:6px;flex-shrink:0}.stage-select-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1.5px solid;border-radius:8px;padding:0 10px;font-size:.8rem;font-weight:700;cursor:pointer;white-space:nowrap;width:104px;height:32px;box-sizing:border-box;transition:all .15s ease;box-shadow:0 1px 3px #0000000d;flex-shrink:0}.stage-select-btn:hover{filter:brightness(.95);transform:translateY(-1px)}.stage-btn-text{font-weight:700}.stage-btn-arrow{font-size:.75rem;opacity:.8}.activity-detail-link{font-size:.76rem;font-weight:600;color:#475569;text-decoration:none!important;padding:3px 8px;border-radius:6px;background:#f8fafc;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;transition:all .15s}.activity-detail-link:hover{color:var(--primary);background:var(--primary-50);border-color:var(--primary-100)}.stage-picker-sheet{background:#fff;border-radius:20px;width:100%;max-width:440px;overflow:hidden;box-shadow:0 25px 60px #0f172a40;animation:slideUpSheet .22s cubic-bezier(.16,1,.3,1);margin:auto}@media (max-width: 600px){.stage-picker-sheet{position:fixed;bottom:0;left:0;right:0;border-radius:20px 20px 0 0;max-width:100%;max-height:85vh;margin:0}}@keyframes slideUpSheet{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.stage-sheet-header{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#f8fafc}.stage-sheet-title{font-size:1.05rem;font-weight:800;color:var(--ink)}.stage-sheet-sub{font-size:.8rem;color:#64748b;margin-top:2px}.stage-sheet-close{background:#e2e8f0;border:0;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:700;cursor:pointer;color:#475569;transition:background .15s}.stage-sheet-close:hover{background:#cbd5e1;color:var(--ink)}.stage-sheet-body{padding:14px 16px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;max-height:calc(85vh - 80px)}.stage-option-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;border:1.5px solid var(--line);text-align:left;cursor:pointer;width:100%;font:inherit;transition:all .15s ease}.stage-option-row:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.stage-option-row.current{box-shadow:0 0 0 1px currentColor}.stage-option-icon{font-size:1.5rem;flex-shrink:0;width:32px;text-align:center}.stage-option-text{flex:1;min-width:0}.stage-option-title{font-size:.92rem;font-weight:700;display:flex;align-items:center;gap:6px}.stage-current-tag{font-size:.68rem;font-weight:700;background:#dcfce7;color:#166534;padding:1px 6px;border-radius:999px}.stage-option-desc{font-size:.76rem;color:#64748b;margin-top:2px}.stage-option-check{font-size:1.1rem;font-weight:800;color:#16a34a;flex-shrink:0}.order-card-modern{background:#fff;border:1px solid var(--line);border-left:4px solid var(--navy);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 4px #0f172a0a;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.order-card-modern:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0f172a14}.order-card-top-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.order-card-cust-name{font-size:.98rem;font-weight:800;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.order-card-body-info{display:flex;flex-direction:column;gap:3px;background:#f8fafc;padding:8px 10px;border-radius:10px;border:1px solid #f1f5f9}.order-card-item-title{font-size:.88rem;font-weight:700;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-card-service-desc{font-size:.78rem;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-card-meta-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.78rem}.order-card-est-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;font-weight:700;font-size:.76rem;white-space:nowrap;background:var(--primary-50);color:var(--primary);border:1px solid var(--primary-100)}.order-card-est-pill.late{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.order-card-received-date{color:#94a3b8;font-size:.74rem;white-space:nowrap}.order-card-bottom-actions{display:flex;gap:8px;align-items:center;padding-top:10px;border-top:1px dashed var(--line)}.order-card-btn-wa,.order-card-btn-detail{flex:1;height:38px;box-sizing:border-box;font-size:.82rem;font-weight:700;border-radius:8px;text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;transition:all .15s}.order-card-btn-wa{background:#16a34a;color:#fff!important;border:none;cursor:pointer}.order-card-btn-wa:hover{background:#15803d}.order-card-btn-detail{background:#fff;color:var(--ink)!important;border:1px solid var(--line);cursor:pointer}.order-card-btn-detail:hover{background:#f8fafc;border-color:#cbd5e1}.activity-filter-grid{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-bottom:14px}.activity-filter-grid::-webkit-scrollbar{display:none}@media (min-width: 680px){.activity-filter-grid{flex-wrap:wrap;gap:8px}}.activity-filter-btn{background:#f8fafc;border:1px solid var(--line);border-radius:999px;height:34px;box-sizing:border-box;padding:6px 14px;font:inherit;font-size:.8rem;font-weight:600;color:#475569;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:3px;white-space:nowrap;flex-shrink:0;transition:all .15s ease;-webkit-user-select:none;user-select:none}.activity-filter-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.activity-filter-btn.active{font-weight:700;box-shadow:0 1px 3px #00000014}.activity-filter-btn.active.filter-all{background:var(--primary-50);border-color:var(--primary);color:var(--primary)}.activity-filter-btn.active.filter-menunggu{background:#e0e9f4;border-color:#001b3a;color:#001b3a}.activity-filter-btn.active.filter-pencucian{background:var(--navy-50);border-color:var(--navy);color:var(--navy)}.activity-filter-btn.active.filter-pengeringan{background:#fef3c7;border-color:#d97706;color:#92400e}.activity-filter-btn.active.filter-finishing{background:#ede9fe;border-color:#7c3aed;color:#5b21b6}.activity-filter-btn.active.filter-selesai{background:#dcfce7;border-color:#16a34a;color:#15803d}.activity-filter-btn.active.filter-diambil{background:#f1f5f9;border-color:#64748b;color:#334155}.activity-filter-btn.active.filter-batal{background:#fee2e2;border-color:#dc2626;color:#991b1b}@media (min-width: 680px){.activity-filter-grid{display:flex;flex-wrap:wrap;gap:8px}.activity-filter-btn{padding:8px 14px;font-size:.84rem;border-radius:999px}}.fragrance-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;box-sizing:border-box}@media (max-width: 640px){.fragrance-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}}.fragrance-card-btn{background:#fff;border:1.5px solid var(--line);border-radius:10px;padding:8px 10px;cursor:pointer;text-align:left;display:flex;flex-direction:column;justify-content:space-between;gap:4px;font:inherit;transition:all .15s ease;min-height:56px;-webkit-user-select:none;user-select:none;box-sizing:border-box;width:100%;min-width:0}.fragrance-card-btn:hover{background:#f8fafc;border-color:#cbd5e1}.fragrance-card-btn.active{background:var(--primary-50);border-color:var(--primary);box-shadow:0 0 0 1px var(--primary),0 2px 6px #bf2f3b1f}.fragrance-card-header{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;min-width:0}.fragrance-card-name{font-size:.84rem;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fragrance-card-btn.active .fragrance-card-name{color:var(--primary)}.fragrance-card-check{font-size:.72rem;font-weight:800;color:var(--primary);background:var(--primary-100);padding:1px 6px;border-radius:999px;white-space:nowrap}.fragrance-card-desc{font-size:.72rem;color:#64748b;line-height:1.2}.product-compact-list{display:flex;flex-direction:column;gap:6px;width:100%;box-sizing:border-box}.product-compact-row{background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;box-sizing:border-box;transition:all .15s ease}.product-compact-row:hover{background:#f8fafc;border-color:#cbd5e1}.product-compact-row.selected{background:var(--primary-50);border-color:var(--primary)}.product-compact-info{display:flex;flex-direction:column;justify-content:center;gap:2px;flex:1;min-width:0}.product-compact-title-row{display:flex;align-items:center;gap:8px;min-width:0}.product-compact-name{font-size:.88rem;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-compact-row.selected .product-compact-name{color:var(--primary)}.product-compact-price{font-size:.76rem;font-weight:700;color:var(--primary);background:var(--primary-100);padding:1px 6px;border-radius:6px;white-space:nowrap;flex-shrink:0}.product-compact-sub{font-size:.73rem;color:#64748b;font-weight:500;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-compact-desc{color:#94a3b8;font-weight:400}.product-card-action{flex-shrink:0}.product-btn-add{background:#fff;border:1.5px solid var(--primary);color:var(--primary);font:inherit;font-size:.78rem;font-weight:700;padding:5px 12px;border-radius:7px;cursor:pointer;white-space:nowrap;transition:all .15s ease}.product-btn-add:hover{background:var(--primary);color:#fff}.product-stepper{display:inline-flex;align-items:center;background:#fff;border:1.5px solid var(--primary);border-radius:7px;overflow:hidden}.stepper-btn{background:transparent;border:none;font:inherit;font-size:.95rem;font-weight:700;color:var(--primary);width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.stepper-btn:hover{background:var(--primary-50)}.stepper-val{min-width:24px;text-align:center;font-size:.84rem;font-weight:800;color:var(--ink)}.segmented-control{display:flex;background:#f1f5f9;padding:3px;border-radius:10px;border:1px solid var(--line);gap:3px;width:100%;box-sizing:border-box}.segmented-btn{flex:1;background:transparent;border:none;border-radius:7px;padding:8px 10px;font:inherit;font-size:.84rem;font-weight:600;color:#64748b;cursor:pointer;text-align:center;white-space:nowrap;transition:all .15s ease;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}.segmented-btn:hover{color:var(--ink)}.segmented-btn.active{background:#fff;color:var(--primary);font-weight:700;box-shadow:0 1px 3px #0f172a1a}.segmented-btn.active.lunas{background:#dcfce7;color:#166534}.segmented-btn.active.belum-lunas{background:#fee2e2;color:#991b1b}.item-type-grid{display:flex;flex-wrap:wrap;gap:8px;width:100%}.item-type-chip{background:#fff;border:1.5px solid var(--line);border-radius:8px;padding:8px 14px;font:inherit;font-size:.84rem;font-weight:600;color:#475569;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.item-type-chip:hover{background:#f8fafc;border-color:#cbd5e1}.item-type-chip.active{background:var(--primary-50);border-color:var(--primary);color:var(--primary);font-weight:700;box-shadow:0 0 0 1px var(--primary)}.status-pill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%}@media (max-width: 480px){.status-pill-grid{grid-template-columns:repeat(2,1fr)}}.status-pill-btn{background:#fff;border:1.5px solid var(--line);border-radius:8px;padding:8px 6px;font:inherit;font-size:.8rem;font-weight:600;color:var(--ink);cursor:pointer;text-align:center;transition:all .15s ease;-webkit-user-select:none;user-select:none}.status-pill-btn:hover{background:#f8fafc;border-color:#cbd5e1}.status-pill-btn.active{background:var(--primary-50);border-color:var(--primary);color:var(--primary);font-weight:700;box-shadow:0 0 0 1px var(--primary)}.order-detail-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media (max-width: 600px){.order-detail-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.order-detail-actions .btn{width:100%!important;text-align:center;justify-content:center;padding:9px 12px!important;font-size:.8rem!important}.order-detail-actions .btn.wa{grid-column:span 2}}.order-service-list{display:flex;flex-direction:column;gap:8px;width:100%}.order-service-card{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#fff;border:1px solid var(--line);border-radius:10px;gap:12px}.order-service-card-info{display:flex;flex-direction:column;gap:2px;min-width:0}.order-service-card-name{font-size:.88rem;font-weight:700;color:var(--ink)}.order-service-card-meta{font-size:.74rem;color:#64748b;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.order-service-card-price{font-size:.92rem;font-weight:700;color:var(--primary);background:var(--primary-100);padding:2px 8px;border-radius:6px;white-space:nowrap}.order-detail-header-card{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px;width:100%;box-sizing:border-box;margin-bottom:4px}.order-badge-row{display:flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;width:auto!important}.order-badge-row .badge{width:auto!important;display:inline-flex!important;text-align:left!important;padding:4px 10px!important;font-size:.78rem!important;font-weight:700!important;margin:0!important}.order-detail-title{font-size:1.35rem;font-weight:800;margin:0;color:var(--ink);line-height:1.3}.order-detail-sub{font-size:.84rem;color:#64748b;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.order-detail-action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px;width:100%}@media (max-width: 680px){.order-detail-action-grid{grid-template-columns:repeat(2,1fr)}}.order-detail-action-grid .btn{width:100%!important;text-align:center;justify-content:center;padding:9px 8px!important;font-size:.8rem!important;font-weight:700;box-sizing:border-box}.order-spec-grid{display:flex;flex-direction:column;margin-top:10px}.order-spec-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px dashed var(--line);font-size:.88rem;gap:12px}.order-spec-row:last-child{border-bottom:none}.order-spec-label{color:#64748b;font-weight:500;flex-shrink:0}.order-spec-val{font-weight:600;color:var(--ink);text-align:right;word-break:break-word}.desktop-only-table{display:block}.mobile-only-cards{display:none}@media (max-width: 768px){.desktop-only-table{display:none!important}.mobile-only-cards{display:flex!important;flex-direction:column;gap:12px}.table-scroll-hint{display:none!important}}.order-list-mobile-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 3px #0000000a;transition:all .15s ease}.order-list-mobile-card:hover{border-color:#cbd5e1}.order-list-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;border-bottom:1px dashed var(--line);padding-bottom:8px}.order-list-card-body{display:flex;flex-direction:column;gap:3px}.order-list-card-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;background:#f8fafc;padding:6px 10px;border-radius:6px}.order-list-card-actions{display:flex;gap:8px;margin-top:2px}.order-list-card-actions .btn{flex:1;text-align:center;justify-content:center;padding:8px 10px;font-size:.82rem;font-weight:600}.customer-mobile-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 3px #0000000a;transition:all .15s ease;box-sizing:border-box}.customer-mobile-card:hover{border-color:#cbd5e1}.customer-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.customer-card-name{font-size:.98rem;font-weight:700;color:var(--ink);display:block}.customer-card-phone{font-size:.82rem;color:var(--muted);margin-top:2px}.customer-card-wa{padding:5px 12px;font-size:.78rem;font-weight:600;border-radius:8px;flex-shrink:0}.customer-card-notes{background:#f8fafc;border-left:3px solid var(--line);padding:6px 10px;border-radius:4px;font-size:.8rem;color:#334155;line-height:1.35}.customer-notes-label{font-weight:600;color:var(--muted)}.customer-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px dashed var(--line);gap:8px;flex-wrap:wrap}.customer-card-date{font-size:.74rem;color:#94a3b8}.customer-card-actions{display:flex;gap:6px}.customer-card-actions .btn{padding:5px 10px;font-size:.78rem}.services-filter-pills{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.services-filter-pills::-webkit-scrollbar{display:none}.services-filter-pills .activity-filter-btn{border-radius:999px;padding:6px 14px;font-size:.8rem;font-weight:600;flex-shrink:0;height:34px}.activity-filter-btn.active.filter-main{background:var(--navy-50);border-color:var(--navy);color:var(--navy)}.activity-filter-btn.active.filter-express{background:#fef3c7;border-color:#d97706;color:#92400e}.activity-filter-btn.active.filter-additional{background:#ede9fe;border-color:#7c3aed;color:#5b21b6}.activity-filter-btn.active.filter-other{background:#f1f5f9;border-color:#64748b;color:#334155}.service-mobile-card,.staff-mobile-card,.announcement-mobile-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 3px #0000000a;box-sizing:border-box;transition:border-color .15s ease}.service-mobile-card:hover,.staff-mobile-card:hover,.announcement-mobile-card:hover{border-color:#cbd5e1}.service-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.service-card-name{font-size:1rem;font-weight:700;color:var(--ink);line-height:1.3}.service-card-price{font-size:1rem;font-weight:800;color:var(--primary);white-space:nowrap;flex-shrink:0}.service-card-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.service-card-desc{font-size:.82rem;color:var(--muted);line-height:1.4}.service-card-meta-row{display:flex;align-items:center;gap:12px;background:#f8fafc;padding:7px 10px;border-radius:8px;font-size:.8rem;color:#475569;flex-wrap:wrap}.service-card-meta-row strong{color:var(--ink)}.service-card-footer{display:flex;align-items:center;justify-content:flex-end;padding-top:8px;border-top:1px dashed var(--line);gap:8px}.service-card-actions{display:flex;gap:8px;width:100%}.service-card-actions .btn{flex:1;text-align:center;justify-content:center;padding:7px 12px;font-size:.8rem;font-weight:700;border-radius:8px}.dash-metric-card .val.currency{font-size:1.35rem;font-weight:800;letter-spacing:-.02em}@media (max-width: 680px){.dash-metric-card .val.currency{font-size:1.15rem}}.report-leaderboard{display:flex;flex-direction:column;gap:12px}.report-rank-row{display:flex;flex-direction:column;gap:6px;padding-bottom:10px;border-bottom:1px dashed var(--line)}.report-rank-row:last-child{border-bottom:none;padding-bottom:0}.report-rank-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.report-rank-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;font-size:.72rem;font-weight:800;background:#f1f5f9;color:#475569}.report-rank-badge.top-1{background:#fef3c7;color:#92400e}.report-rank-badge.top-2{background:#f1f5f9;color:#334155}.report-rank-badge.top-3{background:#ffedd5;color:#9a3412}.report-rank-title{font-size:.88rem;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:8px}.report-rank-stats{display:flex;align-items:center;gap:10px;font-size:.82rem}.report-progress-bar{width:100%;height:6px;background:#f1f5f9;border-radius:999px;overflow:hidden}.report-progress-fill{height:100%;border-radius:999px;background:var(--primary);transition:width .3s ease}.report-progress-fill.qris{background:var(--navy)}.report-progress-fill.cash{background:#16a34a}.service-line-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:#f8fafc;border:1px solid var(--line);border-radius:10px}.service-line-info{flex:1;min-width:0}.service-line-info strong{font-size:.88rem;color:var(--ink);display:block}.service-line-controls{display:flex;align-items:center;gap:6px;flex-shrink:0}.service-line-price-input{width:120px;text-align:right;font-weight:700;color:var(--primary);padding:7px 10px;font-size:.88rem}@media (max-width: 500px){.service-line-card{flex-direction:column;align-items:stretch;gap:8px}.service-line-controls{width:100%}.service-line-price-input{flex:1;width:auto}}.form-submit-bar{display:flex;justify-content:flex-end;align-items:center;gap:12px}@media (max-width: 600px){.form-submit-bar{width:100%;gap:8px}.form-submit-bar .btn{flex:1;justify-content:center;text-align:center;padding:12px 14px;font-size:.92rem;white-space:normal}.card .btn{max-width:100%;white-space:normal;text-align:center;line-height:1.3}}.receipt-dashed-divider{width:100%;height:2px;background:repeating-linear-gradient(90deg,#0c2340 0px,#0c2340 10px,transparent 10px,transparent 14px,#c82d38 14px,#c82d38 24px,transparent 24px,transparent 28px);margin:10px 0;border:none}.receipt-dashed-divider.black{background:none;height:0;border-bottom:1.5px dashed #000000;margin:10px 0}.soleful-receipt-container{box-sizing:border-box}@media print{@page{size:auto;margin:4mm 6mm}html,body{overflow:visible!important;height:auto!important;min-height:0!important;max-height:100%!important;background:#fff!important;margin:0!important;padding:0!important}body>*{display:none!important}body>#modal-root,body>div[style*=z-index]{display:block!important}.modal-overlay,.modal-backdrop{position:static!important;padding:0!important;margin:0!important;background:transparent!important;display:block!important;overflow:visible!important;height:auto!important;min-height:0!important;max-height:none!important}.invoice-modal-card{position:static!important;max-height:none!important;height:auto!important;min-height:0!important;width:100%!important;max-width:380px!important;margin:0 auto!important;padding:0!important;box-shadow:none!important;border:none!important;border-radius:0!important;background:transparent!important;display:block!important;overflow:visible!important}.invoice-modal-card>div:not(:last-child){display:none!important}.invoice-modal-card>div:last-child{padding:0!important;background:transparent!important;display:block!important;overflow:visible!important;height:auto!important}#printable-receipt{position:static!important;width:100%!important;max-width:380px!important;margin:0 auto!important;padding:0!important;box-shadow:none!important;border-radius:0!important;background:#fff!important;page-break-after:avoid!important;break-after:avoid!important}.soleful-receipt-container{padding:6px 4px!important;page-break-after:avoid!important;break-after:avoid!important}}@media (max-width: 480px){.soleful-receipt-container{padding:16px 12px!important;font-size:.82rem!important}.invoice-modal-card{max-height:96vh!important;margin:8px!important}}.order-stepper-header{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px 12px;margin-bottom:16px;box-shadow:var(--shadow)}.order-step-pill{display:flex;align-items:center;gap:8px;background:transparent;border:none;cursor:pointer;padding:8px 12px;border-radius:8px;color:#64748b;font-weight:600;font-size:.88rem;transition:all .15s ease}.order-step-pill:hover{background:#f1f5f9}.order-step-pill.active{background:var(--navy);color:#fff}.order-step-pill.active .order-step-num{background:#fff;color:var(--navy)}.order-step-pill.complete:not(.active){color:var(--navy)}.order-step-pill.complete:not(.active) .order-step-num{background:#dcfce7;color:#166534}.order-step-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#e2e8f0;color:#475569;font-size:.75rem;font-weight:700}.order-step-connector{flex:1;height:2px;background:#e2e8f0;margin:0 8px}@media (max-width: 600px){.order-step-pill{padding:6px 8px;gap:6px}.order-step-label{display:none}.order-step-pill.active .order-step-label{display:inline;font-size:.82rem}}.form-step-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px}@media (max-width: 600px){.form-step-actions{width:100%;gap:8px}.form-step-actions .btn{flex:1;justify-content:center;text-align:center;padding:12px 14px;font-size:.92rem;white-space:normal}}.order-mobile-sticky-bar{display:none}@media (max-width: 900px){.order-form-page-wrap{padding-bottom:70px}.order-mobile-sticky-bar{display:flex;align-items:center;justify-content:space-between;position:fixed;bottom:calc(64px + env(safe-area-inset-bottom,0px));left:0;right:0;background:#fffffffa;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:10px 16px;box-shadow:0 -4px 16px #00000014;z-index:40}.order-mobile-sticky-info{display:flex;flex-direction:column}.order-mobile-sticky-total{font-size:1.05rem;font-weight:800;color:var(--navy);line-height:1.2}.order-mobile-sticky-sub{font-size:.72rem;color:#64748b}}.order-detail-action-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;z-index:40;display:flex;align-items:center;gap:12px;box-sizing:border-box;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #e2e8f0;border-radius:16px 16px 0 0;box-shadow:0 -6px 20px #0f172a1a}@media (min-width: 901px){.order-detail-action-bar{left:calc(50% + 120px)}}.order-detail-action-btn{font-weight:800;font-size:.88rem;padding:12px;border-radius:24px;cursor:pointer;transition:filter .15s ease;min-height:44px}.order-detail-action-btn:disabled{cursor:not-allowed;opacity:.65}.admin-sticky-bottom-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;z-index:40;box-sizing:border-box;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #e2e8f0;border-radius:16px 16px 0 0;box-shadow:0 -6px 20px #0f172a1a}@media (min-width: 901px){.admin-sticky-bottom-bar{left:calc(50% + 120px)}}.customer-detail-sticky-action{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);width:100%;max-width:640px;display:flex;flex-direction:column;align-items:center;padding:0 16px;z-index:42;pointer-events:none;box-sizing:border-box}@media (min-width: 901px){.customer-detail-sticky-action{left:calc(50% + 120px);bottom:24px}}.sidebar-create-tx-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 16px);margin:0 8px 16px;padding:11px 14px;background:linear-gradient(135deg,#bf2f3b,#9e242e);color:#fff!important;border:none;border-radius:12px;font-size:.9rem;font-weight:800;cursor:pointer;box-shadow:0 4px 12px #bf2f3b59;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;text-decoration:none!important}.sidebar-create-tx-btn:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 6px 16px #bf2f3b73}.sidebar-create-tx-btn:active{transform:translateY(0)}@media (min-width: 901px){.mobile-only-subbar{display:none!important}}.modal-content{background:#fff;border-radius:20px;border:1px solid rgba(226,232,240,.9);box-shadow:0 20px 60px #001b3a47;max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain;animation:modalContentPop .18s cubic-bezier(.16,1,.3,1)}@keyframes modalContentPop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 640px){.modal-content{max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px)}}.public-app-shell{min-height:100vh;display:flex;flex-direction:column;background:#f8fafc}.public-top-banner-alert{background:linear-gradient(90deg,#001b3a,#bf2f3b);color:#fff;font-size:.78rem;font-weight:600;padding:6px 14px;display:flex;align-items:center;justify-content:flex-start;gap:10px;text-decoration:none!important;overflow:hidden;position:relative;width:100%}.public-top-banner-alert:hover{filter:brightness(1.08)}.public-top-banner-badge{background:#ffffff3d;padding:2px 8px;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.04em;flex-shrink:0;z-index:2}.public-marquee-wrap{flex:1;overflow:hidden;white-space:nowrap;position:relative;mask-image:linear-gradient(to right,transparent,black 15px,black 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 15px,black 95%,transparent)}.public-marquee-track{display:inline-flex;align-items:center;white-space:nowrap;animation:publicMarqueeScroll 22s linear infinite}.public-marquee-track:hover{animation-play-state:paused}.public-marquee-spacer{margin:0 24px;opacity:.6;font-size:.7rem}@keyframes publicMarqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.public-marquee-track{animation:none!important}}.public-simple-header{position:sticky;top:0;z-index:50;background:linear-gradient(135deg,#001b3a,#0a2548);border-bottom:2px solid #bf2f3b;box-shadow:0 4px 16px #001b3a40}.public-nav-container{width:100%;max-width:1040px;margin:0 auto;padding:0 16px;height:64px;display:flex;align-items:center;justify-content:space-between}.public-nav-container .brand{color:#fff!important}.public-nav-container .brand small{color:#ffffffbf!important}.public-desktop-nav{display:flex;align-items:center;gap:6px}.public-desktop-nav a{padding:8px 14px;border-radius:8px;color:#ffffffd9;font-weight:600;font-size:.88rem;text-decoration:none!important;transition:all .15s ease}.public-desktop-nav a:hover{background:#ffffff1f;color:#fff}.public-desktop-nav a.active{background:#bf2f3b40;color:#fff;border:1px solid rgba(254,202,202,.3);font-weight:700}.public-mobile-actions{display:none;align-items:center;gap:8px}.public-burger-btn{background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:10px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff;cursor:pointer;transition:background .15s ease}.public-burger-btn:hover{background:#fff3}.public-mobile-dropdown{display:flex;flex-direction:column;gap:4px;background:#001b3a;padding:12px 16px 16px;border-bottom:2px solid #bf2f3b;box-shadow:0 10px 24px #001b3a59}.public-mobile-dropdown a{padding:10px 12px;border-radius:8px;color:#ffffffe0;font-weight:600;font-size:.92rem;text-decoration:none!important}.public-mobile-dropdown a:hover{background:#ffffff14;color:#fff}.public-mobile-dropdown a.active{background:#bf2f3b;color:#fff}@media (max-width: 820px){.public-desktop-nav{display:none}.public-mobile-actions{display:flex}}.public-page-wrapper{padding:20px 0 40px}.public-container{width:100%;max-width:960px;margin:0 auto;padding:20px 16px 40px}.public-hero-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:24px 22px;box-shadow:0 2px 8px #001b3a0a}.public-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center}.public-badge-open{display:inline-flex;align-items:center;gap:6px;background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d;font-size:.76rem;font-weight:700;padding:4px 10px;border-radius:999px;margin-bottom:10px}.public-dot-pulse{width:7px;height:7px;border-radius:50%;background:#16a34a}.public-hero-heading{font-size:1.85rem;font-weight:800;color:#001b3a;letter-spacing:-.025em;margin:0 0 8px;line-height:1.2}.public-hero-heading span{color:#bf2f3b}.public-hero-desc{font-size:.9rem;color:#475569;line-height:1.5;margin:0;max-width:480px}.public-track-box{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:16px;padding:18px}@media (max-width: 768px){.public-hero-grid{grid-template-columns:1fr;gap:18px}.public-hero-heading{font-size:1.5rem}.public-hero-card{padding:18px 16px}}.public-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;padding:18px 20px;box-shadow:0 1px 4px #001b3a08;transition:transform .18s ease,box-shadow .18s ease}.public-service-card{transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.public-service-card:hover{border-color:#cbd5e1!important;transform:translateY(-1px);box-shadow:0 4px 12px #001b3a0a}.public-parfum-card{transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.public-parfum-card:hover{border-color:#cbd5e1!important;transform:translateY(-1px);box-shadow:0 4px 12px #001b3a0a}@media (prefers-reduced-motion: reduce){.public-card,.public-service-card,.public-parfum-card{transition:none!important;transform:none!important}}@media (max-width: 600px){.public-card{padding:14px;border-radius:14px}}.public-category-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:14px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.public-category-scroll::-webkit-scrollbar{display:none}.public-category-btn{white-space:nowrap;padding:8px 14px;border-radius:999px;font-size:.82rem;font-weight:700;transition:all .15s ease;flex-shrink:0}.public-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width: 680px){.public-steps-grid{grid-template-columns:1fr;gap:8px}}.public-step-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:14px 16px;display:flex;align-items:flex-start;gap:12px}.public-step-num{width:28px;height:28px;border-radius:50%;background:#001b3a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:800;flex-shrink:0}.public-slogan-banner{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:14px 20px;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:0 1px 4px #001b3a08}.public-services-scroll-rail{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 14px;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.public-services-scroll-rail::-webkit-scrollbar{height:5px}.public-services-scroll-rail::-webkit-scrollbar-track{background:#f1f5f9;border-radius:999px}.public-services-scroll-rail::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.public-service-card-horizontal{flex:0 0 210px;max-width:220px;scroll-snap-align:start;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:14px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 2px 6px #001b3a08;transition:transform .18s ease,border-color .18s ease}.public-service-card-horizontal:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 14px #001b3a0f}.public-services-shopee-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}@media (max-width: 540px){.public-services-shopee-grid{grid-template-columns:repeat(2,1fr);gap:10px}.public-service-card-horizontal{flex:0 0 175px;max-width:185px;padding:12px}}.public-service-shopee-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:14px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 1px 4px #001b3a08;transition:transform .18s ease,border-color .18s ease}.public-service-shopee-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 16px #001b3a0f}.public-simple-footer{background:#001b3a;color:#cbd5e1;padding:36px 0 24px;margin-top:32px}.public-simple-footer a{text-decoration:none!important}.public-simple-footer a:hover{text-decoration:underline!important}