:root{--bg-main: #ffffff;--bg-subtle: #f8fafc;--bg-card: #ffffff;--bg-card-hover: #f1f5f9;--bg-input: #ffffff;--border-color: #e2e8f0;--border-hover: #cbd5e1;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--accent-orange: #FFB74D;--accent-orange-light: #FFE0B2;--accent-orange-hover: #FFA726;--accent-orange-click: #FFE0B2;--accent-emerald: #10b981;--accent-rose: #ef4444;--accent-blue: #3b82f6;--font-main: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace}html{font-size:16px}@media(max-width:768px){html{font-size:17px}}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-main);min-height:100vh;overflow-x:hidden;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.glass-card,.card{background:#fff;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 16px #0000000d}.glass-card-hover{transition:all .25s cubic-bezier(.4,0,.2,1)}.glass-card-hover:hover{transform:translateY(-2px);border-color:var(--accent-orange);box-shadow:0 8px 24px #ffb74d26}.btn-primary,.btn-amber{background-color:var(--accent-orange);color:#0f172a;font-weight:800;border:1px solid #FFA726;border-radius:14px;min-height:52px;padding:12px 24px;font-size:15px;cursor:pointer;transition:background-color .25s cubic-bezier(.4,0,.2,1),opacity .25s ease,transform .15s ease,box-shadow .25s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 3px 10px #ffb74d40;-webkit-user-select:none;user-select:none}.btn-primary:hover,.btn-amber:hover{background-color:var(--accent-orange-hover);box-shadow:0 6px 16px #ffb74d66}.btn-primary:active,.btn-amber:active,.btn-primary:focus-visible,.btn-amber:focus-visible{background-color:var(--accent-orange-click)!important;opacity:.88;transform:scale(.96);box-shadow:0 0 16px #ffe0b2e6}.btn-outline{background-color:#fff;color:#0f172a;border:1.5px solid var(--accent-orange);font-weight:700;border-radius:14px;min-height:48px;padding:10px 18px;font-size:14px;cursor:pointer;transition:all .25s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px;-webkit-user-select:none;user-select:none}.btn-outline:hover{background-color:var(--accent-orange-light);border-color:var(--accent-orange-hover)}.btn-outline:active{background-color:var(--accent-orange-click)!important;transform:scale(.96)}.notification-card,.alert-box-amber{background-color:var(--accent-orange-light);border:1.5px solid var(--accent-orange);color:#7c2d12;padding:14px 18px;border-radius:14px;font-weight:600;font-size:14px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 14px #ffb74d26}.badge-low-reserve{background-color:var(--accent-orange-light);color:#9a3412;border:1px solid var(--accent-orange);padding:6px 12px;border-radius:20px;font-size:12px;font-weight:800;display:inline-flex;align-items:center;gap:6px}.badge-normal{background-color:#d1fae5;color:#065f46;border:1px solid #6ee7b7;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700}.input-field{width:100%;background-color:var(--bg-input);border:1.5px solid var(--border-color);border-radius:12px;padding:12px 16px;color:var(--text-primary);font-size:16px;font-family:var(--font-main);outline:none;min-height:50px;transition:border-color .2s ease,box-shadow .2s ease}.input-field:focus{border-color:var(--accent-orange);box-shadow:0 0 0 3px #ffb74d40}.numpad-btn{background-color:#fff;border:1.5px solid var(--border-color);color:var(--text-primary);font-size:26px;font-weight:800;border-radius:16px;min-height:64px;padding:14px 0;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;box-shadow:0 2px 6px #0000000a}.numpad-btn:hover{background-color:#f8fafc;border-color:var(--accent-orange)}.numpad-btn:active{background-color:var(--accent-orange-light)!important;border-color:var(--accent-orange);color:#0f172a;transform:scale(.95);box-shadow:0 0 12px #ffe0b2e6}.auth-wrapper{min-height:100vh;min-height:100dvh;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px 16px;color:var(--text-primary)}.auth-card{width:100%;max-width:460px;background-color:#fff;border-radius:24px;border:1.5px solid var(--border-color);box-shadow:0 12px 32px #00000014;overflow:hidden}.floating-hamburger-btn{position:fixed;top:16px;right:16px;z-index:1000;background-color:var(--accent-orange);color:#0f172a;border:1.5px solid #ffa726;border-radius:50%;width:48px;height:48px;align-items:center;justify-content:center;box-shadow:0 4px 16px #ffb74d73;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.floating-hamburger-btn:active{background-color:var(--accent-orange-click)!important;transform:scale(.92)}.mobile-bottom-nav,.mobile-only-flex{display:none}.nav-btn-desktop{min-height:40px;padding:8px 16px;border-radius:10px;font-size:13px;font-weight:800;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);background-color:transparent;color:var(--text-secondary);border:1px solid transparent;-webkit-user-select:none;user-select:none}.nav-btn-desktop:hover{background-color:#f1f5f9;color:var(--text-primary)}.nav-btn-desktop.active{background-color:var(--accent-orange)!important;color:#0f172a!important;border:1px solid #ffa726!important;box-shadow:0 3px 10px #ffb74d59!important}.nav-btn-desktop.active-pos{background-color:var(--accent-emerald)!important;color:#fff!important;border:1px solid #059669!important;box-shadow:0 3px 10px #10b98159!important}.nav-btn-desktop:active{transform:scale(.96);opacity:.9}@media(max-width:768px){.app-header-bar,.desktop-only{display:none!important}.mobile-only-flex{display:flex!important}.dashboard-container{padding:68px 12px 100px!important;gap:16px!important;max-width:100%!important;overflow-x:hidden!important}.station-cards-grid,.kpi-cards-grid{grid-template-columns:1fr!important;gap:14px!important}.glass-card{padding:16px!important;max-width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important}.auth-wrapper{padding:16px 12px!important;justify-content:center!important;background-color:#fff!important}.auth-card{width:100%!important;max-width:100%!important;border-radius:24px!important;border:1.5px solid var(--border-color)!important;box-shadow:0 10px 30px #00000014!important;margin:0 auto!important;overflow:hidden!important}.auth-header{padding:24px 18px!important}.auth-header-icon{width:58px!important;height:58px!important;border-radius:16px!important;margin-bottom:10px!important}.auth-header-title{font-size:24px!important}.auth-header-subtitle{font-size:14px!important}.auth-tab-btn{padding:14px 10px!important;font-size:15px!important}.auth-form{padding:20px 16px!important}.auth-label{font-size:14px!important;margin-bottom:6px!important}.auth-input{min-height:52px!important;font-size:16px!important;border-radius:14px!important}.auth-submit-btn{min-height:54px!important;font-size:16px!important;border-radius:14px!important;margin-top:10px!important}.auth-demo-footer{padding:16px!important;border-top:1.5px solid var(--border-color)!important}.auth-demo-btn{min-height:44px!important;font-size:13px!important;border-radius:12px!important;flex:1!important}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;background-color:#fff;border-top:1.5px solid var(--border-color);display:flex;justify-content:space-around;padding:8px 4px;z-index:999;box-shadow:0 -4px 16px #0000000f}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 6px;min-height:56px;font-size:11px;font-weight:800;color:var(--text-secondary);background:none;border:none;border-radius:12px;cursor:pointer;flex:1;transition:all .2s ease}.mobile-nav-item.active{color:#0f172a;background-color:var(--accent-orange-light);border:1px solid var(--accent-orange)}.mobile-nav-item:active{background-color:var(--accent-orange-click)!important;transform:scale(.95)}.app-main-content{padding-bottom:84px!important;padding-left:12px!important;padding-right:12px!important}.responsive-grid-2{grid-template-columns:1fr!important}.responsive-header{flex-direction:column;align-items:stretch!important;gap:14px}.responsive-modal{padding:12px!important;align-items:flex-end!important}.responsive-modal-content{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;max-height:92vh;overflow-y:auto}}