@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--bg:#070e1a;--surface:#0c1829;--surface-2:#112035;--surface-3:#162740;--border:#00c8ff14;--border-md:#00c8ff26;--accent:#00c8ff;--accent-d:#09c;--accent-glow:#00c8ff40;--success:#00e676;--danger:#ff5252;--warning:#ffab40;--info:#40c4ff;--text:#e4f1ff;--text-soft:#7da8c8;--text-muted:#3a6080;--r-sm:8px;--r-md:14px;--r-lg:20px;--r-xl:26px;--r-2xl:32px;--r-full:999px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 20px #00000073;--shadow-lg:0 8px 40px #0009;--shadow-accent:0 6px 30px #00c8ff4d;--ease:all .22s cubic-bezier(.4, 0, .2, 1);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth;font-family:Inter,system-ui,sans-serif;font-size:16px}body{background-color:var(--bg);color:var(--text);min-height:100dvh;overflow-x:hidden}#root{flex-direction:column;min-height:100dvh;display:flex}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background:var(--accent-d);border-radius:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px var(--accent-glow)}}@keyframes loadBar{0%{width:0}to{width:100%}}.fade-in{animation:.3s both fadeIn}.fade-in-up{animation:.4s both fadeInUp}.scale-in{animation:.3s both scaleIn}.btn{border-radius:var(--r-lg);cursor:pointer;width:100%;transition:var(--ease);letter-spacing:.04em;text-transform:uppercase;border:none;justify-content:center;align-items:center;gap:8px;padding:16px 24px;font-family:inherit;font-size:.95rem;font-weight:700;display:flex}.btn-accent{background:var(--accent);color:#000;box-shadow:var(--shadow-accent)}.btn-accent:active{filter:brightness(.9);transform:scale(.97)}.btn-accent:disabled{opacity:.35;cursor:not-allowed;transform:none}.input{background:var(--surface-3);border:1.5px solid var(--border-md);border-radius:var(--r-md);width:100%;color:var(--text);transition:var(--ease);-webkit-appearance:none;outline:none;padding:14px 16px 14px 44px;font-family:inherit;font-size:1rem}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--accent);background:var(--surface-2);box-shadow:0 0 0 3px #00c8ff1f}.input.err{border-color:var(--danger)}.card{background:var(--surface);border:1px solid var(--border-md);border-radius:var(--r-xl);box-shadow:var(--shadow-md);padding:24px}.glass{-webkit-backdrop-filter:blur(18px);border:1px solid var(--border-md);background:#0c1829bf}.badge{border-radius:var(--r-full);align-items:center;gap:4px;padding:3px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.badge-success{color:var(--success);background:#00e6761f}.badge-danger{color:var(--danger);background:#ff52521f}.badge-warning{color:var(--warning);background:#ffab401f}.badge-info{color:var(--accent);background:#00c8ff1f}.tg{background:linear-gradient(120deg, var(--accent), #80e8ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.spin{border:2px solid #fff3;border-top-color:#000;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite spin}.divider{background:var(--border);height:1px;margin:16px 0}.tc{text-align:center}.ts{color:var(--text-soft)}.tm{color:var(--text-muted)}.td{color:var(--danger)}.tSc{color:var(--success)}.fw5{font-weight:500}.fw6{font-weight:600}.fw7{font-weight:700}.mt1{margin-top:6px}.mt2{margin-top:14px}.mt3{margin-top:24px}.mb1{margin-bottom:6px}.mb2{margin-bottom:14px}.mb3{margin-bottom:24px}.fs-sm{font-size:.8rem}.fs-xs{font-size:.72rem}.splash-screen{z-index:9999;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.splash-logo{width:auto;height:80px;filter:drop-shadow(0 0 30px var(--accent-glow));animation:.5s scaleIn}.splash-bar{background:var(--surface-3);border-radius:2px;width:140px;height:2px;margin-top:40px;overflow:hidden}.splash-bar-fill{background:linear-gradient(90deg, var(--accent-d), var(--accent));height:100%;animation:1.2s forwards loadBar}.splash-label{color:var(--text-muted);letter-spacing:.3em;text-transform:uppercase;margin-top:14px;font-size:.68rem;font-weight:600}.lp-root{min-height:100dvh;padding:24px 18px;padding-top:calc(24px + var(--safe-top));padding-bottom:calc(24px + var(--safe-bottom));background:var(--bg);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.lp-grid{z-index:0;opacity:.45;pointer-events:none;background-image:radial-gradient(circle,#00c8ff2e 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.lp-orb{filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.lp-orb-1{background:radial-gradient(circle,#00c8ff24 0%,#0000 70%);width:320px;height:320px;top:-100px;left:-80px}.lp-orb-2{background:radial-gradient(circle,#0078c81a 0%,#0000 70%);width:260px;height:260px;bottom:-80px;right:-60px}.lp-offline{z-index:200;color:var(--warning);background:#ffab4026;border-bottom:1px solid #ffab4040;justify-content:center;align-items:center;gap:8px;padding:8px;font-size:.78rem;font-weight:600;display:flex;position:fixed;top:0;left:0;right:0}.lp-card{z-index:1;background:var(--surface);border:1px solid var(--border-md);border-radius:var(--r-2xl);width:100%;max-width:400px;box-shadow:var(--shadow-lg);padding:36px 28px 28px;animation:.45s both fadeInUp;position:relative}.lp-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);border-radius:2px;height:2px;position:absolute;top:0;left:10%;right:10%}.lp-logo-wrap{justify-content:center;margin-bottom:20px;display:flex}.lp-logo-ring{background:var(--surface-3);border:2px solid var(--border-md);border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;animation:3s infinite glow;display:flex;box-shadow:0 0 0 6px #00c8ff0f,0 0 30px #00c8ff2e}.lp-logo-img{object-fit:contain;filter:drop-shadow(0 2px 8px #00c8ff4d);width:56px;height:56px}.lp-head{text-align:center;margin-bottom:24px}.lp-title{letter-spacing:.08em;color:var(--text);text-transform:uppercase;font-size:1.35rem;font-weight:900}.lp-title-accent{color:var(--accent)}.lp-subtitle{color:var(--text-muted);letter-spacing:.01em;margin-top:6px;font-size:.82rem}.lp-error{border-radius:var(--r-md);color:var(--danger);background:#ff52521a;border:1px solid #ff525240;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;font-size:.82rem;animation:.2s scaleIn;display:flex}.lp-field-wrap{margin-bottom:14px}.lp-label{color:var(--text-soft);text-transform:uppercase;letter-spacing:.1em;margin-bottom:7px;font-size:.72rem;font-weight:700;display:block}.lp-field{position:relative}.lp-field-icon{color:var(--text-muted);pointer-events:none;transition:var(--ease);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.lp-field:focus-within .lp-field-icon{color:var(--accent)}.lp-input{background:var(--surface-3);border:1.5px solid var(--border-md);border-radius:var(--r-md);width:100%;color:var(--text);transition:var(--ease);-webkit-appearance:none;outline:none;padding:14px 44px;font-family:inherit;font-size:.95rem}.lp-input::placeholder{color:var(--text-muted)}.lp-input:focus{border-color:var(--accent);background:var(--surface-2);box-shadow:0 0 0 3px #00c8ff1a}.lp-toggle{color:var(--text-muted);cursor:pointer;transition:var(--ease);background:0 0;border:none;padding:4px;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.lp-toggle:hover{color:var(--accent)}.lp-remember{align-items:center;gap:9px;margin-bottom:20px;display:flex}.lp-remember input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.lp-remember label{color:var(--text-soft);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.82rem}.lp-btn{background:var(--accent);color:#000;letter-spacing:.12em;text-transform:uppercase;border-radius:var(--r-lg);cursor:pointer;width:100%;transition:var(--ease);box-shadow:var(--shadow-accent);border:none;justify-content:center;align-items:center;gap:8px;padding:16px;font-family:inherit;font-size:.95rem;font-weight:800;display:flex}.lp-btn:active{filter:brightness(.88);transform:scale(.97)}.lp-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.lp-spin{border:2.5px solid #00000040;border-top-color:#000;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.lp-footer{text-align:center;color:var(--text-muted);margin-top:22px;font-size:.7rem}.page-layout{flex-direction:column;min-height:100dvh;display:flex}.page-content{padding:16px;padding-top:calc(56px + 16px + var(--safe-top));padding-bottom:calc(64px + 16px + var(--safe-bottom));-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.top-bar{z-index:100;height:calc(56px + var(--safe-top));padding-top:var(--safe-top);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-md);background:#070e1aeb;justify-content:space-between;align-items:center;padding-left:16px;padding-right:16px;display:flex;position:fixed;top:0;left:0;right:0}.top-bar-left{align-items:center;gap:10px;display:flex}.top-bar-logo{object-fit:contain;height:28px;filter:drop-shadow(0 0 8px var(--accent-glow))}.top-bar-title{color:var(--text);letter-spacing:.02em;font-size:1rem;font-weight:700}.top-bar-right{align-items:center;gap:10px;display:flex}.top-bar-avatar{background:linear-gradient(135deg, var(--accent-d), var(--accent));color:#000;cursor:pointer;width:34px;height:34px;transition:var(--ease);box-shadow:0 2px 12px var(--accent-glow);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:flex}.top-bar-avatar:active{transform:scale(.92)}.bottom-nav{z-index:100;height:calc(64px + var(--safe-bottom));padding-bottom:var(--safe-bottom);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-md);background:#070e1af2;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:var(--text-muted);transition:var(--ease);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:8px 4px;text-decoration:none;display:flex;position:relative}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-item.active:before{content:"";background:linear-gradient(90deg, var(--accent-d), var(--accent));border-radius:0 0 2px 2px;height:2px;position:absolute;top:0;left:18%;right:18%}.bottom-nav-item:active{opacity:.7;transform:scale(.93)}.bottom-nav-icon{line-height:0}.bottom-nav-label{letter-spacing:.04em;text-transform:uppercase;font-size:.6rem;font-weight:600}.greeting-sub{color:var(--text-muted);margin-bottom:2px;font-size:.82rem}.greeting-name{font-size:1.35rem;font-weight:800;line-height:1.2}.greeting-region{color:var(--text-muted);margin-top:3px;font-size:.78rem}.metrics-grid{grid-template-columns:1fr 1fr;gap:12px;margin:16px 0;display:grid}.metric-card{background:var(--surface);border:1px solid var(--border-md);border-radius:var(--r-lg);transition:var(--ease);align-items:flex-start;gap:12px;padding:16px;display:flex;position:relative;overflow:hidden}.metric-card:before{content:"";background:var(--card-accent,var(--accent));height:2px;position:absolute;top:0;left:0;right:0}.metric-icon{border-radius:var(--r-sm);width:36px;height:36px;color:var(--card-accent,var(--accent));background:#00c8ff12;flex-shrink:0;justify-content:center;align-items:center;display:flex}.metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px;font-size:.67rem;font-weight:700}.metric-value{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:700;overflow:hidden}.top-bar-right{position:relative}.tb-dropdown{background:var(--surface-2);border:1px solid var(--border-md);border-radius:var(--r-lg);min-width:200px;box-shadow:var(--shadow-lg);transform-origin:100% 0;z-index:200;animation:.18s both scaleIn;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}.tb-dropdown-user{padding:14px 16px 10px}.tb-dd-name{color:var(--text);margin-bottom:2px;font-size:.9rem;font-weight:700}.tb-dd-region{color:var(--text-muted);font-size:.75rem}.tb-dropdown-divider{background:var(--border-md);height:1px;margin:0}.tb-dropdown-logout{width:100%;color:var(--danger);cursor:pointer;transition:var(--ease);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:13px 16px;font-family:inherit;font-size:.88rem;font-weight:600;display:flex}.tb-dropdown-logout:hover,.tb-dropdown-logout:active{background:#ff525214}.mas-profile-card{align-items:center;gap:16px;display:flex}.mas-avatar{background:linear-gradient(135deg, var(--accent-d), var(--accent));color:#000;width:60px;height:60px;box-shadow:0 4px 20px var(--accent-glow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;font-weight:800;display:flex}.mas-profile-info{min-width:0}.mas-name{color:var(--text);font-size:1.05rem;font-weight:700}.mas-region{color:var(--text-muted);margin-top:2px;font-size:.8rem}.mas-menu{padding:0;overflow:hidden}.mas-menu-item{align-items:center;gap:14px;padding:14px 18px;display:flex}.mas-menu-icon{border-radius:var(--r-sm);width:36px;height:36px;color:var(--text-soft);background:#00c8ff12;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mas-menu-body{min-width:0}.mas-menu-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px;font-size:.68rem;font-weight:600}.mas-menu-value{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:500;overflow:hidden}.mas-menu-divider{background:var(--border);height:1px;margin:0 18px}.mas-logout-btn{border-radius:var(--r-lg);width:100%;color:var(--danger);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:var(--ease);background:#ff52521a;border:1.5px solid #ff52524d;justify-content:center;align-items:center;gap:10px;padding:16px;font-family:inherit;font-size:1rem;font-weight:700;display:flex}.mas-logout-btn:active{background:#ff525233;transform:scale(.97)}.pwa-toast-container{top:env(safe-area-inset-top,20px);z-index:10000;pointer-events:none;justify-content:center;display:flex;position:fixed;left:20px;right:20px}.pwa-toast{pointer-events:auto;border-radius:var(--r-xl);border:1px solid var(--border-md);width:100%;max-width:450px;box-shadow:var(--shadow-lg), 0 0 30px #00c8ff33;align-items:center;gap:16px;padding:18px 20px;animation:.4s cubic-bezier(.175,.885,.32,1.275) scaleIn;display:flex}.pwa-toast-icon{width:44px;height:44px;color:var(--accent);background:#00c8ff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pwa-toast-content{flex:1;min-width:0}.pwa-toast-title{color:var(--text);letter-spacing:-.01em;margin-bottom:2px;font-size:.95rem;font-weight:800}.pwa-toast-message{color:var(--text-soft);font-size:.82rem;line-height:1.3}.pwa-toast-actions{align-items:center;gap:12px;display:flex}.btn-update{background:var(--accent);color:#000;cursor:pointer;transition:var(--ease);box-shadow:var(--shadow-sm);border:none;border-radius:12px;align-items:center;gap:6px;padding:10px 16px;font-size:.75rem;font-weight:900;display:flex}.btn-update:active{transform:scale(.95)}.btn-close-toast{width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:var(--ease);background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.btn-close-toast:hover{color:var(--text);background:#ffffff1a}