@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#17251f;background:#f5f7f5}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#102e25;color:#eaf3ed;padding:24px 16px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:11px;padding:0 9px 25px}.mark{width:38px;height:38px;border-radius:12px;background:#28a56a;color:#fff;display:grid;place-items:center;font:800 24px Manrope}.brand b{font:800 22px Manrope;display:block}.brand small{font-size:8px;letter-spacing:1.7px;color:#9bb8a8}.workspace{display:flex;align-items:center;gap:9px;padding:11px;background:#ffffff0c;border:1px solid #ffffff12;border-radius:10px;margin-bottom:22px}.initials,.avatar{width:33px;height:33px;border-radius:9px;background:#d8eee2;color:#1a6948;display:grid;place-items:center;font-size:10px;font-weight:700}.workspace div:nth-child(2){flex:1}.workspace b{font-size:11px}.workspace small{display:block;color:#a2b9ac;font-size:9px;margin-top:3px}nav{overflow:auto;flex:1}nav section{margin-bottom:17px}nav label{display:block;text-transform:uppercase;letter-spacing:1.2px;color:#799888;font-size:9px;font-weight:700;padding:0 10px 7px}.nav{width:100%;display:flex;align-items:center;gap:11px;color:#b8cec1;background:none;border:0;padding:10px;border-radius:8px;text-align:left;font-size:12px;margin:2px 0}.nav span{flex:1}.nav.active,.nav:hover{background:#ffffff13;color:#fff}.sidefoot{font-size:9px;line-height:1.7;color:#9ab4a4;border-top:1px solid #ffffff18;padding:14px 5px 0}main{margin-left:250px;min-height:100vh}header{height:68px;background:#fff;border-bottom:1px solid #e9eeea;display:flex;align-items:center;justify-content:space-between;padding:0 35px;position:sticky;top:0;z-index:3}.crumb{font-size:11px;color:#8a9890}.crumb span{padding:0 10px;color:#cbd4cd}.crumb b{color:#26382e}.tools{display:flex;align-items:center;gap:14px}.search{height:36px;width:220px;border:1px solid #e7ece8;border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 10px;color:#8a9890}.search input{border:0;outline:0;width:100%;font-size:10px}.icon{width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:inherit;display:grid;place-items:center}.icon svg{width:18px}.avatar{border-radius:50%}.page{max-width:1400px;margin:auto;padding:35px 38px}.welcome{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.eyebrow{font-size:9px;letter-spacing:1.5px;color:#6e8b7a;font-weight:700}.welcome h1{font:800 29px Manrope;letter-spacing:-1px;margin:9px 0 4px;color:#172c21}.welcome h1 span{color:#28a56a}.welcome p{font-size:12px;color:#849189;margin:0}.date{display:flex;align-items:center;gap:8px;border:1px solid #e3eae4;background:#fff;border-radius:8px;padding:10px 12px;color:#52665a;font-size:10px}.notice{display:flex;align-items:center;gap:13px;background:#eef8f1;border:1px solid #d6ebdc;border-radius:10px;padding:13px 15px;margin-bottom:18px;color:#27804f}.notice div{flex:1}.notice b{font-size:11px}.notice p{font-size:10px;color:#64806e;margin:4px 0 0}.notice button{display:flex;align-items:center;gap:6px;background:#1e7549;color:#fff;border:0;border-radius:7px;padding:9px 11px;font-size:10px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:17px}.metric,.panel{background:#fff;border:1px solid #e9eeea;border-radius:11px}.metric{padding:16px;min-height:139px;display:flex;flex-direction:column;align-items:flex-start}.metric-icon{width:34px;height:34px;border-radius:9px;background:#e7f5ec;color:#24935a;display:grid;place-items:center;margin-bottom:12px}.metric small,.panel>small{font-size:10px;color:#78867d}.metric strong{font:800 24px Manrope;margin:4px 0}.metric span{font-size:9px;color:#a0aaa3}.panels{display:grid;grid-template-columns:1.5fr 1fr;gap:15px}.panel{padding:19px;min-height:300px}.panel>b{display:block;font:700 13px Manrope}.panel>small{display:block;margin-top:5px}.empty{height:220px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;max-width:300px;margin:auto;color:#68a783}.empty svg{margin-bottom:12px}.empty b{font-size:11px;color:#52645a}.empty span{font-size:10px;line-height:1.6;color:#9aa59e;margin-top:6px}.action{width:100%;display:flex;align-items:center;gap:11px;padding:17px 1px;background:#fff;border:0;border-bottom:1px solid #eff2ef;text-align:left;color:#39885c}.action span{flex:1;font-size:10px;color:#35483c}.action:last-child{border:0}footer{display:flex;justify-content:space-between;padding:22px 2px;color:#a0aaa3;font-size:9px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c211acc;z-index:10;display:grid;place-items:center;padding:20px}.modal{width:min(100%,390px);background:#fff;border-radius:16px;padding:30px;position:relative}.modal h2{font:800 21px Manrope;margin:18px 0 5px;color:#193528}.modal p{font-size:11px;color:#87948c}.modal form label{display:block;font-size:10px;font-weight:600;margin:14px 0}.modal input{display:block;width:100%;padding:11px;border:1px solid #dfe7e1;border-radius:7px;margin-top:7px}.submit{width:100%;border:0;border-radius:7px;background:#1c754a;color:#fff;padding:12px;font-size:11px}.modal>small{display:block;font-size:9px;line-height:1.6;color:#98a39b;margin-top:15px}.x{position:absolute;right:12px;top:12px}.message{font-size:10px;background:#f0f7f2;padding:10px;margin-top:10px;border-radius:7px;color:#286442}.mobile,.close,.scrim{display:none}@media(max-width:1000px){.metrics{grid-template-columns:repeat(2,1fr)}.page{padding:28px 22px}}@media(max-width:700px){.sidebar{transform:translate(-100%);transition:transform .2s;width:270px}.sidebar.open{transform:translate(0)}main{margin-left:0}header{height:60px;padding:0 13px}.mobile{display:grid}.close{display:grid;margin-left:auto;color:#fff}.crumb{margin-left:7px;margin-right:auto}.tools{gap:5px}.search{width:35px;border:0;padding:0;justify-content:center}.search input{display:none}.page{padding:24px 15px}.welcome{display:block}.welcome h1{font-size:25px}.date{margin-top:15px;width:max-content}.notice{align-items:flex-start;flex-wrap:wrap}.panels{grid-template-columns:1fr}footer{flex-direction:column;gap:8px}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#071a126e;border:0;z-index:4}}.auth-screen{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1fr) minmax(320px,.85fr);background:#f5f8f5}.auth-card{width:min(440px,calc(100% - 40px));margin:auto;background:#fff;border:1px solid #e6ede7;border-radius:18px;padding:38px;box-shadow:0 18px 55px #153b2610}.auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:46px}.auth-brand b{display:block;font:800 22px Manrope;color:#153b29}.auth-brand small{display:block;font-size:8px;letter-spacing:1.7px;color:#8da397}.auth-lock{width:42px;height:42px;border-radius:12px;background:#eaf6ee;color:#258451;display:grid;place-items:center;margin-bottom:18px}.auth-card h1{font:800 29px Manrope;letter-spacing:-1px;color:#193528;margin:0 0 8px}.auth-card>p{font-size:12px;color:#829087;margin:0 0 24px}.auth-form label{display:block;font-size:10px;font-weight:700;color:#43564a;margin:16px 0}.auth-form input{display:block;width:100%;height:43px;border:1px solid #dfe8e1;border-radius:8px;padding:0 12px;margin-top:7px;outline:none;font-size:12px}.auth-form input:focus{border-color:#29965e;box-shadow:0 0 0 3px #29965e18}.auth-form .submit{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;margin-top:23px;font-weight:700}.submit:disabled{opacity:.65;cursor:wait}.auth-foot{display:flex;align-items:flex-start;gap:8px;border-top:1px solid #edf1ee;margin-top:23px;padding-top:17px;color:#8b9a90;font-size:9px;line-height:1.6}.auth-foot svg{flex:none;color:#3c9664}.auth-side{background:#12372a;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:10%;position:relative;overflow:hidden}.auth-side:after{content:"";position:absolute;width:500px;height:500px;border:1px solid #ffffff18;border-radius:50%;right:-210px;bottom:-220px;box-shadow:0 0 0 55px #ffffff08,0 0 0 110px #ffffff05}.auth-side>span{font-size:10px;letter-spacing:2px;color:#a3c9b0}.auth-side h2{font:800 clamp(30px,4vw,54px) Manrope;line-height:1.12;letter-spacing:-1.8px;margin:22px 0 14px}.auth-side p{font-size:13px;color:#b6d0bf;max-width:330px;line-height:1.7}.account-chip{display:flex;align-items:center;gap:9px;padding-left:4px}.account-meta{min-width:80px}.account-meta b{display:block;font-size:10px;color:#35483c}.account-meta small{display:block;font-size:8px;color:#87968d;margin-top:3px;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout{color:#718078}.notice.error{background:#fff5f3;border-color:#f1d8d2;color:#a84d3b}.notice.error p{color:#8e675f}@media(max-width:760px){.auth-screen{grid-template-columns:1fr}.auth-side{display:none}.auth-card{padding:28px;width:min(440px,calc(100% - 30px))}.auth-brand{margin-bottom:35px}.account-meta{display:none}}
