@keyframes wifiConnectedPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes wifiDisconnectedBlink{0%,to{opacity:1}25%{opacity:.3}50%{opacity:1}75%{opacity:.3}}.wifi-connected-pulse{animation:wifiConnectedPulse 2s ease-in-out infinite}.wifi-disconnected-blink{animation:wifiDisconnectedBlink 1s ease-in-out infinite}.btn-primary{position:relative;overflow:hidden;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-loading{pointer-events:none;position:relative}.btn-loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:button-spin 1s linear infinite}@keyframes button-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fab{position:fixed;z-index:50;border-radius:9999px;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;box-shadow:0 8px 25px rgba(42,193,188,.3)}.fab:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 12px 35px rgba(42,193,188,.4)}.card-hover{transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);transform:translateY(0)}.card-hover:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.1)}.dark .card-hover:hover{box-shadow:0 20px 40px rgba(0,0,0,.3)}.card-gradient{background:linear-gradient(135deg,#2ac1bc,#00b14f);color:#fff}.card-gradient:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,hsla(0,0%,100%,.1),transparent 50%,rgba(0,0,0,.1));pointer-events:none}.modal-backdrop{position:fixed;inset:0;--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;opacity:0;backdrop-filter:blur(4px)}.modal-backdrop.open{opacity:.5}.modal-content{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1);transform:translateY(-20px) scale(.95);opacity:0}.modal-content.open{transform:translateY(0) scale(1);opacity:1}.modal-slide-up{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1);transform:translateY(100%)}.modal-slide-up.open{transform:translateY(0)}.dropdown-menu{transform-origin:top;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);transform:scaleY(0);opacity:0}.dropdown-menu.open{transform:scaleY(1);opacity:1}.dropdown-item{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);transform:translateX(-10px);opacity:0}.dropdown-menu.open .dropdown-item{transform:translateX(0);opacity:1}.dropdown-menu.open .dropdown-item:first-child{transition-delay:50ms}.dropdown-menu.open .dropdown-item:nth-child(2){transition-delay:.1s}.dropdown-menu.open .dropdown-item:nth-child(3){transition-delay:.15s}.dropdown-menu.open .dropdown-item:nth-child(4){transition-delay:.2s}.dropdown-menu.open .dropdown-item:nth-child(5){transition-delay:.25s}.toast-slide-in{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1);transform:translateX(100%);opacity:0}.toast-slide-in.show{transform:translateX(0);opacity:1}.toast-success{--tw-border-opacity:1;border-color:rgb(128 215 165/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(230 247 237/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(0 70 31/var(--tw-text-opacity,1));border-left:4px solid #10b981}.dark .toast-success{--tw-border-opacity:1;border-color:rgb(0 70 31/var(--tw-border-opacity,1));background-color:rgba(0,35,16,.2);--tw-text-opacity:1;color:rgb(128 215 165/var(--tw-text-opacity,1))}.toast-error{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1));border-left:4px solid #ef4444}.dark .toast-error{--tw-border-opacity:1;border-color:rgb(153 27 27/var(--tw-border-opacity,1));background-color:rgba(127,29,29,.2);--tw-text-opacity:1;color:rgb(254 202 202/var(--tw-text-opacity,1))}.toast-warning{--tw-border-opacity:1;border-color:rgb(254 240 138/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(133 77 14/var(--tw-text-opacity,1));border-left:4px solid #f59e0b}.dark .toast-warning{--tw-border-opacity:1;border-color:rgb(133 77 14/var(--tw-border-opacity,1));background-color:rgba(113,63,18,.2);--tw-text-opacity:1;color:rgb(254 240 138/var(--tw-text-opacity,1))}.toast-info{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1));border-left:4px solid #3b82f6}.dark .toast-info{--tw-border-opacity:1;border-color:rgb(30 64 175/var(--tw-border-opacity,1));background-color:rgba(30,58,138,.2);--tw-text-opacity:1;color:rgb(191 219 254/var(--tw-text-opacity,1))}.spinner{display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}.spinner{animation:spin 1s linear infinite;border-radius:9999px;border:2px solid;border-right:2px solid transparent;animation:spinner-spin 1s linear infinite}@keyframes spinner-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{50%{opacity:.5}}.skeleton{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.skeleton:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.skeleton-wave{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);background-size:200px 100%;animation:skeleton-wave 1.5s ease-in-out infinite}.dark .skeleton-wave{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);background-size:200px 100%}@keyframes skeleton-wave{0%{background-position:-200px 0}to{background-position:200px 0}}.table-striped tbody tr:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.table-striped tbody tr:nth-child(2n):is(.dark *){background-color:rgba(31,41,55,.5)}.table-hover tbody tr:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.table-hover tbody tr:hover:is(.dark *){background-color:rgba(55,65,81,.5)}.table-sortable th{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.table-sortable th:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.table-sortable th:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.table-sortable th:hover:after{content:"⇅";margin-left:.5rem;--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.table-sortable th.sort-asc:after{content:"↑"}.table-sortable th.sort-asc:after,.table-sortable th.sort-desc:after{margin-left:.5rem;--tw-text-opacity:1;color:rgb(42 193 188/var(--tw-text-opacity,1))}.table-sortable th.sort-desc:after{content:"↓"}.custom-checkbox{height:1rem;width:1rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.custom-checkbox:checked{--tw-border-opacity:1;border-color:rgb(42 193 188/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(42 193 188/var(--tw-bg-opacity,1))}.custom-checkbox:checked:after{content:"";display:block;height:.5rem;width:.5rem;border-radius:.125rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));transform:translate(2px,2px)}.custom-radio{height:1rem;width:1rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:9999px;border-width:1px;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.custom-radio:checked{--tw-border-opacity:1;border-color:rgb(42 193 188/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(42 193 188/var(--tw-bg-opacity,1))}.custom-radio:checked:after{content:"";display:block;height:.5rem;width:.5rem;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));transform:translate(2px,2px)}.floating-label{position:relative}.floating-label input:not(:-moz-placeholder)+label{--tw-translate-y:-1.25rem;--tw-scale-x:.75;--tw-scale-y:.75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-text-opacity:1;color:rgb(42 193 188/var(--tw-text-opacity,1))}.floating-label input:focus+label,.floating-label input:not(:placeholder-shown)+label{--tw-translate-y:-1.25rem;--tw-scale-x:.75;--tw-scale-y:.75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-text-opacity:1;color:rgb(42 193 188/var(--tw-text-opacity,1))}.floating-label label{pointer-events:none;position:absolute;left:.75rem;top:.75rem;transform-origin:left;--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.chart-tooltip{border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.chart-tooltip:is(.dark *){--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.chart-legend{margin-top:1rem;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.chart-legend-item{display:flex;align-items:center}.chart-legend-item>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.chart-legend-item{font-size:.875rem;line-height:1.25rem}.chart-legend-color{height:.75rem;width:.75rem;border-radius:.25rem;border-width:1px}.vnd-currency{font-family:JetBrains Mono,Fira Code,monospace;font-weight:600}.vnd-currency.positive{--tw-text-opacity:1;color:rgb(0 141 63/var(--tw-text-opacity,1))}.vnd-currency.positive:is(.dark *){--tw-text-opacity:1;color:rgb(0 177 79/var(--tw-text-opacity,1))}.vnd-currency.negative{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.vnd-currency.negative:is(.dark *){--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.vnd-currency.neutral{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.vnd-currency.neutral:is(.dark *){--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}.vietnam-gradient{background:linear-gradient(135deg,#da020e,#fd0 50%,#da020e)}.payment-method-momo{--tw-gradient-from:#a855f7 var(--tw-gradient-from-position);--tw-gradient-to:rgba(168,85,247,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#ec4899 var(--tw-gradient-to-position);--tw-text-opacity:1}.payment-method-momo,.payment-method-zalopay{background-image:linear-gradient(to right,var(--tw-gradient-stops));color:rgb(255 255 255/var(--tw-text-opacity,1))}.payment-method-zalopay{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:rgba(59,130,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#06b6d4 var(--tw-gradient-to-position);--tw-text-opacity:1}.payment-method-vnpay{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#ef4444 var(--tw-gradient-from-position);--tw-gradient-to:rgba(239,68,68,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#f97316 var(--tw-gradient-to-position);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(156,163,175,.5) transparent}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:rgba(156,163,175,.5);border-radius:3px;border:none}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:rgba(156,163,175,.7)}.text-gradient{background:linear-gradient(135deg,#2ac1bc,#00b14f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glassmorphism{background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}.dark .glassmorphism{background:rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.1)}.focus-ring:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(42 193 188/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px}.focus-ring:focus:is(.dark *){--tw-ring-offset-color:#1f2937}.status-pulse{animation:status-pulse 2s infinite}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.5}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.skeleton-wave,.status-pulse{animation:none}}@-o-viewport{width:device-width;initial-scale:1;maximum-scale:5;user-scalable:yes}@viewport{width:device-width;initial-scale:1;maximum-scale:5;user-scalable:yes}@media (max-width:768px){*{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-focus-ring-color:transparent}.badge,.btn,.card,button{-webkit-user-select:none;-moz-user-select:none;user-select:none}input,select,textarea{font-size:16px}.btn,.touch-target,a,button,input[type=checkbox],input[type=radio]{min-height:44px;min-width:44px;padding:12px}.btn-sm{min-height:40px;min-width:40px;padding:10px}.btn-xs{min-height:36px;min-width:36px;padding:8px}.icon-button{min-height:48px;min-width:48px;padding:12px;border-radius:24px}.btn+.btn,a+a,button+button{margin-left:8px}.btn-group-vertical .btn,.btn-group-vertical button{margin-bottom:8px}.mobile-header{position:fixed;top:0;left:0;right:0;height:60px;z-index:1000;background:var(--color-background);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 16px}.mobile-menu-button{display:flex;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;background:transparent;border:none;cursor:pointer;padding:8px}.mobile-menu-button span{width:20px;height:2px;background:currentColor;margin:2px 0;transition:all .2s ease-in-out}.mobile-menu-button.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-menu-button.active span:nth-child(2){opacity:0}.mobile-menu-button.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-sidebar{position:fixed;top:60px;left:-280px;width:280px;height:calc(100vh - 60px);background:var(--color-background);border-right:1px solid var(--color-border);transition:left .3s ease-in-out;overflow-y:auto;z-index:999}.mobile-sidebar.open{left:0}.mobile-sidebar-overlay{position:fixed;top:60px;left:0;width:100vw;height:calc(100vh - 60px);background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:all .3s ease-in-out;z-index:998}.mobile-sidebar-overlay.open{opacity:1;visibility:visible}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:70px;background:var(--color-background);border-top:1px solid var(--color-border);display:flex;z-index:1000}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;text-decoration:none;color:var(--color-text-secondary);transition:color .2s ease-in-out;min-height:44px}.bottom-nav-item.active{color:var(--color-primary)}.bottom-nav-icon{font-size:20px;margin-bottom:2px}.bottom-nav-label{font-size:10px;font-weight:500}.mobile-main{padding-top:60px;padding-bottom:70px;min-height:100vh}input,select,textarea{width:100%;padding:12px 16px;font-size:16px;line-height:1.5;border:1px solid var(--color-border);border-radius:8px;background:var(--color-background);color:var(--color-text)}input[type=checkbox],input[type=radio]{width:20px;height:20px;margin:12px}.form-group{margin-bottom:20px}label{display:block;margin-bottom:8px;font-weight:600;font-size:16px}.required:after{content:" *";color:var(--color-error)}.field-error{color:var(--color-error);font-size:14px;margin-top:4px}.switch{position:relative;display:inline-block;width:56px;height:32px;margin:6px}.switch input{opacity:0;width:0;height:0}.switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-border);transition:.2s;border-radius:32px}.switch-slider:before{position:absolute;content:"";height:24px;width:24px;left:4px;bottom:4px;background-color:#fff;transition:.2s;border-radius:50%}input:checked+.switch-slider{background-color:var(--color-primary)}input:checked+.switch-slider:before{transform:translateX(24px)}.card{margin-bottom:16px;border-radius:12px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.card-header{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.card-title{font-size:18px;font-weight:600;margin-bottom:4px}.card-subtitle{font-size:14px;color:var(--color-text-secondary)}.list-item{padding:16px 0;border-bottom:1px solid var(--color-border);display:flex;align-items:center;min-height:44px}.list-item:last-child{border-bottom:none}.list-item-content{flex:1;margin-left:12px}.list-item-title{font-size:16px;font-weight:500;margin-bottom:2px}.list-item-subtitle{font-size:14px;color:var(--color-text-secondary)}.list-item-avatar{width:40px;height:40px;border-radius:20px;background:var(--color-surface)}.list-item-icon{font-size:20px;color:var(--color-text-secondary);margin-right:8px}.modal-mobile{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-background);z-index:2000;transform:translateY(100%);transition:transform .3s ease-in-out}.modal-mobile.open{transform:translateY(0)}.modal-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--color-border);background:var(--color-background)}.modal-mobile-title{font-size:18px;font-weight:600}.modal-mobile-close{width:44px;height:44px;border:none;background:transparent;font-size:20px;cursor:pointer}.modal-mobile-content{padding:16px;overflow-y:auto;height:calc(100vh - 70px)}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;max-height:80vh;background:var(--color-background);border-top-left-radius:16px;border-top-right-radius:16px;z-index:2000;transform:translateY(100%);transition:transform .3s ease-in-out}.bottom-sheet.open{transform:translateY(0)}.bottom-sheet-handle{width:40px;height:4px;background:var(--color-border);border-radius:2px;margin:12px auto 8px}.bottom-sheet-content{padding:16px;max-height:70vh;overflow-y:auto}.swipe-item{position:relative;overflow:hidden;transition:transform .2s ease-in-out}.swipe-actions{position:absolute;top:0;right:-100px;height:100%;width:100px;display:flex;align-items:center;background:var(--color-error);color:#fff;justify-content:center}.swipe-item.swiped{transform:translateX(-100px)}.pull-to-refresh{position:relative;overflow:hidden}.pull-refresh-indicator{position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:top .2s ease-in-out}.pull-refresh-indicator.visible{top:20px}.long-press-item{transition:transform .1s ease-in-out,box-shadow .1s ease-in-out}.long-press-item.pressed{transform:scale(.95);box-shadow:0 4px 12px rgba(0,0,0,.2)}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-mobile{border:none}.table-mobile thead{display:none}.table-mobile tbody tr{display:block;border:1px solid var(--color-border);border-radius:8px;margin-bottom:12px;padding:12px}.table-mobile tbody td{display:block;text-align:right;border:none;padding:8px 0}.table-mobile tbody td:before{content:attr(data-label) ": ";float:left;font-weight:600}.table-card{display:none}.table-card-mobile{display:block}.table-card-item{background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;margin-bottom:12px;padding:16px}.payment-button-mobile{width:100%;height:56px;border-radius:12px;font-size:16px;font-weight:600;margin-bottom:12px;display:flex;align-items:center;justify-content:center;position:relative}.payment-momo{background:linear-gradient(135deg,#a855a7,#e879f9);color:#fff}.payment-zalopay{background:linear-gradient(135deg,#2563eb,#60a5fa);color:#fff}.payment-vnpay{background:linear-gradient(135deg,#dc2626,#f87171);color:#fff}.vietnam-phone-input{position:relative}.vietnam-phone-prefix{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);font-size:16px}.vietnam-phone-input input{padding-left:60px}.vietnam-address-mobile{margin-bottom:20px}.vietnam-address-grid{display:grid;grid-template-columns:1fr;gap:12px}.vnd-mobile{font-family:SF Pro Display,-apple-system,sans-serif;font-weight:600;font-variant-numeric:tabular-nums}.vnd-large{font-size:24px;line-height:1.2}.vnd-medium{font-size:18px;line-height:1.3}.vnd-small{font-size:14px;line-height:1.4}.will-change{will-change:transform}.gpu-accelerated{transform:translateZ(0);-webkit-transform:translateZ(0)}}@media (max-width:768px){@media (prefers-reduced-motion:reduce){.bottom-sheet,.mobile-sidebar,.modal-mobile{transition:none}}@media (max-width:480px) and (max-height:800px){.card{box-shadow:0 1px 4px rgba(0,0,0,.1)}.bottom-sheet,.modal-mobile{backdrop-filter:none;-webkit-backdrop-filter:none}}}@media (max-width:768px) and (prefers-color-scheme:dark){.bottom-nav,.mobile-header,.mobile-sidebar{border-color:var(--color-border-dark,#374151)}.bottom-nav,.bottom-sheet,.mobile-header,.mobile-sidebar,.modal-mobile{background:var(--color-background-dark,#1f2937)}.card{background:var(--color-surface-dark,#374151);border-color:var(--color-border-dark,#4b5563)}}@media (max-width:768px){@media (min-resolution:2dppx){.btn,body,button{font-size:18px}.btn,button{min-height:48px}}@media (prefers-contrast:high){.bottom-sheet,.btn,.card,.modal-mobile,button{border:2px solid}}:focus{outline:3px solid var(--color-primary);outline-offset:2px}.btn:active,.touch-target:active,button:active{transform:scale(.95);transition:transform .1s ease-in-out}}.breadcrumb-container{padding:12px 0;font-size:14px;line-height:1.5;color:#6b7280}.breadcrumb-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.breadcrumb-item,.breadcrumb-list{display:flex;align-items:center}.breadcrumb-link{display:inline-flex;align-items:center;gap:6px;color:#2ac1bc;text-decoration:none;padding:4px 8px;border-radius:6px;transition:all .2s ease;position:relative;font-weight:500}.breadcrumb-link:hover{color:#1fa09b;background:linear-gradient(135deg,rgba(42,193,188,.08),rgba(42,193,188,.12))}.breadcrumb-link:focus{outline:none;box-shadow:0 0 0 3px rgba(42,193,188,.2)}.breadcrumb-link:active{transform:scale(.98)}.breadcrumb-current{color:#1f2937;font-weight:600;border-radius:6px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.breadcrumb-current,.breadcrumb-text{display:inline-flex;align-items:center;gap:6px;padding:4px 8px}.breadcrumb-text{color:#6b7280}.breadcrumb-icon{font-size:16px;line-height:1}.breadcrumb-ellipsis,.breadcrumb-icon{display:inline-flex;align-items:center}.breadcrumb-ellipsis{padding:4px 8px;color:#9ca3af;font-weight:600;letter-spacing:2px}.breadcrumb-separator{display:flex;align-items:center;color:#d1d5db}.breadcrumb-separator svg{display:block}.breadcrumb-collapsed{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:linear-gradient(135deg,#2ac1bc,#3ec8c3);color:#fff;font-weight:600;border-radius:6px;text-transform:uppercase}@media (max-width:640px){.breadcrumb-container{font-size:13px;padding:8px 0}.breadcrumb-list{gap:4px}.breadcrumb-current,.breadcrumb-ellipsis,.breadcrumb-link,.breadcrumb-text{padding:2px 6px}.breadcrumb-icon{font-size:14px}}.breadcrumb-vietnamese{background:linear-gradient(135deg,#e8faf9,#f8fffe);padding:16px;border-radius:12px;border:1px solid rgba(42,193,188,.1)}.breadcrumb-vietnamese .breadcrumb-link{color:#00b14f}.breadcrumb-vietnamese .breadcrumb-link:hover{color:#008f3f;background:linear-gradient(135deg,rgba(0,177,79,.08),rgba(0,177,79,.12))}.breadcrumb-vietnamese .breadcrumb-current{background:linear-gradient(135deg,#00b14f,#00c458);color:#fff}@media (prefers-color-scheme:dark){.breadcrumb-container{color:#d1d5db}.breadcrumb-link{color:#5ed4d0}.breadcrumb-link:hover{color:#2ac1bc;background:linear-gradient(135deg,rgba(42,193,188,.15),rgba(42,193,188,.2))}.breadcrumb-current{color:#f3f4f6;background:linear-gradient(135deg,#374151,#4b5563)}.breadcrumb-text{color:#9ca3af}.breadcrumb-separator{color:#4b5563}.breadcrumb-ellipsis{color:#6b7280}}@media (prefers-reduced-motion:reduce){.breadcrumb-link{transition:none}}@media (prefers-contrast:high){.breadcrumb-link{text-decoration:underline}.breadcrumb-current{border:2px solid}}