*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#06152f;color:#10182d}.sidebar{position:fixed;inset:0 auto 0 0;width:242px;background:linear-gradient(180deg,#071a3a,#020d21);color:#fff;padding:22px 12px;display:flex;flex-direction:column}.logo{display:flex;gap:14px;align-items:center;padding:0 12px 22px;border-bottom:1px solid #243653}.logo>b{font-size:42px;color:#1671ff}.logo strong{display:block;font-size:20px}.logo span{font-size:11px}.sidebar nav{padding:14px 0}.sidebar nav a,.navbtn{display:block;width:100%;padding:13px 14px;margin:3px 0;border:0;background:none;color:#fff;text-align:left;border-radius:8px;font-size:14px}.sidebar nav .active{background:#0755dc}.navbtn{cursor:pointer}.integrations{border-top:1px solid #243653;padding:18px 10px}.integrations small{letter-spacing:1px}.integrations p{font-size:13px}.integrations em{float:right;background:#0aa45a;padding:4px 7px;border-radius:5px;font-size:10px}.integrations i{float:right;background:#27344a;padding:4px 7px;border-radius:5px;font-size:10px}.goal{margin-top:auto;border:1px solid #31507d;border-radius:10px;padding:16px;text-align:center}.goal span,.goal small{display:block;font-size:12px}.goal strong{display:block;font-size:32px;margin:10px}.user{color:#fff;text-decoration:none;padding:18px 8px 0;font-size:12px}.user b{float:right}.main{margin-left:242px;background:#f7f9fd;min-height:100vh}.top{height:92px;background:#fff;border-bottom:1px solid #e1e6ef;display:flex;align-items:center;gap:14px;padding:12px 18px}.top label{font-size:11px;color:#53617b}.top select,.datebox{height:42px;border:1px solid #dbe1eb;border-radius:7px;background:#fff;padding:0 12px;display:flex;align-items:center}.top select{min-width:360px}.top label:nth-child(3) select{min-width:130px}.datebox input{border:0;font-size:13px;width:125px}.sync{margin-left:auto;display:flex;align-items:center;gap:16px}.sync span{font-size:11px;color:#52617b}.sync b{display:block}.sync button{background:#075af0;color:#fff;border:0;border-radius:8px;padding:14px 18px;font-weight:700}.content{padding:18px}.titleline{display:flex;justify-content:space-between;align-items:center}.titleline h1{font-size:18px;margin:0}.titleline p{margin:6px 0;color:#69758d}.health{width:355px;padding:15px 22px;border-radius:10px;color:#fff}.health b,.health span{display:block}.health b{font-size:17px}.health span{font-size:11px;margin-top:8px}.healthy{background:linear-gradient(90deg,#09994d,#0bb35e)}.warning{background:#e79000}.risk{background:#d92d20}.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin:10px 0 14px}.kpis article,.panel{background:#fff;border:1px solid #dfe5ee;border-radius:11px;box-shadow:0 1px 2px #0c1b3310}.kpis article{padding:18px 14px;min-height:150px}.kpis small{font-size:11px;font-weight:800;color:#0d52e8}.kpis strong{display:block;font-size:34px;margin:15px 0 8px}.kpis b{color:#0baa5b}.kpis span{display:block;color:#758198;font-size:11px;margin-top:5px}.grid3{display:grid;grid-template-columns:2fr 1.05fr 1.55fr;gap:14px}.panel{padding:0 14px 12px;overflow:hidden}.panel header{padding:15px 0;border-bottom:1px solid #edf0f5}.panel h2{font-size:12px;margin:0}.chart{height:255px;padding-top:12px}.donut{height:190px;padding:12px}.note{color:#66758e}.bottom{display:grid;grid-template-columns:1.7fr 1.1fr 1.1fr;gap:14px;margin-top:14px}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:12px 8px;border-bottom:1px solid #edf0f5;text-align:left}.reading{padding:14px;font-size:13px;line-height:1.7}.alert{padding:12px;margin:10px 0;border-radius:8px;background:#f8fafc;font-size:12px;border-left:4px solid #1671ff}.alert.danger{border-color:#e02b2b}.alert.warning{border-color:#f5a000}.alert.success{border-color:#0baa5b}.flash{padding:10px;border-radius:7px;margin:8px 0;background:#eaf2ff}.flash.error{background:#feeceb;color:#b42318}@media(max-width:1200px){.kpis{grid-template-columns:repeat(3,1fr)}.grid3,.bottom{grid-template-columns:1fr}.sidebar{width:210px}.main{margin-left:210px}}@media(max-width:760px){.sidebar{display:none}.main{margin:0}.top{height:auto;flex-wrap:wrap}.top select{min-width:250px}.kpis{grid-template-columns:repeat(2,1fr)}.health{width:100%}.titleline{align-items:flex-start;gap:10px;flex-direction:column}}