@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--mobile-bottom-nav-height:78px;--mobile-modal-extra-bottom-space:24px;--app-canvas:#eef2ff;--glass-bg:#ffffffb8;--glass-border:#ffffff80;--glass-blur:blur(16px)}body{background:var(--app-canvas);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}::placeholder{color:#adadaa}@keyframes loginCardIn{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes loginFieldShift{0%{background-position:0%,0 0}50%{background-position:100%,16px 10px}to{background-position:0%,0 0}}@keyframes loginGlowSweep{0%{opacity:.58;transform:translate(-8%,4%)rotate(-7deg)}50%{opacity:.86;transform:translate(6%,-3%)rotate(3deg)}to{opacity:.58;transform:translate(-8%,4%)rotate(-7deg)}}@keyframes loginStatusPulse{0%,to{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.45)}}.login-stage{background:linear-gradient(135deg,#fff7d6e6,#f8fbfff0 34%,#eef6fff5 68%,#fff2fae0) 0 0/240% 240%,repeating-linear-gradient(115deg,#f5a8000d 0 1px,#0000 1px 38px) 0 0/48px 48px;justify-content:center;align-items:center;min-height:100vh;padding:24px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;animation:18s ease-in-out infinite loginFieldShift;display:flex;position:relative;overflow:hidden}.login-stage:before{content:"";filter:blur(54px);pointer-events:none;background:linear-gradient(100deg,#f5a80038,#5777ff2e 44%,#ff86c433);height:48%;animation:16s ease-in-out infinite loginGlowSweep;position:absolute;inset:auto -18% -12%}.login-stage:after{content:"bánh mì";color:#0a0a0a09;white-space:nowrap;pointer-events:none;font-family:Georgia,Times New Roman,serif;font-size:clamp(70px,13vw,170px);font-style:italic;font-weight:700;position:absolute;top:10%;left:50%;transform:translate(-50%)}.login-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:.52s cubic-bezier(.2,.85,.22,1) both loginCardIn}.login-card input:focus{outline:none;box-shadow:0 0 0 4px #f5a8001f;border-color:#f5a800b8!important}.login-status-dot{background:currentColor;border-radius:50%;width:7px;height:7px;margin-right:8px;animation:1.4s ease-in-out infinite loginStatusPulse;display:inline-block}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.animate-slide-up{animation:.32s cubic-bezier(.2,.85,.22,1) both slideUp}.animate-fade-in{animation:.28s both fadeIn}.animate-scale-in{animation:.28s cubic-bezier(.2,.85,.22,1) both scaleIn}.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}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}@media (prefers-reduced-motion:reduce){.login-stage,.login-stage:before,.login-card,.login-status-dot,.animate-slide-up,.animate-fade-in,.animate-scale-in{animation:none!important}}select option{color:#0a0a0a;background:#fff}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.4)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--app-canvas)}::-webkit-scrollbar-thumb{background:#d5d5d2;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#adadaa}@media (width<=768px){body{-webkit-overflow-scrolling:touch;overflow-x:hidden}.login-stage{padding:16px!important}.login-card{width:calc(100vw - 64px)!important;padding:34px 22px 26px!important}#root table{min-width:480px}#root div[style*=grid-template-columns]:not([data-fixed-grid]){grid-template-columns:1fr!important}#root input,#root select,#root textarea{font-size:16px!important}#root button{max-width:100%;min-height:42px}#root [data-app-shell=content]{padding:12px!important;padding-bottom:calc(var(--mobile-bottom-nav-height) + env(safe-area-inset-bottom,0px))!important}#root [data-app-shell=topbar]{min-height:54px;gap:8px!important;padding:10px 14px!important}#root [data-modal-overlay]{align-items:flex-end!important;padding:0!important}#root [data-modal-card]{scroll-padding-bottom:calc(var(--mobile-bottom-nav-height) + env(safe-area-inset-bottom,0px) + var(--mobile-modal-extra-bottom-space));position:relative;max-width:100%!important;max-height:calc(100dvh - 72px)!important;padding:28px 20px 20px!important;padding-bottom:calc(20px + var(--mobile-bottom-nav-height) + env(safe-area-inset-bottom,0px) + var(--mobile-modal-extra-bottom-space))!important;border-radius:16px 16px 0 0!important}#root [data-modal-card]:before{content:"";background:#d5d5d2;border-radius:2px;width:36px;height:4px;position:absolute;top:10px;left:50%;transform:translate(-50%)}#root table td,#root table th{padding:10px 8px!important;font-size:12px!important}#root table [data-col-hide-mobile]{display:none!important}#root [data-search-bar]{width:100%!important}#root [data-filter-bar]{gap:8px!important}}[data-bottom-nav] button{-webkit-tap-highlight-color:transparent}[data-mobile-backdrop]{z-index:199;background:#0000008c;position:fixed;inset:0}@supports (padding-bottom:env(safe-area-inset-bottom)){[data-bottom-nav]{padding-bottom:env(safe-area-inset-bottom)}}@supports (-webkit-touch-callout:none){[data-mobile-sidebar]{height:-webkit-fill-available!important}}