:root{--navy:#004388;--cyan:#00a6e2;--ink:#172f46;--muted:#60758a;--line:#dce5ee;--bg:#f2f5f9;--soft:#eaf5fb;--green:#26744e;--amber:#946700;--red:#a33b36}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);font-size:14px;line-height:1.5}button,input,select{font:inherit}button,a,select,input{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:var(--navy)}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1{font-size:36px;font-weight:400;letter-spacing:-1.1px;line-height:1.2;margin-bottom:10px}h2{font-size:22px;letter-spacing:-.5px;line-height:1.3}h3{font-size:16px;margin-bottom:8px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:var(--navy);display:block;margin-bottom:8px}.boot{min-height:100vh;display:grid;place-items:center;color:var(--navy)}.login{min-height:100vh;display:grid;grid-template-columns:1.15fr 1fr;background:#fff}.login-story{background:linear-gradient(90deg,#004388e8,#00438822),url('/dripstop/assets/brand-fabric.png') center/cover;position:relative;overflow:hidden;color:white;display:flex;flex-direction:column;justify-content:center;padding:70px 11% 150px}.login-story h1{font-size:54px;line-height:1.12;max-width:540px}.login-story p{color:#dbecfb;font-size:17px}.login-story .eyebrow{color:#9cd2f0}.wave{position:absolute;background:#fff;width:140%;height:190px;bottom:-110px;left:-10%;border-radius:50% 50% 0 0;transform:rotate(-8deg)}.login-panel{padding:65px 13% 40px;display:flex;flex-direction:column;justify-content:space-between;gap:70px}.login-panel h2{font-size:32px;font-weight:400;margin-bottom:10px}.login-panel p,.login-panel small{color:var(--muted)}.login-logo{width:100%;max-width:350px;height:auto}.login-panel label{display:block;font-size:12px;font-weight:700;margin:25px 0 7px}.login-panel input{width:100%;padding:13px;border:1px solid #adc1d2;border-radius:4px;margin-bottom:15px}.login-panel button{width:100%;padding:13px;display:flex;justify-content:space-between}.primary{background:var(--navy);color:#fff;border:1px solid var(--navy);border-radius:4px;padding:9px 18px;font-weight:700}.primary:hover{background:#00336a}.secondary{background:#fff;color:var(--navy);border:1px solid #b9ccdc;border-radius:4px;padding:9px 13px}.text-button{background:none;border:0;color:var(--muted);padding:8px}.error{color:var(--red)!important}.sidebar{width:232px;position:fixed;top:0;bottom:0;background:white;border-right:1px solid var(--line);padding:30px 22px;display:flex;flex-direction:column}.brand{display:block;margin-bottom:36px}.brand img{width:188px;height:auto}.product{color:var(--navy);font-size:19px;letter-spacing:1.3px;font-weight:700;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:22px}.product span{display:block;color:var(--muted);font-size:12px;letter-spacing:0;font-weight:400;margin-top:4px}.sidebar nav a{display:flex;gap:12px;padding:10px 12px;margin:3px -7px;text-decoration:none;border-radius:4px;color:var(--muted);font-size:13px;align-items:center}.sidebar nav a:hover{background:var(--bg)}.sidebar nav a.active{background:var(--soft);color:var(--navy);font-weight:700;border-left:3px solid var(--cyan);padding-left:9px}.nav-caption{display:block;font-size:9px;letter-spacing:1.5px;font-weight:bold;color:#8799a8;margin:25px 4px 9px}.country-code{font-size:10px;width:25px;display:inline-block;color:var(--navy);border:1px solid var(--line);text-align:center;border-radius:3px;line-height:20px}.nav-method{margin-top:28px!important}.sidebar-bottom{margin-top:auto;padding-top:30px;color:var(--muted);font-size:11px}.sidebar-bottom small{display:block;font-size:10px;margin-top:6px}.connection-dot{display:inline-block;width:6px;height:6px;background:var(--amber);border-radius:50%;margin-right:6px}main{margin-left:232px}.topbar{height:86px;background:#fff;border-bottom:1px solid var(--line);padding:20px 38px;display:flex;align-items:center;justify-content:space-between}.topbar .eyebrow{font-size:9px;margin-bottom:2px;color:var(--muted)}.workspace{font-size:13px}.page{max-width:1700px;margin:auto;padding:34px 38px}.title-row{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.title-row p{color:var(--muted);margin-bottom:0;font-size:13px}.title-actions{display:flex;gap:8px}.filterbar{display:flex;gap:14px;align-items:end;flex-wrap:wrap;background:white;border:1px solid var(--line);border-radius:6px;padding:18px 20px}.filterbar label{font-size:10px;font-weight:bold;color:var(--muted);display:flex;flex-direction:column;gap:5px}.filterbar select,.filterbar input{border:1px solid #c3d2df;border-radius:3px;background:#fff;padding:8px 25px 8px 9px;font-size:12px;color:var(--ink);height:36px}.filterbar button{height:36px;margin-left:auto}.context-line{font-size:11px;color:var(--muted);margin:13px 1px 23px}.notice{padding:13px 17px;border:1px solid #e5cd8a;background:#fff9e9;color:#77591a;border-radius:5px;margin-bottom:20px;font-size:12px}.notice.info{background:var(--soft);color:var(--navy);border-color:#bad9ec}.panel{background:#fff;border:1px solid var(--line);border-radius:6px;padding:23px;margin-bottom:22px}.panel-head{display:flex;justify-content:space-between;align-items:start;gap:15px;margin-bottom:18px}.panel-head h2{margin-bottom:4px;font-size:19px}.subtle{color:var(--muted);font-size:12px;margin:0}.tag{font-size:10px;padding:4px 8px;background:var(--soft);color:var(--navy);border-radius:3px;white-space:nowrap}.table-wrap{overflow:auto;margin:0 -23px}.matrix{width:100%;border-collapse:collapse;table-layout:fixed;min-width:860px}.matrix th,.matrix td{padding:17px 14px;text-align:right;border-bottom:1px solid var(--line);vertical-align:top}.matrix th{font-size:11px;font-weight:700;color:var(--navy);background:#f7fafd}.matrix th:first-child,.matrix td:first-child{text-align:left;width:190px;position:sticky;left:0;background:white;z-index:1;padding-left:23px}.matrix th:first-child{background:#f7fafd}.matrix td{font-size:21px;font-variant-numeric:tabular-nums;font-weight:400;letter-spacing:-.4px}.matrix td:first-child{font-size:12px;font-weight:700;letter-spacing:0}.matrix .subrow td:first-child{font-weight:400;color:var(--muted);padding-left:36px}.matrix .subrow td{font-size:17px}.matrix .group-start td{border-top:2px solid #cbdde9;padding-top:24px}.matrix .delta{display:block;font-size:10px;letter-spacing:0;font-weight:400;margin-top:3px;color:var(--muted)}.matrix .delta.positive{color:var(--green)}.matrix .delta.negative{color:var(--red)}.matrix .na{font-size:13px;color:#8294a3}.matrix .status-row td{font-size:10px;color:var(--muted);letter-spacing:0;line-height:1.5}.matrix a{text-decoration:none}.cell-status{display:block;font-size:9px;font-weight:400;color:var(--muted);margin-top:3px}.table-note{font-size:10px;color:var(--muted);margin:17px 0 0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.grid2>.panel{min-width:0}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.kpi{background:#fff;border:1px solid var(--line);padding:22px;border-radius:6px;border-top:3px solid var(--cyan)}.kpi-label{color:var(--muted);font-size:11px}.kpi-value{font-size:34px;color:var(--navy);margin:8px 0 2px;font-variant-numeric:tabular-nums}.kpi small{color:var(--muted)}.empty{padding:40px 22px;text-align:center;background:#f8fafc;border:1px dashed #c5d6e3;border-radius:5px;color:var(--muted);font-size:12px}.empty strong{display:block;font-size:16px;color:var(--navy);margin-bottom:6px}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th{text-align:left;color:var(--muted);font-size:10px;border-bottom:1px solid var(--line);padding:10px 8px}.data-table td{padding:11px 8px;border-bottom:1px solid #edf1f5;max-width:300px;overflow-wrap:anywhere}.data-table td:not(:first-child),.data-table th:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.data-table tr:last-child td{border-bottom:0}.chart{width:100%;height:auto;max-height:270px;display:block}.chart text{font:11px Arial;fill:#6c8194}.chart .grid{stroke:#e6edf3;stroke-width:1}.chart .line{stroke:var(--cyan);stroke-width:3;fill:none}.chart .area{fill:#00a6e214}.bar-row{display:grid;grid-template-columns:110px 1fr 66px;gap:10px;align-items:center;margin:14px 0;font-size:12px}.bar-row>span:last-child{text-align:right;font-variant-numeric:tabular-nums}.bar{height:8px;background:#ecf1f7;border-radius:2px;overflow:hidden}.bar svg{display:block;width:100%;height:8px}.bar rect{fill:var(--cyan)}.guide{max-width:880px}.guide dt{font-weight:bold;color:var(--navy);margin-top:22px}.guide dd{margin:6px 0;color:var(--muted);font-size:13px}.page-footer{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.3px;color:#718598;margin-top:35px;padding-top:18px;border-top:1px solid var(--line)}details>summary{cursor:pointer;color:var(--navy);font-size:12px;margin:8px 0}.loading-dot{animation:pulse 1s ease-in-out infinite alternate}@keyframes pulse{from{opacity:.3}to{opacity:1}}:focus-visible{outline:3px solid #00a6e277;outline-offset:3px}.regional-map{width:100%;height:320px}.regional-map path{stroke:white;stroke-width:.5}.map-legend{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:10px}.map-scale{width:90px;height:8px;background:linear-gradient(to right,#e9f4fb,#004388)}@media(min-width:1600px){.matrix td{font-size:24px}.matrix th:first-child,.matrix td:first-child{width:215px}.page{padding:42px}}@media(max-width:1150px){.sidebar{width:196px;padding:25px 17px}.brand img{width:160px}main{margin-left:196px}.page{padding:26px 23px}.topbar{padding:18px 23px}.title-row{align-items:start}.title-actions{flex-direction:column}h1{font-size:30px}.kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.login{grid-template-columns:1fr}.login-story{display:none}.login-panel{padding:40px 25px;min-height:100vh;max-width:500px;margin:auto}.sidebar{position:static;width:auto;padding:20px}.brand{margin-bottom:20px}.product,.sidebar-bottom,.nav-caption,.nav-method{display:none!important}.sidebar nav,.sidebar #market-nav{display:flex;flex-wrap:wrap;gap:5px}.sidebar nav a{margin:0;padding:7px;font-size:11px}.sidebar nav a.active{padding-left:4px}.country-code{display:none}main{margin:0}.topbar{height:65px}.page{padding:23px 16px}.title-row{flex-direction:column}.title-actions{flex-direction:row}.filterbar{padding:14px;gap:10px}.filterbar label{flex:1;min-width:130px}.filterbar button{margin-left:0}.grid2{grid-template-columns:1fr;gap:0}.kpi{padding:16px}.kpi-value{font-size:28px}.panel{padding:18px}.table-wrap{margin:0 -18px}.page-footer{flex-direction:column}.matrix th:first-child,.matrix td:first-child{width:155px}.filterbar select{max-width:100%}}
