:root{color:#14233b;font-synthesis:none;--navy:#071b3a;--navy2:#0d2b57;--blue:#2e7df6;--orange:#f0673a;--green:#20b486;--surface:#fff;--muted:#6d7b92;--border:#e4eaf2;--shadow:0 10px 35px #1b345812;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}.eyebrow{letter-spacing:.15em;color:var(--blue);font-size:.67rem;font-weight:800}.brand-mark{background:linear-gradient(135deg,var(--orange),#ff956e);color:#fff;border-radius:18px;place-items:center;width:58px;height:58px;font-size:1.8rem;font-weight:800;display:grid;box-shadow:0 12px 30px #f0673a47}.brand-mark--small{border-radius:11px;width:38px;height:38px;font-size:1.1rem}.login-page{background:#fff;grid-template-columns:1.15fr .85fr;min-height:100vh;display:grid}.login-brand{color:#fff;background:radial-gradient(circle at 85% 15%,#2e7df64d,#0000 34%),linear-gradient(145deg,#06172f,#0a2853);flex-direction:column;justify-content:center;padding:clamp(3rem,7vw,8rem);display:flex;position:relative;overflow:hidden}.login-brand:after{content:"";border:1px solid #ffffff14;border-radius:50%;width:460px;height:460px;position:absolute;bottom:-180px;right:-180px;box-shadow:0 0 0 80px #ffffff06,0 0 0 160px #ffffff05}.login-brand .eyebrow{color:#8ebcff;margin-top:2.5rem}.login-brand h1{letter-spacing:-.045em;max-width:800px;margin:1rem 0;font-size:clamp(2.8rem,5vw,5rem);font-weight:800;line-height:1.03}.login-brand h1 em{color:#ff835a;font-style:normal}.login-brand p{color:#b9c8db;max-width:480px;font-size:1.15rem;line-height:1.7}.login-form-wrap{place-items:center;padding:3rem;display:grid}.login-form{width:min(420px,100%)}.login-form h2{margin:.6rem 0;font-size:2rem;font-weight:800}.login-form>p{color:var(--muted);margin-bottom:2.3rem}.login-form label{margin:1.1rem 0;font-size:.84rem;font-weight:700;display:block}.login-form input{border:1px solid var(--border);border-radius:12px;outline:none;width:100%;margin-top:.5rem;padding:1rem 1.1rem;transition:all .2s;display:block}.login-form input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #2e7df61a}.primary-button,.secondary-button{border:0;border-radius:11px;padding:.9rem 1.3rem;font-weight:800}.primary-button{background:linear-gradient(135deg,var(--blue),#175fc7);color:#fff;width:100%;margin-top:1rem;box-shadow:0 10px 24px #2e7df638}.primary-button:disabled{opacity:.6}.login-form>small{text-align:center;color:var(--muted);margin-top:1.5rem;display:block}.form-error,.error-banner{color:#a83c21;background:#fff0ed;border:1px solid #ffd4ca;border-radius:10px;padding:.9rem 1rem}.mobile-logo{align-items:center;gap:.7rem;margin-bottom:3rem;font-size:1.2rem;font-weight:800;display:none}.app-shell{min-height:100vh;display:flex}.sidebar{background:linear-gradient(180deg,var(--navy),#06152d);color:#fff;z-index:20;flex-direction:column;width:250px;padding:1.4rem 1rem;display:flex;position:fixed;inset:0 auto 0 0}.logo{border-bottom:1px solid #ffffff17;align-items:center;gap:.8rem;padding:.2rem .5rem 1.7rem;display:flex}.logo strong{font-size:1.05rem;font-weight:800;display:block}.logo small,.sidebar-footer small{color:#91a6c2;margin-top:.15rem;font-size:.67rem;display:block}.sidebar nav{flex-direction:column;gap:.3rem;margin-top:1.3rem;display:flex}.nav-label{letter-spacing:.13em;color:#738aa8;margin:1.1rem .7rem .35rem;font-size:.6rem;font-weight:800}.sidebar nav button{color:#aebed2;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:.7rem;padding:.75rem .8rem;font-size:.86rem;display:flex}.sidebar nav button span{width:18px;font-size:1.05rem}.sidebar nav button small{color:#57708f;margin-left:auto;font-size:.58rem}.sidebar nav button.active{color:#fff;box-shadow:inset 3px 0 var(--blue);background:linear-gradient(90deg,#2e7df640,#2e7df614)}.sidebar nav button:disabled{cursor:default;opacity:.58}.sidebar-footer{border-top:1px solid #ffffff17;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;margin-top:auto;padding:1rem .4rem 0;font-size:.75rem;display:grid}.sidebar-footer>button{color:#91a6c2;background:0 0;border:0;font-size:1.2rem}.avatar{background:#284d7d;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.content{flex:1;min-width:0;margin-left:250px}.topbar{border-bottom:1px solid var(--border);z-index:10;background:#fff;justify-content:space-between;align-items:center;min-height:108px;padding:1.35rem 2rem;display:flex;position:sticky;top:0}.topbar h1{margin:.15rem 0;font-size:1.65rem;font-weight:800}.topbar p{color:var(--muted);margin:0;font-size:.82rem}.topbar-actions{align-items:center;gap:1rem;display:flex}.topbar select{border:1px solid var(--border);background:#fff;border-radius:9px;padding:.65rem}.freshness{border-right:1px solid var(--border);align-items:center;gap:.55rem;padding-right:1rem;display:flex}.freshness small,.tenant-badge small{color:var(--muted);font-size:.6rem;display:block}.freshness strong,.tenant-badge strong{font-size:.75rem}.status-dot{background:var(--green);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #20b4861f}.tenant-badge{background:#f1f6fd;border-radius:9px;padding:.5rem .8rem}.filterbar{border-bottom:1px solid var(--border);background:#fff;align-items:end;gap:.9rem;padding:.9rem 2rem;display:flex}.filterbar label{color:var(--muted);font-size:.67rem;font-weight:800}.filterbar input{border:1px solid var(--border);color:#24354f;border-radius:8px;margin-top:.3rem;padding:.55rem .7rem;display:block}.secondary-button{color:#1959ae;background:#edf4ff;padding:.62rem 1rem}.scope-note{color:var(--muted);margin-left:auto;padding-bottom:.55rem;font-size:.72rem}.scope-note span{color:var(--green)}.workspace{min-height:calc(100vh - 220px);padding:1.6rem 2rem}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1rem;display:grid}.kpi-grid--six{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;padding:1.15rem 1.2rem;position:relative;overflow:hidden}.kpi-card:before{content:"";background:var(--blue);width:3px;position:absolute;inset:0 auto 0 0}.kpi-card--positive:before{background:var(--green)}.kpi-card--warning:before{background:var(--orange)}.kpi-card__label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.63rem;font-weight:800}.kpi-card__value{white-space:nowrap;text-overflow:ellipsis;margin:.65rem 0;font-size:clamp(1.35rem,2vw,1.8rem);font-weight:800;overflow:hidden}.kpi-card__footer{color:var(--muted);min-height:18px;font-size:.66rem}.trend{font-weight:700}.trend small{font-weight:400}.trend--up{color:#11825f}.trend--down{color:#c65335}.panel{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:14px;min-width:0;margin-bottom:1rem;padding:1.25rem}.panel__header{justify-content:space-between;align-items:center;margin-bottom:.7rem;display:flex}.panel__header h3{margin:.2rem 0;font-size:1rem;font-weight:800}.panel__header p{color:var(--muted);font-size:.7rem}.three-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.ranking-list{flex-direction:column;display:flex}.ranking-row{border-bottom:1px solid #edf1f6;grid-template-columns:28px 1fr auto;align-items:center;gap:.7rem;padding:.72rem 0;font-size:.72rem;display:grid}.ranking-row:last-child{border:0}.ranking-index{color:#9ba9ba;font-size:.65rem;font-weight:800}.ranking-name{min-width:0}.ranking-name strong{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.ranking-name small{color:var(--muted);margin-top:.15rem;display:block}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.76rem}th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border);padding:.8rem;font-size:.62rem}td{border-bottom:1px solid #edf1f6;padding:.85rem}.loading{min-height:380px;color:var(--muted);place-items:center;display:grid}.loading span{border:3px solid #dce8f8;border-top-color:var(--blue);border-radius:50%;width:38px;height:38px;animation:.8s linear infinite spin}.error-banner{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.error-banner button{color:inherit;background:0 0;border:0;font-weight:800}.app-footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;padding:1.2rem 2rem;font-size:.65rem;display:flex}.menu-button{background:0 0;border:0;font-size:1.4rem;display:none}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.three-columns{grid-template-columns:1fr}.topbar-actions .freshness{display:none}}@media (max-width:760px){.login-page{grid-template-columns:1fr}.login-brand{display:none}.login-form-wrap{padding:2rem}.mobile-logo{display:flex}.mobile-logo .brand-mark{border-radius:11px;width:38px;height:38px;font-size:1.1rem}.sidebar{transition:all .25s;transform:translate(-100%);box-shadow:20px 0 60px #0000004d}.sidebar--open{transform:translate(0)}.content{margin-left:0}.menu-button{display:block}.topbar{align-items:flex-start;padding:1rem}.topbar>div:first-of-type{flex:1}.topbar p,.topbar .eyebrow{display:none}.topbar h1{font-size:1.25rem}.topbar-actions{gap:.4rem}.tenant-badge{padding:.4rem .55rem}.topbar select{max-width:100px}.filterbar{grid-template-columns:1fr 1fr;padding:.7rem 1rem;display:grid}.filterbar input{width:100%}.scope-note{display:none}.workspace{padding:1rem}.kpi-grid,.kpi-grid--six{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.kpi-card{padding:.9rem}.kpi-card__value{font-size:1.15rem}.kpi-card__footer{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.panel{padding:.8rem}.panel__header p{display:none}.app-footer{padding:1rem;display:block}.app-footer span{margin:.2rem 0;display:block}}@media (max-width:390px){.kpi-grid,.kpi-grid--six,.filterbar{grid-template-columns:1fr}.secondary-button{width:100%}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}