:root{--green:#174e3c;--deep:#143d30;--lime:#d7ecaa;--bg:#f5f7f2;--ink:#233b30;--muted:#78857c;--line:#e6ebe2;--leaf-line:#174e3c;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:14px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8ba957;outline-offset:4px}button{border:0}svg{width:22px;height:22px;flex-shrink:0}h1,h2,p{margin:0}h1{font-size:34px;letter-spacing:-1.2px;font-weight:650}h2{font-size:18px;letter-spacing:-.4px}.muted{color:var(--muted);line-height:1.7;margin-top:10px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#6a8b5d;margin-bottom:12px}.brand{display:flex;align-items:center;gap:10px;font-size:28px;font-weight:720;letter-spacing:-1px}.brand small{display:block;font-size:8px;letter-spacing:2.1px;font-weight:500;margin-top:4px}.logo{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:var(--lime);color:var(--green)}.logo svg{width:34px;height:34px}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#fff;border-right:1px solid var(--line);padding:32px 20px 22px;display:flex;flex-direction:column;overflow-y:auto;z-index:40}.sidebar .brand{margin:0 10px 40px}.nav-label{font-size:9px;letter-spacing:1.8px;color:#94a095;margin:0 14px 14px;font-weight:700}nav{display:flex;flex-direction:column;gap:5px}nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;color:#6e7c72;font-size:12px;font-weight:550;border-radius:9px}nav a:hover{background:#f3f6f0;color:var(--green)}nav a.active{background:var(--green);color:#fff;box-shadow:0 4px 10px #174e3c14}nav svg{width:19px;height:19px}.sidebar-bottom{margin-top:auto;padding:30px 13px 0;font-size:11px;color:#526657}.sidebar-bottom small{display:block;color:#97a296;font-size:10px;margin-top:9px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:#80a75b;margin-right:6px}.workspace{margin-left:250px}.topbar{height:84px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.breadcrumb{display:flex;align-items:center;gap:16px;font-size:11px;color:#8a978c}.breadcrumb strong{color:#42584a;font-weight:500}.profile{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600}.profile small{display:block;font-size:10px;color:#8b988d;font-weight:400;margin-top:4px}.avatar{background:#eff3e9;border:1px solid #e2e9da;width:35px;height:35px;display:grid;place-items:center;border-radius:50%;font-size:13px}.logout{background:none;color:#6c8071;font-size:22px;margin-left:8px}main{max-width:1600px;margin:auto;padding:35px 38px 22px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.today{font-size:11px;color:#829180;white-space:nowrap}.today .live-dot{margin-left:10px}.filters{display:flex;align-items:flex-end;gap:12px;background:#fff;padding:15px 18px;border:1px solid var(--line);border-radius:12px;margin-bottom:24px}.filters label{font-size:10px;color:#657967;display:flex;flex-direction:column;gap:6px}input,select{border:1px solid #dfe6da;background:#fbfcf9;padding:11px 13px;border-radius:7px;min-width:0;color:var(--ink)}select{min-width:140px}input::placeholder{color:#a0aa9d}.filters input{width:230px}.primary{display:inline-flex;justify-content:center;align-items:center;gap:24px;background:var(--green);color:#fff;padding:12px 20px;border-radius:7px;font-size:12px;font-weight:600;min-height:40px}.primary:hover{background:#23664c}.reset{font-size:11px;padding:13px 0;color:#85917f}.filter-note{margin-left:auto;align-self:center;font-size:10px;color:#8a9684}.tag{display:inline-flex;font-size:9px;letter-spacing:1px;font-weight:600;background:#eff4e8;color:#6b7e50;border:1px solid #e3ecd7;padding:8px 11px;border-radius:6px;white-space:nowrap}.welcome{background:#e9efdd;border:1px solid #e1e9d6;border-radius:14px;min-height:176px;padding:28px 32px;margin-bottom:23px;display:flex;justify-content:space-between;overflow:hidden;position:relative}.welcome h2{font-size:28px;font-weight:600;letter-spacing:-.8px;margin-bottom:10px}.welcome p{font-size:12px;color:#74806b}.welcome a{display:inline-flex;gap:30px;font-size:11px;font-weight:650;margin-top:20px;color:#35573a}.welcome .eyebrow{font-size:9px;letter-spacing:1.4px;color:#899975}.welcome-art{position:relative;min-width:240px;align-self:stretch}.art-leaf{position:absolute;width:110px;height:150px;border-radius:100% 0 100% 0;background:#a9be83;transform:rotate(20deg);right:55px;top:0}.art-leaf:after{content:"";position:absolute;height:105px;width:1px;background:#eaf1db;transform:rotate(35deg);top:28px;left:46px}.art-ring{position:absolute;border:1px solid #c6d3b3;border-radius:50%;width:210px;height:210px;right:-55px;top:-35px}.art-circle{position:absolute;border-radius:50%;background:#d7e1b3;width:65px;height:65px;right:0;top:60px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:25px}.stat{padding:21px;background:#fff;border:1px solid var(--line);border-radius:12px;transition:transform .15s,border-color .15s;min-width:0}.stat:hover{transform:translateY(-3px);border-color:#afc397}.stat>div{display:flex;align-items:center;justify-content:space-between;color:#6f7d6e;font-size:11px}.stat i{display:grid;place-items:center;border-radius:9px;background:#eff4e9;width:34px;height:34px;color:#5e8455}.stat svg{width:18px;height:18px}.stat strong{display:block;font-size:clamp(18px,1.65vw,28px);font-weight:650;letter-spacing:-.7px;margin:17px 0 10px;font-variant-numeric:tabular-nums}.stat small{font-size:9px;color:#929c8d}.stat.amber i{background:#faf2df;color:#ac9250}.dashboard-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:23px}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;margin-bottom:24px;overflow:hidden;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:23px 25px}.panel-head h2{font-size:15px;font-weight:650}.panel-head p{color:#929b8c;font-size:10px;margin-top:7px}.panel-head>a{font-size:10px;color:#587943;font-weight:600}.panel-head>svg{color:#8b9b7b}.panel-foot{padding:14px 24px;font-size:9px;color:#88947e;border-top:1px solid #f0f3ed}.chart{display:flex;gap:16px;padding:20px 25px 25px;min-height:235px;overflow-x:auto;align-items:flex-end}.chart-column{display:flex;flex-direction:column;align-items:center;min-width:45px;flex:1;gap:12px;color:#9ba58e;font-size:8px}.chart-value{color:#708267;font-size:8px;white-space:nowrap}.chart meter{writing-mode:vertical-lr;direction:rtl;width:24px;height:145px;border:0;appearance:none;background:#f5f7f0;border-radius:6px;overflow:hidden}.chart meter::-webkit-meter-bar{background:#f5f7f0;border:0;border-radius:6px}.chart meter::-webkit-meter-optimum-value{background:#78945c;border-radius:6px}.chart meter::-moz-meter-bar{background:#78945c;border-radius:6px}.product-row{display:flex;align-items:center;gap:12px;padding:13px 23px;border-top:1px solid #f3f5ee}.product-rank{width:29px;height:29px;background:#f1f5e9;border-radius:8px;display:grid;place-items:center;color:#8ca375;font-size:10px}.product-row strong{display:block;font-size:11px;font-weight:600}.product-row small{display:block;font-size:9px;color:#9aa58d;margin-top:5px}.product-row b{font-size:10px;font-weight:550;margin-left:auto;white-space:nowrap}.panel-link{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:7px;padding:16px 25px;font-size:10px;font-weight:550;color:#66804d}.table-scroll{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap}th{text-align:left;font-size:9px;font-weight:600;background:#f7f9f3;padding:15px 20px;color:#8b9881;border-top:1px solid #edf0e7;border-bottom:1px solid #edf0e7}th a{display:flex;gap:9px;align-items:center}th span{color:#b1bba8}td{padding:17px 20px;border-bottom:1px solid #f0f3eb;color:#53644c}tr:last-child td{border-bottom:0}tr:hover td{background:#fcfdf9}.number{font-variant-numeric:tabular-nums;font-weight:550}.negative{color:#a47a38}.row-link{font-size:10px;color:#76905c;border:1px solid #e1e9d8;padding:5px 9px;border-radius:5px}.row-link:hover{background:#eff4e6}.badge{font-size:9px;padding:5px 9px;border-radius:5px;display:inline-block}.paid{color:#43744b;background:#edf5e8}.pending{color:#a3833f;background:#faf3e2}.list-total{text-align:right}.list-total small{display:block;font-size:9px;color:#8c9883;margin-bottom:6px}.list-total strong{font-size:18px;letter-spacing:-.5px}.pagination{padding:17px 23px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font-size:10px;color:#909e85}.pagination>div{display:flex;gap:8px}.button{display:inline-block;padding:9px 12px;background:#f6f8f1;border:1px solid #e6ecdd;border-radius:6px;font-size:11px}.explanation{font-size:10px;color:#8a9780;line-height:1.8;margin:18px 0 24px}.detail{border-color:#bed0a6}.detail .explanation{padding:0 25px}.account-summary{display:flex;gap:50px;padding:15px 25px 23px;font-size:11px;color:#87977b}.account-summary strong{display:block;color:#345b33;font-size:22px;margin-top:8px}.footer{border-top:1px solid #e7ecdf;padding:22px 0 0;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#9ba68f;margin-top:30px}.footer>span:first-child{display:flex;align-items:center;gap:7px;color:#607c4f}.footer svg{width:17px;height:17px}.footer>span>span{color:#a1ac94}.notice{padding:20px;background:#fff8e6;border:1px solid #ede0bf;border-radius:9px;margin-bottom:20px;line-height:1.6}.error{background:#fcf0eb;border-color:#f0d6cb;color:#995b42}.empty{padding:40px 20px;text-align:center;color:#99a68b}.empty span{display:block;font-size:35px;color:#8ca16d;margin-bottom:10px}.empty strong{display:block;font-size:12px;font-weight:500}.empty p{font-size:10px;margin-top:9px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;top:-100px;left:10px;background:#fff;z-index:100;padding:15px}.skip:focus{top:10px}.menu-button,.close-menu,.overlay{display:none}.login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;background:#fbfcf8}.login-story{background:var(--deep);color:#e8eedb;min-height:100vh;padding:42px 52px;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-story .brand{font-size:30px}.login-story .brand small{color:#a8b9a0}.story-content{margin:auto 0;position:relative;padding-top:65px}.story-content .eyebrow{color:#aabc8c;font-size:9px}.story-content h1{font-size:clamp(42px,4.5vw,70px);font-weight:500;line-height:1.08;letter-spacing:-2.6px;margin:25px 0}.story-content>p{color:#aabca6;line-height:1.9;font-size:13px}.story-footer{font-size:10px;color:#7f9b80;z-index:2}.garden{height:230px;position:relative;max-width:420px;margin-top:25px}.fruit{position:absolute;box-shadow:inset -15px -15px 30px #00000010}.citrus{width:125px;height:125px;background:#e9bb69;border-radius:50%;left:20px;top:65px}.citrus:after{content:"";position:absolute;width:30px;height:12px;border-radius:0 90%;background:#7a9958;top:0;left:54px;transform:rotate(-30deg)}.tomato{width:140px;height:115px;background:#c97e60;border-radius:50% 50% 45% 45%;left:125px;top:100px;transform:rotate(-15deg)}.tomato:after{content:"";width:50px;height:25px;background:#5e814b;position:absolute;left:40px;top:-3px;clip-path:polygon(50% 0,65% 40%,100% 30%,75% 65%,85% 100%,50% 70%,15% 100%,25% 65%,0 30%,35% 40%)}.pear{width:105px;height:155px;background:#a6bc70;border-radius:45% 45% 45% 45%;left:250px;top:30px;transform:rotate(20deg)}.pear:before{content:"";width:10px;height:23px;border-radius:5px;background:#c4b18a;position:absolute;left:40px;top:-15px}.garden-leaf{position:absolute;width:85px;height:150px;background:#507b50;border-radius:90% 0 90% 0}.garden-leaf.one{top:0;left:175px;transform:rotate(-20deg)}.garden-leaf.two{width:60px;height:90px;top:120px;left:320px;transform:rotate(50deg)}.login-main{display:flex;flex-direction:column;padding:50px;justify-content:center;align-items:center;position:relative}.login-box{width:100%;max-width:350px}.login-box h2{font-size:31px;font-weight:600;letter-spacing:-1px;margin:24px 0 12px}.login-box>.muted{font-size:12px}.login-box form{margin-top:36px}.login-box label{font-size:11px;font-weight:550;display:flex;flex-direction:column;gap:10px;margin-bottom:21px}.login-box input{background:#fff;padding:15px;font-size:12px}.login-box .primary{width:100%;padding:16px;justify-content:space-between;margin-top:8px}.login-note{text-align:center;font-size:10px;color:#94a08a;margin-top:26px}.login-main footer{position:absolute;bottom:28px;font-size:9px;color:#a6af9c}
@media(min-width:1600px){.stat strong{font-size:28px}}@media(max-width:1200px){.sidebar{width:220px;padding:25px 13px}.workspace{margin-left:220px}.topbar{padding:0 25px}main{padding:28px 25px}.stat{padding:16px}.stats{gap:12px}.dashboard-grid{grid-template-columns:1fr}.filter-note{display:none}.login-story{padding:35px}.login-main{padding:30px}}@media(max-width:800px){.sidebar{width:230px;position:static;display:block;border-bottom:1px solid var(--line);width:100%}.sidebar .brand{margin-bottom:20px}nav{display:grid;grid-template-columns:repeat(2,1fr)}.sidebar-bottom{display:none}.workspace{margin-left:0}.js .sidebar{position:fixed;inset:0 auto 0 0;width:260px;display:flex;transform:translateX(-100%);transition:transform .2s}.js nav{display:flex}.js .sidebar.open{transform:translateX(0)}.js .menu-button,.js .close-menu{display:block;background:none;color:var(--green);font-size:23px}.js .close-menu{position:absolute;right:12px;top:12px}.js .overlay:not([hidden]){display:block;position:fixed;inset:0;background:#142f2860;z-index:35}.topbar{height:70px;padding:0 20px}.breadcrumb{gap:10px}.breadcrumb>span{display:none}.profile>span:not(.avatar){display:none}main{padding:24px 20px}.page-heading{align-items:flex-start}.page-heading h1{font-size:28px}.page-heading .muted{font-size:12px}.today{display:none}.stats{grid-template-columns:repeat(2,1fr)}.stat strong{font-size:23px}.filters{flex-wrap:wrap;gap:10px;padding:14px}.filters .search-label{flex:1;min-width:150px}.filters input{width:100%}.welcome{padding:24px}.welcome-art{min-width:90px}.art-ring{right:-100px}.art-leaf{right:-25px;opacity:.65}.art-circle{right:-40px}.welcome h2{font-size:23px}.welcome>div:first-child{z-index:1}.welcome p{max-width:250px;line-height:1.7}.welcome .eyebrow{max-width:230px;line-height:1.7}.panel-head{padding:19px}.panel-head .tag{display:none}.panel-head h2{font-size:14px}.footer{font-size:8px;gap:10px}.footer>span>span{display:none}.login-page{grid-template-columns:1fr}.login-story{min-height:auto;padding:26px 30px}.story-content,.story-footer{display:none}.login-story .brand{font-size:25px}.login-main{min-height:calc(100vh - 96px);padding:45px 26px 80px}.login-box h2{font-size:29px}.product-row{padding:13px 19px}.explanation{font-size:10px}.pagination{padding:15px;gap:12px}.pagination>span{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}