@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap";.auth-page{min-height:100dvh;padding:var(--space-xl);background:var(--bg-base);flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.auth-bg-gradient{pointer-events:none;background:radial-gradient(circle,#ffa50026 0%,#ff40810d 40%,#0000 70%);border-radius:50%;width:420px;height:420px;animation:8s ease-in-out infinite float;position:absolute;top:-30%;right:-20%}.auth-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#ff40811a 0%,#0000 70%);border-radius:50%;width:350px;height:350px;animation:10s ease-in-out infinite reverse float;position:absolute;bottom:-20%;left:-25%}.auth-page:after{content:"";pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.02'/%3E%3C/svg%3E");position:absolute;inset:0}.auth-content{z-index:1;position:relative}.auth-logo{text-align:center;margin-bottom:var(--space-3xl)}.auth-logo-icon{margin-bottom:var(--space-sm);filter:drop-shadow(0 0 20px #ffa5004d);font-size:4rem;animation:3s ease-in-out infinite float}.auth-title{font-family:var(--font-heading);font-size:var(--fs-4xl);font-weight:var(--fw-extrabold);letter-spacing:-1.5px;color:var(--text-primary)}.auth-subtitle{font-size:var(--fs-md);color:var(--text-secondary);font-weight:var(--fw-medium);margin-top:var(--space-xxs);letter-spacing:4px;text-transform:uppercase}.auth-card{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-2xl);padding:var(--space-xl) var(--space-lg);box-shadow:var(--shadow-lg), inset 0 1px 0 #ffffff0a;background:#1a1d26b3;border:1px solid #ffffff12;position:relative;overflow:hidden}.auth-card:before{content:"";background:var(--gradient-brand);height:2px;position:absolute;top:0;left:0;right:0}.auth-card-title{font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:var(--fw-bold);margin-bottom:var(--space-xs);letter-spacing:-.3px}.auth-card-desc{font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:var(--space-xl);line-height:var(--lh-relaxed)}.auth-form{gap:var(--space-md);flex-direction:column;display:flex}.auth-divider{align-items:center;gap:var(--space-md);margin:var(--space-xl) 0;color:var(--text-tertiary);font-size:var(--fs-sm);display:flex}.auth-divider:before,.auth-divider:after{content:"";background:linear-gradient(90deg, transparent, var(--border-color-light), transparent);flex:1;height:1px}.otp-info{text-align:center;margin-bottom:var(--space-xl)}.otp-phone{font-weight:var(--fw-bold);color:var(--color-primary);background:var(--color-primary-subtle);border-radius:var(--radius-sm);padding:2px 8px}.otp-timer{text-align:center;margin-top:var(--space-xl);font-size:var(--fs-sm);color:var(--text-tertiary)}.otp-resend{color:var(--color-primary);font-weight:var(--fw-semibold);cursor:pointer;font-size:var(--fs-sm);transition:color var(--transition-fast);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);background:0 0;border:none}.otp-resend:hover{background:var(--color-primary-subtle)}.otp-resend:disabled{color:var(--text-tertiary);cursor:not-allowed}.register-steps{gap:var(--space-xs);margin-bottom:var(--space-xl);display:flex}.register-step-indicator{border-radius:var(--radius-pill);background:var(--bg-elevated);height:4px;transition:all var(--transition-normal);flex:1;position:relative;overflow:hidden}.register-step-indicator.active{background:var(--gradient-orange);box-shadow:var(--shadow-glow-sm)}.register-step-indicator.completed{background:var(--color-success);box-shadow:0 0 8px #22c55e33}.register-step-title{font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin-bottom:var(--space-lg);color:var(--text-primary)}.form-row{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.auth-back{align-items:center;gap:var(--space-xs);color:var(--text-secondary);font-size:var(--fs-sm);font-weight:var(--fw-medium);margin-bottom:var(--space-lg);cursor:pointer;padding:var(--space-xs) 0;transition:color var(--transition-fast);background:0 0;border:none;display:flex}.auth-back:hover{color:var(--color-primary)}.dashboard-header{padding:var(--space-lg) 0 var(--space-md);margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.dashboard-header-left{align-items:center;gap:var(--space-sm);display:flex}.dashboard-avatar{border-radius:var(--radius-full);background:var(--gradient-brand);justify-content:center;align-items:center;width:50px;height:50px;padding:2px;display:flex;overflow:hidden;box-shadow:0 0 16px #ffa50033}.dashboard-avatar img{object-fit:cover;border-radius:var(--radius-full);width:100%;height:100%}.dashboard-avatar span{background:var(--bg-card);border-radius:var(--radius-full);justify-content:center;align-items:center;width:100%;height:100%;font-size:1.5rem;display:flex}.dashboard-greeting{font-size:var(--fs-sm);color:var(--text-secondary)}.dashboard-name{font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:var(--fw-bold);letter-spacing:-.3px}.availability-toggle{align-items:center;gap:var(--space-sm);display:flex}.availability-label{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-tertiary);transition:color var(--transition-fast)}.availability-label.online{color:var(--color-success);text-shadow:0 0 10px #22c55e4d}.shift-card{margin-bottom:var(--space-lg);background:var(--bg-card);animation:.4s both fadeInUp;position:relative;overflow:hidden}.shift-card.card-glow{background:linear-gradient(var(--bg-card), var(--bg-card)) padding-box, var(--gradient-brand) border-box;box-shadow:var(--shadow-glow-sm), inset 0 0 40px #ffa50005;border:1.5px solid #0000}.shift-card.card-glow:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffa5000a,#0000 60%);position:absolute;inset:0}.shift-card-header{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.shift-card-title{font-family:var(--font-heading);font-size:var(--fs-base);font-weight:var(--fw-semibold);margin-bottom:var(--space-xxs)}.stats-grid{gap:var(--space-sm);margin-bottom:var(--space-xl);grid-template-columns:1fr 1fr;display:grid}.dashboard-section{margin-bottom:var(--space-xl)}.section-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.section-title{font-family:var(--font-heading);font-size:var(--fs-md);font-weight:var(--fw-semibold);letter-spacing:-.2px}.orders-list{gap:var(--space-sm);flex-direction:column;display:flex}.quick-actions{padding-top:var(--space-md);margin-top:auto}.quick-actions .btn-primary{background:var(--gradient-brand);box-shadow:var(--shadow-glow-brand);font-size:var(--fs-md)}.quick-actions .btn-primary:hover{box-shadow:var(--shadow-glow-lg)}.orders-tabs{margin-bottom:var(--space-lg)}.orders-count{font-size:var(--fs-sm);color:var(--text-tertiary);margin-bottom:var(--space-md)}.orders-list-container{gap:var(--space-sm);flex-direction:column;display:flex}.active-delivery{gap:var(--space-lg);flex-direction:column;display:flex}.delivery-info-card{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-color);padding:var(--space-lg);position:relative;overflow:hidden}.delivery-info-card:before{content:"";background:var(--gradient-brand-vertical);width:3px;position:absolute;top:0;bottom:0;left:0}.delivery-info-row{align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) 0;display:flex}.delivery-info-row:not(:last-child){border-bottom:1px solid var(--border-color)}.delivery-info-icon{background:var(--bg-elevated);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.25rem;display:flex}.delivery-info-content{flex:1}.delivery-info-label{font-size:var(--fs-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.delivery-info-value{font-size:var(--fs-base);font-weight:var(--fw-medium);color:var(--text-primary)}.delivery-actions{gap:var(--space-sm);flex-direction:column;display:flex}.delivery-actions .btn-primary{background:var(--gradient-brand);box-shadow:var(--shadow-glow-brand)}.delivery-secondary-actions{gap:var(--space-sm);display:flex}.emergency-btn{bottom:calc(var(--bottom-nav-height) + var(--space-xl) + var(--safe-area-bottom));right:var(--space-md);background:linear-gradient(135deg, var(--color-error), var(--color-error-light));color:#fff;width:56px;height:56px;z-index:var(--z-sticky);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;animation:2s ease-in-out infinite pulseScale;display:flex;position:fixed;box-shadow:0 4px 20px #ef444466}.emergency-btn:hover{box-shadow:0 4px 30px #ef444499}.pin-modal-content{text-align:center;padding:var(--space-md) 0}.pin-modal-content h3{font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:var(--fw-bold);margin-bottom:var(--space-xs);letter-spacing:-.3px}.pin-modal-content p{font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:var(--space-xl);line-height:var(--lh-relaxed)}.issue-list{gap:var(--space-sm);flex-direction:column;display:flex}.issue-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast);display:flex}.issue-item:hover{background:var(--bg-card-hover);border-color:var(--border-color-light);transform:translate(4px)}.issue-item:active{transform:scale(.98)}.issue-item-icon{background:var(--bg-elevated);border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.issue-item-label{font-weight:var(--fw-medium)}.history-filters{gap:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.history-filters .input{min-height:40px;font-size:var(--fs-sm);flex:1}.history-item{padding:var(--space-md);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:all var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.history-item:hover{background:var(--bg-card-hover);border-color:var(--border-color-light)}.history-item-left{flex-direction:column;gap:2px;display:flex}.history-item-id{font-weight:var(--fw-semibold);font-size:var(--fs-base)}.history-item-date{font-size:var(--fs-xs);color:var(--text-tertiary)}.history-item-amount{font-family:var(--font-heading);font-weight:var(--fw-bold);color:var(--color-success);background:var(--color-success-bg);padding:var(--space-xxs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--fs-sm)}.slide-to-confirm{background-color:var(--bg-secondary);-webkit-user-select:none;user-select:none;touch-action:none;width:100%;height:60px;margin-top:var(--space-md);margin-bottom:var(--space-md);border-radius:30px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0000000d}.slide-background{z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.slide-text{color:var(--text-secondary);font-weight:600;font-size:var(--fs-md);padding-left:30px;transition:opacity .3s}.slide-progress{background-color:var(--color-primary);opacity:.15;z-index:1;height:100%;transition:background-color .3s;position:absolute;top:0;left:0}.slide-thumb{background-color:var(--color-primary);z-index:2;cursor:grab;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:background-color .3s;display:flex;position:absolute;top:4px;left:4px;box-shadow:0 4px 8px #0000001a}.slide-thumb:active{cursor:grabbing}.slide-arrow{color:#fff;margin-top:-2px;font-size:24px;font-weight:700;line-height:1}.slide-to-confirm.confirmed .slide-thumb{background-color:var(--color-success)}.slide-to-confirm.confirmed .slide-progress{background-color:var(--color-success);opacity:.15}.slide-to-confirm.loading .slide-thumb{cursor:not-allowed;opacity:.8}.slide-to-confirm.loading .slide-text{opacity:1;color:var(--color-primary);padding-left:0}.period-selector{margin-bottom:var(--space-lg)}.stats-section{margin-bottom:var(--space-xl)}.chart-placeholder{height:220px;padding:var(--space-lg) var(--space-md) var(--space-md);background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-color);align-items:flex-end;display:flex;position:relative;overflow:hidden}.chart-placeholder:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 calc(25% - 1px),#ffffff08 25%,#0000 calc(25% + 1px));position:absolute;inset:0}.simple-bar-chart{justify-content:space-between;align-items:flex-end;gap:var(--space-xs);z-index:1;width:100%;height:100%;display:flex;position:relative}.bar-wrapper{align-items:center;gap:var(--space-xs);flex-direction:column;flex:1;justify-content:flex-end;height:100%;display:flex}.bar{background:var(--gradient-brand);border-radius:var(--radius-sm) var(--radius-sm) 2px 2px;width:100%;max-width:36px;min-height:6px;transition:height 1s cubic-bezier(.34,1.56,.64,1);position:relative;box-shadow:0 0 12px #ffa50026}.bar:after{content:"";border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:linear-gradient(#ffffff26,#0000);height:50%;position:absolute;top:0;left:0;right:0}.bar-label{font-size:var(--fs-xs);color:var(--text-tertiary);font-weight:var(--fw-medium)}.revenue-summary{gap:var(--space-sm);margin-bottom:var(--space-xl);flex-direction:column;display:flex}.revenue-summary>.stat-card.card-glow{text-align:center;padding:var(--space-xl) var(--space-md);background:linear-gradient(135deg,#ffa5000f,#ff40810a);border-color:#ffa50033}.revenue-details-grid{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.stat-card-value.secondary{font-size:var(--fs-lg);opacity:.8}.stat-card-value.error{font-size:var(--fs-lg);color:var(--color-error-light)}.revenue-list-section{margin-bottom:var(--space-xl)}.revenue-list{gap:var(--space-sm);margin-top:var(--space-md);flex-direction:column;display:flex}.revenue-item{padding:var(--space-md);transition:all var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.revenue-item:hover{background:var(--bg-card-hover);transform:translate(2px)}.revenue-item-info{flex-direction:column;gap:2px;display:flex}.order-num{font-weight:var(--fw-semibold);font-size:var(--fs-base)}.order-date{font-size:var(--fs-xs);color:var(--text-tertiary)}.revenue-item-amounts{text-align:right;flex-direction:column;gap:2px;display:flex}.net-amount{font-weight:var(--fw-bold);color:var(--color-success);font-family:var(--font-heading)}.fee-label{font-size:var(--fs-xs);color:var(--text-tertiary)}.profile-hero{padding:var(--space-xl) var(--space-md);margin-bottom:var(--space-xl);text-align:center;background:linear-gradient(#ffa5000d,#0000 60%);border-color:#ffa5001f;flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.profile-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffa5001a 0%,#0000 70%);width:200px;height:200px;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.profile-avatar-large{border-radius:var(--radius-full);background:var(--gradient-brand);width:100px;height:100px;margin-bottom:var(--space-md);z-index:1;justify-content:center;align-items:center;padding:3px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 24px #ffa50040}.profile-avatar-large img{object-fit:cover;border-radius:var(--radius-full);width:100%;height:100%}.profile-avatar-large span{background:var(--bg-card);border-radius:var(--radius-full);justify-content:center;align-items:center;width:100%;height:100%;font-size:3rem;display:flex}.profile-name{font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:var(--fw-bold);letter-spacing:-.3px;z-index:1;margin-bottom:4px;position:relative}.profile-id{font-size:var(--fs-sm);color:var(--text-tertiary);margin-bottom:var(--space-lg);font-family:var(--font-mono);z-index:1;position:relative}.profile-stats-row{justify-content:center;align-items:center;gap:var(--space-2xl);width:100%;padding-top:var(--space-md);border-top:1px solid var(--border-color);z-index:1;display:flex;position:relative}.profile-stat-item{flex-direction:column;align-items:center;display:flex}.profile-stat-item .val{font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:var(--fw-bold);background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.profile-stat-item .lab{font-size:var(--fs-xs);color:var(--text-tertiary);font-weight:var(--fw-medium)}.profile-stat-divider{background:var(--border-color-light);width:1px;height:28px}.profile-menu{gap:var(--space-lg);flex-direction:column;display:flex}.menu-section{margin-bottom:var(--space-md)}.menu-title{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text-tertiary);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:1.5px}.vehicle-card{align-items:center;gap:var(--space-md);padding:var(--space-md);background:linear-gradient(135deg,#ffa5000a,#0000);border:1px solid #ffa5001f;display:flex}.vehicle-icon{background:var(--color-primary-subtle);border-radius:var(--radius-lg);border:1px solid #ffa5001a;justify-content:center;align-items:center;width:52px;height:52px;font-size:2rem;display:flex}.vehicle-details{flex-direction:column;gap:2px;display:flex}.vehicle-name{font-weight:var(--fw-semibold)}.vehicle-reg{font-size:var(--fs-sm);color:var(--text-tertiary);font-family:var(--font-mono)}.menu-group{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-color);overflow:hidden}.menu-item{width:100%;padding:var(--space-md) var(--space-lg);text-align:left;border-bottom:1px solid var(--border-color);transition:all var(--transition-fast);align-items:center;display:flex}.menu-item:last-child{border-bottom:none}.menu-item:hover{background:var(--bg-card-hover);padding-left:calc(var(--space-lg) + 4px)}.menu-item:active{background:var(--bg-elevated)}.menu-icon{margin-right:var(--space-md);background:var(--bg-elevated);border-radius:var(--radius-md);justify-content:center;align-items:center;width:36px;height:36px;font-size:1.25rem;display:flex}.menu-label{font-weight:var(--fw-medium);flex:1}.menu-arrow{color:var(--text-tertiary);opacity:.5;transition:all var(--transition-fast)}.menu-item:hover .menu-arrow{opacity:1;color:var(--color-primary);transform:translate(2px)}.menu-val{font-size:var(--fs-sm);color:var(--text-tertiary)}.logout-btn{margin-top:var(--space-md);margin-bottom:var(--space-xl);color:var(--color-error-light);border-color:#ef444433}.logout-btn:hover{background:var(--color-error-bg);border-color:var(--color-error)}.settings-list{gap:var(--space-md);flex-direction:column;display:flex}.settings-item{padding:var(--space-md) var(--space-lg);justify-content:space-between;align-items:center;display:flex}.settings-info{flex-direction:column;gap:2px;display:flex}.settings-label{font-weight:var(--fw-semibold)}.settings-desc{font-size:var(--fs-xs);color:var(--text-tertiary);line-height:var(--lh-relaxed)}.edit-profile-form{gap:var(--space-md);flex-direction:column;display:flex}.version-text{font-size:var(--fs-sm);color:var(--text-tertiary);margin-bottom:4px}.version-subtext{font-size:var(--fs-xs);color:var(--text-tertiary);opacity:.5}:root{--color-primary:orange;--color-primary-light:#ffb733;--color-primary-lighter:#ffca66;--color-primary-dark:#e69500;--color-primary-darker:#cc8400;--color-primary-glow:#ffa50040;--color-primary-subtle:#ffa50014;--color-primary-muted:#ffa50026;--color-secondary:#ff4081;--color-secondary-light:#ff669a;--color-secondary-dark:#e63974;--color-secondary-glow:#ff408140;--color-secondary-subtle:#ff408114;--color-secondary-muted:#ff408126;--gradient-brand:linear-gradient(135deg, var(--color-primary), var(--color-secondary));--gradient-brand-reverse:linear-gradient(135deg, var(--color-secondary), var(--color-primary));--gradient-brand-vertical:linear-gradient(180deg, var(--color-primary), var(--color-secondary));--gradient-orange:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));--gradient-orange-warm:linear-gradient(135deg, #ff8c00, #ffb347);--gradient-pink:linear-gradient(135deg, var(--color-secondary), var(--color-secondary-light));--gradient-sunset:linear-gradient(135deg, #ff6b35, #ff4081, #ff1493);--gradient-fire:linear-gradient(135deg, #ff4500, orange, gold);--gradient-hero:linear-gradient(160deg, #ffa5001f 0%, #ff408114 50%, transparent 100%);--glass-bg:#1a1d26a6;--glass-bg-light:#2528308c;--glass-border:#ffffff14;--glass-blur:blur(20px);--glass-blur-heavy:blur(40px);--bg-base:#0a0c10;--bg-surface:#12151c;--bg-card:#1a1d26;--bg-card-hover:#22252f;--bg-elevated:#252830;--bg-elevated-hover:#2d303a;--bg-overlay:#000000b3;--bg-overlay-light:#0006;--text-primary:#f0f1f5;--text-secondary:#9da3b0;--text-tertiary:#6b7280;--text-inverse:#0a0c10;--text-brand:var(--color-primary);--color-success:#22c55e;--color-success-light:#4ade80;--color-success-bg:#22c55e1f;--color-success-border:#22c55e4d;--color-warning:#fbbf24;--color-warning-light:#fcd34d;--color-warning-bg:#fbbf241f;--color-warning-border:#fbbf244d;--color-error:#ef4444;--color-error-light:#f87171;--color-error-bg:#ef44441f;--color-error-border:#ef44444d;--color-info:#3b82f6;--color-info-light:#60a5fa;--color-info-bg:#3b82f61f;--color-info-border:#3b82f64d;--border-color:#ffffff0f;--border-color-light:#ffffff1a;--border-color-medium:#ffffff26;--border-color-focus:var(--color-primary);--font-heading:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--fs-xs:.6875rem;--fs-sm:.8125rem;--fs-base:.9375rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:1.375rem;--fs-2xl:1.75rem;--fs-3xl:2.25rem;--fs-4xl:3rem;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--lh-tight:1.2;--lh-normal:1.5;--lh-relaxed:1.7;--space-xxs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.25rem;--space-xl:1.5rem;--space-2xl:2rem;--space-3xl:2.5rem;--space-4xl:3rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--radius-full:50%;--radius-pill:9999px;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 2px 6px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-xl:0 16px 48px #0009;--shadow-glow:0 0 20px var(--color-primary-glow);--shadow-glow-sm:0 0 10px var(--color-primary-glow);--shadow-glow-lg:0 0 40px var(--color-primary-glow), 0 0 80px #ffa5001a;--shadow-glow-pink:0 0 20px var(--color-secondary-glow);--shadow-glow-brand:0 4px 20px #ffa5004d, 0 0 40px #ff40811a;--shadow-card:0 2px 12px #00000040, 0 0 0 1px #ffffff0a;--shadow-card-hover:0 8px 24px #0006, 0 0 0 1px #ffa50026;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--transition-smooth:.35s cubic-bezier(.25, .46, .45, .94);--z-base:1;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal:500;--z-toast:900;--z-max:9999;--bottom-nav-height:4.25rem;--header-height:3.5rem;--max-width:480px;--safe-area-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--fs-base);font-weight:var(--fw-regular);line-height:var(--lh-normal);color:var(--text-primary);background-color:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#ffa5000f 0%,#0000 70%);width:500px;height:500px;position:fixed;top:-200px;right:-100px}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#ff40810a 0%,#0000 70%);width:500px;height:500px;position:fixed;bottom:-200px;left:-100px}#root{min-height:100dvh;max-width:var(--max-width);z-index:1;flex-direction:column;margin:0 auto;display:flex;position:relative}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-light)}img,video,svg{max-width:100%;display:block}button,input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;background:0 0;border:none;outline:none}button{cursor:pointer;-webkit-user-select:none;user-select:none}ul,ol{list-style:none}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color-light);border-radius:4px}::selection{background:var(--color-primary);color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleInBounce{0%{opacity:0;transform:scale(.7)}60%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulseScale{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glow{0%,to{box-shadow:0 0 8px var(--color-primary-glow)}50%{box-shadow:0 0 24px var(--color-primary-glow), 0 0 48px #ffa50014}}@keyframes glowBrand{0%,to{box-shadow:0 0 10px #ffa50033}50%{box-shadow:0 0 30px #ffa5004d,0 0 60px #ff40811a}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.1)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes ripple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(4)}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-5px)rotate(1deg)}75%{transform:translateY(3px)rotate(-1deg)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes dotPulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn var(--transition-normal) both}.animate-fadeInUp{animation:.4s both fadeInUp}.animate-fadeInDown{animation:fadeInDown var(--transition-normal) both}.animate-scaleIn{animation:scaleIn var(--transition-normal) both}.animate-scaleInBounce{animation:.5s both scaleInBounce}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-float{animation:4s ease-in-out infinite float}.animate-shimmer{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-elevated) 50%, var(--bg-card) 75%);background-size:200% 100%;animation:1.5s infinite shimmer}.text-gradient{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-fire{background:var(--gradient-fire);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.glass-light{background:var(--glass-bg-light);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.safe-bottom{padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + var(--space-md))}.page{padding:var(--space-md);flex-direction:column;flex:1;animation:.3s fadeIn;display:flex}.page-with-nav{padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + var(--space-lg))}.page-header{align-items:center;gap:var(--space-sm);padding:var(--space-md) 0;display:flex}.page-header h1{font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:var(--fw-bold);letter-spacing:-.3px}.page-title{font-family:var(--font-heading);font-size:var(--fs-2xl);font-weight:var(--fw-bold);margin-bottom:var(--space-lg);letter-spacing:-.5px}.stagger>*{animation:.4s both fadeInUp}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:60ms}.stagger>:nth-child(3){animation-delay:.12s}.stagger>:nth-child(4){animation-delay:.18s}.stagger>:nth-child(5){animation-delay:.24s}.stagger>:nth-child(6){animation-delay:.3s}.stagger>:nth-child(7){animation-delay:.36s}.stagger>:nth-child(8){animation-delay:.42s}.stagger>:nth-child(9){animation-delay:.48s}.stagger>:nth-child(10){animation-delay:.54s}.spinner{border:2.5px solid #ffffff26;border-top-color:currentColor;border-radius:50%;width:20px;height:20px;animation:.65s linear infinite spin;display:inline-block}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-3xl)}.mb-md{margin-bottom:var(--space-md)}.text-center{text-align:center}.btn{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-family:var(--font-heading);font-weight:var(--fw-semibold);font-size:var(--fs-base);transition:all var(--transition-fast);white-space:nowrap;letter-spacing:.2px;min-height:48px;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--transition-fast);pointer-events:none;background:linear-gradient(#ffffff1a,#0000);position:absolute;inset:0}.btn:hover:after{opacity:1}.btn:active{transform:scale(.97)}.btn-primary{background:var(--gradient-orange);color:#fff;box-shadow:var(--shadow-glow-sm), var(--shadow-sm);text-shadow:0 1px 2px #0003}.btn-primary:hover{box-shadow:var(--shadow-glow), var(--shadow-md);filter:brightness(1.08)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;filter:none}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color-light);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--color-primary);box-shadow:var(--shadow-glow-sm)}.btn-outline{color:var(--color-primary);border:1.5px solid var(--color-primary);background:0 0}.btn-outline:hover{background:var(--color-primary-subtle);box-shadow:var(--shadow-glow-sm)}.btn-danger{background:linear-gradient(135deg, var(--color-error), var(--color-error-light));color:#fff;box-shadow:0 0 10px #ef444440}.btn-danger:hover{filter:brightness(1.1);box-shadow:0 0 20px #ef444459}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0d}.btn-icon{border-radius:var(--radius-full);width:44px;height:44px;min-height:unset;padding:0}.btn-full{width:100%}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:var(--fs-md);border-radius:var(--radius-lg);min-height:54px}.btn-sm{padding:var(--space-xxs) var(--space-sm);font-size:var(--fs-sm);border-radius:var(--radius-sm);min-height:36px}.btn .spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}.card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:var(--space-md);transition:all var(--transition-normal);position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff0f,#0000);height:1px;position:absolute;top:0;left:0;right:0}.card-interactive:hover{background:var(--bg-card-hover);border-color:var(--border-color-light);box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.card-interactive:active{transform:scale(.98)translateY(0)}.card-glow{box-shadow:var(--shadow-glow-sm), inset 0 0 30px #ffa50008;border-color:#ffa5004d}.card-elevated{background:var(--bg-elevated);box-shadow:var(--shadow-md)}.card-glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.input-group{gap:var(--space-xxs);flex-direction:column;display:flex}.input-group label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-secondary);letter-spacing:.2px}.input{background:var(--bg-surface);border:1.5px solid var(--border-color-light);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);min-height:48px;font-size:16px}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow);background:var(--bg-card)}.input::placeholder{color:var(--text-tertiary)}.input-error{border-color:var(--color-error)}.input-error:focus{box-shadow:0 0 0 3px var(--color-error-bg)}.error-text{font-size:var(--fs-xs);color:var(--color-error);margin-top:var(--space-xxs)}.input-with-icon{position:relative}.input-with-icon .input{padding-left:2.75rem}.input-with-icon .input-icon{left:var(--space-sm);color:var(--text-tertiary);font-size:var(--fs-lg);position:absolute;top:50%;transform:translateY(-50%)}.select{appearance:none;background:var(--bg-surface);border:1.5px solid var(--border-color-light);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);color:var(--text-primary);cursor:pointer;min-height:48px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%239DA3B0' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.5rem;font-size:16px}.select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.bottom-nav{width:100%;max-width:var(--max-width);height:var(--bottom-nav-height);padding-bottom:var(--safe-area-bottom);z-index:var(--z-sticky);-webkit-backdrop-filter:blur(24px)saturate(180%);background:#12151cd9;border-top:1px solid #ffffff0f;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{padding:var(--space-xxs) var(--space-sm);color:var(--text-tertiary);font-size:var(--fs-xs);font-weight:var(--fw-medium);transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:3px;display:flex;position:relative}.nav-item.active{color:var(--color-primary)}.nav-item.active:before{content:"";background:var(--gradient-brand);border-radius:0 0 4px 4px;width:28px;height:3px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.nav-item .nav-icon{transition:transform var(--transition-spring);font-size:1.375rem}.nav-item.active .nav-icon{filter:drop-shadow(0 0 6px #ffa50066);transform:scale(1.15)}.badge{min-width:20px;height:20px;font-size:var(--fs-xs);font-weight:var(--fw-bold);border-radius:10px;justify-content:center;align-items:center;padding:0 6px;line-height:1;display:inline-flex}.badge-primary{background:var(--gradient-brand);color:#fff;box-shadow:0 0 8px #ffa5004d}.badge-success{background:var(--color-success);color:#fff}.badge-warning{background:var(--color-warning);color:var(--text-inverse)}.badge-error{background:var(--color-error);color:#fff;animation:2s ease-in-out infinite pulseScale}.badge-dot{border-radius:50%;width:8px;min-width:8px;height:8px;padding:0}.badge-float{position:absolute;top:-4px;right:-4px}.toggle-switch{background:var(--bg-elevated);border:2px solid var(--border-color-light);cursor:pointer;width:52px;height:28px;transition:all var(--transition-normal);border-radius:14px;flex-shrink:0;position:relative}.toggle-switch.active{background:var(--gradient-orange);border-color:var(--color-primary);box-shadow:var(--shadow-glow-sm)}.toggle-switch .toggle-knob{width:20px;height:20px;transition:transform var(--transition-spring);box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.toggle-switch.active .toggle-knob{transform:translate(24px)}.stepper{padding:var(--space-md) 0;justify-content:space-between;align-items:center;display:flex}.stepper-step{align-items:center;gap:var(--space-xxs);flex-direction:column;flex:1;display:flex;position:relative}.stepper-dot{width:36px;height:36px;font-size:var(--fs-sm);font-weight:var(--fw-bold);background:var(--bg-elevated);color:var(--text-tertiary);border:2px solid var(--border-color-light);transition:all var(--transition-normal);z-index:1;border-radius:50%;justify-content:center;align-items:center;display:flex}.stepper-step.completed .stepper-dot{background:var(--color-success);border-color:var(--color-success);color:#fff;box-shadow:0 0 10px #22c55e4d}.stepper-step.active .stepper-dot{background:var(--gradient-orange);border-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-glow);animation:2.5s ease-in-out infinite glowBrand}.stepper-label{font-size:var(--fs-xs);color:var(--text-tertiary);text-align:center;font-weight:var(--fw-medium)}.stepper-step.completed .stepper-label,.stepper-step.active .stepper-label{color:var(--text-primary)}.stepper-line{background:var(--border-color-light);border-radius:1px;flex:1;height:2px;margin:0 -4px 22px}.stepper-line.completed{background:linear-gradient(90deg, var(--color-success), var(--color-success-light))}.toast-container{top:var(--space-md);width:calc(100% - var(--space-2xl));max-width:calc(var(--max-width) - var(--space-2xl));z-index:var(--z-toast);gap:var(--space-xs);pointer-events:none;flex-direction:column;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);border:1px solid var(--border-color-light);box-shadow:var(--shadow-lg);pointer-events:auto;-webkit-backdrop-filter:blur(16px);background:#252830e6;animation:.3s fadeInDown,.4s scaleInBounce;display:flex}.toast-success{border-left:3px solid var(--color-success)}.toast-error{border-left:3px solid var(--color-error)}.toast-warning{border-left:3px solid var(--color-warning)}.toast-info{border-left:3px solid var(--color-info)}.toast-icon{font-size:var(--fs-lg);flex-shrink:0}.toast-message{font-size:var(--fs-sm);font-weight:var(--fw-medium);flex:1}.toast-close{cursor:pointer;color:var(--text-tertiary);font-size:var(--fs-lg);padding:var(--space-xxs);transition:color var(--transition-fast)}.toast-close:hover{color:var(--text-primary)}.modal-overlay{background:var(--bg-overlay);z-index:var(--z-modal);padding:var(--space-md);-webkit-backdrop-filter:blur(4px);justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-surface);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;width:100%;max-width:var(--max-width);max-height:85vh;padding:var(--space-xl);border:1px solid var(--border-color);border-bottom:none;animation:.3s cubic-bezier(.34,1.56,.64,1) slideUp;overflow-y:auto;box-shadow:0 -8px 40px #00000080}.modal-center{align-items:center}.modal-center .modal{border-radius:var(--radius-2xl);border:1px solid var(--border-color);max-height:90vh;animation:.35s scaleInBounce}.modal-handle{background:var(--border-color-medium);width:40px;height:4px;margin:0 auto var(--space-lg);border-radius:2px}.modal-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.modal-title{font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:var(--fw-bold);letter-spacing:-.3px}.skeleton{background:var(--bg-card);border-radius:var(--radius-md);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000 25%,#ffffff0a 50%,#0000 75%) 0 0/200% 100%;animation:1.5s infinite shimmer;position:absolute;inset:0}.skeleton-text{border-radius:var(--radius-sm);height:14px;margin-bottom:var(--space-xs)}.skeleton-text:last-child{width:70%}.skeleton-avatar{border-radius:var(--radius-full);width:48px;height:48px}.skeleton-card{height:100px;margin-bottom:var(--space-sm);border-radius:var(--radius-lg)}.empty-state{text-align:center;padding:var(--space-4xl) var(--space-xl);justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.empty-state-icon{opacity:.5;font-size:3.5rem;animation:4s ease-in-out infinite float}.empty-state-title{font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--text-secondary)}.empty-state-text{font-size:var(--fs-sm);color:var(--text-tertiary);max-width:280px;line-height:var(--lh-relaxed)}.stat-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:var(--space-md);gap:var(--space-xxs);transition:all var(--transition-normal);flex-direction:column;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--gradient-brand);opacity:0;height:2px;transition:opacity var(--transition-normal);position:absolute;top:0;left:0;right:0}.stat-card:hover:before{opacity:1}.stat-card:hover{border-color:var(--border-color-light);box-shadow:var(--shadow-card);transform:translateY(-2px)}.stat-card-icon{border-radius:var(--radius-md);width:42px;height:42px;margin-bottom:var(--space-xxs);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.stat-card-value{font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:var(--fw-bold);letter-spacing:-.5px;animation:.5s both countUp}.stat-card-label{font-size:var(--fs-sm);color:var(--text-tertiary)}.order-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:var(--space-md);gap:var(--space-sm);transition:all var(--transition-normal);cursor:pointer;flex-direction:column;display:flex;position:relative;overflow:hidden}.order-card:before{content:"";background:var(--gradient-brand-vertical);opacity:0;width:3px;transition:opacity var(--transition-normal);position:absolute;top:0;bottom:0;left:0}.order-card:hover:before{opacity:1}.order-card:hover{background:var(--bg-card-hover);border-color:var(--border-color-light);box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.order-card:active{box-shadow:none;transform:scale(.98)}.order-card-header{justify-content:space-between;align-items:center;display:flex}.order-card-restaurant{align-items:center;gap:var(--space-sm);display:flex}.order-card-restaurant-icon{border-radius:var(--radius-md);background:var(--color-primary-subtle);border:1px solid #ffa5001a;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.25rem;display:flex}.order-card-restaurant-name{font-weight:var(--fw-semibold);font-size:var(--fs-base)}.order-card-restaurant-id{font-size:var(--fs-xs);color:var(--text-tertiary)}.order-card-amount{font-family:var(--font-heading);font-weight:var(--fw-bold);font-size:var(--fs-md);color:var(--color-primary);background:var(--color-primary-subtle);padding:var(--space-xxs) var(--space-sm);border-radius:var(--radius-sm)}.order-card-details{gap:var(--space-xxs);flex-direction:column;display:flex}.order-card-detail-row{align-items:center;gap:var(--space-xs);font-size:var(--fs-sm);color:var(--text-secondary);display:flex}.order-card-detail-row .detail-icon{font-size:var(--fs-base);text-align:center;flex-shrink:0;width:20px}.order-card-footer{padding-top:var(--space-sm);border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.order-card-type{font-size:var(--fs-xs);font-weight:var(--fw-semibold);border-radius:var(--radius-pill);padding:3px 10px}.order-type-individual{background:var(--color-info-bg);color:var(--color-info-light)}.order-type-group{background:var(--color-warning-bg);color:var(--color-warning-light)}.tabs{gap:var(--space-xxs);background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:4px;display:flex}.tab{padding:var(--space-xs) var(--space-sm);border-radius:calc(var(--radius-lg) - 3px);font-size:var(--fs-sm);font-weight:var(--fw-semibold);text-align:center;color:var(--text-tertiary);transition:all var(--transition-fast);flex:1}.tab:hover{color:var(--text-secondary);background:#ffffff08}.tab.active{background:var(--gradient-orange);color:#fff;box-shadow:var(--shadow-sm), var(--shadow-glow-sm)}.pin-input-container{gap:var(--space-sm);justify-content:center;display:flex}.pin-digit{background:var(--bg-surface);border:2px solid var(--border-color-light);border-radius:var(--radius-md);text-align:center;width:46px;height:56px;font-family:var(--font-heading);font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--text-primary);caret-color:var(--color-primary);transition:all var(--transition-fast)}.pin-digit:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow);background:var(--bg-card)}.pin-digit.filled{border-color:var(--color-primary);background:var(--color-primary-subtle);box-shadow:0 0 8px var(--color-primary-glow)}.shift-timer{font-family:var(--font-heading);font-size:var(--fs-2xl);font-weight:var(--fw-bold);letter-spacing:3px;background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.file-upload{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-xl);border:2px dashed var(--border-color-light);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:center;background:var(--bg-surface);flex-direction:column;display:flex}.file-upload:hover{border-color:var(--color-primary);background:#ffa5000a;box-shadow:inset 0 0 30px #ffa50008}.file-upload-icon{color:var(--text-tertiary);font-size:2rem}.file-upload-text{font-size:var(--fs-sm);color:var(--text-secondary)}.file-upload-preview{border-radius:var(--radius-md);object-fit:cover;border:2px solid var(--color-primary);width:80px;height:80px;box-shadow:var(--shadow-glow-sm)}.chip{align-items:center;gap:var(--space-xxs);padding:var(--space-xxs) var(--space-sm);border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:var(--fw-semibold);border:1px solid var(--border-color);background:var(--bg-card);transition:all var(--transition-fast);display:inline-flex}.chip-active{background:var(--gradient-orange);color:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-glow-sm)}.divider{background:linear-gradient(90deg, transparent, var(--border-color-light), transparent);height:1px;margin:var(--space-md) 0}