.admin-root{--navy:#0e3b7b;--navy-pressed:#1c52a0;--ink:#0f1b2d;--muted-blue:#7c94c3;--blue-grey:#92a8ce;--baby:#c9d4e5;--page:#eef1f6;--card:#fff;--line:#e6eaf1;--fill:#f1f3f8;--text:#0f1b2d;--text-muted:#5a6b85;--success:#1f9d6b;--success-soft:#e3f3ec;--warning:#c87b1e;--warning-soft:#fff4e6;--danger:#d64545;--danger-soft:#fdecec;--info-soft:#eef3fb;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--shadow-card:0 8px 24px #0f1b2d0f;color:var(--text);background:var(--page);min-height:100vh;font-size:15px;line-height:1.6}.admin-root :focus-visible{outline:2px solid var(--navy-pressed);outline-offset:2px;border-radius:6px}.shell{min-height:100vh;display:flex}.shell-main{flex:1;min-width:0}.content{flex-direction:column;flex:1;gap:24px;min-width:0;padding:28px 32px 48px;display:flex}.sidebar-rail{flex-shrink:0;width:264px;transition:width .18s}.sidebar-rail[data-collapsed=true]{width:72px}.sidebar{z-index:20;background:var(--ink);color:#eef1f6;flex-direction:column;width:264px;height:100svh;padding:24px 16px;transition:width .18s,padding .18s;display:flex;position:fixed;inset-block:0;inset-inline-start:0}.sidebar .nav{flex:1;min-height:0;overflow-y:auto}.brand{flex-shrink:0;align-items:center;gap:12px;padding:4px 8px 20px;display:flex}.brand-text{flex:1;min-width:0}.sidebar-trigger{flex-shrink:0}.brand-icon{background:var(--card);width:44px;height:44px;color:var(--navy);border-radius:12px;place-items:center;display:grid}.brand-name{font-size:16px;font-weight:700;line-height:1.3}.brand-sub{letter-spacing:.18em;color:var(--blue-grey);font-size:11px}.nav{flex-direction:column;gap:4px;margin-top:8px;display:flex}.nav-link{color:var(--baby);border-radius:12px;align-items:center;gap:12px;padding:11px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex;position:relative}.nav-link svg{flex-shrink:0}.nav-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nav-link:hover{color:#fff;background:#ffffff0f}.nav-link[data-active=true]{background:var(--navy-pressed);color:#fff;font-weight:600}.nav-sub{border-inline-start:1px solid #ffffff24;flex-direction:column;gap:2px;margin:3px 14px 6px;padding-inline-start:15px;display:flex}.nav-sub-link{color:var(--blue-grey);border-radius:9px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.nav-sub-link:hover{color:#fff;background:#ffffff0d}.nav-sub-link[data-active=true]{color:#fff;font-weight:600}.avatar{background:var(--navy-pressed);color:#fff;border-radius:999px;flex-shrink:0;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.sidebar-user{text-align:start;flex-direction:column;flex:1;min-width:0;display:flex}.sidebar-user-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sidebar-user-role{color:var(--blue-grey);font-size:11px}.user-menu{flex-shrink:0;margin-top:auto;position:relative}.user-menu-trigger{width:100%;font:inherit;cursor:pointer;border-radius:var(--radius-md);color:inherit;background:#ffffff0d;border:none;align-items:center;gap:12px;padding:12px 14px;transition:background .15s;display:flex}.user-menu-trigger:hover{background:#ffffff17}.user-menu-chevron{color:var(--blue-grey);flex-shrink:0;transition:transform .15s}.user-menu-trigger[aria-expanded=true] .user-menu-chevron{transform:rotate(180deg)}.user-menu-popup{bottom:calc(100% + 8px);border-radius:var(--radius-md);border:1px solid var(--line);background:var(--card);width:100%;min-width:min(240px,100%);color:var(--text);z-index:40;padding:6px;position:absolute;inset-inline-start:0;box-shadow:0 12px 32px #0f1b2d3d}.user-menu-item{width:100%;color:var(--text);font:inherit;text-align:start;cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:10px;padding:9px 10px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.user-menu-item:hover{background:var(--fill)}.user-menu-separator{background:var(--line);height:1px;margin:5px 4px}.user-menu-heading{letter-spacing:.06em;color:var(--text-muted);align-items:center;gap:8px;padding:7px 10px 4px;font-size:11px;font-weight:600;display:flex}.user-menu-check{color:var(--navy);visibility:hidden;flex-shrink:0}.user-menu-check[data-selected=true]{visibility:visible}.user-menu-choice:disabled{opacity:.6;cursor:default}.icon-button{width:34px;height:34px;color:var(--baby);cursor:pointer;background:0 0;border:none;border-radius:10px;place-items:center;transition:background .15s;display:grid}.icon-button:hover{color:#fff;background:#ffffff1a}.sidebar[data-collapsed=true]{width:72px;padding-inline:12px}.sidebar[data-collapsed=true] .nav{overflow:visible}.sidebar[data-collapsed=true] .brand{flex-direction:column;gap:14px;padding-inline:0}.sidebar[data-collapsed=true] .brand-text,.sidebar[data-collapsed=true] .user-menu-chevron{display:none}.sidebar[data-collapsed=true] .nav-link,.sidebar[data-collapsed=true] .user-menu-trigger{justify-content:center;gap:0;padding-inline:0}.sidebar[data-collapsed=true] .nav-label,.sidebar[data-collapsed=true] .sidebar-user{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.sidebar[data-collapsed=true] .nav-link:after,.sidebar[data-collapsed=true] .user-menu-trigger:after{content:attr(data-title);inset-inline-end:calc(100% + 10px);background:var(--ink);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:30;border:1px solid #ffffff24;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:500;transition:opacity .12s;position:absolute;top:50%;transform:translateY(-50%)}.sidebar[data-collapsed=true] .nav-link:hover:after,.sidebar[data-collapsed=true] .nav-link:focus-visible:after,.sidebar[data-collapsed=true] .user-menu-trigger:hover:after,.sidebar[data-collapsed=true] .user-menu-trigger:focus-visible:after{opacity:1}.sidebar[data-collapsed=true] .user-menu-trigger{position:relative}.sidebar[data-collapsed=true] .user-menu-popup{width:max-content;min-width:200px}@media (prefers-reduced-motion:reduce){.sidebar,.user-menu-chevron,.sidebar[data-collapsed=true] .nav-link:after,.sidebar[data-collapsed=true] .user-menu-trigger:after{transition:none}}.account-card{flex-direction:column;gap:16px;max-width:620px;padding:20px;display:flex}.account-card-head{align-items:flex-start;gap:12px;display:flex}.account-fields{gap:14px;display:grid}.account-actions{justify-content:flex-end;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-title{font-size:26px;font-weight:700;line-height:1.3}.page-date{color:var(--text-muted);margin-top:2px;font-size:13px}.header-tools{align-items:center;gap:12px;display:flex}.search{background:var(--card);border:1px solid var(--line);width:300px;height:44px;color:var(--text-muted);border-radius:12px;align-items:center;gap:10px;padding:0 14px;display:flex}.search input{font:inherit;color:var(--text);background:0 0;border:none;outline:none;width:100%}.search input::placeholder{color:var(--blue-grey)}.bell{border:1px solid var(--line);background:var(--card);width:44px;height:44px;color:var(--navy);cursor:pointer;border-radius:12px;place-items:center;display:grid;position:relative}.bell-dot{top:10px;background:var(--danger);border:2px solid var(--card);border-radius:999px;width:8px;height:8px;position:absolute;inset-inline-end:10px}.card{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:20px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;display:grid}.stat-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.stat-icon{background:var(--info-soft);width:44px;height:44px;color:var(--navy);border-radius:12px;place-items:center;display:grid}.delta{border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.delta[data-tone=up]{background:var(--success-soft);color:var(--success)}.delta[data-tone=down]{background:var(--danger-soft);color:var(--danger)}.stat-value{font-size:26px;font-weight:700;line-height:1.2}.stat-value small{color:var(--text-muted);margin-inline-start:4px;font-size:14px;font-weight:500}.stat-label{color:var(--text-muted);margin-top:2px;font-size:13px}.charts-row{grid-template-columns:1.6fr 1fr;gap:16px;display:grid}.card-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.card-title{font-size:16px;font-weight:700}.link{color:var(--navy);font-size:13px;font-weight:600;text-decoration:none}.link:hover{text-decoration:underline}.card-sub{color:var(--text-muted);margin-top:2px;font-size:12px}.card-sub strong{color:var(--text)}.chart-plot{padding-top:26px;position:relative}.gridline{border-top:1px solid var(--fill);pointer-events:none;position:absolute;inset-inline:0}.gridline .tick-label{inset-inline-start:0;color:var(--blue-grey);font-variant-numeric:tabular-nums;background:var(--card);padding-inline-end:6px;font-size:10px;position:absolute;top:-8px}.bars{justify-content:space-between;align-items:stretch;gap:8px;height:200px;padding-inline-start:26px;display:flex}.bar-col{cursor:pointer;font:inherit;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:10px;padding:0;display:flex}.bar-area{flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex;position:relative}.bar{background:var(--baby);border-radius:4px 4px 0 0;width:100%;max-width:24px;transition:height .6s cubic-bezier(.22,1,.36,1),background .15s}.bar[data-active=true]{background:var(--navy)}.bar[data-hover=true]{background:var(--muted-blue)}.bar[data-active=true][data-hover=true]{background:var(--navy-pressed)}.bar-value{text-align:center;color:var(--text);font-variant-numeric:tabular-nums;pointer-events:none;font-size:12px;font-weight:700;transition:bottom .6s cubic-bezier(.22,1,.36,1);position:absolute;inset-inline:0}.bar-label{color:var(--text-muted);font-size:12px}.bar-label[data-active=true]{color:var(--text);font-weight:600}.chart-tooltip{background:var(--card);border:1px solid var(--line);white-space:nowrap;pointer-events:none;opacity:0;z-index:5;border-radius:8px;flex-direction:column;align-items:center;gap:1px;padding:6px 12px;transition:opacity .12s,bottom .6s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;inset-inline-start:50%;translate:50%;box-shadow:0 6px 18px #0f1b2d24}[dir=ltr] .chart-tooltip{translate:-50%}.chart-tooltip[data-show=true]{opacity:1}.chart-tooltip strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:13px}.chart-tooltip span{color:var(--text-muted);font-size:11px}.bar-col:hover .bar-value,.bar-col:focus-visible .bar-value{opacity:0}.stack-track{border-radius:6px;gap:2px;height:18px;margin-bottom:18px;display:flex;overflow:hidden}.stack-seg{min-width:4px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1),opacity .15s}.stack-seg[data-dim=true]{opacity:.35}.dist-list{flex-direction:column;display:flex}.dist-item{width:100%;font:inherit;text-align:start;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:9px 8px;transition:background .12s,opacity .15s;display:flex}.dist-item:hover{background:var(--fill)}.dist-item[data-dim=true]{opacity:.45}.dist-swatch{border-radius:4px;flex-shrink:0;width:12px;height:12px}.dist-item-name{color:var(--text);flex:1;font-size:13px;font-weight:600}.dist-item-value{color:var(--text);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.bar,.bar-value,.stack-seg,.chart-tooltip{transition:none}}.table-card{padding:8px 0 0;overflow:hidden}.table-card .card-head{padding:12px 20px 0}.table-scroll{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:start;color:var(--blue-grey);border-bottom:1px solid var(--line);white-space:nowrap;padding:12px 20px;font-size:12px;font-weight:600}.table td{border-bottom:1px solid var(--fill);vertical-align:middle;white-space:nowrap;padding:14px 20px}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background .12s}.table tbody tr:hover{background:#f7f9fc}.order-ref{color:var(--navy);font-weight:700}.cell-strong{font-weight:600}.cell-muted{color:var(--text-muted)}.row-user{align-items:center;gap:12px;display:flex}.row-avatar{background:var(--info-soft);width:38px;height:38px;color:var(--navy);border-radius:999px;flex-shrink:0;place-items:center;font-weight:700;display:grid}.pill{border-radius:999px;align-items:center;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.pill[data-tone=placed]{background:var(--info-soft);color:var(--navy)}.pill[data-tone=outForPickup]{background:var(--info-soft);color:var(--navy-pressed);border:1px solid var(--baby)}.pill[data-tone=pickedUp]{background:var(--fill);color:var(--navy);border:1px solid var(--baby)}.pill[data-tone=inProgress]{background:var(--warning-soft);color:var(--warning)}.pill[data-tone=outForDelivery]{background:var(--info-soft);color:var(--navy-pressed);border:1px solid var(--baby)}.pill[data-tone=delivered]{background:var(--success-soft);color:var(--success)}.pill[data-tone=cancelled]{background:var(--danger-soft);color:var(--danger)}.pill[data-tone=done],.pill[data-tone=running]{background:var(--success-soft);color:var(--success)}.pill[data-tone=scheduled]{background:var(--info-soft);color:var(--navy)}.pill[data-tone=ended]{background:var(--fill);color:var(--text-muted)}.pill[data-tone=off]{background:var(--danger-soft);color:var(--danger)}.pill[data-tone=new]{background:var(--info-soft);color:var(--navy-pressed)}.btn{height:44px;font:inherit;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:14px;font-weight:600;transition:background .15s,transform 50ms;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:var(--navy-pressed)}.btn-primary:disabled{opacity:.55;cursor:default}.btn-outline{background:var(--card);color:var(--text);border:1px solid var(--line)}.btn-outline:hover{border-color:var(--baby);background:var(--fill)}.btn-danger-soft{background:var(--danger-soft);color:var(--danger)}.btn-danger-soft:hover{background:#fadcdc}.btn-sm{border-radius:10px;height:34px;padding:0 14px;font-size:13px}.chips{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.chip{border:1px solid var(--line);background:var(--card);height:38px;color:var(--text-muted);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:inline-flex}a.chip,a.page-btn{text-decoration:none}.chip:hover{border-color:var(--baby);color:var(--text)}.chip[data-active=true]{background:var(--navy);border-color:var(--navy);color:#fff}.field{color:var(--text);flex-direction:column;gap:8px;font-size:13px;font-weight:600;display:flex}.input{border:1px solid var(--line);background:var(--fill);height:48px;font:inherit;color:var(--text);border-radius:12px;padding:0 14px;font-size:14px;transition:border-color .15s,background .15s,box-shadow .15s}.input::placeholder{color:var(--blue-grey);font-weight:400}.input:focus{border-color:var(--navy);background:var(--card);outline:none;box-shadow:0 0 0 3px #0e3b7b1f}.form-error{background:var(--danger-soft);color:var(--danger);border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.select{border:1px solid var(--line);background:var(--card);height:36px;color:var(--text);font:inherit;cursor:pointer;border-radius:10px;padding:0 10px;font-size:13px}.pagination{border-top:1px solid var(--line);color:var(--text-muted);justify-content:space-between;align-items:center;padding:14px 20px;font-size:13px;display:flex}.pages{gap:6px;display:flex}.page-btn{border:1px solid var(--line);background:var(--card);min-width:36px;height:36px;color:var(--text);font:inherit;cursor:pointer;border-radius:10px;place-items:center;font-size:13px;font-weight:600;display:grid}.page-btn:hover{border-color:var(--baby)}.page-btn[data-active=true]{background:var(--navy);border-color:var(--navy);color:#fff}.page-btn:disabled,.page-btn[data-disabled=true]{opacity:.4;cursor:default;pointer-events:none}.section-title{margin-bottom:14px;font-size:16px;font-weight:700}.packages{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.package-card{border:1.5px solid #0000;align-items:center;gap:16px;display:flex}.package-card[data-featured=true]{border-color:var(--navy)}.package-kg{background:var(--navy);color:#fff;border-radius:16px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;line-height:1.15;display:flex}.package-kg strong{font-size:19px}.package-kg span{font-size:10px}.package-card[data-featured=false] .package-kg{background:var(--info-soft);color:var(--navy)}.package-body{flex:1;min-width:0}.package-name{font-weight:700}.package-desc{color:var(--text-muted);font-size:12px}.price-tag{border:1px solid var(--line);color:var(--navy);white-space:nowrap;border-radius:12px;padding:8px 14px;font-weight:700}.price-tag small{color:var(--text-muted);font-weight:500}.items-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.item-card{flex-direction:column;gap:16px;display:flex}.item-card[data-disabled=true]{opacity:.55}.item-top{justify-content:space-between;align-items:center;display:flex}.item-name{align-items:center;gap:10px;font-weight:700;display:flex}.item-bottom{align-items:center;gap:10px;display:flex}.item-price{border:1px solid var(--line);background:var(--fill);color:var(--text-muted);border-radius:10px;flex:1;padding:8px 12px;font-size:13px}.item-price strong{color:var(--text);font-size:15px}.edit-btn{border:1px solid var(--line);background:var(--card);width:38px;height:38px;color:var(--navy);cursor:pointer;border-radius:10px;place-items:center;display:grid}.edit-btn:hover{background:var(--fill)}.toggle{background:var(--baby);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;width:46px;height:26px;transition:background .18s;position:relative}.toggle:after{content:"";top:3px;background:#fff;border-radius:999px;width:20px;height:20px;transition:transform .18s;position:absolute;inset-inline-start:3px;box-shadow:0 1px 3px #0f1b2d40}.toggle[aria-checked=true]{background:var(--navy)}.toggle[aria-checked=true]:after{transform:translate(-20px)}[dir=ltr] .toggle[aria-checked=true]:after{transform:translate(20px)}.empty{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 24px;display:flex}.empty-icon{background:var(--info-soft);width:64px;height:64px;color:var(--navy);border-radius:18px;place-items:center;display:grid}.empty-title{color:var(--text);font-size:17px;font-weight:700}.login-wrap{background:radial-gradient(720px 360px at 85% -10%, #0e3b7b24, transparent 70%), radial-gradient(560px 320px at 10% 110%, #7c94c32e, transparent 70%), var(--page);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--card);border-radius:22px;flex-direction:column;gap:18px;width:100%;max-width:420px;padding:36px 32px;display:flex;box-shadow:0 18px 48px #0f1b2d1f}.login-brand{text-align:center;flex-direction:column;align-items:center;gap:12px;margin-bottom:6px;display:flex}.login-logo{background:var(--navy);color:#fff;border-radius:18px;place-items:center;width:60px;height:60px;display:grid}.login-title{font-size:21px;font-weight:700}.login-sub{color:var(--text-muted);font-size:13px}.login-footer{text-align:center;color:var(--blue-grey);font-size:12px}.mobile-topbar{background:var(--ink);color:#fff;z-index:20;justify-content:space-between;align-items:center;padding:12px 16px;display:none;position:sticky;top:0}.mobile-brand{align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.mobile-brand .brand-icon{border-radius:10px;width:34px;height:34px}.hamburger{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.hamburger:hover{background:#ffffff1a}.drawer-backdrop{opacity:0;pointer-events:none;z-index:40;background:#0f1b2d8c;transition:opacity .2s;position:fixed;inset:0}.drawer-backdrop[data-open=true]{opacity:1;pointer-events:auto}.drawer{top:0;bottom:0;background:var(--ink);color:#eef1f6;z-index:50;flex-direction:column;width:min(300px,84vw);padding:16px;transition:transform .24s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;inset-inline-start:0;transform:translate(102%);box-shadow:-12px 0 32px #0f1b2d4d}[dir=ltr] .drawer{transform:translate(-102%)}.drawer[data-open=true]{transform:translate(0)}.drawer-head{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:16px;display:flex}.drawer .nav{flex:1;overflow-y:auto}.m-cards{flex-direction:column;gap:12px;display:none}.m-card{background:var(--card);border-radius:var(--radius-md);box-shadow:var(--shadow-card);flex-direction:column;gap:8px;padding:14px 16px;display:flex}.m-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.m-card-title{color:var(--navy);font-size:13px;font-weight:700}.m-card-name{font-size:15px;font-weight:700}.m-card-meta{color:var(--text-muted);font-size:12px}.m-card-bottom{justify-content:space-between;align-items:center;display:flex}.m-card-price{color:var(--text);font-weight:700}.m-card-price small{color:var(--text-muted);font-weight:500}@media (max-width:1080px){.charts-row{grid-template-columns:1fr}}@media (max-width:900px){.sidebar,.sidebar-rail{display:none}.mobile-topbar{display:flex}.content{gap:18px;padding:20px 16px 40px}.page-title{font-size:22px}.header-tools{width:100%}.search{flex:1;width:auto}.stat-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-value{font-size:21px}.chips{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{flex-shrink:0}.bars{gap:4px;height:170px;padding-inline-start:22px}.bar-label{font-size:10px}.m-cards{display:flex}.table-card[data-collapsible=true] .table-scroll,.table-card[data-collapsible=true] .pagination{display:none}.table-card[data-collapsible=true]{box-shadow:none;background:0 0;padding:0;overflow:visible}.table-card[data-collapsible=true] .card-head{padding:0 4px 12px}.pagination-mobile{color:var(--text-muted);justify-content:space-between;align-items:center;padding:4px;font-size:13px;display:flex}}@media (min-width:901px){.mobile-topbar,.drawer,.drawer-backdrop,.pagination-mobile{display:none}}@media (max-width:420px){.stat-grid{grid-template-columns:1fr 1fr}.content{padding:16px 12px 32px}}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.section-hint{color:var(--text-muted);margin:0;font-size:13px}.editor-card{border:1px solid var(--navy);margin-bottom:18px}.editor-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.editor-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.textarea{resize:vertical;height:auto;padding:12px 14px;font-family:inherit;line-height:1.6}.row-actions{align-items:center;gap:8px;display:flex}.item-bottom .item-price,.item-bottom .btn{margin-inline-start:auto}.confirm-delete{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.confirm-note{color:var(--text-muted);flex-basis:100%;font-size:12px}.service-meta{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.inline-warning{color:var(--warning);background:var(--warning-soft);border-radius:10px;margin:0;padding:8px 12px;font-size:12px;font-weight:500}.form-note{color:var(--navy);background:var(--info-soft);border-radius:10px;padding:10px 14px;font-size:13px;font-weight:500}.price-input{text-align:start;width:140px;height:40px}.slot-list{flex-wrap:wrap;gap:10px;display:flex}.slot-chip{border:1px solid var(--line);background:var(--fill);border-radius:12px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.slot-chip[data-off=true]{opacity:.55}.detail-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:-6px;display:flex}.back-link{align-items:center;gap:6px;display:inline-flex}[dir=rtl] .rtl-flip{transform:none}[dir=ltr] .rtl-flip{transform:scaleX(-1)}.detail-badges{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.detail-when{font-size:13px}.detail-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:20px;display:grid}.detail-main,.detail-side{flex-direction:column;gap:20px;min-width:0;display:flex}.detail-main .card-title,.detail-side .card-title{align-items:center;gap:8px;display:inline-flex}.totals{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:8px 24px;margin:0;padding:14px 20px 18px;font-size:14px;display:grid}.totals dt{color:var(--text-muted)}.totals dd{text-align:end;margin:0;font-weight:600}.totals .totals-grand{border-top:1px solid var(--line);color:var(--navy);margin-top:6px;padding-top:10px;font-size:16px;font-weight:700}.timeline{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.timeline-item{grid-template-columns:18px 1fr;gap:12px;padding-bottom:18px;display:grid;position:relative}.timeline-item:before{content:"";top:16px;bottom:0;background:var(--line);width:2px;position:absolute;inset-inline-start:8px}.timeline-item[data-last=true]:before{display:none}.timeline-item[data-last=true]{padding-bottom:0}.timeline-dot{border:3px solid var(--card);background:var(--baby);width:18px;height:18px;box-shadow:0 0 0 2px var(--line);border-radius:999px;margin-top:2px}.timeline-dot[data-tone=placed],.timeline-dot[data-tone=outForPickup],.timeline-dot[data-tone=pickedUp],.timeline-dot[data-tone=outForDelivery]{background:var(--navy)}.timeline-dot[data-tone=inProgress]{background:var(--warning)}.timeline-dot[data-tone=delivered]{background:var(--success)}.timeline-dot[data-tone=cancelled]{background:var(--danger)}.timeline-body{flex-direction:column;gap:6px;min-width:0;display:flex}.timeline-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.timeline-when,.timeline-meta{font-size:13px}.person-block{align-items:center;gap:12px;display:flex}.kv{grid-template-columns:1fr;gap:4px 0;margin:16px 0 0;font-size:14px;display:grid}.kv dt{color:var(--blue-grey);align-items:center;gap:6px;margin-top:10px;font-size:12px;font-weight:600;display:inline-flex}.kv dd{flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:flex}.kv-hint{font-size:12px}.kv-title{color:var(--blue-grey);margin:16px 0 6px;font-size:12px;font-weight:600}.kv-value{margin:0;font-size:14px;line-height:1.6}.code{letter-spacing:.12em;color:var(--navy);background:var(--fill);border-radius:8px;padding:3px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;font-weight:700}.order-actions{border:1px solid var(--navy);flex-direction:column;gap:14px;display:flex}.action-group{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding-top:14px;display:flex}.action-group:first-of-type{border-top:none;padding-top:0}.action-head{color:var(--navy);align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.action-head[data-tone=danger]{color:var(--danger)}.action-row{align-items:center;gap:8px;display:flex}.action-row .select{flex:1;min-width:0}.order-actions .btn{width:100%}.order-actions .action-row .btn,.order-actions .row-actions .btn{width:auto}.m-card-link{color:inherit;text-decoration:none}.m-card-link:active{transform:translateY(1px)}.row-link .order-ref a{color:inherit;text-decoration:none}.row-link .order-ref a:after{content:"";position:absolute;inset:0}.row-link{position:relative}.row-link:hover .order-ref a{text-decoration:underline}.pay-dot{background:var(--warning);vertical-align:middle;border-radius:999px;width:8px;height:8px;margin-inline-start:8px;display:inline-block}.pay-dot[data-tone=paid]{background:var(--success)}.pay-dot[data-tone=refunded]{background:var(--blue-grey)}.bell[data-count]:not([data-count="0"]) .bell-dot{display:block}.bell[data-count="0"] .bell-dot{display:none}.bell-count{top:-4px;background:var(--danger);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:grid;position:absolute;inset-inline-end:-4px}@media (max-width:1080px){.detail-grid{grid-template-columns:1fr}.detail-side{order:-1}}.bell{text-decoration:none}.mini-bars{align-items:flex-end;gap:2px;height:160px;padding-top:8px;display:flex}.mini-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:stretch;min-width:0;height:100%;display:flex}.mini-bar{background:var(--baby);border-radius:3px 3px 0 0;transition:background .12s;display:block}.mini-bar[data-active=true]{background:var(--navy)}.mini-col:hover .mini-bar{background:var(--navy-pressed)}.mini-label{height:18px;color:var(--blue-grey);white-space:nowrap;margin-top:6px;font-size:10px;overflow:visible}.hbars{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.hbar{grid-template-columns:120px 1fr auto;align-items:center;gap:12px;font-size:13px;display:grid}.hbar .pill{justify-self:start}.hbar-label{font-weight:600}.hbar-track{background:var(--fill);border-radius:999px;height:10px;overflow:hidden}.hbar-fill{background:var(--navy);border-radius:999px;min-width:2px;height:100%;display:block}.hbar-fill[data-tone=inProgress]{background:var(--warning)}.hbar-fill[data-tone=delivered]{background:var(--success)}.hbar-fill[data-tone=cancelled]{background:var(--danger)}.hbar-value{white-space:nowrap;font-weight:600}@media (max-width:900px){.hbar{grid-template-columns:96px 1fr auto}}.brand-mark{background:currentColor;display:inline-block;-webkit-mask:url(/iron-mark.png) 50%/contain no-repeat;mask:url(/iron-mark.png) 50%/contain no-repeat}.stars{color:var(--baby);gap:2px;display:inline-flex}.stars svg[data-lit=true]{color:#f5b301}.review-body{flex-direction:column;gap:12px;display:flex}.rating-cell{color:#b98600;align-items:center;gap:4px;display:inline-flex}