*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:#17231f;background:#f5f8f6}.hidden{display:none!important}.loading{height:100vh;display:grid;place-items:center;color:#63736c}.logo{display:flex;align-items:center;gap:10px;font-weight:750}.logo b{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:#d8ef70;color:#173b30;font-size:20px}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-brand{padding:50px;background:#123d31;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.login-brand h1{font-size:48px;line-height:1.08;letter-spacing:-2px;margin:0 0 20px}.login-brand p{max-width:480px;color:#bdd0c8;line-height:1.6}.login-brand small{color:#9eb6ad}.login-form{display:grid;place-items:center;background:white;padding:32px}.login-form>div{width:min(360px,100%)}.login-form h2{font-size:28px;margin:0 0 8px}.login-form p{color:#718079;margin:0 0 28px}.google{display:block;text-align:center;padding:14px;border:1px solid #d3ddd7;border-radius:10px;color:#17231f;text-decoration:none;font-weight:650}.google strong{color:#4285f4;margin-right:10px}.login-form small{display:block;text-align:center;margin-top:18px;color:#7c8983}.shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.shell aside{background:#123d31;color:#fff;padding:28px 18px;display:flex;flex-direction:column}.shell nav{display:grid;gap:5px;margin-top:32px}.shell nav a{padding:11px 13px;border-radius:8px;color:#b7cac2}.shell nav a.active{background:#245344;color:#fff}.user{margin-top:auto;border-top:1px solid #356052;padding:18px 8px 0}.user strong,.user span{display:block}.user span{font-size:11px;color:#9fb6ad;margin-top:4px}.content{padding:35px clamp(24px,4vw,54px)}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}header small{color:#73817b}header h1{margin:5px 0 0;font-size:28px}header button{border:0;border-radius:9px;padding:11px 15px;background:#0c684f;color:#fff;font-weight:650}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.stats article,.panel{background:#fff;border:1px solid #e0e8e3;border-radius:12px;padding:18px}.stats span,.stats strong,.stats small{display:block}.stats span,.stats small{color:#728079;font-size:11px}.stats strong{font-size:25px;margin:10px 0}.grid{display:grid;grid-template-columns:1.5fr .7fr;gap:13px;margin-top:13px}.panel h2{font-size:16px;margin:0 0 5px}.panel>p{font-size:12px;color:#74827c}.pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:20px}.pipeline div{background:#f2f6f3;padding:13px;border-radius:8px}.pipeline span{font-size:10px;color:#728079}.pipeline strong{display:block;font-size:21px;margin-top:6px}.panel ul{padding-left:18px;color:#52625b;font-size:12px;line-height:2}
@media(max-width:800px){.login{grid-template-columns:1fr}.login-brand{display:none}.shell{grid-template-columns:1fr}.shell aside{display:none}.stats{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.content{padding:24px 16px}}