:root{--ink:#1c2421;--cream:#f0ede6;--white:#fff;--line:#ddd9d0;--accent:#c96d49;--green:#3d7d61}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,Manrope,Arial,sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#17201d;color:#fff;padding:28px 20px;display:flex;flex-direction:column}.logo{display:flex;gap:12px;align-items:center}.logo i{width:38px;height:38px;display:grid;place-items:center;background:var(--accent);font:22px Georgia}.logo span{display:grid}.logo small{font-size:8px;letter-spacing:2px;color:#aab4af}.sidebar nav{display:grid;gap:5px;margin-top:60px}.sidebar nav button{border:0;background:transparent;color:#aeb7b2;text-align:left;padding:14px;border-radius:6px;font-size:14px;cursor:pointer}.sidebar nav button.active{background:#29332f;color:#fff}.sidebar nav em{float:right;background:#3a4540;border-radius:12px;padding:2px 8px;font-style:normal}.health{margin-top:auto;display:flex;gap:10px;align-items:center;padding:14px;background:#222d29}.health>span{width:8px;height:8px;background:#60c38e;border-radius:50%;box-shadow:0 0 12px #60c38e}.health div{display:grid}.health small{font-size:9px;color:#92a098;margin-top:4px}main{margin-left:250px;padding:0 44px 70px}header{height:120px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}header small,.panel small,.section-intro small,.ai-hero small{font-size:10px;letter-spacing:1.8px;color:#777}h1{font:38px Georgia;margin:6px 0}.header-actions{display:flex;gap:10px}button,select,input{font:inherit}header button,header select,.panel-head button,.ai-hero button,.connector-grid button,dialog button{padding:12px 16px;border:1px solid var(--line);background:#fff;cursor:pointer}.view{display:none;padding-top:30px}.view.active{display:block}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpis article,.panel{background:#fff;padding:24px;border:1px solid #e4e0d8}.kpis strong{display:block;font:38px Georgia;margin:18px 0 8px}.kpis span{font-size:11px;color:#777}.kpis .up{color:var(--green)}.grid{display:grid;grid-template-columns:3fr 1fr;gap:12px;margin-top:12px}.panel-head{display:flex;justify-content:space-between;align-items:start}.panel h2,.section-intro h2{font:27px Georgia;margin:5px 0}.legend{font-size:11px;color:var(--green)}.chart{height:220px;display:flex;align-items:end;gap:10px;padding-top:25px;border-bottom:1px solid var(--line)}.bar{flex:1;background:linear-gradient(#70a98c,#dce9e1);min-height:10%;position:relative}.bar:hover:after{content:attr(data-value);position:absolute;top:-24px;left:50%;transform:translateX(-50%);font-size:10px}.score{text-align:center}.gauge{width:145px;height:145px;margin:20px auto;border-radius:50%;display:grid;place-content:center;background:radial-gradient(circle,#fff 56%,transparent 58%),conic-gradient(#55a379 0 86%,#e6e3dc 86%)}.gauge strong{font:42px Georgia}.gauge span{font-size:10px;color:#777}.table-panel{margin-top:12px}.tr{display:grid;grid-template-columns:2fr repeat(5,1fr);gap:10px;padding:15px 5px;border-top:1px solid var(--line);font-size:13px}.th{font-size:10px;color:#777;margin-top:20px}.site-name{display:grid}.site-name small{margin-top:4px}.site-cards,.connector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.site-card,.connector{background:#fff;border:1px solid var(--line);padding:24px}.site-card strong,.connector strong{font:22px Georgia;display:block;margin:12px 0}.status{font-size:10px;color:var(--green)}.ai-hero{background:#1b2521;color:#fff;padding:48px;display:flex;justify-content:space-between;align-items:center}.ai-hero h2{font:40px Georgia;margin:15px 0}.ai-hero p{max-width:650px;line-height:1.7;color:#b9c2bd}.ai-hero button{background:var(--accent);color:#fff;border:0}.ai-orb{width:150px;height:150px;border:1px solid #6b7872;border-radius:50%;display:grid;place-content:center;font:38px Georgia;box-shadow:0 0 60px #476c5a}.recommendations{display:grid;gap:10px;margin-top:14px}.recommendation{background:#fff;padding:22px;border-left:4px solid var(--accent)}.recommendation h3{margin:5px 0}.recommendation p{margin-bottom:0;color:#666}.connector span{font-size:11px}.connector button{margin-top:20px;width:100%}dialog{border:0;padding:32px;width:min(520px,calc(100% - 30px));box-shadow:0 30px 100px #0005}dialog::backdrop{background:#101713aa}dialog .close{float:right;border:0;font-size:24px}dialog h2{font:30px Georgia}dialog label{display:grid;gap:7px;margin:14px 0;font-size:12px}dialog input{padding:13px;border:1px solid var(--line);width:100%}dialog form>button{width:100%;background:var(--ink);color:#fff;margin-top:12px}#login .logo{margin-bottom:30px}#login .logo small{color:#777}@media(max-width:950px){.sidebar{width:78px}.sidebar .logo span,.sidebar nav button{font-size:0}.sidebar nav button em,.health div{display:none}main{margin-left:78px;padding:0 20px 50px}.kpis{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.site-cards,.connector-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){header{height:auto;padding:22px 0;display:block}.header-actions{margin-top:15px}.kpis,.site-cards,.connector-grid{grid-template-columns:1fr}.tr{grid-template-columns:2fr 1fr 1fr}.tr span:nth-child(n+4){display:none}.ai-orb{display:none}.ai-hero{padding:28px}}