@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap";:root{--bg: #f5f5f7;--surface: #ffffff;--text: #1d1d1f;--text-soft: #86868b;--primary: #0071e3;--line: #d2d2d7;--good: #16a34a;--bad: #ff3b30}html,body{overflow-x:hidden;width:100%;margin:0;padding:0}*{box-sizing:border-box}body{font-family:Roboto,sans-serif;color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.5;font-size:14px}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1;display:flex;flex-direction:column;width:100%}.app-nav{position:sticky;top:0;z-index:1000;height:56px;background:#ffffffe6;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.1);display:flex;align-items:center;padding:0 24px}.nav-brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.nav-brand-mark{width:28px;height:28px;background:#000;color:#fff;display:grid;place-items:center;border-radius:6px;font-weight:900;font-size:12px}.nav-brand-title{font-size:16px;font-weight:700;color:#1d1d1f;letter-spacing:-.02em}.nav-links{display:flex;align-items:center;gap:8px;margin-left:24px}.app-nav a{font-size:13px;font-weight:500;color:#1d1d1f;opacity:.7;text-decoration:none;padding:8px 12px;border-radius:8px;transition:all .2s}.app-nav a:hover{opacity:1;background:#0000000d}.app-nav a.nav-active{opacity:1;color:var(--primary);font-weight:700}.user-profile-nav{margin-left:auto;display:flex;align-items:center;gap:15px}.nav-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;background:transparent;border:none;width:40px;height:40px;cursor:pointer;gap:5px;padding:0;margin-left:8px;z-index:2500}.nav-toggle span{display:block;width:20px;height:2px;background:var(--text);border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-toggle.open span{background:#000}.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0;transform:translate(10px)}.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-group{position:relative}.nav-group summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:4px;font-size:13px;font-weight:500;color:#1d1d1f;opacity:.7;padding:8px 12px;border-radius:8px}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary:after{content:"";width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-left:6px;transition:transform .2s}.nav-group[open] summary:after{transform:rotate(-135deg)}.nav-group-menu{display:none;position:absolute;top:100%;left:0;z-index:1001;min-width:220px;padding:8px;border-radius:12px;background:#fff;box-shadow:0 10px 40px #00000026,0 0 0 1px #0000000d;margin-top:8px;animation:navPop .2s ease-out}@keyframes navPop{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.nav-group[open] .nav-group-menu{display:flex;flex-direction:column;gap:2px}.nav-group-menu a{padding:10px 14px;border-radius:8px;display:block;width:100%;font-size:13px;color:#1d1d1f}.nav-group-menu a:hover{background:#f5f5f7;color:var(--primary)}@media (max-width: 1024px){.nav-links{position:fixed;top:0;left:0;width:280px;height:100vh;background:#fff;flex-direction:column;padding:70px 16px 20px;z-index:2000;margin:0;overflow-y:auto;border-right:1px solid #eee;box-shadow:20px 0 50px #0000000d;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex!important}.nav-links.open{transform:translate(0)}.nav-toggle{display:flex}.nav-group{width:100%;margin-bottom:4px}.nav-group summary{font-size:14px;font-weight:600;padding:12px 16px;color:#8e8e93;text-transform:uppercase;letter-spacing:.05em;opacity:1;border-radius:8px;justify-content:space-between}.nav-group summary:hover{background:#f2f2f7;color:#1d1d1f}.nav-group-menu{position:static;box-shadow:none;border:none;padding:4px 0 12px;background:transparent;margin-top:0;display:flex;flex-direction:column;gap:2px}.nav-group-menu a{font-size:15px;padding:10px 16px;color:#1d1d1f;font-weight:500;border-radius:8px;margin-left:8px;opacity:.8}.nav-group-menu a:hover{opacity:1;background:#f2f2f7}.nav-group-menu a.nav-active{background:#e8f2ff;color:var(--primary);font-weight:700;opacity:1;border-left:3px solid var(--primary);border-radius:4px 8px 8px 4px}}button,.button{all:unset;display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:980px;font-weight:400;font-size:12px;cursor:pointer;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}button.primary{background:#0071e3;color:#fff}button.primary:hover{background:#0077ed}button.secondary{background:#f5f5f7;color:#1d1d1f;border:1px solid #d2d2d7}.login-page-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f5f5f7;padding:20px}.modern-login-card{width:100%;max-width:400px;padding:40px;background:#fff;border-radius:20px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column}.login-brand-area{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:40px}.login-brand-mark{width:60px;height:60px;background:#000;color:#fff;display:grid;place-items:center;border-radius:14px;font-weight:800;font-size:20px;margin-bottom:24px}.login-welcome-title{font-size:24px;font-weight:600;color:#1d1d1f;margin-bottom:8px}.login-welcome-subtitle{font-size:14px;color:#86868b;font-weight:400}.modern-input-group{margin-bottom:20px}.modern-input-group label{display:block;font-size:12px;font-weight:600;color:#1d1d1f;margin-bottom:8px}.modern-login-input{width:100%;padding:12px 16px;background:#fff;border:1px solid #d2d2d7;border-radius:12px;font-size:15px;color:#1d1d1f;transition:all .2s ease}.modern-login-input:focus{outline:none;border-color:#0071e3;box-shadow:0 0 0 4px #0071e31a}.modern-login-btn{width:100%;height:48px;background:#000;color:#fff;border-radius:12px;font-weight:600;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-top:10px;transition:all .2s ease}.modern-login-btn:hover{opacity:.9;transform:translateY(-1px)}.modern-login-btn:active{transform:translateY(0)}.login-footer-text{margin-top:32px;text-align:center;font-size:12px;color:#86868b}.login-footer-text a{color:#0071e3;font-weight:500;text-decoration:none}.xls-table{width:100%;border-collapse:collapse;font-size:12px;table-layout:auto}.xls-table th{background:#f5f5f7;padding:8px;border:1px solid #d2d2d7;text-align:left}.xls-table td{padding:8px;border:1px solid #d2d2d7;white-space:nowrap}.page{width:100%;padding:5px;display:flex;flex-direction:column;gap:10px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.metric-card{background:#fff;border:1px solid #d2d2d7;border-radius:12px;padding:16px}.metric-label{font-size:11px;color:#86868b;text-transform:uppercase;font-weight:600}.metric-value{font-size:24px;font-weight:600;margin:4px 0}