@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@300;400;500;600;700;800;900&family=Barlow+Condensed:wght@400;600;700;800;900&display=swap";
:root{--color-brand-orange:#f26522;--color-brand-orange-light:#ff8c4b;--color-brand-orange-dark:#d94f10;--color-brand-glow:#f2652259;--color-brand-glow-sm:#f2652226;--bg-app:#0a0a0a;--bg-surface:#111;--bg-raised:#1a1a1a;--bg-overlay:#222;--bg-subtle:#ffffff0a;--text-primary:#fff;--text-secondary:#aaa;--text-muted:#666;--text-disabled:#444;--text-inverse:#0a0a0a;--border-default:#f2652233;--border-subtle:#ffffff0f;--border-strong:#f2652280;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--status-pending-bg:#f59e0b26;--status-pending-text:#f59e0b;--status-active-bg:#22c55e26;--status-active-text:#22c55e;--status-delivered-bg:#6366f126;--status-delivered-text:#818cf8;--status-cancelled-bg:#ef444426;--status-cancelled-text:#ef4444;--font-display:"Barlow Condensed", sans-serif;--font-body:"Inter", "Outfit", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1.0625rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.75rem;--text-4xl:4rem;--text-hero:5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 2px 8px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-brand:0 0 20px var(--color-brand-glow);--shadow-brand-lg:0 0 40px var(--color-brand-glow);--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--z-base:0;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-toast:400;--sidebar-width:260px;--topbar-height:64px;--container-max:1200px;--container-padding:var(--space-8);--color-brand-orange-glow-deep:#f2652214;--bg-brand-warm:#130800}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6}img,svg,video{max-width:100%;display:block}a{color:var(--color-brand-orange);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-brand-orange-light)}ul,ol{list-style:none}button,input,select,textarea{font:inherit}button{cursor:pointer;background:0 0;border:none}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}.font-mono{font-family:var(--font-mono)}.text-brand-glow{color:var(--color-brand-orange);text-shadow:0 0 20px #f2652266}.page-bg-grid{background-image:linear-gradient(#f2652206 1px,#0000 1px),linear-gradient(90deg,#f2652206 1px,#0000 1px);background-size:48px 48px}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.fw-300{font-weight:300}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}.fw-900{font-weight:900}.text-upper{text-transform:uppercase}.text-cap{text-transform:capitalize}.tracking-wide{letter-spacing:.1em}.tracking-wider{letter-spacing:.2em}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-brand{color:var(--color-brand-orange)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.bg-app{background-color:var(--bg-app)}.bg-surface{background-color:var(--bg-surface)}.bg-raised{background-color:var(--bg-raised)}.container{max-width:var(--container-max);padding:0 var(--container-padding);width:100%;margin:0 auto}.dashboard-shell{min-height:100vh;display:flex}.dashboard-content{margin-left:var(--sidebar-width);padding-top:var(--topbar-height);background:var(--bg-app);flex:1;min-height:100vh}.card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-6);transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(180deg, var(--color-brand-orange), var(--color-brand-orange-dark));border-radius:var(--radius-sm) 0 0 var(--radius-sm);opacity:0;width:3px;height:100%;transition:opacity var(--transition-base);position:absolute;top:0;left:0}.card:hover{box-shadow:var(--shadow-brand);border-color:var(--border-strong);transform:translateY(-3px)}.card:hover:before{opacity:1}.card--glass{background:var(--bg-subtle);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle)}.stat-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);gap:var(--space-2);flex-direction:column;display:flex;position:relative;overflow:hidden}.stat-card__value{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-brand-orange);text-shadow:0 0 20px #f265224d;letter-spacing:-.02em;font-weight:900;line-height:1}.stat-card__label{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;font-weight:600}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);font-size:var(--text-sm);transition:background var(--transition-fast), box-shadow var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;padding:.6rem 1.4rem;font-weight:600;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-brand-orange);color:var(--text-inverse);border:2px solid var(--color-brand-orange)}.btn-primary:hover{background:var(--color-brand-orange-light);border-color:var(--color-brand-orange-light);box-shadow:0 0 18px var(--color-brand-glow)}.btn-outline{color:var(--color-brand-orange);border:2px solid var(--color-brand-orange);background:0 0}.btn-outline:hover{background:var(--color-brand-orange);color:var(--text-inverse);box-shadow:0 0 14px var(--color-brand-glow)}.btn-ghost{color:var(--text-secondary);background:0 0;border:2px solid #0000}.btn-ghost:hover{background:var(--bg-overlay);color:var(--text-primary);border-color:var(--border-subtle)}.btn-danger{background:var(--color-error);color:#fff;border:2px solid var(--color-error)}.btn-danger:hover{background:#dc2626;border-color:#dc2626;box-shadow:0 0 14px #ef444459}.btn--sm{font-size:var(--text-xs);padding:.35rem .85rem}.btn--lg{font-size:var(--text-md);padding:.85rem 2rem}.form-group{gap:var(--space-2);margin-bottom:var(--space-5);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.form-input,.form-select,.form-textarea{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-size:var(--text-base);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:.65rem .9rem}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-brand-orange);box-shadow:0 0 0 3px var(--color-brand-glow-sm)}.form-textarea{resize:vertical;min-height:100px}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23aaa' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right .9rem center;background-repeat:no-repeat;padding-right:2.5rem}.form-error{font-size:var(--text-xs);color:var(--color-error);margin-top:var(--space-1)}.badge{border-radius:var(--radius-full);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;align-items:center;padding:.2rem .6rem;font-weight:700;display:inline-flex}.badge--brand{background:linear-gradient(135deg, var(--color-brand-orange), var(--color-brand-orange-dark));color:#fff}.badge--pending{background:var(--status-pending-bg);color:var(--status-pending-text)}.badge--active{background:var(--status-active-bg);color:var(--status-active-text)}.badge--delivered{background:var(--status-delivered-bg);color:var(--status-delivered-text)}.badge--cancelled{background:var(--status-cancelled-bg);color:var(--status-cancelled-text)}.sidebar{width:var(--sidebar-width);background:var(--bg-surface);border-right:1px solid var(--border-subtle);height:100vh;z-index:var(--z-sticky);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.sidebar:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(at bottom,#f2652214 0%,#0000 70%);height:200px;position:absolute;bottom:0;left:0;right:0}.sidebar__logo{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);align-items:center;display:flex}.sidebar__logo-img{object-fit:contain;mix-blend-mode:lighten;filter:brightness(1.05);width:100%;max-width:160px;height:auto}.sidebar__logo-name{font-family:var(--font-display);font-size:var(--text-xl);text-transform:uppercase;color:var(--color-brand-orange);letter-spacing:.05em;font-weight:900}.sidebar__logo-sub{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em}.sidebar__nav{padding:var(--space-4) 0;flex:1}.sidebar__item{align-items:center;gap:var(--space-3);padding:.65rem var(--space-5);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);border-left:3px solid #0000;font-weight:500;display:flex}.sidebar__item:hover{background:var(--bg-raised);color:var(--text-primary)}.sidebar__item--active{color:var(--color-brand-orange);border-left-color:var(--color-brand-orange);background:#f265221a;font-weight:600;box-shadow:inset 0 0 16px #f265220f}.sidebar__item--active .sidebar__item-icon{color:var(--color-brand-orange)!important}.sidebar__section-label{padding:var(--space-3) var(--space-5) var(--space-1);letter-spacing:.18em;text-transform:uppercase;color:var(--text-disabled);align-items:center;gap:var(--space-2);font-size:10px;font-weight:700;display:flex}.sidebar__section-label:before{content:"";background:var(--color-brand-orange);flex-shrink:0;width:14px;height:1px;display:inline-block}.sidebar__logo-divider{background:linear-gradient(90deg, var(--color-brand-orange) 0%, #f2652233 60%, transparent 100%);height:1px;margin:0 var(--space-4)}.topbar{top:0;left:var(--sidebar-width);height:var(--topbar-height);background:var(--bg-surface);box-shadow:0 1px 0 var(--border-subtle), 0 4px 20px #0000004d;padding:0 var(--space-8);z-index:var(--z-raised);justify-content:space-between;align-items:center;display:flex;position:fixed;right:0}.topbar__title{font-family:var(--font-display);font-size:var(--text-xl);text-transform:uppercase;letter-spacing:.04em;color:var(--text-primary);font-weight:900}.topbar__actions{align-items:center;gap:var(--space-4);display:flex}.table-wrapper{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.table thead{background:var(--bg-raised)}.table th{text-align:left;font-weight:700;font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;border-bottom:1px solid var(--border-subtle);padding:.7rem 1rem}.table td{color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:.75rem 1rem}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--bg-raised);color:var(--text-primary)}.table tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 var(--color-brand-orange)}.hero{text-align:center;min-height:100vh;padding:var(--space-16) var(--space-8);background-image:linear-gradient(#f265220a 1px,#0000 1px),linear-gradient(90deg,#f265220a 1px,#0000 1px);background-size:40px 40px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#f2652226 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-150px;right:-150px}.title{font-family:var(--font-display);font-size:clamp(2.5rem, 8vw, var(--text-hero));text-transform:uppercase;margin-bottom:var(--space-6);background:linear-gradient(90deg, var(--color-brand-orange) 0%, #ff9060 50%, var(--color-brand-orange-dark) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:900;line-height:.9;animation:.8s both fadeSlideUp}.subtitle{font-size:var(--text-lg);color:var(--text-secondary);max-width:600px;margin-bottom:var(--space-10);animation:1s .1s both fadeSlideUp}.divider{background:linear-gradient(90deg, var(--color-brand-orange) 0%, #f2652233 40%, transparent 100%);width:100%;height:1px;margin:var(--space-8) 0}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}.skeleton{background:var(--bg-raised);border-radius:var(--radius-md);animation:1.6s infinite skeleton-pulse}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #f2652200}50%{box-shadow:0 0 24px var(--color-brand-glow)}}.animate-fadeIn{animation:.4s both fadeIn}.animate-slideUp{animation:.5s both fadeSlideUp}.animate-slideInLeft{animation:.4s both slideInLeft}.animate-pulse-glow{animation:2.4s infinite pulse-glow}@keyframes pulse-ring{0%{box-shadow:0 0 #22c55e66}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.animate-pulse-ring{animation:2s ease-out infinite pulse-ring}.eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-brand-orange);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:var(--space-2);display:flex}.eyebrow:before{content:"";background:currentColor;flex-shrink:0;width:20px;height:1px;display:inline-block}.section-divider{height:1px;margin:var(--space-6) 0;background:linear-gradient(90deg,#f2652280 0%,#f265221a 50%,#0000 100%);border:none}.icon-wrap{background:#f265221a;border:1px solid #f2652233;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.icon-wrap--sm{border-radius:var(--radius-md);width:32px;height:32px}.card--highlight{background:linear-gradient(135deg,#130800,#0f0600);border-color:#f2652240}.card--highlight:after{content:"";background:linear-gradient(90deg,#0000,#f2652266,#0000);height:2px;position:absolute;bottom:0;left:0;right:0}.card--accent-bottom{position:relative}.card--accent-bottom:after{content:"";border-radius:0 0 var(--radius-lg) var(--radius-lg);background:linear-gradient(90deg,#0000,#f265224d,#0000);height:2px;position:absolute;bottom:0;left:0;right:0}.cell-mono{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.03em}.page-header{margin-bottom:var(--space-6)}.page-header__eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.18em;text-transform:uppercase;margin-bottom:var(--space-2)}.page-header__title{font-family:var(--font-display);font-size:var(--text-2xl);text-transform:uppercase;letter-spacing:.03em;color:var(--text-primary);font-weight:900;line-height:1}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}.dashboard-content{margin-left:0}}@media (max-width:768px){:root{--container-padding:var(--space-4)}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-brand-orange)}::selection{color:#fff;background:#f2652259}.login-root{min-height:100vh;padding:var(--space-8);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-bg{pointer-events:none;z-index:0;background-image:linear-gradient(#f265220b 1px,#0000 1px),linear-gradient(90deg,#f265220b 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0}.login-bg:after{content:"";background:radial-gradient(circle,#f265222e 0%,#0000 68%);border-radius:50%;width:700px;height:700px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.login-card{z-index:1;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:100%;max-width:440px;padding:var(--space-10) var(--space-8);position:relative;overflow:hidden;box-shadow:0 8px 48px #0009,0 0 80px #f265221f,inset 0 1px #f2652226}.login-card:before{content:"";border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:linear-gradient(90deg,#f26522,#ff8c42,#f26522);height:3px;position:absolute;top:0;left:0;right:0}.login-diagonal{pointer-events:none;z-index:0;background:linear-gradient(135deg,#0000 40%,#f265220d 40%);width:40%;height:100%;position:absolute;top:0;right:0}.login-glow-bl{pointer-events:none;z-index:0;background:radial-gradient(circle,#f2652214 0%,#0000 70%);width:400px;height:400px;position:absolute;bottom:-100px;left:-100px}.login-logo{margin-bottom:var(--space-8);justify-content:center;align-items:center;display:flex}.login-logo-img{object-fit:contain;mix-blend-mode:lighten;filter:brightness(1.05);width:auto;max-width:200px;height:auto}.login-heading{font-family:var(--font-display);font-size:var(--text-3xl);text-transform:uppercase;letter-spacing:.04em;background:linear-gradient(90deg, var(--color-brand-orange), #ff9060);-webkit-text-fill-color:transparent;margin-bottom:var(--space-2);-webkit-background-clip:text;background-clip:text;font-weight:900}.login-sub{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--space-8)}.login-form{flex-direction:column;display:flex}.input-eye-wrap{position:relative}.input-eye-wrap .form-input{padding-right:3rem}.input-eye-btn{cursor:pointer;opacity:.6;transition:opacity var(--transition-fast);background:0 0;border:none;padding:.2rem;font-size:1rem;line-height:1;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.input-eye-btn:hover{opacity:1}.login-error{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-error);background:var(--status-cancelled-bg);border-radius:var(--radius-md);margin-bottom:var(--space-5);border:1px solid #ef444440;padding:.55rem .9rem;display:flex}.login-submit{justify-content:center;width:100%}.login-submit--loading{opacity:.8;pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}.login-spinner{border:2px solid #0000004d;border-top-color:#000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}.login-footer{text-align:center;font-size:var(--text-xs);color:var(--text-disabled);margin-top:var(--space-6);text-transform:uppercase;letter-spacing:.1em}.login-branch-badges{bottom:var(--space-6);gap:var(--space-3);z-index:2;display:flex;position:fixed;left:50%;transform:translate(-50%)}.sidebar__logo-icon{font-size:1.8rem;line-height:1}.sidebar__user{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-default);background:var(--bg-subtle);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-top:auto;display:flex}.sidebar__user-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-brand-orange), var(--color-brand-orange-dark));width:36px;height:36px;font-size:var(--text-xs);color:#fff;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex}.sidebar__user-info{flex:1;overflow:hidden}.sidebar__user-name{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sidebar__user-role{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.sidebar__logout-btn{cursor:pointer;opacity:.5;transition:opacity var(--transition-fast);padding:var(--space-1);background:0 0;border:none;font-size:1.1rem}.sidebar__logout-btn:hover{opacity:1}.sidebar__item-icon{flex-shrink:0;font-size:1rem;line-height:1}.topbar__left{flex-direction:column;gap:2px;display:flex}.topbar__breadcrumb{font-family:var(--font-mono);color:var(--text-disabled);letter-spacing:.12em;align-items:center;gap:.35rem;font-size:10px;display:flex}.topbar__breadcrumb-sep{color:var(--color-brand-orange)}.topbar__branch-badge{align-items:center;gap:var(--space-2);color:var(--color-brand-orange);font-family:var(--font-mono);letter-spacing:.12em;border-radius:var(--radius-full);background:#f2652214;border:1px solid #f2652240;padding:.3rem .85rem;font-size:10px;font-weight:700;display:flex}.topbar__notif-btn{cursor:pointer;padding:var(--space-1);opacity:.7;transition:opacity var(--transition-fast);background:0 0;border:none;font-size:1.25rem;position:relative}.topbar__notif-btn:hover{opacity:1}.topbar__notif-dot{background:var(--color-brand-orange);border:2px solid var(--bg-app);border-radius:50%;width:9px;height:9px;animation:2s infinite pulse-glow;position:absolute;top:0;right:0}.dashboard-page{padding:var(--space-8);gap:var(--space-8);flex-direction:column;display:flex}.dashboard-stats{gap:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}.stat-card__icon{margin-bottom:var(--space-2);font-size:1.6rem;line-height:1}.stat-card__live{font-size:var(--text-xs);color:var(--text-disabled);margin-top:var(--space-1)}.dashboard-row{gap:var(--space-6);grid-template-columns:1fr 320px;align-items:start;display:grid}.dashboard-orders-card{padding:0;overflow:hidden}.dashboard-section-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.dashboard-section-title{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;font-weight:700}.order-receipt-link{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-brand-orange)}.order-amount{font-weight:700;color:var(--text-primary)!important}.table-placeholder-note{padding:var(--space-3) var(--space-6);font-size:var(--text-xs);color:var(--text-disabled);border-top:1px solid var(--border-subtle)}.dashboard-quick-actions{padding:var(--space-5) var(--space-5)}.quick-actions-list{gap:var(--space-2);margin-top:var(--space-4);flex-direction:column;display:flex}.quick-action-item{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);transition:background var(--transition-fast), color var(--transition-fast);padding:.6rem .8rem;display:flex}.quick-action-item:hover{background:var(--bg-raised);color:var(--text-primary)}.quick-action-item--primary{color:var(--color-brand-orange);background:#f265221a;font-weight:600;position:relative;overflow:hidden}.quick-action-item--primary:before{content:"";background:var(--color-brand-orange);width:3px;height:100%;position:absolute;top:0;left:0}.quick-action-item--primary:hover{background:#f265222e}.quick-action-icon{flex-shrink:0;font-size:1rem}.quick-action-arrow{color:var(--text-muted);margin-left:auto}.branch-status-section{margin-top:var(--space-4)}.branch-status-list{gap:var(--space-2);margin-top:var(--space-3);flex-direction:column;display:flex}.branch-status-item{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);display:flex}.branch-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.branch-status-dot--online{background:var(--color-success);animation:2s ease-out infinite pulse-ring}.branch-status-dot--offline{background:var(--color-error)}.branch-status-badge{margin-left:auto}.dashboard-main{min-height:calc(100vh - var(--topbar-height))}@media (max-width:1200px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}.dashboard-row{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-page{padding:var(--space-4);gap:var(--space-5)}.dashboard-stats{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.login-card{padding:var(--space-8) var(--space-5)}}.new-order-page{padding:var(--space-8);gap:var(--space-8);flex-direction:column;max-width:1100px;display:flex}.new-order-page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.new-order-page-title{font-family:var(--font-display);font-size:var(--text-2xl);text-transform:uppercase;background:linear-gradient(90deg, var(--color-brand-orange), #ff9060);-webkit-text-fill-color:transparent;align-items:center;gap:var(--space-3);-webkit-background-clip:text;background-clip:text;font-weight:900;display:flex}.new-order-page-sub{color:var(--text-muted);font-size:var(--text-sm);margin-top:var(--space-1)}.new-order-layout{gap:var(--space-6);grid-template-columns:1fr 300px;align-items:start;display:grid}.step-progress{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.step-pill{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);background:var(--bg-raised);border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);padding:.45rem 1rem;font-weight:600;display:flex}.step-pill--active{border-color:var(--color-brand-orange);color:var(--color-brand-orange);background:#f265221f}.step-pill--done{color:var(--color-success);background:#22c55e1a;border-color:#22c55e4d}.step-pill-num{width:20px;height:20px;color:var(--bg-app);background:currentColor;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:800;display:flex}.step-pill--active .step-pill-num{background:var(--color-brand-orange);color:#000;font-weight:900}.step-pill-label{font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em}.form-step{gap:var(--space-1);flex-direction:column;animation:.3s both fadeSlideUp;display:none}.form-step--active{display:flex}.form-step-header{align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--border-subtle);display:flex}.form-step-icon{flex-shrink:0;font-size:2rem;line-height:1}.form-step-title{font-family:var(--font-display);font-size:var(--text-xl);text-transform:uppercase;color:var(--text-primary);letter-spacing:.04em;font-weight:800}.form-step-title:before{content:"";background:var(--color-brand-orange);width:24px;height:2px;margin-bottom:var(--space-2);display:block}.form-step-desc{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.form-grid-2{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.req{color:var(--color-brand-orange);margin-left:2px}.form-label-optional{font-size:var(--text-xs);color:var(--text-disabled);text-transform:none;letter-spacing:0;margin-left:var(--space-1);font-weight:400}.form-label-hint{font-size:var(--text-xs);color:var(--color-brand-orange);text-transform:none;letter-spacing:0;margin-left:var(--space-1);font-weight:400}.step-nav{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.service-type-grid{gap:var(--space-3);margin-top:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.service-type-card{gap:var(--space-1);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--bg-raised);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);-webkit-user-select:none;user-select:none;flex-direction:column;display:flex}.service-type-card:hover{border-color:var(--border-default);background:var(--bg-overlay)}.service-type-card--active{box-shadow:0 0 0 1px var(--color-brand-orange), 0 0 12px #f2652226;border-color:var(--color-brand-orange);background:linear-gradient(135deg,#f2652214,#f2652208)}.service-type-label{font-size:var(--text-sm);color:var(--text-primary);font-weight:700}.service-type-desc{font-size:var(--text-xs);color:var(--text-muted)}.payment-method-grid{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.payment-method-card{border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:var(--bg-raised);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast);-webkit-user-select:none;user-select:none;align-items:center;padding:.5rem 1rem;font-weight:500;display:flex}.payment-method-card:has(input:checked){border-color:var(--color-brand-orange);color:var(--color-brand-orange);box-shadow:0 0 0 1px var(--color-brand-orange), 0 0 10px #f265221f;background:#f265221a;font-weight:600}.payment-method-card:hover{border-color:var(--border-default);color:var(--text-primary)}.form-error-banner{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);background:var(--status-cancelled-bg);color:var(--color-error);font-size:var(--text-sm);margin-bottom:var(--space-4);border:1px solid #ef444440;padding:.65rem 1rem;display:flex}.create-order-btn{gap:var(--space-2)}.btn--loading{opacity:.8;pointer-events:none}.btn-spinner{border:2px solid #0000004d;border-top-color:#000;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}.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}.price-panel{top:calc(var(--topbar-height) + var(--space-6));border-radius:var(--radius-xl);padding:var(--space-6);gap:var(--space-4);box-shadow:var(--shadow-md), 0 0 30px #f265220f;background:linear-gradient(135deg,#130800,#0f0600);border:1px solid #f265224d;flex-direction:column;display:flex;position:sticky}.price-panel__header{align-items:center;gap:var(--space-2);display:flex}.price-panel__icon{flex-shrink:0;font-size:1.3rem}.price-panel__title{font-family:var(--font-display);font-size:var(--text-md);text-transform:uppercase;letter-spacing:.06em;color:var(--text-primary);flex:1;font-weight:900}.price-panel__live-badge{letter-spacing:.18em;text-transform:uppercase;color:var(--color-success);border-radius:var(--radius-full);background:#22c55e1a;border:1px solid #22c55e40;padding:.15rem .5rem;font-size:9px;font-weight:800;animation:2s infinite pulse-glow}.price-panel__service{font-size:var(--text-sm);color:var(--color-brand-orange);border-radius:var(--radius-md);text-align:center;background:#f2652214;border:1px solid #f2652233;padding:.4rem .8rem;font-weight:600}.price-breakdown{gap:var(--space-2);flex-direction:column;display:flex}.price-row{font-size:var(--text-sm);color:var(--text-secondary);justify-content:space-between;align-items:center;display:flex}.price-row--vat{color:var(--text-muted)}.price-divider{background:var(--border-subtle);height:1px;margin:var(--space-2) 0}.price-row--total{font-size:var(--text-md);color:var(--text-primary);font-weight:700}.price-total-val{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-brand-orange);text-shadow:0 0 24px #f2652266;letter-spacing:-.02em;font-weight:900}.price-panel__note{gap:var(--space-2);font-size:var(--text-xs);color:var(--text-disabled);background:var(--bg-raised);border-radius:var(--radius-md);padding:var(--space-3);line-height:1.5;display:flex}.price-weight-note{gap:var(--space-2);font-size:var(--text-xs);color:var(--color-warning);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);background:#f59e0b14;border:1px solid #f59e0b33;align-items:center;display:flex}@media (max-width:900px){.new-order-layout{grid-template-columns:1fr}.price-panel{order:-1;position:relative;top:0}}@media (max-width:640px){.new-order-page{padding:var(--space-4)}.form-grid-2,.service-type-grid{grid-template-columns:1fr}.new-order-page-title{font-size:var(--text-xl)}.new-order-page-header{gap:var(--space-2);flex-direction:column}}.receipt-page-wrapper{padding:var(--space-8);max-width:900px;margin:0 auto}.receipt-page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.receipt-header-left{align-items:center;gap:var(--space-4);display:flex}.receipt-page-title{font-family:var(--font-display);font-size:var(--text-2xl);text-transform:uppercase;color:var(--text-primary);font-weight:800}.receipt-header-actions{align-items:center;display:flex}.receipt-canvas{color:#0a0a0a;padding:var(--space-8);border-radius:var(--radius-md);background:#fff;position:relative;overflow:hidden;box-shadow:0 10px 40px #0003}.receipt-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:flex-start;display:flex}.receipt-logo-img{max-width:180px}.receipt-company-info{text-align:right;font-size:var(--text-sm)}.receipt-company-name{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-brand-orange-dark);text-transform:uppercase;margin-bottom:var(--space-1);font-weight:900}.receipt-divider{margin:var(--space-4) 0;border-bottom:2px dashed #e5e5e5}.receipt-meta-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.receipt-meta-box{padding:var(--space-3);border-radius:var(--radius-sm);background:#f9f9f9;border:1px solid #ebebeb}.receipt-meta-label{text-transform:uppercase;color:#666;letter-spacing:.05em;margin-bottom:4px;font-size:10px;font-weight:700}.receipt-meta-value{font-size:var(--text-sm);color:#111;font-weight:600}.receipt-highlight{color:var(--color-brand-orange-dark);font-family:var(--font-mono)}.receipt-split-grid{gap:var(--space-6);margin-bottom:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.receipt-card{border-radius:var(--radius-sm);margin-bottom:var(--space-6);background:#fff;border:1px solid #ebebeb}.receipt-card-header{padding:var(--space-2) var(--space-3);font-weight:700;font-size:var(--text-sm);color:#333;text-transform:uppercase;letter-spacing:.05em;background:#f9f9f9;border-bottom:1px solid #ebebeb}.receipt-card-body{padding:var(--space-4);font-size:var(--text-sm);color:#444;line-height:1.6}.receipt-card-body p strong{color:#111}.receipt-table-wrapper{padding:var(--space-2)}.receipt-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.receipt-table th{text-align:left;padding:var(--space-2) var(--space-3);color:#666;text-transform:uppercase;border-bottom:2px solid #ebebeb;font-size:12px;font-weight:600}.receipt-table td{padding:var(--space-3);color:#111;border-bottom:1px solid #ebebeb}.receipt-table tbody tr:last-child td{border-bottom:none}.receipt-billing-grid{align-items:flex-start}.receipt-notes-section{font-size:var(--text-sm);color:#555}.receipt-note-text{margin-bottom:var(--space-4);padding:var(--space-3);color:#333;background:#fffde7;border-left:3px solid #fbc02d;font-style:italic}.receipt-status-box{border-radius:var(--radius-sm);padding:var(--space-3);background:#f9f9f9;border:1px solid #ebebeb;line-height:1.8}.receipt-breakdown-box{padding:var(--space-4);border-radius:var(--radius-sm);background:#f9f9f9;border:1px solid #ebebeb}.receipt-breakdown-row{margin-bottom:var(--space-2);font-size:var(--text-sm);color:#444;justify-content:space-between;display:flex}.receipt-breakdown-divider{margin:var(--space-3) 0;border-bottom:1px solid #ccc}.receipt-total-row{font-weight:800;font-size:var(--text-md);color:#111;margin-bottom:0}.receipt-footer{text-align:center;color:#777;margin-top:var(--space-8);padding-top:var(--space-4);border-top:1px solid #ebebeb;font-size:11px}.receipt-bottom-bar{background:linear-gradient(90deg, var(--color-brand-orange-dark), var(--color-brand-orange));height:6px;position:absolute;bottom:0;left:0;right:0}@media print{body{color:#000!important;background:#fff!important}.sidebar,.topbar,.no-print{display:none!important}.dashboard-shell{display:block!important}.dashboard-content{margin-left:0!important;padding-top:0!important}.receipt-page-wrapper{max-width:100%!important;margin:0!important;padding:0!important}.receipt-canvas{box-shadow:none!important;border:none!important;padding:0!important}.receipt-meta-box,.receipt-card-header,.receipt-breakdown-box,.receipt-status-box{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.badge--info{color:var(--color-info);background:#3b82f626}.badge--warning{color:var(--color-warning);background:#f59e0b26}.orders-page{padding:var(--space-8) var(--space-8) var(--space-12);gap:var(--space-6);flex-direction:column;display:flex}.orders-toolbar{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-5);justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-flow:wrap;display:flex}.orders-filter-form{align-items:center;gap:var(--space-3);flex-flow:wrap;display:flex}.orders-filter-input{width:auto;min-width:180px;font-size:var(--text-sm);padding:.45rem .8rem}.orders-table-wrap{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow-x:auto}.orders-table{border-collapse:collapse;width:100%;font-size:var(--text-sm);line-height:normal}.orders-table thead th{background:var(--bg-raised);color:var(--text-secondary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;text-align:left;white-space:nowrap;border-bottom:1px solid var(--border-default);z-index:var(--z-raised);padding:10px 12px;font-weight:700;position:sticky;top:0}.orders-table td{border-bottom:1px solid var(--border-subtle);vertical-align:middle;color:var(--text-primary);padding:10px 12px}.orders-table tbody tr:hover{background:var(--bg-overlay);cursor:pointer}.orders-table tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 var(--color-brand-orange)}.orders-table tbody tr:last-child td{border-bottom:none}.orders-cell-id a{color:var(--color-brand-orange);font-weight:600;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.02em;transition:color var(--transition-fast);text-decoration:none}.orders-cell-id a:hover{color:var(--color-brand-orange-light);text-decoration:underline}.orders-cell-amount{text-align:right;color:var(--color-brand-orange);font-family:var(--font-display);letter-spacing:-.01em;white-space:nowrap;font-weight:700}.orders-cell-two-line{flex-direction:column;gap:2px;display:flex}.orders-cell-two-line .sub{font-size:var(--text-xs);color:var(--text-muted)}.orders-pagination{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-2);flex-flow:wrap;display:flex}.pagination-link{min-width:2rem;font-size:var(--text-xs);color:var(--text-secondary);border-radius:var(--radius-sm);transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:.35rem .65rem;font-weight:600;text-decoration:none;display:inline-flex}.pagination-link:hover{background:var(--bg-overlay);color:var(--text-primary);border-color:var(--border-subtle)}.pagination-link--active{background:var(--color-brand-orange);color:#000;border-color:var(--color-brand-orange);font-weight:700}.pagination-link--active:hover{background:var(--color-brand-orange-dark);border-color:var(--color-brand-orange-dark);color:#fff}.pagination-link--disabled{opacity:.4;pointer-events:none;cursor:not-allowed}.pagination-info{font-size:var(--text-sm);color:var(--text-muted)}.pagination-controls{gap:var(--space-2);align-items:center;display:flex}.orders-empty{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-16) var(--space-8);text-align:center;flex-direction:column;display:flex}.orders-empty__icon{border-radius:var(--radius-xl);width:64px;height:64px;color:var(--color-brand-orange);background:#f2652214;border:1px solid #f2652226;justify-content:center;align-items:center;display:flex}.orders-empty__eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-brand-orange);letter-spacing:.18em;text-transform:uppercase}.orders-empty__title{font-family:var(--font-display);font-size:var(--text-xl);text-transform:uppercase;font-weight:900}.orders-empty__sub{font-size:var(--text-sm);color:var(--text-muted);max-width:320px}@media (max-width:768px){.orders-page{padding:var(--space-6) var(--space-4) var(--space-8)}.orders-toolbar,.orders-filter-form{flex-direction:column;align-items:stretch}.orders-filter-input{width:100%;min-width:0}.orders-pagination{flex-direction:column;align-items:flex-start}}.order-detail-page{padding:var(--space-8) var(--space-8) var(--space-12);gap:var(--space-6);flex-direction:column;display:flex}.order-detail-page-header{justify-content:space-between;align-items:center;gap:var(--space-4);flex-flow:wrap;display:flex}.order-detail-header-left{align-items:center;gap:var(--space-4);flex-direction:row;display:flex}.order-detail-header-id{align-items:center;gap:var(--space-3);flex-direction:row;display:flex}.order-detail-receipt-no{color:var(--color-brand-orange);font-family:var(--font-mono);font-size:var(--text-base);letter-spacing:.05em;font-weight:700}.order-detail-header-actions{align-items:center;gap:var(--space-3);flex-direction:row;display:flex}.order-detail-client-wrapper{gap:var(--space-5);flex-direction:column;display:flex}.order-detail-columns{gap:var(--space-6);grid-template-columns:2fr 1fr;align-items:start;display:grid}.order-detail-left,.order-detail-right{gap:var(--space-5);flex-direction:column;display:flex}.order-detail-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.order-detail-card-header{padding:var(--space-4) var(--space-5);background:var(--bg-raised);border-bottom:1px solid var(--border-default);font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;flex-direction:row;justify-content:space-between;align-items:center;font-weight:700;display:flex}.order-detail-card-actions{gap:var(--space-2);flex-direction:row;display:flex}.order-detail-card-body{padding:var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.order-detail-field{gap:var(--space-1);flex-direction:column;display:flex}.order-detail-field-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.order-detail-field-value{font-size:var(--text-sm);color:var(--text-primary)}.order-detail-field-value--row{align-items:center;gap:var(--space-3);flex-direction:row;display:flex}.order-detail-field-error{font-size:var(--text-xs);color:var(--color-error);margin-top:var(--space-1)}.order-detail-edit-form{padding:var(--space-5);gap:var(--space-1);flex-direction:column;display:flex}.order-detail-field-row{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.order-detail-inline-form{align-items:center;gap:var(--space-2);flex-flow:wrap;display:flex}.order-detail-status-control{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5)}.order-detail-status-form{gap:var(--space-3);margin-top:var(--space-3);flex-direction:column;display:flex}.order-detail-section-title{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-3);font-weight:700}.order-detail-breakdown{padding:var(--space-5);gap:var(--space-2);flex-direction:column;display:flex}.order-detail-breakdown-row{font-size:var(--text-sm);color:var(--text-secondary);justify-content:space-between;display:flex}.order-detail-breakdown-divider{background:var(--border-default);height:1px;margin:var(--space-2) 0}.order-detail-breakdown-total{font-size:var(--text-base);color:var(--color-brand-orange);font-weight:700}.order-detail-breakdown-discount{color:var(--color-success)}.order-detail-pricing-computed-total{font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-3) 0;border-top:1px solid var(--border-subtle)}.order-detail-pricing-computed-total strong{color:var(--color-brand-orange)}.order-detail-price-preview{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);margin-top:var(--space-3)}.order-detail-preview-title{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2);font-weight:600}.order-detail-preview-rows{gap:var(--space-1);flex-direction:column;display:flex}.order-detail-preview-row{font-size:var(--text-sm);color:var(--text-secondary);justify-content:space-between;display:flex}.order-detail-preview-total{color:var(--color-brand-orange);border-top:1px solid var(--border-subtle);margin-top:var(--space-2);padding-top:var(--space-2);font-weight:700}.order-detail-timeline{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5)}.order-detail-timeline-list{gap:var(--space-4);flex-direction:column;display:flex;position:relative}.order-detail-timeline-item{gap:var(--space-3);flex-direction:row;display:flex;position:relative}.order-detail-timeline-dot{background:var(--border-default);border:2px solid var(--bg-surface);border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:4px}.order-detail-timeline-item--latest .order-detail-timeline-dot{background:var(--color-brand-orange)}.order-detail-timeline-content{gap:var(--space-1);flex-direction:column;display:flex}.order-detail-timeline-status{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.order-detail-timeline-meta{font-size:var(--text-xs);color:var(--text-muted)}.order-detail-timeline-note{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-1);font-style:italic}.order-detail-timeline-empty{font-size:var(--text-sm);color:var(--text-muted)}.order-detail-notes-text{font-size:var(--text-sm);color:var(--text-primary);white-space:pre-wrap;line-height:1.6}.order-detail-notes-empty{color:var(--text-muted);font-style:italic}@media (max-width:900px){.order-detail-columns{grid-template-columns:1fr}}@media (max-width:640px){.order-detail-page{padding:var(--space-6) var(--space-4) var(--space-8)}.order-detail-page-header{flex-direction:column;align-items:flex-start}.order-detail-field-row{grid-template-columns:1fr}}.customer-badge{font-family:var(--font-mono);font-size:var(--text-xs);border-radius:var(--radius-full);letter-spacing:.08em;margin-left:var(--space-2);vertical-align:middle;padding:2px 8px}.customer-badge--known{color:var(--color-success);background:#22c55e26;border:1px solid #22c55e4d}.customer-badge--new{color:var(--color-brand-orange);background:#f265221f;border:1px solid #f2652240}.autocomplete-dropdown{z-index:var(--z-dropdown);background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--radius-md);margin-top:var(--space-1);box-shadow:var(--shadow-md);max-height:220px;padding:var(--space-1) 0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.autocomplete-item{padding:var(--space-2) var(--space-4);cursor:pointer;transition:background var(--transition-fast);flex-direction:column;gap:2px;display:flex}.autocomplete-item:hover,.autocomplete-item--active{background:var(--bg-raised)}.autocomplete-item-name{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.autocomplete-item-sub{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono)}.customers-page{padding:var(--space-8) var(--space-8) var(--space-16);max-width:var(--container-max)}.customers-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.customers-search-wrap{flex:1;max-width:400px}.customers-search-input{width:100%}.customers-table-wrap{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow-x:auto}.customers-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.customers-table th{padding:var(--space-3) var(--space-4);text-align:left;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--border-subtle);background:var(--bg-raised)}.customers-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle}.customers-table tbody tr:hover{background:var(--bg-raised)}.customers-table tbody tr:last-child td{border-bottom:none}.customers-td-phone,.customers-td-alt{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary)}.customers-td-name{font-weight:600}.customers-td-orders{text-align:center}.customers-td-actions{gap:var(--space-2);align-items:center;display:flex}.customers-btn-delete{color:var(--color-error)}.customers-pagination{justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-6);display:flex}.customers-pagination-info{font-size:var(--text-sm);color:var(--text-muted)}.customers-modal-stats{gap:var(--space-6);padding:var(--space-4);background:var(--bg-raised);border-radius:var(--radius-md);border:1px solid var(--border-subtle);margin-bottom:var(--space-4);display:flex}.customers-modal-stat{gap:var(--space-1);flex-direction:column;display:flex}.customers-modal-stat-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase}.customers-modal-stat-val{font-size:var(--text-base);color:var(--text-primary);font-weight:600}.modal-backdrop{z-index:var(--z-modal);padding:var(--space-4);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-panel{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:90vh;padding:var(--space-6);box-shadow:var(--shadow-lg);overflow-y:auto}.modal-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.modal-title{font-family:var(--font-display);font-size:var(--text-xl);text-transform:uppercase;color:var(--text-primary);font-weight:900}.modal-close{color:var(--text-muted);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:color var(--transition-fast);background:0 0;border:none;font-size:1.5rem}.modal-close:hover{color:var(--text-primary)}.modal-form{gap:var(--space-4);flex-direction:column;display:flex}.modal-footer{justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-2);display:flex}.form-field-error{font-size:var(--text-xs);color:var(--color-error);margin-top:var(--space-1)}.form-input--error{border-color:var(--color-error)!important}.branches-page{padding:var(--space-8) var(--space-8) var(--space-16);max-width:var(--container-max)}.branches-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.branch-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);gap:var(--space-4);transition:border-color var(--transition-fast);flex-direction:column;display:flex}.branch-card:hover{border-color:var(--border-strong)}.branch-card__header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.branch-card__name{font-family:var(--font-display);font-size:var(--text-xl);text-transform:uppercase;color:var(--text-primary);font-weight:900}.branch-card__code{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-brand-orange);border-radius:var(--radius-full);letter-spacing:.1em;background:#f265221f;border:1px solid #f2652240;padding:2px 10px}.branch-card__badges{gap:var(--space-2);display:flex}.status-badge{font-family:var(--font-mono);font-size:var(--text-xs);border-radius:var(--radius-full);letter-spacing:.08em;text-transform:uppercase;padding:2px 10px}.status-badge--active{background:var(--status-active-bg);color:var(--status-active-text);border:1px solid #22c55e4d}.status-badge--inactive{background:var(--status-cancelled-bg);color:var(--status-cancelled-text);border:1px solid #ef44444d}.branch-card__details{gap:var(--space-2);flex-direction:column;display:flex}.branch-card__detail-row{justify-content:space-between;gap:var(--space-4);font-size:var(--text-sm);display:flex}.branch-card__detail-label{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;min-width:80px}.branch-card__detail-val{color:var(--text-primary);text-align:right}.branch-card__footer{padding-top:var(--space-2);border-top:1px solid var(--border-subtle);margin-top:auto}.branch-code-display{font-family:var(--font-mono);font-size:var(--text-base);color:var(--color-brand-orange);padding:var(--space-2) 0;letter-spacing:.1em}.branch-toggle-label{align-items:center;gap:var(--space-3);cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary);display:flex}.branch-toggle-checkbox{width:18px;height:18px;accent-color:var(--color-brand-orange);cursor:pointer}@media (max-width:768px){.customers-page,.branches-page{padding:var(--space-6) var(--space-4) var(--space-8)}.customers-toolbar{flex-direction:column;align-items:stretch}.customers-search-wrap{max-width:100%}.branches-grid{grid-template-columns:1fr}}.rider-shell{background:var(--bg-app);min-height:100dvh;color:var(--text-primary);flex-direction:column;max-width:480px;margin:0 auto;display:flex}.rider-header{z-index:50;padding:var(--space-4) var(--space-5);background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.rider-header__brand{align-items:center;gap:var(--space-2);color:var(--color-brand-orange);display:flex}.rider-header__icon{flex-shrink:0}.rider-header__title{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:.04em;color:var(--text-primary);font-weight:700}.rider-header__user{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.rider-header__name{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.rider-header__branch{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono)}.rider-main{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px));flex:1;overflow-y:auto}.rider-nav{background:var(--bg-surface);border-top:1px solid var(--border-subtle);width:100%;max-width:480px;padding-bottom:env(safe-area-inset-bottom,0px);display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.rider-nav__item{align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);color:var(--text-muted);font-size:var(--text-xs);flex-direction:column;flex:1;text-decoration:none;transition:color .15s;display:flex}.rider-nav__item:hover,.rider-nav__item--active{color:var(--color-brand-orange)}.rider-page{padding:var(--space-5)}.rider-page__header{margin-bottom:var(--space-5);justify-content:space-between;align-items:baseline;display:flex}.rider-page__title{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:.02em;font-weight:700}.rider-page__count{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-muted)}.rider-empty{align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);text-align:center;flex-direction:column;display:flex}.rider-empty__icon{color:var(--text-disabled)}.rider-empty__text{font-size:var(--text-base);color:var(--text-secondary);font-weight:500}.rider-empty__sub{font-size:var(--text-sm);color:var(--text-muted)}.rider-orders{gap:var(--space-3);flex-direction:column;display:flex}.rider-order-card{padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-primary);text-decoration:none;transition:border-color .15s,background .15s;display:block}.rider-order-card:hover{border-color:var(--border-default);background:var(--bg-raised)}.rider-order-card--history{cursor:default}.rider-order-card__top{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.rider-order-card__service{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.rider-order-card__date{font-size:var(--text-xs);color:var(--text-muted)}.rider-order-card__recipient{margin-bottom:var(--space-2);justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.rider-order-card__recipient strong{font-size:var(--text-base);font-weight:600}.rider-order-card__phone{font-size:var(--text-xs);color:var(--text-muted);align-items:center;gap:4px;display:flex}.rider-order-card__address{align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2);display:flex}.rider-order-card__route{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-brand-orange);font-family:var(--font-mono);margin-bottom:var(--space-2);display:flex}.rider-order-card__arrow{color:var(--text-muted)}.rider-order-card__item{font-size:var(--text-xs);color:var(--text-muted);border-top:1px solid var(--border-subtle);padding-top:var(--space-2);margin-top:var(--space-2);justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.rider-order-card__tracking{font-family:var(--font-mono);color:var(--text-disabled);white-space:nowrap}.rider-pagination{justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-6);display:flex}.rider-pagination__info{font-size:var(--text-sm);color:var(--text-muted);font-family:var(--font-mono)}.rider-detail{padding:var(--space-5);gap:var(--space-5);flex-direction:column;display:flex}.rider-detail__back{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);text-decoration:none;transition:color .15s;display:inline-flex}.rider-detail__back:hover{color:var(--text-primary)}.rider-detail__progress{padding-bottom:var(--space-2);gap:0;display:flex;overflow-x:auto}.rider-progress-step{align-items:center;gap:var(--space-1);flex-direction:column;flex:1;min-width:60px;display:flex;position:relative}.rider-progress-step:before{content:"";background:var(--border-subtle);height:2px;position:absolute;top:7px;left:calc(7px - 50%);right:calc(50% + 7px)}.rider-progress-step:first-child:before{display:none}.rider-progress-step--done:before{background:var(--color-brand-orange)}.rider-progress-step__dot{background:var(--bg-overlay);border:2px solid var(--border-subtle);z-index:1;border-radius:50%;flex-shrink:0;width:14px;height:14px;position:relative}.rider-progress-step--done .rider-progress-step__dot{background:var(--color-brand-orange);border-color:var(--color-brand-orange)}.rider-progress-step--current .rider-progress-step__dot{box-shadow:0 0 0 3px var(--color-brand-glow)}.rider-progress-step__label{color:var(--text-muted);text-align:center;letter-spacing:.04em;font-size:9px;line-height:1.2}.rider-progress-step--done .rider-progress-step__label,.rider-progress-step--current .rider-progress-step__label{color:var(--text-secondary)}.rider-detail__status-bar{padding:var(--space-3) var(--space-4);background:var(--bg-raised);border-radius:var(--radius-md);border:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.rider-detail__tracking{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.rider-detail__section{gap:var(--space-3);flex-direction:column;display:flex}.rider-detail__section-title{font-size:var(--text-xs);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.rider-detail__info-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.rider-detail__name{font-size:var(--text-base);margin:0;font-weight:600}.rider-detail__address{align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);margin:0;display:flex}.rider-detail__landmark{font-size:var(--text-sm);color:var(--color-warning);margin:0}.rider-detail__actions-row{gap:var(--space-2);margin-top:var(--space-2);display:flex}.rider-detail__meta-row{gap:var(--space-3);font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono);flex-wrap:wrap;display:flex}.rider-detail__handling{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-warning);margin:0;display:flex}.rider-detail__pod-alert{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);color:var(--color-warning);background:#f59e0b1a;border:1px solid #f59e0b4d;align-items:flex-start;display:flex}.rider-detail__pod-alert strong{font-size:var(--text-sm);margin-bottom:2px;display:block}.rider-detail__pod-alert p{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.rider-detail__note-input{align-items:center;gap:var(--space-2);background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--text-muted);display:flex}.rider-detail__note-field{font-size:var(--text-sm);color:var(--text-primary);font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1}.rider-detail__note-field::placeholder{color:var(--text-muted)}.rider-detail__status-buttons{gap:var(--space-2);flex-direction:column;display:flex}.rider-detail__status-btn{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:600;display:flex}.rider-detail__error{font-size:var(--text-sm);color:var(--color-error);margin:0}.rider-detail__success{font-size:var(--text-sm);color:var(--color-success);margin:0}.rider-detail__terminal{align-items:center;gap:var(--space-3);padding:var(--space-6);text-align:center;color:var(--color-success);flex-direction:column;display:flex}.rider-detail__terminal p{font-size:var(--text-base);color:var(--text-secondary);margin:0}.rider-profile{align-items:center;gap:var(--space-4);padding:var(--space-4) 0;flex-direction:column;display:flex}.rider-profile__avatar{background:var(--bg-raised);border:2px solid var(--border-default);width:80px;height:80px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;display:flex}.rider-profile__name{font-size:var(--text-xl);color:var(--text-primary);font-weight:700}.rider-profile__role{font-size:var(--text-xs);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-brand-orange)}.rider-profile__branch{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);display:flex}.rider-profile__details{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;overflow:hidden}.rider-profile__detail-row{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.rider-profile__detail-row:last-child{border-bottom:none}.rider-profile__detail-label{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;min-width:60px}.rider-profile__signout{align-items:center;gap:var(--space-2);margin-top:var(--space-2);justify-content:center;width:100%;display:flex}.map-page{gap:var(--space-6);flex-direction:column;height:100%;min-height:0;display:flex}.map-page__header{flex-shrink:0;justify-content:space-between;align-items:flex-start;display:flex}.map-page__title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text-primary);letter-spacing:-.01em;margin:0 0 var(--space-1);font-weight:700}.map-page__subtitle{font-size:var(--text-sm);color:var(--text-muted);margin:0}.map-page__body{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.live-map{background:var(--bg-surface);border-radius:var(--radius-lg);flex-direction:column;flex:1;min-height:480px;display:flex;position:relative;overflow:hidden}.live-map__canvas{flex:1;width:100%;height:100%;min-height:480px}.live-map__no-key-notice{padding:var(--space-3) var(--space-4);background:var(--bg-raised);border-bottom:1px solid var(--border-subtle);font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.live-map__empty{padding:var(--space-8);color:var(--text-muted);font-size:var(--text-sm);flex:1;justify-content:center;align-items:center;display:flex}.live-map__fallback-list{padding:var(--space-4);gap:var(--space-3);flex-direction:column;flex:1;margin:0;list-style:none;display:flex;overflow-y:auto}.live-map__fallback-item{gap:var(--space-1) var(--space-4);padding:var(--space-4);background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);grid-template-rows:auto auto;grid-template-columns:1fr auto;transition:border-color .15s;display:grid}.live-map__fallback-item:hover{border-color:var(--border-default)}.live-map__fallback-name{font-weight:600;font-size:var(--text-sm);color:var(--text-primary);grid-area:1/1}.live-map__fallback-coords{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-brand-orange);white-space:nowrap;grid-area:1/2}.live-map__fallback-time{font-size:var(--text-xs);color:var(--text-muted);grid-area:2/1}.live-map__fallback-phone{font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;grid-area:2/2}.rider-marker{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:2px;display:flex}.rider-marker__dot{background:var(--color-brand-orange);width:14px;height:14px;box-shadow:0 0 0 3px var(--color-brand-glow);border:2px solid #fff;border-radius:50%;animation:2s ease-in-out infinite markerPulse;display:block}@keyframes markerPulse{0%,to{box-shadow:0 0 0 3px var(--color-brand-glow)}50%{box-shadow:0 0 0 6px #f2652214}}.rider-marker__label{color:#fff;background:var(--color-brand-orange);white-space:nowrap;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:700;box-shadow:0 1px 4px #0006}.rider-info-window{min-width:160px;padding:var(--space-2) var(--space-3);gap:var(--space-1);font-family:var(--font-body);flex-direction:column;display:flex}.rider-info-window__name{color:#111;margin:0;font-size:13px;font-weight:700}.rider-info-window__phone{color:#555;margin:0;font-size:12px}.rider-info-window__status{color:#333;margin:0;font-size:11px}.rider-info-window__time{color:#888;margin:0;font-size:11px}.order-detail-field-success{font-size:var(--text-xs);color:var(--color-success);margin-top:var(--space-1)}.track-layout{background-color:var(--bg-app);min-height:100vh;color:var(--text-primary);flex-direction:column;display:flex}.track-layout__header{background-color:var(--bg-surface);border-bottom:1px solid var(--border-default);padding:var(--space-4) var(--space-6);align-items:center;display:flex}.track-layout__brand{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:.02em;font-weight:700;text-decoration:none;color:var(--color-brand-orange)!important}.track-layout__brand:hover{color:var(--color-brand-orange-light)!important}.track-layout__body{padding:var(--space-12) var(--space-6);flex-direction:column;flex:1;align-items:center;width:100%;display:flex}.track-search-page{align-items:center;gap:var(--space-8);flex-direction:column;width:100%;max-width:560px;display:flex}.track-search-page__hero{text-align:center}.track-search-page__title{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--text-primary);margin-bottom:var(--space-3);font-weight:800;line-height:1.1}.track-search-page__sub{font-size:var(--text-base);color:var(--text-secondary);max-width:420px}.track-search-page__hint{font-size:var(--text-sm);color:var(--text-muted);text-align:center;line-height:1.7}.track-search-page__format{font-family:var(--font-mono);color:var(--color-brand-orange);font-size:var(--text-sm)}.track-search-form{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.track-search-form__row{gap:var(--space-3);display:flex}.track-search-form__input{background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-base);padding:var(--space-3) var(--space-4);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);letter-spacing:.05em;outline:none;flex:1}.track-search-form__input::placeholder{color:var(--text-disabled);font-family:var(--font-mono)}.track-search-form__input:focus{border-color:var(--color-brand-orange);box-shadow:0 0 0 3px var(--color-brand-glow-sm)}.track-search-form__input--error{border-color:var(--color-error)}.track-search-form__input--error:focus{box-shadow:0 0 0 3px #ef444426}.track-search-form__btn{background-color:var(--color-brand-orange);color:var(--text-inverse);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);padding:var(--space-3) var(--space-6);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast), transform var(--transition-fast);border:none;font-weight:600}.track-search-form__btn:hover{background-color:var(--color-brand-orange-dark)}.track-search-form__btn:active{transform:scale(.98)}.track-search-form__error{font-size:var(--text-sm);color:var(--color-error);padding-left:var(--space-1)}.tracking-page{gap:var(--space-6);flex-direction:column;width:100%;max-width:640px;display:flex}.tracking-header-card{background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.tracking-header-card__top{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.tracking-header-card__label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-1)}.tracking-header-card__no{font-family:var(--font-mono);font-size:var(--text-xl);color:var(--color-brand-orange);letter-spacing:.04em;font-weight:700}.tracking-header-card__badge-wrap{align-items:flex-end;gap:var(--space-2);flex-direction:column;display:flex}.tracking-header-card__meta{justify-content:space-between;align-items:center;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.tracking-header-card__route{font-size:var(--text-md);color:var(--text-primary);font-weight:600}.tracking-header-card__date{font-size:var(--text-sm);color:var(--text-muted)}.tracking-meta{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.tracking-meta__item{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.tracking-meta__label{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap;min-width:120px}.tracking-meta__value{font-size:var(--text-sm);color:var(--text-primary);text-align:right}.tracking-live-badge{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-success);letter-spacing:.04em;font-weight:500;display:inline-flex}.tracking-live-badge__dot{border-radius:var(--radius-full);background-color:var(--color-success);width:7px;height:7px;animation:2s ease-in-out infinite live-pulse}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.tracking-timeline-section{gap:var(--space-4);flex-direction:column;display:flex}.tracking-timeline-section__heading{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.tracking-timeline-wrapper{gap:var(--space-4);flex-direction:column;display:flex}.tracking-timeline{flex-direction:column;margin:0;padding:0;list-style:none;display:flex;position:relative}.tracking-timeline:before{content:"";background:var(--border-subtle);z-index:0;width:2px;position:absolute;top:12px;bottom:12px;left:11px}.tracking-timeline__step{align-items:flex-start;gap:var(--space-4);padding-bottom:var(--space-6);display:flex;position:relative}.tracking-timeline__step:last-child{padding-bottom:0}.tracking-timeline__dot{border-radius:var(--radius-full);border:2px solid var(--border-subtle);background-color:var(--bg-raised);z-index:1;width:24px;height:24px;transition:border-color var(--transition-fast), background-color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.tracking-timeline__step--completed .tracking-timeline__dot{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.tracking-timeline__step--current .tracking-timeline__dot{background-color:var(--color-brand-orange);border-color:var(--color-brand-orange);box-shadow:0 0 0 4px var(--color-brand-glow-sm);animation:2s ease-in-out infinite current-pulse}@keyframes current-pulse{0%,to{box-shadow:0 0 0 4px var(--color-brand-glow-sm)}50%{box-shadow:0 0 0 8px #f265220d}}.tracking-timeline__step--future .tracking-timeline__dot{background-color:var(--bg-surface);border-color:var(--border-subtle)}.tracking-timeline__content{gap:var(--space-1);flex-direction:column;padding-top:2px;display:flex}.tracking-timeline__label{font-size:var(--text-sm);color:var(--text-primary);font-weight:500;line-height:1.4}.tracking-timeline__step--current .tracking-timeline__label{color:var(--color-brand-orange);font-weight:700}.tracking-timeline__step--future .tracking-timeline__label{color:var(--text-muted);font-weight:400}.tracking-timeline__timestamp{font-size:var(--text-xs);color:var(--text-muted)}.tracking-timeline__timestamp--current{color:var(--text-secondary);font-weight:500}.tracking-timeline__note{font-size:var(--text-xs);color:var(--text-secondary);font-style:italic}.tracking-alert{align-items:flex-start;gap:var(--space-3);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);color:var(--color-error);background-color:#ef444414;border:1px solid #ef444440;display:flex}.tracking-alert__icon{flex-shrink:0;margin-top:2px}.tracking-alert__body{gap:var(--space-1);flex-direction:column;display:flex}.tracking-alert__title{font-size:var(--text-sm);color:var(--color-error);font-weight:600}.tracking-alert__sub{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.5}@media (max-width:480px){.track-search-form__row{flex-direction:column}.track-search-form__btn{width:100%}.tracking-header-card__no{font-size:var(--text-lg)}.tracking-header-card__top{flex-direction:column;align-items:flex-start}.tracking-header-card__badge-wrap{flex-flow:wrap;align-items:flex-start}}.rider-mgmt-page{padding:var(--space-8) var(--space-8) var(--space-16);max-width:var(--container-max);gap:var(--space-6);flex-direction:column;display:flex}.rider-mgmt-page__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.rider-mgmt-page__title{align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:var(--text-2xl);text-transform:uppercase;color:var(--text-primary);margin:0;font-weight:900;display:flex}.rider-mgmt-page__subtitle{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.rider-mgmt-page__empty{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-16) var(--space-8);text-align:center;color:var(--text-muted);flex-direction:column;display:flex}.rider-mgmt-page__empty-icon{opacity:.3}.rider-mgmt__grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.rider-mgmt__card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-5);gap:var(--space-4);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;display:flex}.rider-mgmt__card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.rider-mgmt__card-header{align-items:center;gap:var(--space-3);display:flex}.rider-mgmt__avatar{border-radius:var(--radius-full);width:44px;height:44px;color:var(--color-brand-orange);font-family:var(--font-display);font-size:var(--text-sm);background:#f2652226;border:1px solid #f265224d;flex-shrink:0;justify-content:center;align-items:center;font-weight:900;display:flex}.rider-mgmt__card-info{flex:1;min-width:0}.rider-mgmt__card-name{font-size:var(--text-base);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.rider-mgmt__card-branch{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.04em}.rider-mgmt__status{font-size:var(--text-xs);font-family:var(--font-mono);letter-spacing:.08em;border-radius:var(--radius-full);flex-shrink:0;padding:3px 10px;font-weight:700}.rider-mgmt__status--active{color:var(--color-success);background:#22c55e1f;border:1px solid #22c55e4d}.rider-mgmt__status--idle{color:#eab308;background:#eab3081f;border:1px solid #eab3084d}.rider-mgmt__status--offline{color:var(--text-muted);border:1px solid var(--border-subtle);background:#64748b1f}.rider-mgmt__stats{gap:var(--space-3);flex-wrap:wrap;display:flex}.rider-mgmt__stat{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-secondary);display:flex}.rider-mgmt__stat--link{color:var(--text-secondary);transition:color var(--transition-fast);text-decoration:none}.rider-mgmt__stat--link:hover{color:var(--color-brand-orange)}.rider-mgmt__orders{gap:var(--space-2);flex-wrap:wrap;display:flex}.rider-mgmt__order-chip{font-size:10px;font-family:var(--font-mono);letter-spacing:.04em;border-radius:var(--radius-sm);background:var(--bg-raised);border:1px solid var(--border-subtle);color:var(--text-secondary);transition:border-color var(--transition-fast), color var(--transition-fast);white-space:nowrap;padding:3px 8px;text-decoration:none}a.rider-mgmt__order-chip:hover{border-color:var(--color-brand-orange);color:var(--color-brand-orange)}.rider-mgmt__order-chip--more{color:var(--text-muted);font-style:italic}@media (max-width:640px){.rider-mgmt-page{padding:var(--space-6) var(--space-4) var(--space-8)}.rider-mgmt__grid{grid-template-columns:1fr}.rider-mgmt-page__header{flex-direction:column;align-items:flex-start}}.payments-page{padding:var(--space-8) var(--space-8) var(--space-16);max-width:var(--container-max);gap:var(--space-6);flex-direction:column;display:flex}.payments-page__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.payments-page__title{align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:var(--text-2xl);text-transform:uppercase;color:var(--text-primary);margin:0;font-weight:900;display:flex}.payments-page__subtitle{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.payments-summary-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.payments-summary-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-5);align-items:center;gap:var(--space-4);display:flex}.payments-summary-card__icon{border-radius:var(--radius-full);width:44px;height:44px;color:var(--color-brand-orange);background:#f265221f;border:1px solid #f2652240;flex-shrink:0;justify-content:center;align-items:center;display:flex}.payments-summary-card__icon--month{color:var(--color-success);background:#22c55e1a;border-color:#22c55e40}.payments-summary-card__icon--pending{color:#eab308;background:#eab3081a;border-color:#eab30840}.payments-summary-card__label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.payments-summary-card__value{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-primary);margin-top:var(--space-1);font-weight:900}.payments-table-wrap{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden}.payments-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.payments-table th{padding:var(--space-3) var(--space-4);text-align:left;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--border-default);background:var(--bg-raised)}.payments-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle}.payments-table tbody tr:last-child td{border-bottom:none}.payments-table tbody tr:hover{background:var(--bg-raised)}.payments-order-link{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-brand-orange);font-weight:600;text-decoration:none}.payments-order-link:hover{text-decoration:underline}.payments-td-mono{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary)}.payments-td-amount{font-weight:700}.payments-td-ref{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.payments-td-date{color:var(--text-muted);font-size:var(--text-xs);white-space:nowrap}.payments-badge{font-size:10px;font-family:var(--font-mono);letter-spacing:.08em;border-radius:var(--radius-full);padding:2px 8px;font-weight:700}.payments-badge--success{color:var(--color-success);background:#22c55e1f;border:1px solid #22c55e4d}.payments-badge--pending{color:#eab308;background:#eab3081f;border:1px solid #eab3084d}.payments-badge--failed{color:var(--color-error);background:#ef44441f;border:1px solid #ef44444d}.payments-badge--refunded{color:var(--text-muted);border:1px solid var(--border-subtle);background:#64748b1a}.payments-empty{align-items:center;gap:var(--space-3);padding:var(--space-16);color:var(--text-muted);text-align:center;flex-direction:column;display:flex}.partners-page{padding:var(--space-8) var(--space-8) var(--space-16);max-width:var(--container-max);gap:var(--space-6);flex-direction:column;display:flex}.partners-page__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.partners-page__title{align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:var(--text-2xl);text-transform:uppercase;color:var(--text-primary);margin:0;font-weight:900;display:flex}.partners-page__subtitle{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.partners-page__empty{align-items:center;gap:var(--space-4);padding:var(--space-16);color:var(--text-muted);text-align:center;flex-direction:column;display:flex}.partners-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.partner-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-5);gap:var(--space-4);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;display:flex}.partner-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.partner-card--inactive{opacity:.6}.partner-card__header{align-items:center;gap:var(--space-3);display:flex}.partner-card__avatar{border-radius:var(--radius-full);width:44px;height:44px;color:var(--color-brand-orange);font-family:var(--font-display);font-size:var(--text-sm);background:#f265221f;border:1px solid #f2652240;flex-shrink:0;justify-content:center;align-items:center;font-weight:900;display:flex}.partner-card__info{flex:1;min-width:0}.partner-card__name{font-size:var(--text-base);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.partner-card__contact{font-size:var(--text-xs);color:var(--text-muted)}.partner-card__badge{font-size:10px;font-family:var(--font-mono);letter-spacing:.08em;border-radius:var(--radius-full);flex-shrink:0;padding:2px 8px;font-weight:700}.partner-card__badge--active{color:var(--color-success);background:#22c55e1f;border:1px solid #22c55e4d}.partner-card__badge--inactive{color:var(--text-muted);border:1px solid var(--border-subtle);background:#64748b1a}.partner-card__details{gap:var(--space-2);flex-direction:column;display:flex}.partner-card__detail{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);transition:color var(--transition-fast);text-decoration:none;display:flex}a.partner-card__detail:hover{color:var(--color-brand-orange)}.partner-card__footer{padding-top:var(--space-3);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.partner-card__order-count{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono)}.partner-card__actions{gap:var(--space-2);display:flex}.rider-detail__pod-section{border-radius:var(--radius-xl);padding:var(--space-5);gap:var(--space-4);background:#eab3080f;border:1px solid #eab30840;flex-direction:column;display:flex}.rider-detail__pod-header{align-items:center;gap:var(--space-2);color:#eab308;font-size:var(--text-sm);display:flex}.rider-detail__pod-sub{font-size:var(--text-sm);color:var(--text-secondary)}.rider-detail__pod-buttons{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.rider-detail__pod-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-3);border:2px solid var(--border-default);border-radius:var(--radius-xl);background:var(--bg-surface);cursor:pointer;font-size:var(--text-sm);color:var(--text-primary);transition:all var(--transition-fast);font-weight:600;font-family:var(--font-sans);flex-direction:column;display:flex}.rider-detail__pod-btn:hover:not(:disabled){border-color:var(--color-brand-orange);color:var(--color-brand-orange);background:#f265220f}.rider-detail__pod-btn:disabled{opacity:.5;cursor:not-allowed}.rider-detail__pod-btn--cash:hover:not(:disabled){border-color:var(--color-success);color:var(--color-success);background:#22c55e0f}.rider-detail__pod-hint{font-size:var(--text-xs);color:var(--text-muted);text-align:center}.rider-detail__pod-transfer{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-5);align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;display:flex}.rider-detail__pod-transfer-header{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-primary);font-weight:700;display:flex}.rider-detail__pod-amount{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-brand-orange);font-weight:900}.rider-detail__pod-qr{border-radius:var(--radius-md);border:4px solid var(--bg-raised);width:200px;height:200px}.rider-detail__pod-transfer-actions{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.rider-detail__pod-paid{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);color:var(--color-success);font-size:var(--text-sm);background:#22c55e14;border:1px solid #22c55e4d;font-weight:700;display:flex}@media (max-width:640px){.payments-page,.partners-page{padding:var(--space-6) var(--space-4) var(--space-8)}.partners-grid,.payments-summary-grid,.rider-detail__pod-buttons{grid-template-columns:1fr}}.settings-page{flex-direction:column;gap:2rem;max-width:1000px;margin:0 auto;display:flex}.settings-page__header{border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;padding-bottom:1.5rem;display:flex}.settings-grid{flex-direction:column;gap:2.5rem;display:flex}.settings-section{flex-direction:column;gap:1rem;display:flex}.settings-section__title{color:var(--text-primary);font-size:1.25rem;font-weight:600}.settings-section__desc{color:var(--text-muted);max-width:600px;font-size:.9rem;line-height:1.5}.pricing-form{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;flex-direction:column;gap:2rem;padding:1.5rem;display:flex}.pricing-form__group{flex-direction:column;gap:1rem;display:flex}.pricing-form__group-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px dashed var(--border-default);padding-bottom:.5rem;font-size:.95rem;font-weight:600}.pricing-form__input-wrap{align-items:center;display:flex;position:relative}.pricing-form__prefix,.pricing-form__suffix{color:var(--text-muted);pointer-events:none;font-size:.9rem;position:absolute}.pricing-form__prefix{left:1rem}.pricing-form__suffix{right:1rem}.pricing-form__input{padding-left:2rem}.pricing-form__input-wrap:has(.pricing-form__suffix) .pricing-form__input{padding-left:1rem;padding-right:2rem}.pricing-form__actions{border-top:1px solid var(--border-default);justify-content:flex-end;gap:1rem;padding-top:1rem;display:flex}.pricing-form__note{color:var(--text-muted);text-align:right;font-size:.85rem}.settings-info-item{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;flex-direction:column;gap:.25rem;padding:1rem;display:flex}.settings-info-item__label{color:var(--text-muted);text-transform:uppercase;font-size:.85rem}.settings-info-item__value{color:var(--text-primary);font-weight:500}.reports-page__header{border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;padding-bottom:1.5rem;display:flex}.reports-summary-card{background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-primary);border-radius:12px;align-items:center;gap:1rem;padding:1.5rem;display:flex}.reports-summary-card__value{letter-spacing:-.5px;font-size:1.5rem;font-weight:700}.reports-card__title{color:var(--text-primary);border-bottom:1px solid var(--border-default);padding-bottom:.75rem;font-size:1.1rem;font-weight:600}.reports-empty{color:var(--text-muted);text-align:center;padding:2rem 0;font-size:.9rem}.reports-table{border-collapse:collapse;width:100%;font-size:.9rem}.reports-table th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border-default);padding:.75rem;font-weight:500}.reports-table__growth td{background:#ffffff05}.reports-growth--pos{color:var(--color-success);font-weight:600}.reports-growth--neg{color:var(--color-error);font-weight:600}.reports-rank{color:var(--text-muted);margin-right:.5rem;font-size:.8rem}.reports-table-scroll{max-height:400px;overflow-y:auto}.reports-table-scroll thead th{background:var(--bg-surface);z-index:1;box-shadow:0 1px 0 var(--border-default);position:sticky;top:0}.revenue-chart-wrap{padding:1rem 0 0}.revenue-chart-empty{height:220px;color:var(--text-muted);border:1px dashed var(--border-default);border-radius:8px;justify-content:center;align-items:center;font-size:.9rem;display:flex}.audit-page{flex-direction:column;gap:1.5rem;display:flex}.audit-page__header{border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;padding-bottom:1.5rem;display:flex}.audit-page__title{color:var(--text-primary);align-items:center;gap:.75rem;font-size:1.75rem;font-weight:700;display:flex}.audit-page__subtitle{color:var(--text-muted);margin-top:.25rem;font-size:.95rem}.audit-table-wrap{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;overflow-x:auto}.audit-empty{color:var(--text-muted);flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.audit-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.audit-table th{color:var(--text-muted);border-bottom:1px solid var(--border-default);background:#0000001a;padding:1rem;font-weight:500}.audit-table td{border-bottom:1px solid var(--border-default);color:var(--text-primary);vertical-align:top;padding:1rem}.audit-table tr:last-child td{border-bottom:none}.audit-table tr:hover{background:#ffffff03}.audit-td-time{white-space:nowrap;color:var(--text-muted);font-family:monospace;font-size:.85rem}.audit-user{font-weight:500;display:block}.audit-role{color:var(--text-muted);font-size:.75rem;display:block}.audit-action{color:var(--color-brand-orange);background:#ffffff0d;border-radius:4px;padding:.2rem .4rem;font-family:monospace;font-size:.85rem}.audit-entity{font-weight:500}.audit-id{color:var(--text-muted);font-family:monospace;font-size:.85rem}.audit-pagination{flex-direction:column;align-items:center;gap:.75rem;padding:1rem 0;display:flex}.audit-pagination__info{color:var(--text-muted);font-size:.9rem}.audit-action--order{color:#f26522;background:#f2652226}.audit-action--staff{color:#3b82f6;background:#3b82f626}.audit-action--partner{color:#f59e0b;background:#f59e0b26}.audit-action--settings{color:#818cf8;background:#818cf826}.audit-action--branch{color:#22c55e;background:#22c55e26}.audit-action--payment{color:#14b8a6;background:#14b8a626}.audit-diff{margin-top:.5rem}.audit-diff summary{cursor:pointer;font-size:var(--text-xs);color:var(--text-muted)}.audit-diff pre{background:var(--bg-elevated);white-space:pre-wrap;word-break:break-all;border-radius:4px;max-height:200px;margin-top:.5rem;padding:.5rem;font-size:10px;overflow:auto}.audit-filters{flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-bottom:1.5rem;display:flex}.audit-filter-group{flex-direction:column;gap:.25rem;display:flex}.audit-filter-label{font-size:var(--text-xs);color:var(--text-muted);font-weight:500}.audit-filters-actions{align-items:center;gap:.75rem;display:flex}.audit-clear-link{font-size:var(--text-sm);color:var(--text-muted);text-decoration:underline}.staff-page{flex-direction:column;gap:1.5rem;display:flex}.staff-page__header{border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;padding-bottom:1.5rem;display:flex}.staff-page__title{color:var(--text-primary);align-items:center;gap:.75rem;font-size:1.75rem;font-weight:700;display:flex}.staff-page__subtitle{color:var(--text-muted);margin-top:.25rem;font-size:.95rem}.staff-table-wrap{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;overflow-x:auto}.staff-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.staff-table th{color:var(--text-muted);border-bottom:1px solid var(--border-default);background:#0000001a;padding:1rem;font-weight:500}.staff-table td{border-bottom:1px solid var(--border-default);color:var(--text-primary);vertical-align:middle;padding:1rem}.staff-table tr:last-child td{border-bottom:none}.staff-table__row--inactive{opacity:.6;background:#0003}.staff-modal{width:100%;max-width:500px}.staff-form{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (max-width:600px){.form-row{grid-template-columns:1fr}}.staff-toolbar{gap:var(--space-3);margin-bottom:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.staff-search-input{flex:1;min-width:200px;max-width:320px}.staff-filter-select{width:auto;min-width:140px}.staff-td-name-group{flex-direction:column;gap:2px;display:flex}.staff-td-name{color:var(--text-primary);font-weight:600;font-size:var(--text-sm)}.staff-td-email{font-size:var(--text-xs);color:var(--text-muted)}.staff-td-branch{color:var(--text-secondary);font-size:var(--text-sm)}.staff-td-date{color:var(--text-muted);white-space:nowrap;font-size:var(--text-sm)}.staff-td-actions{justify-content:flex-end;align-items:center;gap:var(--space-1);display:flex}.staff-action-btn{color:var(--text-muted);transition:color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);border:1px solid #0000;padding:.3rem .5rem!important}.staff-action-btn:hover{color:var(--text-primary);background:var(--bg-overlay);border-color:var(--border-subtle)}.staff-action-btn:disabled{opacity:.3;pointer-events:none}.staff-btn--activate{color:var(--color-success)!important}.staff-btn--deactivate{color:var(--color-error)!important}.staff-empty{align-items:center;gap:var(--space-4);padding:var(--space-16) var(--space-8);text-align:center;color:var(--text-muted);flex-direction:column;display:flex}.staff-empty__icon{opacity:.25;color:var(--color-brand-orange)}.staff-empty__title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-weight:700}.staff-empty__sub{font-size:var(--text-sm);max-width:400px}.role-badge{border-radius:var(--radius-full);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;align-items:center;padding:.2rem .65rem;font-weight:700;display:inline-flex}.role-badge--super-admin{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.role-badge--admin{color:var(--color-warning);background:#f59e0b26;border:1px solid #f59e0b4d}.role-badge--dispatcher{color:var(--color-info);background:#3b82f626;border:1px solid #3b82f64d}.role-badge--rider{color:var(--text-secondary);background:#aaaaaa1f;border:1px solid #aaa3}.role-badge--customer{color:var(--text-muted);background:#6464641f;border:1px solid #64646433}.status-dot-badge{align-items:center;gap:var(--space-2);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;font-weight:600;display:inline-flex}.status-dot-badge__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot-badge--active{color:var(--color-success)}.status-dot-badge--active .status-dot-badge__dot{background:var(--color-success);animation:2s ease-out infinite pulse-ring;box-shadow:0 0 6px #22c55e80}.status-dot-badge--inactive{color:var(--text-muted)}.status-dot-badge--inactive .status-dot-badge__dot{background:var(--text-muted)}.staff-modal-panel{max-width:560px}.reset-pw-panel{max-width:420px}.reset-pw-desc{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4);line-height:1.6}.confirm-dialog{max-width:440px}.modal-title--danger{color:var(--color-error)}.confirm-dialog__message{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-6);line-height:1.7}.toast-container{bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);gap:var(--space-2);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-3);min-width:260px;max-width:400px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--text-sm);pointer-events:all;border:1px solid #0000;font-weight:500;animation:.3s both fadeSlideUp;display:flex}.toast--success{color:var(--color-success);background:#22c55e26;border-color:#22c55e4d}.toast--error{color:var(--color-error);background:#ef444426;border-color:#ef44444d}.toast__message{flex:1}.toast__close{cursor:pointer;opacity:.6;color:inherit;transition:opacity var(--transition-fast);background:0 0;border:none;flex-shrink:0;padding:0;font-size:1.1rem;line-height:1}.toast__close:hover{opacity:1}.staff-lookup{gap:var(--space-6);flex-direction:column;max-width:900px;display:flex}.staff-lookup__header{border-bottom:1px solid var(--border-default);padding-bottom:var(--space-4)}.staff-lookup__title{color:var(--text-primary);margin:0 0 var(--space-1);font-size:1.75rem;font-weight:700}.staff-lookup__subtitle{color:var(--text-muted);margin:0;font-size:.95rem}.staff-lookup__search-form{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.staff-lookup__input-row{gap:var(--space-4);align-items:center;display:flex}.staff-lookup__input{letter-spacing:.03em;flex:1;min-width:0;font-family:monospace}.staff-lookup__submit{white-space:nowrap;flex-shrink:0}.staff-lookup__hint{color:var(--text-muted);margin:0;font-size:.875rem}.staff-lookup__format-error,.staff-lookup__error-state{border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);color:var(--color-error);background:#ef444414;border:1px solid #ef444440;margin:0;font-size:.95rem}.staff-lookup__not-found{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-6);align-items:center;gap:var(--space-4);color:var(--text-secondary);font-size:.95rem;display:flex}.staff-lookup__not-found p{flex:1;margin:0}.lookup-result-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.lookup-result-card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-6);background:var(--bg-raised);border-bottom:1px solid var(--border-default);display:flex}.lookup-result-card__receipt-no{color:var(--color-brand-orange);letter-spacing:.04em;margin:0 0 var(--space-1);font-family:Barlow Condensed,sans-serif;font-size:1.5rem;font-weight:800}.lookup-result-card__tracking-no{color:var(--text-secondary);letter-spacing:.04em;margin:0;font-family:monospace;font-size:.875rem}.lookup-result-card__section{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle)}.lookup-result-card__section:last-child{border-bottom:none}.lookup-result-card__section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 var(--space-4);font-size:.75rem;font-weight:600}.lookup-result-card__field-grid{gap:var(--space-2) var(--space-6);grid-template-columns:minmax(140px,max-content) 1fr;align-items:baseline;display:grid}.lookup-result-card__field-label{color:var(--text-muted);white-space:nowrap;font-size:.85rem}.lookup-result-card__field-value{color:var(--text-primary);word-break:break-word;font-size:.9rem}.lookup-result-card__cta{padding:var(--space-5) var(--space-6);background:var(--bg-raised);border-top:1px solid var(--border-default);justify-content:flex-end;display:flex}@media (max-width:600px){.staff-lookup__input-row{flex-direction:column;align-items:stretch}.staff-lookup__submit{width:100%}.lookup-result-card__field-grid{gap:var(--space-1);grid-template-columns:1fr}.lookup-result-card__field-label{color:var(--text-muted);margin-top:var(--space-2);font-size:.75rem}}.lookup-quick-actions{border-top:1px solid var(--border-default);padding:var(--space-6);gap:var(--space-6);flex-direction:column;display:flex}.lookup-quick-actions__title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin:0 0 var(--space-2);font-weight:700}.lookup-quick-actions__sub-panel{gap:var(--space-3);padding:var(--space-5);background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;display:flex}.lookup-quick-actions__sub-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 var(--space-1);font-weight:600}.lookup-quick-actions__form{gap:var(--space-3);flex-direction:column;display:flex}.lookup-quick-actions__actions-row{align-items:center;gap:var(--space-3);flex-flow:wrap;display:flex}.lookup-quick-actions__char-count{font-size:var(--text-xs);color:var(--text-muted);text-align:right}.lookup-quick-actions__success{font-size:var(--text-xs);color:var(--color-success);margin:0}.lookup-quick-actions__error{font-size:var(--text-xs);color:var(--color-error);margin:0}@media (max-width:600px){.lookup-quick-actions{padding:var(--space-4);gap:var(--space-4)}.lookup-quick-actions__sub-panel{padding:var(--space-4)}.lookup-quick-actions__actions-row{flex-direction:column;align-items:stretch}}.cp-layout{background:var(--bg-app);flex-direction:column;min-height:100vh;display:flex}.cp-header{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-8);border-bottom:1px solid var(--border-default);background:var(--bg-surface);display:flex}.cp-header__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:600}.cp-main{padding:var(--space-8) var(--space-8);max-width:var(--container-max);flex:1;width:100%;margin:0 auto}.cp-login{padding-top:var(--space-16);padding-bottom:var(--space-16);justify-content:center;display:flex}.cp-login__card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:100%;max-width:420px;padding:var(--space-8);box-shadow:var(--shadow-lg);margin:0 auto}.cp-login__heading{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text-primary);letter-spacing:.02em;margin:0 0 var(--space-2);font-weight:800}.cp-login__sub{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-6);line-height:1.5}.cp-login__form{gap:var(--space-4);flex-direction:column;display:flex}.cp-login__step{width:100%}.cp-login__resend{margin-top:var(--space-3);text-align:center;justify-content:center;align-items:center;gap:var(--space-1);display:flex}.cp-login__error{border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-xs);color:var(--color-error);align-items:flex-start;gap:var(--space-2);background:#ef44441a;border:1px solid #ef44444d;line-height:1.5;display:flex}.cp-login__back{font-size:var(--text-xs);color:var(--color-brand-orange);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:0;font-family:inherit;line-height:1}.cp-login__back:hover:not(:disabled){color:var(--color-brand-orange-light);text-decoration:underline}.cp-login__back:disabled{color:var(--text-disabled);cursor:not-allowed}.cp-orders{width:100%;max-width:720px;margin:0 auto}.cp-orders__header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.cp-orders__heading{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-primary);letter-spacing:.02em;margin:0 0 var(--space-1);font-weight:800}.cp-orders__greeting{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.cp-orders__empty{align-items:center;gap:var(--space-3);padding:var(--space-16) var(--space-4);text-align:center;flex-direction:column;display:flex}.cp-orders__list{gap:var(--space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.cp-order-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-3);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;display:flex}.cp-order-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.cp-order-card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.cp-order-card__receipt-no{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-brand-orange);letter-spacing:.04em;margin:0 0 var(--space-1);font-weight:800}.cp-order-card__role-badge{background:var(--color-brand-orange);color:var(--text-inverse);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0;font-weight:700}.cp-order-card__route{font-size:var(--text-sm);color:var(--text-secondary);margin:0;font-weight:500}.cp-order-card__meta{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);flex-wrap:wrap;display:flex}.cp-order-card__footer{align-items:center;gap:var(--space-3);margin-top:var(--space-1);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.cp-order-card__amount{color:var(--text-primary);font-weight:700;font-size:var(--text-sm);margin-left:auto}.cp-order-card__track{padding:var(--space-1) var(--space-4);font-size:var(--text-xs);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--color-brand-orange);transition:background var(--transition-fast), color var(--transition-fast);white-space:nowrap;background:0 0;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.cp-order-card__track:hover{background:var(--color-brand-orange);color:var(--text-inverse);border-color:var(--color-brand-orange)}@media (max-width:600px){.cp-header{padding:var(--space-3) var(--space-4)}.cp-main{padding:var(--space-5) var(--space-4)}.cp-login{padding-top:var(--space-8);padding-bottom:var(--space-8)}.cp-login__card{padding:var(--space-6);border-radius:var(--radius-lg)}.cp-orders__header{flex-direction:column;align-items:flex-start}.cp-order-card__header{flex-wrap:wrap}.cp-order-card__amount{margin-left:0}}.settings-page{flex-direction:column;gap:1.5rem;display:flex}.settings-page__header{border-bottom:1px solid var(--border-default);padding-bottom:1.5rem}.settings-page__title{color:var(--text-primary);align-items:center;gap:.75rem;font-size:1.75rem;font-weight:700;display:flex}.settings-page__subtitle{color:var(--text-muted);margin-top:.25rem;font-size:.95rem}.settings-grid{grid-template-columns:1fr;gap:2rem;max-width:800px;display:grid}.settings-section{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;padding:1.5rem}.settings-section__title{margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.settings-section__desc{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem}.settings-info-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.settings-info-item{background:#0000001a;border-radius:8px;flex-direction:column;gap:.25rem;padding:1rem;display:flex}.settings-info-item__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.settings-info-item__value{font-weight:500}.pricing-form{flex-direction:column;gap:2rem;display:flex}.pricing-form__group-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle);margin-bottom:1rem;padding-bottom:.5rem;font-size:.9rem}.pricing-form__row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.pricing-form__field{flex-direction:column;gap:.5rem;display:flex}.pricing-form__input-wrap{background:var(--bg-input);border:1px solid var(--border-input);transition:border-color var(--transition-fast);border-radius:8px;align-items:center;display:flex;overflow:hidden}.pricing-form__input-wrap:focus-within{border-color:var(--color-brand-orange)}.pricing-form__prefix,.pricing-form__suffix{color:var(--text-muted);background:#ffffff05;padding:0 .75rem;font-size:.9rem}.pricing-form__input{flex:1;min-width:0;background:0 0!important;border:none!important;padding-left:.5rem!important}.pricing-form__input-wrap:has(.pricing-form__prefix) .pricing-form__input{padding-left:0!important}.pricing-form__actions{border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:1rem;margin-top:1rem;padding-top:1.5rem;display:flex}.pricing-form__note{color:var(--text-muted);margin:0;font-size:.85rem}.reports-page{flex-direction:column;gap:1.5rem;display:flex}.reports-page__header{border-bottom:1px solid var(--border-default);padding-bottom:1.5rem}.reports-page__title{color:var(--text-primary);align-items:center;gap:.75rem;font-size:1.75rem;font-weight:700;display:flex}.reports-page__subtitle{color:var(--text-muted);margin-top:.25rem;font-size:.95rem}.reports-summary-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.reports-summary-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;align-items:flex-start;gap:1rem;padding:1.25rem;display:flex}.reports-summary-card svg{color:var(--color-brand-orange);margin-top:2px}.reports-summary-card__label{color:var(--text-muted);margin-bottom:.25rem;font-size:.85rem}.reports-summary-card__value{color:var(--text-primary);font-size:1.5rem;font-weight:700}.reports-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.reports-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.reports-card--wide{grid-column:1/-1}.reports-card__title{margin:0;font-size:1.1rem;font-weight:600}.reports-empty{color:var(--text-muted);text-align:center;margin:0;padding:1rem 0;font-size:.9rem;font-style:italic}.reports-table-scroll{margin:-.5rem;padding:.5rem;overflow-x:auto}.reports-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.reports-table th{color:var(--text-muted);border-bottom:1px solid var(--border-subtle);white-space:nowrap;background:#0000001a;padding:.75rem 1rem;font-weight:500}.reports-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);padding:.75rem 1rem}.reports-table tr:last-child td{border-bottom:none}.reports-growth--pos{color:var(--color-success);background:#22c55e1a;border-radius:4px;padding:2px 6px;font-weight:600}.reports-growth--neg{color:var(--color-error);background:#ef44441a;border-radius:4px;padding:2px 6px;font-weight:600}.reports-rank{color:var(--text-muted);margin-right:.5rem;font-family:monospace;font-size:.8rem}.revenue-chart-wrap{margin-top:1rem}.revenue-chart-empty{text-align:center;color:var(--text-muted);background:#0000001a;border-radius:8px;padding:3rem;font-size:.9rem}