:root{--green:#438b67;--dark:#203f34;--mint:#edf6f1;--line:#e5ebe7;--text:#253c32;--muted:#85928a}*{box-sizing:border-box}body{margin:0;color:var(--text);background:#f7f9f7;font:14px 'DM Sans',sans-serif}button,input,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}aside{position:fixed;inset:0 auto 0 0;width:238px;background:#fff;border-right:1px solid var(--line);padding:32px 20px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:10px;font:800 24px/1 'Manrope',sans-serif;letter-spacing:1.5px;color:var(--green);padding:0 12px}.brand small{display:block;font-size:12px;letter-spacing:7px;margin-top:7px}.brandmark{font-size:54px;line-height:1;transform:rotate(-25deg)}.workspace{margin:35px 0 28px;background:#f6f8f5;border:1px solid var(--line);border-radius:9px;padding:12px;display:flex;gap:12px;align-items:center;color:var(--green);font-weight:700}.workspace div{color:var(--text);font-size:12px;flex:1}small{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:4px}.navlabel{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#9aa59e;padding:0 14px;margin-bottom:12px}nav button{width:100%;border:0;background:none;text-align:left;padding:12px 14px;margin:3px 0;border-radius:7px;color:#748279;display:flex;align-items:center;gap:12px;font-size:13px}nav button.active{color:#347956;background:#eaf3ed;font-weight:700}nav .navicon{font-size:18px;width:22px}nav .sep{height:1px;background:var(--line);margin:18px 10px}.sidebottom{margin-top:auto;padding-top:25px}.helpbox{background:#f1f6ef;padding:17px;border-radius:10px;font-size:12px}.helpbox span{font-weight:700}.helpbox p{font-size:11px;color:#87958b}.helpbox button{border:0;padding:0;background:none;color:var(--green);font-size:11px;font-weight:700}.profile{display:flex;align-items:center;gap:10px;margin-top:23px;font-size:11px}.avatar{background:#e4eee4;color:#59745a;border-radius:50%;width:35px;height:35px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.avatar.small{width:32px;height:32px}.shell{margin-left:238px}header{height:79px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#fff;border-bottom:1px solid var(--line)}.breadcrumb{font-size:12px;color:#8b978e}.breadcrumb span{padding:0 13px;color:#c5cec7}.breadcrumb b{color:#4f6257;font-weight:500}.header-right{display:flex;align-items:center;gap:20px}.demotag{font-size:10px;color:var(--green);background:var(--mint);padding:6px 10px;border-radius:5px}.iconbtn{background:none;border:0;font-size:23px;color:#728477}main{max-width:1500px;margin:auto;padding:34px 38px;min-height:calc(100vh - 130px)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--green);text-transform:uppercase}h1{font:700 28px 'Manrope',sans-serif;margin:7px 0 8px;letter-spacing:-.9px}h2{font:700 16px 'Manrope',sans-serif;margin:0}h3{font-size:14px;margin:0}p.sub{font-size:12px;color:#89968d;margin:0;line-height:1.7}.pageheading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:18px}.actions{display:flex;gap:10px}.btn{padding:11px 15px;background:white;border:1px solid #dce5df;border-radius:7px;color:#566a5c;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.primary{background:var(--green);border-color:var(--green);color:#fff}.btn:hover{filter:brightness(.96)}.welcome{position:relative;background:#eaf3eb;border:1px solid #e0ebe1;border-radius:12px;padding:27px 30px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;margin-bottom:25px;min-height:147px}.welcome h2{font-size:21px;margin:9px 0;color:#31563e}.welcome p{color:#6d8774;font-size:12px;max-width:460px;line-height:1.8;margin:0}.landscape{width:240px;height:125px;position:relative;overflow:hidden;border-radius:60% 50% 12% 12%;background:linear-gradient(165deg,#dbead6 50%,#b1cc9c 50%,#b1cc9c 60%,#8eb68a 60%,#8eb68a 73%,#5d9675 73%);opacity:.8;transform:rotate(-3deg);flex-shrink:0}.landscape:before{content:'☀';font-size:35px;color:#b8ca92;position:absolute;top:5px;right:50px}.landscape:after{content:'❧';font-size:118px;color:#488360;position:absolute;left:25px;top:0;transform:rotate(-20deg)}.sectionbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:10px}.filters{display:flex;gap:8px}.filters select{padding:8px 10px;border:1px solid var(--line);background:white;border-radius:6px;color:#75867a;font-size:11px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0 27px}.stat{background:white;border:1px solid var(--line);border-radius:10px;padding:19px}.stat-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7a8d7e}.stat-icon{width:30px;height:30px;border-radius:8px;background:var(--mint);color:var(--green);font-size:17px;display:grid;place-items:center}.stat strong{display:block;font:700 27px 'Manrope',sans-serif;margin:10px 0}.stat small{font-size:10px}.stat small em{font-style:normal;color:var(--green);margin-right:5px}.grid{display:grid;grid-template-columns:1.65fr 1fr;gap:20px;margin-bottom:23px}.card{background:white;border:1px solid var(--line);border-radius:11px;padding:22px;overflow:hidden}.card p.desc{font-size:11px;color:#8b998f;margin:6px 0 0}.link{border:0;background:none;color:var(--green);font-size:11px;padding:0}.chart{height:190px;display:flex;align-items:flex-end;gap:22px;margin-top:25px;padding:0 15px 25px 35px;position:relative;background:repeating-linear-gradient(to top,transparent 0,transparent 45px,#eef2ed 46px,#eef2ed 47px)}.barpair{height:100%;flex:1;display:flex;align-items:flex-end;gap:5px;position:relative;justify-content:center}.bar{width:21px;border-radius:4px 4px 0 0;background:#5a9674}.bar.light{background:#d3e4cc}.barpair label{position:absolute;bottom:-21px;font-size:10px;color:#8c9b90}.legend{display:flex;gap:17px;font-size:10px;color:#8a978e}.legend i{width:7px;height:7px;background:var(--green);display:inline-block;border-radius:2px;margin-right:5px}.legend .pale{background:#d3e4cc}.operation{padding:16px 0;border-bottom:1px solid #edf1ee;display:flex;align-items:center;gap:12px}.operation:last-child{border-bottom:0;padding-bottom:0}.opicon{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:var(--mint);font-size:20px;color:#59916b}.operation div:nth-child(2){flex:1}.operation h3{font-size:12px}.operation small{font-size:10px}.badge{font-size:10px;padding:5px 8px;border-radius:5px;color:#588568;background:#edf5ee;white-space:nowrap}.badge.amber{background:#fbf4e4;color:#ae9050}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;white-space:nowrap}th{font-weight:500;font-size:10px;color:#8e9b92;padding:13px 12px;background:#f8faf7;border-bottom:1px solid var(--line)}td{padding:17px 12px;border-bottom:1px solid #eef2ee;color:#5b7062}tbody tr:last-child td{border:0}td:first-child{color:#36533f;font-weight:500}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:8px}.bottomgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.company{display:flex;gap:15px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:18px;margin-top:12px}.company .monogram{background:#edf2e9;padding:13px;border-radius:8px;font-family:serif;font-size:20px}.company p{font-size:11px;color:#8c978f;margin:6px 0 0}.company b{margin-left:auto;font-size:12px}.timeline{padding:14px 0 0}.event{display:flex;gap:12px;padding:11px 0;font-size:12px}.event>span{width:7px;height:7px;border-radius:50%;background:#74a384;margin-top:5px}.event small{font-size:10px}.empty{padding:35px;text-align:center;color:#89958c}.note{background:#f4f7ef;border-radius:7px;padding:13px 16px;font-size:12px;color:#71816a;line-height:1.7;margin:18px 0}.modulegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.modulegrid .card{min-height:155px}.modulegrid p{font-size:12px;color:#7d8d80;line-height:1.8}.value{font-size:25px;font-weight:700;margin:14px 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:22px}.step{border:1px solid var(--line);background:#fff;padding:22px;border-radius:10px}.step b{color:var(--green);font-size:24px}.step h3{margin:18px 0 8px}.step p{font-size:12px;line-height:1.8;color:#809184}footer{font-size:9px;letter-spacing:1px;color:#9ca99f;margin:0 38px;padding:20px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between}footer span{letter-spacing:0}dialog{border:0;border-radius:16px;width:500px;max-width:95vw;padding:30px;color:var(--text);box-shadow:0 20px 100px #1234}dialog::backdrop{background:#142c2566;backdrop-filter:blur(3px)}.dialoghead{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialoghead button{border:0;background:none;font-size:22px;color:#7b8d7f}label.field{display:block;margin:15px 0;font-size:12px;color:#657e6d}input,select{width:100%;display:block;padding:11px;border:1px solid #dce5de;border-radius:6px;margin-top:6px;color:#355440;background:#fff}input:focus,select:focus{outline:2px solid #89b89a}.filters select{width:auto;margin:0}.formactions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.calc{padding:15px;background:var(--mint);font-size:12px;line-height:1.9;border-radius:7px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:14px 22px;background:#274c37;color:#fff;border-radius:8px;opacity:0;pointer-events:none;z-index:99;transition:.2s;max-width:90vw}.mobile{display:none}.alcoxlogo{width:80px;height:80px;object-fit:contain}.search{max-width:250px;margin:0;padding:8px;font-size:11px}@media(min-width:1500px){main{padding-top:42px}.chart{height:220px}}@media(max-width:1150px){aside{width:205px;padding:28px 14px}.shell{margin-left:205px}main{padding:27px 24px}header{padding:0 24px}.stats{gap:10px}.stat{padding:14px}.stat strong{font-size:23px}.landscape{width:180px}.grid{grid-template-columns:1.4fr 1fr}.chart{gap:10px}.pageheading .actions{flex-shrink:0}}@media(max-width:850px){aside{display:none}.shell{margin:0}aside.open{display:flex;box-shadow:0 0 0 100vw #203a3255}.mobile{display:block;background:none;border:0;font-size:21px;color:var(--green);margin-right:15px}header{height:65px}.breadcrumb{flex:1}.header-right{gap:8px}.grid{grid-template-columns:1fr}.bottomgrid{grid-template-columns:1fr}.modulegrid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}}@media(max-width:560px){main{padding:24px 17px}.pageheading{align-items:flex-start;flex-direction:column}.pageheading .actions{width:100%}.pageheading .actions .btn{flex:1}h1{font-size:25px}.stats{grid-template-columns:1fr 1fr}.welcome{padding:21px}.welcome h2{font-size:19px}.landscape{display:none}.header-right .iconbtn,.header-right .avatar{display:none}.breadcrumb{font-size:10px}.breadcrumb span{padding:0 7px}.demotag{font-size:8px}.card{padding:17px}.modulegrid,.steps{grid-template-columns:1fr}.sectionbar{align-items:flex-start}.filters{flex-wrap:wrap;justify-content:flex-end}.stat-top{font-size:10px}footer{margin:0 17px;gap:15px;line-height:1.6}.search{max-width:145px}.legend{gap:9px}.company{padding:12px}.company b{font-size:10px}}
