@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#20322f;font-synthesis:none;--forest:#123c35;--mint:#dff0e8;--lime:#c8e46d;--line:#e3e8e4;--muted:#77817e;background:#f4f6f3;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}.app{grid-template-columns:250px 1fr;min-height:100vh;display:grid}aside{background:var(--forest);color:#fff;z-index:10;flex-direction:column;width:250px;padding:28px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 8px 28px;display:flex}.brandmark{background:var(--lime);width:38px;height:38px;color:var(--forest);border-radius:11px;place-items:center;font:800 22px Manrope;display:grid}.brandmark.big{border-radius:17px;width:58px;height:58px;margin:auto}.brand strong{font:700 18px Manrope;display:block}.brand small,.profile small{color:#aabdb8;font-size:11px;display:block}.close{margin-left:auto!important;display:none!important}nav{gap:6px;display:grid}nav button{color:#aebfbb;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:12px 13px;display:flex}nav button svg{width:19px}nav button:hover,nav button.active{color:#fff;background:#245149}.profile{border-top:1px solid #31554f;align-items:center;gap:9px;margin-top:auto;padding:14px 8px 0;display:flex}.profile strong{font-size:12px;display:block}.profile .icon{margin-left:auto}.avatar{color:#523d19;background:#e7d7b1;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}main{grid-column:2;min-width:0}header{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:18px;height:110px;padding:0 38px;display:flex}header h1{margin:0;font:800 25px Manrope}header p,.toolbar p,.panel-title p{color:var(--muted);margin:4px 0 0;font-size:13px}.role{border:1px solid var(--line);border-radius:22px;margin-left:auto;padding:9px 13px;font-size:12px}.dot{background:#42ad72;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.content{padding:30px 38px}.stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat,.panel{border:1px solid var(--line);background:#fff;border-radius:15px;box-shadow:0 4px 18px #16362f08}.stat{padding:20px;position:relative}.stat p{color:var(--muted);margin:4px 0;font-size:12px}.stat>strong{font:800 24px Manrope;display:block}.stat small{color:#8a9491}.stat-icon{background:var(--mint);width:38px;height:38px;color:var(--forest);border-radius:10px;place-items:center;display:grid;position:absolute;top:17px;right:17px}.stat-icon svg{width:19px}.grid2{grid-template-columns:2fr 1fr;gap:16px;margin-top:18px;display:grid}.panel-title,.toolbar{border-bottom:1px solid var(--line);align-items:center;padding:22px 24px;display:flex}.panel h2,.toolbar h2{margin:0;font:700 17px Manrope}.toolbar{justify-content:space-between}.actions{gap:10px;display:flex}.search{border:1px solid var(--line);border-radius:9px;align-items:center;height:40px;padding:0 10px;display:flex}.search svg{width:16px;color:var(--muted)}.search input{border:0;outline:0;width:150px}.primary,.secondary,.demo{cursor:pointer;border:0;border-radius:9px;padding:10px 15px;font-weight:600}.primary{background:var(--forest);color:#fff;justify-content:center;align-items:center;gap:7px;display:flex}.primary svg{width:16px}.secondary,.demo{color:var(--forest);background:#edf1ee}.icon{color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:5px;display:grid}.icon svg{width:20px}.hamburger{display:none}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:#8b9592;background:#fafbfa;font-size:10px}th,td{border-bottom:1px solid #eef1ee;padding:14px 20px}td strong,td small{display:block}td small{color:var(--muted);margin-top:3px}.badge{text-transform:capitalize;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.badge.success{color:#227148;background:#e4f5ea}.badge.warning{color:#986919;background:#fff3d8}.badge.neutral{color:#68716f;background:#edf0ef}.select-wrap{display:inline-flex;position:relative}.select-wrap select{appearance:none;padding-right:30px}.select-wrap svg{pointer-events:none;width:14px;position:absolute;right:7px}.donut{background:conic-gradient(var(--forest) 0 var(--paid),#e6d19b var(--paid) 100%);border-radius:50%;place-items:center;width:165px;height:165px;margin:35px auto 20px;display:grid}.donut:before{content:"";background:#fff;border-radius:50%;width:105px;height:105px;position:absolute}.donut div{z-index:1;text-align:center}.donut strong,.donut span{display:block}.donut strong{font:800 26px Manrope}.donut span{color:var(--muted);font-size:11px}.legend{justify-content:center;gap:22px;padding-bottom:28px;font-size:11px;display:flex}.legend i{border-radius:2px;width:8px;height:8px;margin-right:6px;display:inline-block}.green{background:var(--forest)}.sand{background:#e6d19b}.cards{grid-template-columns:repeat(3,1fr);gap:16px;padding:22px;display:grid}.product{border:1px solid var(--line);border-radius:13px;overflow:hidden}.product>div:last-child{padding:15px}.product-img{height:125px;color:var(--forest);background:linear-gradient(135deg,#e3f0e7,#f4e8cd);place-items:center;display:grid}.product-img svg{width:42px;height:42px}.product h3{margin:12px 0 5px;font:700 14px Manrope}.product p{color:var(--muted);height:30px;font-size:12px}.product-foot{border-top:1px solid var(--line);justify-content:space-between;padding-top:12px;display:flex}.product-foot span{color:var(--muted);font-size:12px}.overlay{z-index:30;background:#0d2925b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:min(650px,100%);max-height:92vh;overflow:auto;box-shadow:0 25px 60px #0003}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;padding:20px 24px;display:flex}.modal h2{margin:0;font:700 18px Manrope}.modal form{padding:22px 24px}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-grid label{gap:7px;display:grid}.form-grid label span{font-size:12px;font-weight:600}.full{grid-column:1/-1}input,select,textarea{color:#263b36;background:#fff;border:1px solid #dce2de;border-radius:8px;outline:none;width:100%;padding:10px 11px}input:focus,select:focus,textarea:focus{border-color:#2b7162;box-shadow:0 0 0 3px #2b716215}textarea{resize:vertical;min-height:80px}.totals{background:#eff5f1;border-radius:9px;justify-content:flex-end;gap:30px;padding:14px;display:flex}.totals span{color:var(--muted);font-size:12px}.totals strong{color:var(--forest);font-size:17px;display:block}.form-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:9px;margin:22px -24px -22px;padding:16px 24px;display:flex}.login{background:radial-gradient(circle at 20% 10%,#2b6158,var(--forest) 45%);place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{text-align:center;background:#fff;border-radius:20px;width:min(420px,100%);padding:34px;box-shadow:0 30px 60px #001d1845}.login h1{margin:18px 0 6px;font:800 24px Manrope}.login p{color:var(--muted);margin-bottom:25px}.login form{text-align:left;gap:15px;display:grid}.login label{gap:6px;display:grid}.login label span{font-size:12px;font-weight:600}.login .primary{width:100%;margin-top:5px}.demo{width:100%;margin-top:12px}.error{color:#a12d2d;background:#feeaea;border-radius:7px;padding:9px;font-size:12px}.center{place-items:center;min-height:100vh;display:grid}.shade{display:none}@media (width<=1000px){.stats,.cards{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}.app{display:block}aside{transition:all .25s;transform:translate(-100%)}aside.open{transform:none}.close,.hamburger{display:grid!important}.shade{z-index:9;background:#0007;display:block;position:fixed;inset:0}main{grid-column:auto}.content{padding:24px}.role{display:none}}@media (width<=650px){header{height:90px;padding:0 18px}header p{display:none}.content{padding:16px}.stats{grid-template-columns:1fr}.toolbar{align-items:flex-start;gap:15px}.actions{flex-wrap:wrap;width:100%}.search{flex:1}.toolbar{display:block}.toolbar .actions{margin-top:15px}.cards,.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.modal{border-radius:13px}.grid2{margin-top:14px}.stat{padding:17px}}.report-bar{background:#e8f2ed;border:1px solid #d4e5dc;border-radius:14px;align-items:center;gap:10px;margin-bottom:18px;padding:16px 18px;display:flex}.report-bar>div{margin-right:auto}.report-bar strong,.report-bar span{display:block}.report-bar span{color:#65736f;margin-top:3px;font-size:12px}.report-bar button svg{width:16px}.simple-panel{margin-top:18px}.stats:has(.stat:nth-child(5)){grid-template-columns:repeat(5,1fr)}.table-action{color:#123c35;cursor:pointer;background:#fff;border:1px solid #d4dfda;border-radius:7px;padding:6px 10px;font-size:11px;font-weight:700}.table-action:hover{background:#e8f2ed}.modal-head small{color:#77817e;margin-top:4px;display:block}@media (width<=1100px){.stats:has(.stat:nth-child(5)){grid-template-columns:repeat(2,1fr)}.report-bar{flex-wrap:wrap;align-items:stretch}.report-bar>div{width:100%}}@media (width<=650px){.report-bar{display:grid}.report-bar button{width:100%}.stats:has(.stat:nth-child(5)){grid-template-columns:1fr}}