@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#202c28;--green:#24634b;--gold:#eac75b;--line:#e5e9e4;--muted:#7b847e;--bg:#f6f7f3}*{box-sizing:border-box}body{margin:0;font:14px 'DM Sans',sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #cda532;outline-offset:3px}button{border:1px solid var(--line);background:white;border-radius:8px;padding:10px 15px;color:var(--ink);font-weight:600}button:hover{filter:brightness(.96)}.primary{background:var(--green);color:#fff;border-color:var(--green)}.gold{background:var(--gold);border-color:var(--gold);color:#243127}.muted{color:var(--muted)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:28px;letter-spacing:-1px}h2{font-size:18px}h3{font-size:15px}small{font-size:12px}.logo{display:flex;align-items:center;gap:11px}.shield{display:grid;place-items:center;font-weight:800;font-size:18px;width:42px;height:47px;background:var(--gold);color:#1c2922;clip-path:polygon(50% 0,95% 18%,90% 70%,50% 100%,10% 70%,5% 18%)}.brand{font:800 24px Manrope;letter-spacing:2px}.brand-sub{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;display:block;color:#a8b5ad;margin-top:2px}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:#18241f;color:#bdc9c1;display:flex;flex-direction:column;padding:28px 18px;z-index:10}.sidebar .logo{padding:0 12px 30px;color:white}.navlabel{font-size:10px;letter-spacing:1.6px;color:#758c7f;padding:17px 15px 9px}.nav{display:flex;gap:13px;align-items:center;width:100%;border:0;background:transparent;color:#b9c6be;text-align:left;margin:3px 0;padding:12px 16px;font-size:13px;font-weight:500}.nav.active{background:#2b3b30;color:#f5dc87}.nav .ico{font-size:18px;width:20px}.nav .count{margin-left:auto;background:#415044;color:#e7ecdf;font-size:10px;border-radius:4px;padding:2px 6px}.side-bottom{margin-top:auto;border-top:1px solid #304037;padding-top:18px}.company{display:flex;align-items:center;gap:10px;padding:12px 8px;font-size:12px}.avatar{display:grid;place-items:center;background:#e8eddf;border-radius:50%;width:36px;height:36px;color:#436047;font-size:12px;font-weight:700}.main{margin-left:244px}.topbar{height:80px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 40px;gap:20px}.topbar input{border:0;background:transparent;width:270px;font-size:12px}.user{display:flex;align-items:center;gap:12px}.demo{font-size:10px;text-transform:uppercase;letter-spacing:.8px;background:#f1f3e9;color:#697349;padding:6px 9px;border-radius:5px}.content{padding:32px 40px;max-width:1580px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:26px}.heading p{margin:8px 0 0;color:var(--muted)}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.8px;color:var(--green);font-weight:700;margin-bottom:10px}.welcome{background:#eaf0e6;border:1px solid #dde6d5;display:flex;justify-content:space-between;gap:24px;padding:25px 28px;border-radius:12px;margin-bottom:24px;position:relative;overflow:hidden}.welcome h2{font-size:21px;margin:0 0 8px}.welcome p{color:#6b796e;margin:0;line-height:1.6}.welcome-art{font-size:64px;color:#819571;line-height:1;transform:rotate(-12deg);margin-right:22px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.stat,.card{background:white;border:1px solid var(--line);border-radius:11px}.stat{padding:22px}.stat-top{display:flex;justify-content:space-between;color:#758078;font-size:12px}.stat-icon{background:#f0f3eb;color:#5b755c;width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-size:17px}.value{font-family:Manrope;font-size:25px;font-weight:800;letter-spacing:-.7px;margin:12px 0}.stat small{font-size:11px;color:#7f8a81}.positive{color:#448265!important}.grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(290px,1fr);gap:24px}.card{padding:23px;margin-bottom:24px}.cardhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:24px}.cardhead h2{margin:0;font-size:15px}.textbtn{border:0;background:transparent;color:var(--green);padding:0;font-size:12px}.chart{height:180px;display:flex;gap:18px;border-bottom:1px solid var(--line);align-items:end;padding:0 14px;position:relative;background:repeating-linear-gradient(to top,transparent,transparent 44px,#f0f2ed 45px)}.bar-group{flex:1;height:100%;display:flex;gap:5px;align-items:end;justify-content:center;position:relative}.bar{width:16px;border-radius:4px 4px 0 0;background:#508166}.bar.light{background:#dce4cf}.bar-group span{position:absolute;bottom:-25px;font-size:10px;color:#8b948b}.legend{display:flex;gap:18px;font-size:10px;color:#8b948b}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#508166;margin-right:5px}.dot.light{background:#dce4cf}.chart-footer{display:flex;justify-content:space-between;margin-top:40px;font-size:12px;color:#7c887e}.quick{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick button{display:flex;flex-direction:column;align-items:start;gap:16px;padding:17px;font-size:12px;font-weight:500;background:#fafbf8}.quick b{color:#668366;font-size:21px;font-weight:400}.schedule{display:flex;gap:14px;padding:15px 0;border-bottom:1px solid #edf0e9}.schedule:last-child{border:0}.time{font-size:11px;color:#7d8a7e;min-width:36px}.schedule .line{width:3px;background:#b9cba4;border-radius:2px}.schedule p{font-weight:600;font-size:12px;margin:0 0 6px}.schedule small{font-size:10px;color:#8c958d}.pill{display:inline-block;padding:5px 9px;border-radius:5px;font-size:10px;font-weight:500;background:#edf3e7;color:#5d7c43;white-space:nowrap}.pill.amber{background:#fbf3dc;color:#9f7b2c}.pill.gray{background:#f0f1ee;color:#7f887c}.pill.blue{background:#ebf0f7;color:#6681a3}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;font-size:10px;color:#8b948d;font-weight:500;border-bottom:1px solid var(--line);padding:0 10px 14px}td{padding:16px 10px;border-bottom:1px solid #f0f2ed}tr:last-child td{border:0}.client{font-weight:600}.client small{display:block;color:#9aa297;font-size:10px;margin-top:4px;font-weight:400}.bottom-note{color:#97a08f;font-size:10px;display:flex;justify-content:space-between;padding:2px 0 20px}.filter{display:flex;gap:12px;margin-bottom:20px}.filter input{flex:1}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #dfe5dc;border-radius:7px;background:white;color:#283d30;outline:none}input:focus,select:focus,textarea:focus{border-color:#6e9671;box-shadow:0 0 0 3px #edf4e9}label{display:block;font-size:12px;margin:15px 0 7px}.fieldrow{display:grid;grid-template-columns:1fr 1fr;gap:15px}.inline{display:flex;gap:8px}.inline button{white-space:nowrap}.empty{text-align:center;padding:40px;color:#899482}.board{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.column{background:#eef1e9;border-radius:10px;padding:16px;min-height:300px}.column h3{font-size:12px;display:flex;justify-content:space-between}.task{padding:16px;background:white;border:1px solid var(--line);border-radius:8px;margin-top:14px}.task p{font-size:12px;font-weight:600}.task small{display:block;color:#86927f;margin:8px 0}.task select{font-size:10px;padding:7px}.notice{padding:16px 20px;background:#fff8e4;border:1px solid #efdfb4;border-radius:8px;color:#8c7848;font-size:12px;line-height:1.7;margin-bottom:20px}.login{min-height:100vh;display:grid;grid-template-columns:1.08fr 1fr;background:white}.login-story{background:#19261f;color:white;padding:55px 70px;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-story:after{content:'';position:absolute;width:500px;height:500px;border:1px solid #344734;border-radius:50%;bottom:-240px;right:-140px;box-shadow:0 0 0 70px #ffffff02,0 0 0 140px #ffffff02}.login-story h1{font-size:46px;line-height:1.2;letter-spacing:-2px;max-width:480px;margin-top:85px}.login-story h1 em{font-style:normal;color:var(--gold)}.login-story p{color:#aebdb1;max-width:380px;line-height:1.9;font-size:14px}.login-features{margin-top:38px;display:grid;gap:21px;color:#c8d6c9;font-size:13px}.login-features span{color:var(--gold);margin-right:13px}.login-caption{font-size:11px;color:#829683;margin-top:auto;padding-top:80px}.login-form{display:flex;align-items:center;justify-content:center;padding:40px}.login-box{width:370px}.login-box h2{font-size:27px;margin-bottom:10px;letter-spacing:-.6px}.login-box p{line-height:1.7;color:#7d887c}.login-box .primary{width:100%;margin-top:22px;padding:14px}.divider{text-align:center;border-top:1px solid var(--line);margin:28px 0 20px}.divider span{position:relative;top:-9px;background:white;padding:0 10px;color:#a0a899;font-size:10px}.login-box .gold{width:100%;padding:14px}.login-box small{display:block;text-align:center;color:#9aa38f;font-size:11px;margin-top:20px;line-height:1.7}dialog{border:1px solid var(--line);border-radius:14px;padding:28px;max-width:600px;width:calc(100% - 32px);color:var(--ink);max-height:90vh}dialog::backdrop{background:#17271f80;backdrop-filter:blur(3px)}.modalhead{display:flex;justify-content:space-between;align-items:center}.modalhead h2{margin:0}.modalhead button{border:0;font-size:20px}.actions{display:flex;justify-content:end;gap:10px;margin-top:24px}.split{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin:10px 0}.total{display:flex;justify-content:space-between;padding:18px 0;font-size:18px;font-weight:700}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:14px 23px;background:#254632;color:white;border-radius:8px;z-index:100;display:none}.mobile-menu{display:none}.table-wrap{overflow:auto}.integration{display:flex;gap:18px;align-items:start}.integration .stat-icon{width:50px;height:50px;flex-shrink:0;font-size:25px}.integration p{color:#82907e;line-height:1.8}.steps{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap}.steps span{border:1px solid var(--line);padding:9px;border-radius:7px;font-size:11px}.roadmap{line-height:2;color:#73806f;font-size:13px}.statusline{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px 0;font-size:12px}.check{color:#5c7a4b}
@media(min-width:1500px){.content{padding-top:42px}.chart{height:215px}}@media(max-width:1150px){.sidebar{width:205px}.main{margin-left:205px}.content{padding:26px}.topbar{padding:0 26px}.grid{grid-template-columns:1.5fr 1fr}.stats{gap:10px}.stat{padding:16px}.value{font-size:21px}.board{grid-template-columns:1fr 1fr}}@media(max-width:800px){.sidebar{display:none;width:244px;box-shadow:10px 0 40px #0004}.sidebar.open{display:flex}.main{margin-left:0}.mobile-menu{display:block}.topbar{height:65px;padding:0 18px}.topbar input{width:140px}.topbar .user-name{display:none}.content{padding:22px 18px}.stats{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.heading{align-items:start}.heading h1{font-size:23px}.heading button{font-size:11px}.welcome{padding:20px}.welcome h2{font-size:18px}.welcome-art{display:none}.login{grid-template-columns:1fr}.login-story{padding:30px}.login-story h1{font-size:30px;margin-top:35px}.login-story p,.login-features,.login-caption{display:none}.login-form{padding:35px 25px}.board{grid-template-columns:1fr}.fieldrow{grid-template-columns:1fr}.demo{display:none}.bottom-note{font-size:9px}.filter{flex-wrap:wrap}}