@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#183047;font-synthesis:none;background:#f5f7f8;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button{cursor:pointer}main{max-width:1440px;margin:auto;padding:0 40px 30px}header{justify-content:space-between;align-items:center;height:74px;display:flex}.brand,.import-brand{letter-spacing:.3px;align-items:center;gap:10px;font-size:18px;display:flex}.brand span,.import-brand span{color:#6f7f8b;margin-left:8px;font-weight:500}.brand-mark{color:#72dfca;background:#093653;border-radius:11px;place-items:center;width:37px;height:37px;display:grid}.file-status{color:#506571;background:#fff;border:1px solid #e2e9ed;border-radius:9px;align-items:center;gap:8px;padding:7px 7px 7px 10px;font-size:13px;display:flex}.file-status svg{color:#0a8b75}.file-status button{color:#697a85;background:0 0;border:0;padding:2px;display:grid}.hero{color:#fff;background:linear-gradient(110deg,#082f4b,#0e5c70);border-radius:16px;justify-content:space-between;align-items:center;min-height:100px;padding:20px 42px;display:flex;box-shadow:0 10px 28px #0a34401c}.eyebrow{letter-spacing:1.5px;color:#60d7c1;margin:0 0 9px;font-size:10px;font-weight:700}.hero h1,.import-card h1{letter-spacing:-.5px;margin:0;font:700 28px/1.2 Manrope,sans-serif}.sub{color:#c8dbdf;margin:10px 0 0;font-size:14px}.privacy{color:#cfe4e6;background:#ffffff12;border:1px solid #ffffff20;border-radius:10px;align-items:center;gap:11px;padding:13px 16px;font-size:12px;display:flex}.privacy svg{color:#6ee2ca}.privacy b{color:#fff}.controls,.filters{flex-wrap:wrap;align-items:end;gap:10px;margin-top:16px;display:flex}.filters{background:#fff;border:1px solid #e5ebee;border-radius:12px;margin-top:10px;padding:14px}.segmented{background:#fff;border:1px solid #dce5e9;border-radius:8px;padding:3px;display:flex}.segmented button,.dimension-tabs button{color:#637680;background:0 0;border:0;border-radius:6px;padding:7px 11px;font-size:12px;font-weight:600}.segmented button.active,.dimension-tabs button.active{color:#fff;background:#0b5368}.select{flex-direction:column;flex:1;gap:4px;min-width:135px;display:flex;position:relative}.select span{color:#71808a;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}.select select{appearance:none;color:#263e4a;text-overflow:ellipsis;background:#fff;border:1px solid #dce5e9;border-radius:7px;outline:none;max-width:100%;padding:8px 27px 8px 10px;font-size:12px}.select svg{pointer-events:none;color:#667a85;position:absolute;bottom:9px;right:8px}.filter-clear{color:#0b6979;background:0 0;border:0;padding:9px;font-size:12px;font-weight:700}.kpis{grid-template-columns:repeat(4,1fr);gap:13px;margin:17px 0;display:grid}.kpi,.card{background:#fff;border:1px solid #e2e9ed;border-radius:12px}.kpi{min-height:123px;padding:17px 19px}.kpi p{color:#647681;margin:0 0 12px;font-size:12px}.kpi strong{letter-spacing:-.7px;color:#142e3e;font:700 23px Manrope,sans-serif;display:block}.kpi span{color:#82909a;align-items:center;gap:4px;margin-top:8px;font-size:11px;display:flex}.positive{color:#09826e!important}.negative{color:#c15054!important}.grid-two{grid-template-columns:1.35fr .85fr;gap:14px;display:grid}.card{padding:20px}.card-head{justify-content:space-between;align-items:start;margin-bottom:15px;display:flex}.card h2{color:#183047;margin:0;font:700 15px Manrope,sans-serif}.card p{color:#778691;margin:5px 0 0;font-size:11px}.chart-card{height:284px}.bars{border-bottom:1px solid #e8edef;align-items:end;gap:12px;height:192px;padding:6px 8px 0;display:flex}.bar-item{flex-direction:column;flex:1;justify-content:end;align-items:center;gap:8px;min-width:26px;height:100%;display:flex}.bar-wrap{align-items:end;width:100%;height:158px;display:flex}.bar{background:linear-gradient(#61d9c4,#118197);border-radius:5px 5px 0 0;width:100%;min-height:3px;transition:height .2s}.bar-item span{color:#82909a;white-space:nowrap;font-size:9px}.insights{flex-direction:column;gap:16px;padding-top:5px;display:flex}.insights>div{border-bottom:1px solid #edf1f2;align-items:start;gap:9px;padding-bottom:12px;display:flex}.insights>div:last-child{border:0}.insights p{color:#526672;margin:0;font-size:12px;line-height:1.45}.insights b{color:#173848}.dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.dot.up{background:#32b69f}.dot.down{background:#e07a72}.table-card{margin-top:14px;padding:20px 0 4px;overflow:hidden}.table-card .card-head{padding:0 20px}.dimension-tabs{background:#f1f5f6;border-radius:8px;padding:3px;display:flex}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:right;color:#74838c;text-transform:uppercase;letter-spacing:.5px;background:#f6f8f9;padding:11px 16px;font-size:10px}th:first-child,td:first-child{text-align:left;padding-left:20px}td{text-align:right;color:#49606c;white-space:nowrap;border-top:1px solid #edf1f2;padding:12px 16px}td b{color:#183b4b;font-weight:600}footer{color:#8a989f;justify-content:center;gap:6px;padding-top:22px;font-size:11px;display:flex}.import-page{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex}.import-brand{position:fixed;top:28px;left:40px}.import-card{text-align:center;background:#fff;border:1px solid #e1e9eb;border-radius:16px;width:min(590px,100%);padding:42px;box-shadow:0 20px 55px #19374912}.upload-icon{color:#0a8272;background:#e4f7f3;border-radius:16px;place-items:center;width:57px;height:57px;margin:0 auto 20px;display:grid}.import-card h1{color:#173444;font-size:26px}.import-card>p:not(.eyebrow):not(.error){color:#697b85;margin:10px 0 25px;font-size:14px}.dropzone{color:#1a6370;background:#f7fbfb;border:1.5px dashed #9dc2c5;border-radius:11px;flex-direction:column;align-items:center;gap:6px;padding:25px;transition:all .15s;display:flex}.dropzone:hover{background:#eff9f7;border-color:#42ac9b}.dropzone svg{margin-bottom:3px}.dropzone b{font-size:14px}.dropzone span{color:#78909a;font-size:12px}.dropzone input{display:none}.import-note{color:#71818b;text-align:left;border-top:1px solid #edf1f2;align-items:flex-start;gap:7px;margin-top:20px;padding-top:17px;font-size:11px;display:flex}.import-note svg{color:#0d9780;flex-shrink:0;width:16px}.supported{color:#7d8c95;margin-top:17px;font-size:11px}.error{color:#bf4c50;margin:13px 0 0;font-size:12px}@media (width<=900px){main{padding:0 20px}.kpis{grid-template-columns:repeat(2,1fr)}.grid-two{grid-template-columns:1fr}.hero{padding:28px}.privacy{display:none}.filters .select{min-width:calc(50% - 6px)}.import-brand{left:20px}}@media (width<=570px){header .file-status span{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.hero h1{font-size:23px}.kpis{grid-template-columns:1fr}.filters .select{min-width:100%}.table-card{overflow-x:auto}.controls{align-items:stretch}.import-card{padding:30px 20px}}.multi-select{flex:1;min-width:135px;position:relative}.multi-select summary{cursor:pointer;background:#fff;border:1px solid #dce5e9;border-radius:7px;flex-direction:column;gap:2px;height:46px;padding:6px 27px 6px 10px;list-style:none;display:flex;overflow:hidden}.multi-select summary::-webkit-details-marker{display:none}.multi-select summary span{color:#71808a;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}.multi-select summary b{color:#263e4a;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.multi-select summary svg{color:#667a85;position:absolute;top:16px;right:8px}.multi-menu{z-index:20;background:#fff;border:1px solid #cad9de;border-radius:8px;max-height:250px;padding:5px;position:absolute;top:51px;left:0;right:0;overflow:auto;box-shadow:0 10px 24px #183d4b22}.multi-menu label,.all-option{text-align:left;color:#314b58;cursor:pointer;background:#fff;border:0;align-items:center;gap:7px;width:100%;padding:7px 8px;font-size:12px;display:flex}.multi-menu label:hover,.all-option:hover{background:#edf7f5}.multi-menu input{accent-color:#0b756d}@media (width<=900px){.filters .multi-select{min-width:calc(50% - 6px)}}@media (width<=570px){.filters .multi-select{min-width:100%}}.login-page{background:radial-gradient(circle at 77% 12%,#b9ece212,#0000 28%),#f5f7f8;place-items:center;min-height:100vh;padding:30px;display:grid}.login-brand{letter-spacing:.3px;align-items:center;gap:10px;font-size:18px;display:flex;position:fixed;top:28px;left:40px}.login-brand span{color:#6f7f8b;margin-left:-5px;font-weight:500}.login-card{text-align:center;background:#fff;border:1px solid #e1e9eb;border-radius:16px;width:min(410px,100%);padding:38px;box-shadow:0 22px 60px #19374914}.login-icon{color:#0a8272;background:#e4f7f3;border-radius:15px;place-items:center;width:54px;height:54px;margin:0 auto 19px;display:grid}.login-card h1{letter-spacing:-.5px;color:#173444;margin:0;font:700 25px/1.2 Manrope,sans-serif}.login-card>p:not(.eyebrow){color:#71818b;margin:9px 0 24px;font-size:13px}.login-card label{text-align:left;color:#4c616d;flex-direction:column;gap:6px;margin:13px 0;font-size:12px;font-weight:600;display:flex}.login-card input{color:#183b4b;border:1px solid #dce5e9;border-radius:8px;outline:none;width:100%;padding:11px 12px}.login-card input:focus{border-color:#229887;box-shadow:0 0 0 3px #3bb4a31a}.login-submit{color:#fff;background:#0b596a;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:9px;padding:12px;font-weight:700;display:flex}.login-submit:hover{background:#084a59}.login-error{text-align:left;color:#bf4c50;margin-top:6px;font-size:12px;display:block}.local-access{color:#7d8c95;border-top:1px solid #edf1f2;justify-content:center;align-items:center;gap:6px;margin-top:20px;padding-top:16px;font-size:10px;display:flex}.local-access svg{color:#0d9780}@media (width<=570px){.login-brand{left:20px}.login-card{padding:30px 22px}}.filters{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:start;display:grid;overflow:visible}.filters .multi-select{width:100%;min-width:0}.multi-menu{width:max-content;min-width:100%;max-width:min(560px,100vw - 48px);right:auto}.multi-menu label{white-space:normal;line-height:1.35}.multi-menu label span{overflow-wrap:anywhere}.multi-menu .all-option{background:#fff;border-bottom:1px solid #edf1f2;position:sticky;top:0}@media (width>=901px){.filters .multi-select:nth-child(n+5) .multi-menu{left:auto;right:0}}@media (width<=900px){.filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=570px){.filters{grid-template-columns:1fr}.multi-menu{max-width:calc(100vw - 40px)}}.opportunity-section{background:#fff;border:1px solid #e2e9ed;border-radius:12px;margin-top:14px;padding:22px 20px}.opportunity-heading h2{color:#183047;margin:0;font:700 17px Manrope,sans-serif}.opportunity-heading>p:last-child{color:#778691;margin:5px 0 18px;font-size:11px}.opportunity-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.opportunity{border:1px solid #e4ebee;border-left-width:4px;border-radius:9px;min-height:128px;padding:15px}.opportunity.good{background:#f6fcfa;border-left-color:#24a990}.opportunity.risk{background:snow;border-left-color:#d06c67}.opportunity.neutral{background:#fafcfc;border-left-color:#89a4ad}.opportunity-tag{letter-spacing:.7px;color:#627984;font-size:9px;font-weight:700}.opportunity.good .opportunity-tag{color:#07806b}.opportunity.risk .opportunity-tag{color:#b74e4d}.opportunity h3{color:#193b4b;margin:8px 0 5px;font:700 13px Manrope,sans-serif}.opportunity p{color:#59707a;margin:0;font-size:12px;line-height:1.45}@media (width<=900px){.opportunity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=570px){.opportunity-section{padding:18px 14px}.opportunity-grid{grid-template-columns:1fr}}.export-button{color:#fff;white-space:nowrap;background:#0b596a;border:0;border-radius:7px;align-items:center;gap:6px;padding:9px 12px;font-size:12px;font-weight:700;display:flex}.export-button:hover{background:#084a59}.export-button:disabled{opacity:.45;cursor:not-allowed}.pdf-options{background:#fff;border:1px solid #dce5e9;border-radius:7px;align-items:center;gap:8px;margin:0;padding:5px 8px;display:flex}.pdf-options legend{color:#71808a;text-transform:uppercase;letter-spacing:.4px;padding:0 3px;font-size:9px;font-weight:700}.pdf-options label{color:#4c616d;white-space:nowrap;align-items:center;gap:4px;font-size:11px;display:flex}.pdf-options input{accent-color:#0b756d}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#092a3b88;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.pdf-modal{background:#fff;border-radius:14px;width:min(455px,100%);padding:28px;position:relative;box-shadow:0 22px 65px #061c2766}.pdf-modal h2{color:#173444;margin:0;font:700 21px Manrope,sans-serif}.pdf-modal>p:not(.eyebrow){color:#71818b;margin:8px 0 20px;font-size:13px}.modal-close{color:#79909a;background:0 0;border:0;padding:5px;font-size:25px;line-height:1;position:absolute;top:11px;right:14px}.modal-options{flex-direction:column;gap:8px;display:flex}.modal-options label{cursor:pointer;border:1px solid #e1e9eb;border-radius:8px;align-items:flex-start;gap:10px;padding:12px;display:flex}.modal-options label:hover{background:#f5fbfa;border-color:#a6d9d2}.modal-options input{accent-color:#0b756d;margin-top:3px}.modal-options b{color:#284453;font-size:13px;display:block}.modal-options small{color:#788994;margin-top:3px;font-size:11px;display:block}.modal-actions{justify-content:flex-end;gap:9px;margin-top:22px;display:flex}.modal-cancel{color:#536a76;background:#fff;border:1px solid #dbe5e8;border-radius:7px;padding:9px 12px;font-size:12px;font-weight:700}