:root{--green:#217357;--ink:#203831;--muted:#839089;--line:#e4e9e5;--bg:#f5f7f4}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);font-size:14px}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:8px;background:var(--green);color:white;padding:13px 19px;font-weight:600}button:hover{filter:brightness(.95)}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #a8cdb5;outline-offset:3px}input,select{border:1px solid #dce3dd;padding:11px 12px;border-radius:7px;background:white;color:var(--ink);width:100%}input:focus,select:focus{outline:2px solid #accab6}label{display:block;font-size:12px;font-weight:600}label input,label select{display:block;margin-top:7px}h1{font-size:31px;letter-spacing:-1px;margin:9px 0 12px}h2{font-size:20px;letter-spacing:-.5px;margin:9px 0 16px}p{color:#718078;line-height:1.6}small{font-size:10px;letter-spacing:1px}.eyebrow{font-size:10px;font-weight:bold;letter-spacing:1.6px;color:#809286}.brand{font-size:16px;letter-spacing:1.7px;font-weight:bold}aside{position:fixed;width:238px;height:100vh;background:#fff;border-right:1px solid var(--line);padding:35px 23px;display:flex;flex-direction:column}aside>.brand{margin-bottom:12px}aside>small{color:var(--muted);margin-left:24px}.nav-label{margin:55px 0 17px;font-size:9px;letter-spacing:1px;color:#a1aba5}.nav{background:transparent;color:#78867d;text-align:left;font-weight:500;padding:14px 12px;margin-bottom:6px;font-size:13px}.nav.active{background:#eaf3ed;color:var(--green);font-weight:bold}.side-note{padding:20px 12px;background:#f7f9f5;border:1px solid var(--line);border-radius:10px;margin-top:35px;font-size:11px}.side-note p{font-size:11px;margin-bottom:0}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#73a98a;margin-right:5px}.account{margin-top:auto;padding-top:25px;border-top:1px solid var(--line)}.account strong,.account small{display:block;overflow-wrap:anywhere}.account small{letter-spacing:0;margin-top:9px}.account .nav{font-size:11px;padding:15px 0 0}main{margin-left:238px;padding:36px 42px;max-width:1800px}header{display:flex;align-items:center;justify-content:space-between;gap:20px}header p{font-size:13px;margin-bottom:26px}.live{vertical-align:middle;font-size:9px;letter-spacing:1px;color:#4a8d68;background:#e6f0e6;padding:5px 7px;border-radius:5px;margin-left:12px}.toolbar{display:flex;align-items:end;gap:14px;margin:12px 0 25px;padding-bottom:25px;border-bottom:1px solid var(--line)}.toolbar>label{min-width:220px}.period{display:flex;align-items:center;gap:9px;margin-left:auto}.period>span{margin-top:20px;color:#a8b0a9}.secondary{background:white;color:#5b7062;border:1px solid var(--line);padding:12px;font-size:12px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:22px}.kpi{border:1px solid var(--line);border-radius:12px;background:white;padding:23px}.kpi strong{display:block;font-size:30px;letter-spacing:-1px;margin:15px 0 10px}.kpi .sub{font-size:11px;color:#7e8e83}.kpi.feature{background:#204d3a;color:white;border-color:#204d3a}.kpi.feature .eyebrow,.kpi.feature .sub{color:#bdd0bc}.middle{display:grid;grid-template-columns:1.65fr 1fr;gap:22px;margin-bottom:22px}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:25px;margin-bottom:22px}.middle .panel{margin:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.tag{font-size:10px;color:#829087;border:1px solid var(--line);border-radius:6px;padding:7px;white-space:nowrap}.funnel-row{display:grid;grid-template-columns:105px 1fr 90px;align-items:center;gap:14px;margin:20px 0}.funnel-label{font-size:12px}.funnel-label small{display:block;letter-spacing:0;color:#90a095;font-size:10px;margin-top:5px}.bar{background:#f1f5f0;height:38px;border-radius:5px;overflow:hidden;position:relative}.bar>i{display:block;height:100%;background:#b6d2bd;border-radius:5px;min-width:2px}.bar>b{position:absolute;left:12px;top:11px;font-size:13px}.ratio{text-align:right;font-size:13px;font-weight:bold}.ratio small{display:block;font-size:10px;font-weight:normal;letter-spacing:0;color:#8d9b92;margin-top:4px}.bad{color:#c48340}.good{color:#388560}.hint{font-size:11px;color:#8b978f;margin:20px 0 0}.insight{border-top:1px solid var(--line);padding:18px 0 8px}.insight strong{font-size:13px}.insight p{font-size:12px;margin:9px 0}.badge{display:inline-block;font-size:9px;padding:5px 7px;margin-bottom:9px;background:#fbf0dd;color:#a27635;border-radius:4px;font-weight:bold;letter-spacing:.5px}.badge.ok{background:#eaf3ed;color:#45845c}.legend{display:flex;gap:20px;font-size:11px;color:#689f7b}.legend span+span{color:#c7ab6c}#chart{height:165px;display:flex;align-items:stretch;gap:5px;overflow-x:auto;padding-top:10px}.chart-day{flex:1;min-width:28px;display:flex;align-items:center;flex-direction:column;justify-content:end}.chart-bars{height:130px;display:flex;gap:3px;align-items:end;width:65%;justify-content:center;border-bottom:1px solid var(--line)}.chart-bars i{width:12px;max-width:45%;background:#9bbfa5;border-radius:3px 3px 0 0}.chart-bars i+i{background:#cfb982}.chart-day small{font-size:9px;letter-spacing:0;color:#97a299;margin-top:7px;white-space:nowrap}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:right}th{background:#f7f9f6;font-size:10px;font-weight:500;color:#859488;padding:14px 10px}td{border-bottom:1px solid #eef1ec;font-size:12px;padding:15px 10px}th:first-child,td:first-child{text-align:left}td button{padding:5px 8px;background:#edf4ed;color:var(--green);font-size:10px}footer{font-size:9px;color:#91a095;letter-spacing:1px;display:flex;justify-content:space-between;padding:5px 0 20px}footer span{letter-spacing:0}.login{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-art{background:#204d3a;color:#edf4e9;padding:60px 10%;display:flex;flex-direction:column;justify-content:center}.login-art h1{font-size:48px;line-height:1.15;margin-top:65px}.login-art p{color:#bdd0bc;font-size:17px}.login-art small{color:#abc1a8;margin-top:35px}.art-bars{display:flex;gap:16px;align-items:end;height:140px;margin-top:25px}.art-bars i{background:#a2be93;width:55px;border-radius:8px}.art-bars i:nth-child(1){height:100%}.art-bars i:nth-child(2){height:80%}.art-bars i:nth-child(3){height:60%}.art-bars i:nth-child(4){height:40%}.art-bars i:nth-child(5){height:25%;background:#dcc587}.login form{align-self:center;max-width:370px;width:80%;margin:auto}.login form h2{font-size:32px}.login form label{margin:23px 0}.login form button{width:100%;margin-top:12px}dialog{width:480px;max-width:95vw;border:1px solid var(--line);border-radius:15px;padding:28px;color:var(--ink)}dialog::backdrop{background:#15332688;backdrop-filter:blur(3px)}dialog label{margin:15px 0}dialog p{font-size:12px}.close{font-size:25px;background:transparent;color:#7d8d82;padding:0 8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}#formError,#loginError{color:#b15e42;font-size:12px}#toast{position:fixed;right:25px;bottom:25px;background:#204d3a;color:white;padding:16px 23px;border-radius:9px;box-shadow:0 10px 30px #0002;z-index:10}[hidden]{display:none!important}@media(min-width:1500px){main{padding:42px 55px}}@media(max-width:1200px){aside{width:200px;padding:30px 15px}main{margin-left:200px;padding:30px 25px}.toolbar{flex-wrap:wrap}.period{margin-left:0}.middle{grid-template-columns:1.4fr 1fr}.funnel-row{grid-template-columns:90px 1fr 65px;gap:8px}.kpi{padding:17px}.kpi strong{font-size:25px}}@media(max-width:850px){aside{position:static;width:100%;height:auto;padding:18px 22px;flex-direction:row;align-items:center;gap:10px}aside>.brand{margin:0;font-size:13px}aside>small,.nav-label,.side-note,.account,.nav{display:none}main{margin-left:0;padding:24px 18px}.middle{grid-template-columns:1fr}.kpis{grid-template-columns:1fr 1fr;gap:10px}header{align-items:start}header h1{font-size:25px}header>button{font-size:11px;padding:12px;white-space:nowrap}.panel{padding:20px}.login{grid-template-columns:1fr}.login-art{padding:30px;min-height:300px}.login-art h1{font-size:33px;margin-top:30px}.login-art p,.art-bars,.login-art small{display:none}.login form{padding:35px 0}.toolbar>label{width:100%}.period{width:100%}.period label{flex:1}.live{display:none}.panel-heading{align-items:start}.tag{font-size:8px}.legend{font-size:9px;gap:8px}footer span{display:none}}
@media(max-width:850px){aside{flex-wrap:wrap}.account{display:flex;width:100%;align-items:center;gap:15px;margin-top:5px;padding-top:8px}.account strong,.account small{display:none}.account .nav{display:block;margin:0;padding:5px 0;font-size:11px}}