:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-card: rgba(30, 41, 59, .8);--bg-glass: rgba(255, 255, 255, .05);--bg-glass-heavy: rgba(255, 255, 255, .1);--bg-overlay: rgba(0, 0, 0, .6);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverse: #0f172a;--accent-blue: #3b82f6;--accent-purple: #8b5cf6;--accent-green: #10b981;--accent-orange: #f59e0b;--accent-red: #ef4444;--accent-pink: #ec4899;--accent-cyan: #06b6d4;--gradient-primary: linear-gradient(135deg, #3b82f6, #8b5cf6);--gradient-success: linear-gradient(135deg, #10b981, #06b6d4);--gradient-danger: linear-gradient(135deg, #ef4444, #f97316);--gradient-warning: linear-gradient(135deg, #f59e0b, #f97316);--gradient-cool: linear-gradient(135deg, #06b6d4, #8b5cf6);--gradient-sunset: linear-gradient(135deg, #ec4899, #f59e0b);--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .6);--shadow-glow: 0 0 20px rgba(59, 130, 246, .3);--shadow-glow-green: 0 0 20px rgba(16, 185, 129, .3);--shadow-glow-red: 0 0 20px rgba(239, 68, 68, .3);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 28px;--sp-8: 32px;--sp-9: 36px;--sp-10: 40px;--sp-12: 48px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-header: 300;--z-overlay: 400;--z-modal: 500;--z-toast: 600;--z-tooltip: 700;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .4s;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--header-height: 56px;--bottom-nav-height: 60px}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-tertiary: #e2e8f0;--bg-card: rgba(255, 255, 255, .85);--bg-glass: rgba(0, 0, 0, .03);--bg-glass-heavy: rgba(0, 0, 0, .06);--bg-overlay: rgba(0, 0, 0, .4);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-inverse: #f8fafc;--border-subtle: rgba(0, 0, 0, .06);--border-default: rgba(0, 0, 0, .1);--border-strong: rgba(0, 0, 0, .18);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .16);--shadow-glow: 0 0 20px rgba(59, 130, 246, .15);--shadow-glow-green: 0 0 20px rgba(16, 185, 129, .15);--shadow-glow-red: 0 0 20px rgba(239, 68, 68, .15)}[data-theme=light] body{background-image:radial-gradient(ellipse at 20% 0%,rgba(59,130,246,.05) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(139,92,246,.04) 0%,transparent 50%)}[data-theme=light] ::-webkit-scrollbar-thumb{background:#0000001f}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#0003}[data-theme=light] *{scrollbar-color:rgba(0,0,0,.12) transparent}[data-theme=light] ::selection{background:#3b82f633;color:#0f172a}body{transition:background-color .3s ease,color .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth;height:100%}body{font-family:var(--font-family);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);background-image:radial-gradient(ellipse at 20% 0%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(139,92,246,.06) 0%,transparent 50%);background-attachment:fixed;min-height:100%;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom);padding-left:var(--safe-area-left);padding-right:var(--safe-area-right)}#app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}img,video,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit;border:none;outline:none;background:none;-webkit-appearance:none;appearance:none}button{cursor:pointer;touch-action:manipulation}ul,ol{list-style:none}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#fff3}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}::selection{background:#3b82f659;color:#fff}::-moz-selection{background:#3b82f659;color:#fff}.container{width:100%;max-width:480px;margin-inline:auto;padding-inline:var(--sp-4)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-around{justify-content:space-around}.self-center{align-self:center}.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)}.gap-1{gap:var(--sp-1)}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-5{gap:var(--sp-5)}.gap-6{gap:var(--sp-6)}.gap-8{gap:var(--sp-8)}.p-1{padding:var(--sp-1)}.p-2{padding:var(--sp-2)}.p-3{padding:var(--sp-3)}.p-4{padding:var(--sp-4)}.p-5{padding:var(--sp-5)}.p-6{padding:var(--sp-6)}.p-8{padding:var(--sp-8)}.px-2{padding-inline:var(--sp-2)}.px-3{padding-inline:var(--sp-3)}.px-4{padding-inline:var(--sp-4)}.px-6{padding-inline:var(--sp-6)}.py-2{padding-block:var(--sp-2)}.py-3{padding-block:var(--sp-3)}.py-4{padding-block:var(--sp-4)}.py-6{padding-block:var(--sp-6)}.m-0{margin:0}.mt-1{margin-top:var(--sp-1)}.mt-2{margin-top:var(--sp-2)}.mt-3{margin-top:var(--sp-3)}.mt-4{margin-top:var(--sp-4)}.mt-6{margin-top:var(--sp-6)}.mt-8{margin-top:var(--sp-8)}.mb-1{margin-bottom:var(--sp-1)}.mb-2{margin-bottom:var(--sp-2)}.mb-3{margin-bottom:var(--sp-3)}.mb-4{margin-bottom:var(--sp-4)}.mb-6{margin-bottom:var(--sp-6)}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mx-auto{margin-inline:auto}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.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)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent-blue{color:var(--accent-blue)}.text-accent-green{color:var(--accent-green)}.text-accent-red{color:var(--accent-red)}.text-accent-orange{color:var(--accent-orange)}.text-accent-purple{color:var(--accent-purple)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.uppercase{text-transform:uppercase;letter-spacing:.05em}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.leading-tight{line-height:1.25}.leading-snug{line-height:1.375}.font-mono{font-family:var(--font-mono)}.block{display:block}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.hidden{display:none!important}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:-webkit-sticky;position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto;-webkit-overflow-scrolling:touch}.overflow-x-auto{overflow-x:auto;-webkit-overflow-scrolling:touch}.overflow-x-hidden{overflow-x:hidden}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh;min-height:100dvh}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.pointer-events-none{pointer-events:none}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-card{background-color:var(--bg-card)}.bg-glass{background-color:var(--bg-glass)}.border-subtle{border:1px solid var(--border-subtle)}.border-default{border:1px solid var(--border-default)}.divider{height:1px;background:var(--border-subtle);border:none}.divider-strong{height:1px;background:var(--border-default);border:none}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-header);display:flex;align-items:stretch;height:calc(var(--bottom-nav-height) + var(--safe-area-bottom));padding-bottom:var(--safe-area-bottom);background:#0f172ad9;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border-top:1px solid var(--border-subtle);box-shadow:0 -4px 24px #0000004d}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--sp-1) 0;color:var(--text-muted);font-size:var(--text-xs);font-weight:500;letter-spacing:.01em;transition:color var(--duration-base) ease,transform var(--duration-fast) ease;-webkit-tap-highlight-color:transparent;cursor:pointer;position:relative}.bottom-nav__item:active{transform:scale(.92)}.bottom-nav__icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:20px;transition:transform var(--duration-base) var(--ease-spring)}.bottom-nav__label{font-size:10px;line-height:1;white-space:nowrap}.bottom-nav__item.active{color:var(--accent-blue)}.bottom-nav__item.active .bottom-nav__icon{transform:scale(1.1)}.bottom-nav__item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:32px;height:3px;border-radius:0 0 var(--radius-full) var(--radius-full);background:var(--gradient-primary)}.bottom-nav__badge{position:absolute;top:4px;right:50%;transform:translate(14px);min-width:16px;height:16px;padding:0 4px;border-radius:var(--radius-full);background:var(--accent-red);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 0 0 2px var(--bg-primary)}.top-bar{position:fixed;top:0;left:0;right:0;z-index:var(--z-header);display:flex;align-items:center;justify-content:space-between;height:calc(var(--header-height) + var(--safe-area-top));padding-top:var(--safe-area-top);padding-inline:var(--sp-4);background:#0f172acc;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid var(--border-subtle);box-shadow:0 4px 24px #0003}.top-bar__left,.top-bar__right{display:flex;align-items:center;gap:var(--sp-2);min-width:48px}.top-bar__title{position:absolute;left:50%;transform:translate(-50%);font-size:var(--text-md);font-weight:600;color:var(--text-primary);white-space:nowrap}.top-bar__action{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--text-secondary);background:var(--bg-glass);transition:all var(--duration-fast) ease;font-size:18px;-webkit-tap-highlight-color:transparent}.top-bar__action:active{transform:scale(.9);background:var(--bg-glass-heavy)}.sync-indicator{display:flex;align-items:center;gap:var(--sp-1);font-size:var(--text-xs);color:var(--text-muted)}.sync-indicator__dot{width:6px;height:6px;border-radius:50%;background:var(--accent-green)}.sync-indicator__dot.syncing{animation:pulse 1.2s ease-in-out infinite;background:var(--accent-orange)}.sync-indicator__icon{font-size:14px}.sync-indicator__icon.syncing{animation:spin 1s linear infinite;color:var(--accent-orange)}.order-card{position:relative;display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4);background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);border-left:3px solid var(--accent-green);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) ease,border-color var(--duration-base) ease;overflow:hidden;-webkit-tap-highlight-color:transparent;cursor:pointer}.order-card:active{transform:scale(.98);box-shadow:var(--shadow-md)}.order-card.priority-high{border-left-color:var(--accent-red);animation:glow 3s ease-in-out infinite}.order-card.priority-medium{border-left-color:var(--accent-orange)}.order-card.priority-low{border-left-color:var(--accent-green)}.order-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-2)}.order-card__customer{font-size:var(--text-base);font-weight:600;color:var(--text-primary);line-height:1.3}.order-card__code{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono);margin-top:2px}.order-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2)}.order-card__amount{font-size:var(--text-sm);font-weight:600;color:var(--accent-blue)}.order-card__products{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);background:var(--bg-glass-heavy);font-size:var(--text-xs);color:var(--text-secondary)}.order-card__carrier{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;letter-spacing:.02em}.order-card__carrier.carrier-ghn{background:#ff6b0026;color:#ff6b00}.order-card__carrier.carrier-ghtk{background:#00ab5526;color:#00ab55}.order-card__carrier.carrier-vtp{background:#ea000026;color:#ea0000}.order-card__carrier.carrier-jt{background:#ff000026;color:#f44}.order-card__carrier.carrier-best{background:#fed10026;color:#fed100}.order-card__carrier.carrier-spx{background:#ee4d2d26;color:#ee4d2d}.order-card__carrier.carrier-vnpost{background:#ffc10726;color:#ffc107}.order-card__time{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;font-family:var(--font-mono)}.order-card__time.time-urgent{background:#ef444426;color:var(--accent-red);animation:pulse 1.5s ease-in-out infinite}.order-card__time.time-warning{background:#f59e0b26;color:var(--accent-orange)}.order-card__time.time-normal{background:#10b98126;color:var(--accent-green)}.order-card__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding-top:var(--sp-3);border-top:1px solid var(--border-subtle)}.order-card__swipe-bg{position:absolute;top:0;bottom:0;width:80px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff}.order-card__swipe-bg.swipe-left{right:0;background:var(--accent-red);border-radius:0 var(--radius-lg) var(--radius-lg) 0}.order-card__swipe-bg.swipe-right{left:0;background:var(--accent-green);border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all var(--duration-fast) var(--ease-out);position:relative;overflow:hidden;user-select:none;-webkit-user-select:none}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.45;pointer-events:none}.btn .btn__ripple{position:absolute;border-radius:50%;background:#ffffff40;animation:ripple .6s ease-out forwards;pointer-events:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 14px #3b82f659}.btn-primary:active{box-shadow:0 2px 8px #3b82f640}.btn-secondary{background:var(--bg-glass-heavy);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:active{background:#ffffff26}.btn-danger{background:var(--gradient-danger);color:#fff;box-shadow:0 4px 14px #ef44444d}.btn-danger:active{box-shadow:0 2px 8px #ef444433}.btn-success{background:var(--gradient-success);color:#fff;box-shadow:0 4px 14px #10b9814d}.btn-success:active{box-shadow:0 2px 8px #10b98133}.btn-warning{background:var(--gradient-warning);color:var(--text-inverse);box-shadow:0 4px 14px #f59e0b4d}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:active{background:var(--bg-glass)}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;background:var(--bg-glass-heavy);color:var(--text-secondary);font-size:18px;border:1px solid var(--border-subtle);transition:all var(--duration-fast) var(--ease-out)}.btn-icon:active{transform:scale(.9);background:#ffffff26}.btn-icon-sm{width:32px;height:32px;font-size:16px}.btn-fab{position:fixed;bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + var(--sp-4));right:var(--sp-4);z-index:var(--z-sticky);width:56px;height:56px;border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 24px #3b82f666,0 0 #3b82f600;transition:all var(--duration-base) var(--ease-spring)}.btn-fab:active{transform:scale(.9) rotate(90deg);box-shadow:0 3px 12px #3b82f64d}.btn-block{width:100%}.btn-sm{padding:var(--sp-2) var(--sp-3);font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn-lg{padding:var(--sp-4) var(--sp-6);font-size:var(--text-md);border-radius:var(--radius-lg)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;line-height:1.4}.badge-pending{background:#f59e0b26;color:var(--accent-orange)}.badge-packing{background:#3b82f626;color:var(--accent-blue);animation:pulseScale 2s ease-in-out infinite}.badge-packed{background:#8b5cf626;color:var(--accent-purple)}.badge-shipping{background:#06b6d426;color:var(--accent-cyan)}.badge-delivered{background:#10b98126;color:var(--accent-green)}.badge-returned{background:#ef444426;color:var(--accent-red)}.badge-cancelled{background:#64748b26;color:var(--text-muted)}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.badge-packing:before{animation:pulseDot 1.5s ease-in-out infinite}.priority-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.priority-high{background:#ef444426;color:var(--accent-red);box-shadow:0 0 12px #ef444433;animation:glow 2.5s ease-in-out infinite}.priority-medium{background:#f59e0b26;color:var(--accent-orange)}.priority-low{background:#10b9811f;color:var(--accent-green)}.timer-display{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-5) var(--sp-6);background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.timer-display__time{font-family:var(--font-mono);font-size:2.5rem;font-weight:700;letter-spacing:.04em;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.timer-display__label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.timer-display__dot{width:8px;height:8px;border-radius:50%;background:var(--accent-green);animation:pulseDot 1.5s ease-in-out infinite}.timer-display__dot.urgent{background:var(--accent-red)}.timer-digit{display:inline-block;animation:countUp .3s var(--ease-out)}.input-field{width:100%;padding:var(--sp-3) var(--sp-4);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);transition:border-color var(--duration-base) ease,box-shadow var(--duration-base) ease}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f626,var(--shadow-sm)}.input-field.error{border-color:var(--accent-red);box-shadow:0 0 0 3px #ef44441f;animation:shakeSubtle .3s ease}.input-label{display:block;margin-bottom:var(--sp-2);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.input-error-text{margin-top:var(--sp-1);font-size:var(--text-xs);color:var(--accent-red)}.select-field{width:100%;padding:var(--sp-3) var(--sp-4);padding-right:var(--sp-10);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;transition:border-color var(--duration-base) ease,box-shadow var(--duration-base) ease}.select-field:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f626}.search-bar{position:relative;width:100%}.search-bar__input{width:100%;padding:var(--sp-3) var(--sp-4);padding-left:40px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-primary);font-size:var(--text-sm);transition:border-color var(--duration-base) ease,box-shadow var(--duration-base) ease,background var(--duration-base) ease}.search-bar__input::placeholder{color:var(--text-muted)}.search-bar__input:focus{border-color:var(--accent-blue);background:var(--bg-tertiary);box-shadow:0 0 0 3px #3b82f61a}.search-bar__icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:16px;pointer-events:none}.search-bar__clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-muted);font-size:14px;cursor:pointer;opacity:0;transition:opacity var(--duration-fast) ease}.search-bar__input:not(:placeholder-shown)~.search-bar__clear{opacity:1}.checkbox{display:inline-flex;align-items:center;gap:var(--sp-2);cursor:pointer;-webkit-tap-highlight-color:transparent}.checkbox__input{width:20px;height:20px;border:2px solid var(--border-strong);border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-spring);flex-shrink:0}.checkbox__input.checked{background:var(--gradient-primary);border-color:transparent}.checkbox__input.checked:after{content:"✓";color:#fff;font-size:12px;font-weight:700;line-height:1}.checkbox__label{font-size:var(--text-sm);color:var(--text-primary)}.toggle-switch{position:relative;width:48px;height:28px;border-radius:var(--radius-full);background:var(--bg-tertiary);cursor:pointer;transition:background var(--duration-base) ease;-webkit-tap-highlight-color:transparent;flex-shrink:0}.toggle-switch.active{background:var(--accent-green)}.toggle-switch__thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform var(--duration-base) var(--ease-spring)}.toggle-switch.active .toggle-switch__thumb{transform:translate(20px)}.form-group{display:flex;flex-direction:column;gap:0;margin-bottom:var(--sp-4)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:flex-end;justify-content:center;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:overlayIn var(--duration-base) ease both;padding:var(--sp-4);padding-bottom:var(--safe-area-bottom)}.modal-overlay.closing{animation:overlayOut var(--duration-fast) ease both}.modal{width:100%;max-width:440px;max-height:85vh;display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl) var(--radius-xl) var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-xl);animation:modalSlideUp var(--duration-slow) var(--ease-out) both;overflow:hidden}.modal-overlay.closing .modal{animation:modalSlideDown var(--duration-base) ease both}.modal__handle{width:36px;height:4px;border-radius:var(--radius-full);background:var(--border-strong);margin:var(--sp-3) auto var(--sp-1);flex-shrink:0}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.modal__title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.modal__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--bg-glass);color:var(--text-muted);font-size:18px;cursor:pointer;transition:all var(--duration-fast) ease}.modal__close:active{transform:scale(.9);background:var(--bg-glass-heavy)}.modal__body{padding:var(--sp-4);overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1}.modal__footer{display:flex;gap:var(--sp-3);padding:var(--sp-4);border-top:1px solid var(--border-subtle);flex-shrink:0}.modal__footer .btn{flex:1}.modal-overlay.centered{align-items:center}.modal-overlay.centered .modal{border-radius:var(--radius-xl)}.toast-container{position:fixed;top:calc(var(--safe-area-top) + var(--sp-4));left:var(--sp-4);right:var(--sp-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--sp-2);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:toastSlideIn .4s var(--ease-out) both;pointer-events:auto;position:relative;overflow:hidden}.toast.dismissing{animation:toastSlideOut .3s ease-in both}.toast__icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-size:16px;flex-shrink:0}.toast__content{flex:1;min-width:0}.toast__title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.toast__message{font-size:var(--text-xs);color:var(--text-secondary);margin-top:1px}.toast__close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--text-muted);font-size:14px;cursor:pointer;flex-shrink:0}.toast__progress{position:absolute;bottom:0;left:0;height:3px;border-radius:0 var(--radius-full) 0 0;transform-origin:left;animation:progressShrink 4s linear forwards}.toast-success .toast__icon{background:#10b98126;color:var(--accent-green)}.toast-success .toast__progress{background:var(--accent-green)}.toast-success{border-left:3px solid var(--accent-green)}.toast-error .toast__icon{background:#ef444426;color:var(--accent-red)}.toast-error .toast__progress{background:var(--accent-red)}.toast-error{border-left:3px solid var(--accent-red)}.toast-info .toast__icon{background:#3b82f626;color:var(--accent-blue)}.toast-info .toast__progress{background:var(--accent-blue)}.toast-info{border-left:3px solid var(--accent-blue)}.toast-warning .toast__icon{background:#f59e0b26;color:var(--accent-orange)}.toast-warning .toast__progress{background:var(--accent-orange)}.toast-warning{border-left:3px solid var(--accent-orange)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3)}.stat-card{position:relative;padding:var(--sp-4);background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary)}.stat-card.stat-success:before{background:var(--gradient-success)}.stat-card.stat-danger:before{background:var(--gradient-danger)}.stat-card.stat-warning:before{background:var(--gradient-warning)}.stat-card__value{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);line-height:1.2;margin-bottom:var(--sp-1)}.stat-card__label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.stat-card__trend{display:inline-flex;align-items:center;gap:2px;margin-top:var(--sp-2);padding:2px 6px;border-radius:var(--radius-full);font-size:10px;font-weight:600}.stat-card__trend.up{background:#10b9811f;color:var(--accent-green)}.stat-card__trend.down{background:#ef44441f;color:var(--accent-red)}.stat-card__icon{position:absolute;top:var(--sp-4);right:var(--sp-4);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--bg-glass);color:var(--text-muted);font-size:18px}.tab-bar{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:0;position:relative;background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--sp-1)}.tab-bar::-webkit-scrollbar{display:none}.tab-bar__item{flex-shrink:0;padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500;color:var(--text-muted);white-space:nowrap;cursor:pointer;transition:all var(--duration-base) var(--ease-out);-webkit-tap-highlight-color:transparent;position:relative;text-align:center}.tab-bar__item:active{transform:scale(.96)}.tab-bar__item.active{color:var(--text-primary);background:var(--bg-glass-heavy);box-shadow:var(--shadow-sm)}.tab-bar-underline{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:var(--sp-5);position:relative;border-bottom:1px solid var(--border-subtle);padding-inline:var(--sp-4)}.tab-bar-underline::-webkit-scrollbar{display:none}.tab-bar-underline__item{flex-shrink:0;padding:var(--sp-3) 0;font-size:var(--text-sm);font-weight:500;color:var(--text-muted);white-space:nowrap;cursor:pointer;transition:color var(--duration-base) ease;position:relative;-webkit-tap-highlight-color:transparent}.tab-bar-underline__item.active{color:var(--text-primary)}.tab-bar-underline__item.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--gradient-primary);border-radius:var(--radius-full) var(--radius-full) 0 0}.tab-bar__count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:4px;border-radius:var(--radius-full);background:var(--bg-glass);font-size:10px;font-weight:600;color:var(--text-muted)}.tab-bar__item.active .tab-bar__count,.tab-bar-underline__item.active .tab-bar__count{background:#3b82f626;color:var(--accent-blue)}.pull-refresh{position:relative;overflow:hidden}.pull-refresh__indicator{position:absolute;top:-48px;left:50%;transform:translate(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--bg-secondary);border:1px solid var(--border-default);box-shadow:var(--shadow-md);color:var(--text-secondary);font-size:18px;transition:top .3s var(--ease-out)}.pull-refresh.pulling .pull-refresh__indicator{top:var(--sp-3)}.pull-refresh.refreshing .pull-refresh__indicator{top:var(--sp-3);animation:spin .8s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-12) var(--sp-6);text-align:center}.empty-state__icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl);background:var(--bg-glass);margin-bottom:var(--sp-4);font-size:36px;color:var(--text-muted);animation:breathe 3s ease-in-out infinite}.empty-state__title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--sp-2)}.empty-state__description{font-size:var(--text-sm);color:var(--text-muted);max-width:260px;line-height:1.6;margin-bottom:var(--sp-6)}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 0%,rgba(255,255,255,.06) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton-text{height:14px;margin-bottom:var(--sp-2);border-radius:var(--radius-xs)}.skeleton-text.w-75{width:75%}.skeleton-text.w-50{width:50%}.skeleton-text.w-30{width:30%}.skeleton-title{height:20px;width:60%;margin-bottom:var(--sp-3)}.skeleton-avatar{width:40px;height:40px;border-radius:var(--radius-full)}.skeleton-card{padding:var(--sp-4);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.skeleton-badge{width:64px;height:22px;border-radius:var(--radius-full)}.skeleton-button{height:40px;border-radius:var(--radius-md)}.swipe-container{position:relative;overflow:hidden;border-radius:var(--radius-lg)}.swipe-container__actions{position:absolute;top:0;bottom:0;display:flex;align-items:stretch}.swipe-container__actions.left{left:0}.swipe-container__actions.right{right:0}.swipe-action{width:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.04em}.swipe-action.action-accept{background:var(--accent-green)}.swipe-action.action-reject{background:var(--accent-red)}.swipe-action.action-archive{background:var(--accent-purple)}.swipe-action__icon{font-size:20px}.swipe-container__content{position:relative;z-index:1;background:var(--bg-card);transition:transform var(--duration-base) var(--ease-out)}.login-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-6);background:var(--bg-primary);background-image:radial-gradient(ellipse at 30% 20%,rgba(59,130,246,.12) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(6,182,212,.05) 0%,transparent 50%)}.login-card{width:100%;max-width:380px;padding:var(--sp-8);background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);position:relative;overflow:hidden;animation:scaleIn .6s var(--ease-out) both}.login-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-xl);padding:1px;background:linear-gradient(135deg,#3b82f680,#8b5cf64d,#06b6d480);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.login-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,rgba(59,130,246,.05) 0%,transparent 50%);pointer-events:none;animation:breathe 4s ease-in-out infinite}.login-logo{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--sp-8);position:relative;z-index:1}.login-logo__icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl);background:var(--gradient-primary);font-size:28px;color:#fff;box-shadow:0 8px 24px #3b82f64d;margin-bottom:var(--sp-3)}.login-logo__title{font-size:var(--text-2xl);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-logo__subtitle{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--sp-1)}.login-form{display:flex;flex-direction:column;gap:var(--sp-4);position:relative;z-index:1}.login-form .input-field{background:#0f172a80;border-color:var(--border-default)}.login-form .btn-primary{margin-top:var(--sp-2);padding:var(--sp-4);font-size:var(--text-md)}.login-footer{margin-top:var(--sp-6);text-align:center;font-size:var(--text-xs);color:var(--text-muted);position:relative;z-index:1}.page{flex:1;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;padding-top:calc(var(--header-height) + var(--safe-area-top));padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch}.page__content{flex:1;padding:var(--sp-4)}.page-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) 0}.page-header__title{font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.page-header__count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;margin-left:var(--sp-2);border-radius:var(--radius-full);background:#3b82f626;color:var(--accent-blue);font-size:11px;font-weight:700}.page-header__actions{display:flex;align-items:center;gap:var(--sp-2)}.section-divider{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0}.section-divider:before,.section-divider:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.section-divider__label{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.order-list{display:flex;flex-direction:column;gap:var(--sp-3)}.avatar{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:600;color:#fff;background:var(--gradient-primary);flex-shrink:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:28px;height:28px;font-size:11px}.avatar-lg{width:48px;height:48px;font-size:var(--text-lg)}.chip{display:inline-flex;align-items:center;gap:4px;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-full);background:var(--bg-glass-heavy);border:1px solid var(--border-subtle);font-size:var(--text-xs);font-weight:500;color:var(--text-secondary);white-space:nowrap;cursor:pointer;transition:all var(--duration-fast) ease;-webkit-tap-highlight-color:transparent}.chip:active{transform:scale(.95)}.chip.active{background:#3b82f626;border-color:#3b82f64d;color:var(--accent-blue)}.chip__remove{width:14px;height:14px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-glass);font-size:10px;margin-left:2px}.chips-scroll{display:flex;gap:var(--sp-2);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:var(--sp-1) 0}.chips-scroll::-webkit-scrollbar{display:none}.progress{width:100%;height:6px;border-radius:var(--radius-full);background:var(--bg-tertiary);overflow:hidden}.progress__fill{height:100%;border-radius:var(--radius-full);background:var(--gradient-primary);transition:width .6s var(--ease-out)}.progress__fill.success{background:var(--gradient-success)}.progress__fill.danger{background:var(--gradient-danger)}.progress__fill.warning{background:var(--gradient-warning)}.bottom-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:overlayIn var(--duration-base) ease both}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;z-index:calc(var(--z-modal) + 1);max-height:90vh;display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-xl);animation:slideUp var(--duration-slow) var(--ease-out) both;padding-bottom:var(--safe-area-bottom)}.bottom-sheet__handle{width:36px;height:4px;border-radius:var(--radius-full);background:var(--border-strong);margin:var(--sp-3) auto;flex-shrink:0}.bottom-sheet__header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-4) var(--sp-3)}.bottom-sheet__body{padding:var(--sp-4);overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1}.list-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);transition:background var(--duration-fast) ease;cursor:pointer;-webkit-tap-highlight-color:transparent}.list-item:active{background:var(--bg-glass)}.list-item__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--bg-glass);color:var(--text-secondary);font-size:18px;flex-shrink:0}.list-item__content{flex:1;min-width:0}.list-item__title{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.list-item__subtitle{font-size:var(--text-xs);color:var(--text-muted);margin-top:1px}.list-item__trail{display:flex;align-items:center;color:var(--text-muted);font-size:14px;flex-shrink:0}.notification-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-red);box-shadow:0 0 0 2px var(--bg-primary);animation:pulseDot 2s ease-in-out infinite}.float-input{position:relative}.float-input__field{width:100%;padding:20px var(--sp-4) var(--sp-2);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);transition:border-color var(--duration-base) ease,box-shadow var(--duration-base) ease}.float-input__label{position:absolute;left:var(--sp-4);top:50%;transform:translateY(-50%);font-size:var(--text-base);color:var(--text-muted);pointer-events:none;transition:all var(--duration-base) var(--ease-out)}.float-input__field:focus~.float-input__label,.float-input__field:not(:placeholder-shown)~.float-input__label{top:10px;transform:translateY(0);font-size:var(--text-xs);color:var(--accent-blue)}.float-input__field:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f626}[data-theme=light] .bottom-nav{background:#ffffffe6;box-shadow:0 -2px 16px #00000014}[data-theme=light] .top-bar{background:#ffffffd9;box-shadow:0 2px 16px #0000000f}[data-theme=light] .bottom-nav__badge{box-shadow:0 0 0 2px var(--bg-primary)}[data-theme=light] .btn-secondary{background:#0000000a}[data-theme=light] .btn-secondary:active{background:#00000014}[data-theme=light] .btn-ghost:active,[data-theme=light] .btn-icon{background:#0000000a}[data-theme=light] .btn-icon:active{background:#00000014}[data-theme=light] .top-bar__action{background:#0000000a}[data-theme=light] .top-bar__action:active{background:#00000014}[data-theme=light] .order-card{background:#fffc;box-shadow:0 1px 4px #0000000f}[data-theme=light] .btn .btn__ripple{background:#0000001f}[data-theme=light] .input-field,[data-theme=light] .float-input__field{background:#00000008;border-color:#0000001a;color:var(--text-primary)}[data-theme=light] .input-field::placeholder,[data-theme=light] .float-input__field::placeholder{color:var(--text-muted)}.btn-loading{pointer-events:none;opacity:.7;position:relative}.btn-loading .btn-loading__text{visibility:hidden}.btn-loading:after{content:"";position:absolute;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.btn-secondary.btn-loading:after,.btn-ghost.btn-loading:after{border-color:#00000026;border-top-color:var(--text-secondary)}[data-theme=light] .btn-primary.btn-loading:after,[data-theme=light] .btn-success.btn-loading:after,[data-theme=light] .btn-danger.btn-loading:after{border-color:#ffffff4d;border-top-color:#fff}.connectivity-banner{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:6px var(--sp-4);font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;color:#fff;animation:slideDown .3s var(--ease-out) both;will-change:transform}.connectivity-banner--offline{background:linear-gradient(135deg,#ef4444,#f97316)}.connectivity-banner--online{background:linear-gradient(135deg,#10b981,#06b6d4)}.connectivity-banner__icon{font-size:14px;animation:pulse 1.5s ease-in-out infinite}.connectivity-banner--dismiss{animation:fadeOutUp .4s var(--ease-out) forwards}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.theme-toggle{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--text-secondary);background:var(--bg-glass);transition:all var(--duration-fast) ease;font-size:18px;-webkit-tap-highlight-color:transparent;cursor:pointer;border:none}.theme-toggle:active{transform:scale(.9);background:var(--bg-glass-heavy)}.theme-toggle svg{transition:transform .3s var(--ease-spring)}.theme-toggle:active svg{transform:rotate(30deg)}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:24px;position:relative;overflow:hidden}.login-orbs{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.login-orb{position:absolute;border-radius:50%;opacity:.5;will-change:transform}.login-orb--1{width:300px;height:300px;background:radial-gradient(circle,rgba(59,130,246,.25) 0%,transparent 70%);top:-60px;left:-40px;animation:loginOrbFloat1 8s ease-in-out infinite}.login-orb--2{width:250px;height:250px;background:radial-gradient(circle,rgba(139,92,246,.2) 0%,transparent 70%);bottom:10%;right:-30px;animation:loginOrbFloat2 10s ease-in-out infinite}.login-orb--3{width:200px;height:200px;background:radial-gradient(circle,rgba(6,182,212,.18) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation:loginOrbFloat3 12s ease-in-out infinite}[data-theme=light] .login-orb--1{background:radial-gradient(circle,rgba(59,130,246,.12) 0%,transparent 70%)}[data-theme=light] .login-orb--2{background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%)}[data-theme=light] .login-orb--3{background:radial-gradient(circle,rgba(6,182,212,.08) 0%,transparent 70%)}@keyframes loginOrbFloat1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,30px) scale(1.1)}66%{transform:translate(-20px,50px) scale(.95)}}@keyframes loginOrbFloat2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-50px,-40px) scale(1.15)}}@keyframes loginOrbFloat3{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-40%,-60%) scale(1.1)}}.login-card{position:relative;z-index:1;width:100%;max-width:380px;padding:40px 28px 28px;background:var(--bg-card);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-default);border-radius:24px;animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1)}.login-logo{text-align:center;margin-bottom:32px}.login-logo__icon{font-size:56px;margin-bottom:8px;animation:loginBounce 2s ease infinite}@keyframes loginBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.login-logo__title{font-size:28px;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.login-logo__subtitle{font-size:13px;color:var(--text-secondary);margin-top:4px}.login-form{display:flex;flex-direction:column;gap:14px}.login-form .form-group{display:flex;flex-direction:column}.login-form .input-field{width:100%;padding:14px 16px;background:var(--bg-glass-heavy);border:1px solid var(--border-default);border-radius:12px;color:var(--text-primary);font-size:15px;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.login-form .input-field:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.login-form .input-field::placeholder{color:var(--text-muted)}.login-page .btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border:none;border-radius:12px;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:transform .15s,opacity .15s,box-shadow .2s;-webkit-tap-highlight-color:transparent}.login-page .btn:active{transform:scale(.97)}.login-page .btn-block{width:100%}.login-page .btn-lg{padding:16px 24px;font-size:16px}.login-page .btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-page .btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;box-shadow:0 4px 16px #3b82f64d}.login-page .btn-primary:hover{box-shadow:0 6px 24px #3b82f666}.login-page .btn-demo{background:linear-gradient(135deg,#10b981,#06b6d4);color:#fff;box-shadow:0 4px 16px #10b9814d}.login-page .btn-demo:hover{box-shadow:0 6px 24px #10b98166}.login-page .btn-live{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;box-shadow:0 4px 16px #f59e0b4d;margin-top:8px}.login-page .btn-live:hover{box-shadow:0 6px 24px #f59e0b66}.login-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--text-muted);font-size:13px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border-default)}.login-notice{text-align:center;padding:16px;margin-bottom:16px;background:#f59e0b14;border:1px solid rgba(245,158,11,.15);border-radius:12px}.login-notice__icon{font-size:28px;margin-bottom:8px}.login-notice__text{font-size:13px;color:var(--text-secondary);line-height:1.5}.login-error{padding:12px;border-radius:10px;background:#ef44441f;border:1px solid rgba(239,68,68,.25);color:#ef4444;font-size:13px;text-align:center;animation:loginShake .3s ease}@keyframes loginShake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.login-loader{display:inline-flex;align-items:center;gap:8px}.login-footer{text-align:center;margin-top:20px;font-size:11px;color:var(--text-muted)}.scroll-top-btn{position:fixed;bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + 16px);right:16px;z-index:var(--z-sticky);width:44px;height:44px;border-radius:var(--radius-full);border:1px solid var(--border-default);background:#1e293bd9;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:var(--shadow-lg),var(--shadow-glow);color:var(--accent-blue);font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:translateY(20px) scale(.8);pointer-events:none;transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-spring);-webkit-tap-highlight-color:transparent}.scroll-top-btn.visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.scroll-top-btn:active{transform:scale(.9)}.tab-content-container{transition:none}.tab-content-fade-out{animation:tabFadeOut .1s ease-in forwards}.tab-content-fade-in{animation:tabFadeIn .2s var(--ease-out) forwards}@keyframes tabFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.search-bar--loading .search-bar__icon{animation:searchPulse .6s ease-in-out infinite}@keyframes searchPulse{0%,to{opacity:1}50%{opacity:.3}}*{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}@media(max-width:1024px){.login-orbs{display:none!important}.login-card{background:#1e293b!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 10px 25px -5px #00000080!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}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 slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideRight{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-40px)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}70%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes popIn{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.08)}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 pulseDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:.4}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes bounce{0%,to{transform:translateY(0);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(-8px);animation-timing-function:cubic-bezier(0,0,.2,1)}}@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%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}@keyframes glow{0%,to{box-shadow:0 0 8px #ef44444d}50%{box-shadow:0 0 20px #ef444499,0 0 40px #ef444433}}@keyframes glowBlue{0%,to{box-shadow:0 0 8px #3b82f64d}50%{box-shadow:0 0 20px #3b82f699,0 0 40px #3b82f633}}@keyframes glowGreen{0%,to{box-shadow:0 0 8px #10b9814d}50%{box-shadow:0 0 20px #10b98199,0 0 40px #10b98133}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes countDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes shakeSubtle{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes progressShrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes breathe{0%,to{opacity:.4}50%{opacity:.8}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modalSlideDown{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(30px) scale(.96)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes overlayOut{0%{opacity:1}to{opacity:0}}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-100%) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-100%) scale(.95)}}.animate-fade-in{animation:fadeIn var(--duration-base) var(--ease-out) both}.animate-fade-out{animation:fadeOut var(--duration-base) var(--ease-out) both}.animate-fade-in-up{animation:fadeInUp var(--duration-slow) var(--ease-out) both}.animate-fade-in-down{animation:fadeInDown var(--duration-slow) var(--ease-out) both}.animate-slide-up{animation:slideUp var(--duration-slow) var(--ease-out) both}.animate-slide-down{animation:slideDown var(--duration-slow) var(--ease-out) both}.animate-slide-in-right{animation:slideInRight var(--duration-slow) var(--ease-out) both}.animate-scale-in{animation:scaleIn var(--duration-slow) var(--ease-spring) both}.animate-pop-in{animation:popIn var(--duration-slow) var(--ease-spring) both}.animate-bounce-in{animation:bounceIn .6s var(--ease-out) both}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-pulse-scale{animation:pulseScale 2s ease-in-out infinite}.animate-bounce{animation:bounce 1s infinite}.animate-shake{animation:shake .5s ease-in-out}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-glow-blue{animation:glowBlue 2s ease-in-out infinite}.animate-breathe{animation:breathe 3s ease-in-out infinite}.animate-in{animation:fadeInUp var(--duration-slow) var(--ease-out) both}.animate-out{animation:fadeOut var(--duration-fast) ease-in both}.transition-all{transition:all .3s var(--ease-out)}.transition-fast{transition:all var(--duration-fast) var(--ease-out)}.transition-transform{transition:transform var(--duration-base) var(--ease-out)}.transition-opacity{transition:opacity var(--duration-base) var(--ease-out)}.transition-colors{transition:color var(--duration-base) ease,background-color var(--duration-base) ease,border-color var(--duration-base) ease}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:50ms}.stagger-children>*:nth-child(3){animation-delay:.1s}.stagger-children>*:nth-child(4){animation-delay:.15s}.stagger-children>*:nth-child(5){animation-delay:.2s}.stagger-children>*:nth-child(6){animation-delay:.25s}.stagger-children>*:nth-child(7){animation-delay:.3s}.stagger-children>*:nth-child(8){animation-delay:.35s}.stagger-children>*:nth-child(9){animation-delay:.4s}.stagger-children>*:nth-child(10){animation-delay:.45s}.page-enter{animation:fadeInUp var(--duration-slow) var(--ease-out) both}.page-exit{animation:fadeOut var(--duration-fast) ease-in both}.page-slide-left-enter{animation:slideLeft var(--duration-slow) var(--ease-out) both}.page-slide-right-enter{animation:slideRight var(--duration-slow) var(--ease-out) both}.page-slide-left-exit{animation:slideOutLeft var(--duration-slow) var(--ease-out) both}.page-slide-right-exit{animation:slideOutRight var(--duration-slow) var(--ease-out) both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}