:root{--ink:#151a18;--muted:#707a75;--line:#e1e6e2;--paper:#f3f5f3;--green:#1b6246;--orange:#ff6b38}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.demo-nav{display:flex;align-items:center;justify-content:space-between;padding:18px max(22px,calc((100vw - 1220px)/2));background:#111614;color:#fff}.demo-nav>div{display:flex;align-items:center;gap:13px}.demo-logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800}.demo-logo i{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:var(--orange);color:#fff;font-style:normal}.demo-chip{padding:7px 10px;border-radius:30px;background:#26322d;color:#a9bbb1;font-size:9px;font-weight:800;letter-spacing:1px}.outline,.primary{display:inline-flex;align-items:center;justify-content:center;padding:11px 14px;border-radius:10px;font-size:11px;font-weight:800}.outline{border:1px solid var(--line);background:#fff;color:var(--ink)}.demo-nav .outline{border-color:#3a4640;background:transparent;color:#fff}.primary{border:0;background:var(--orange);color:#fff}.demo-home main{max-width:1220px;margin:auto;padding:70px 22px 90px}.demo-intro{max-width:820px;margin-bottom:43px}.demo-intro>span{color:#287254;font-size:10px;font-weight:800;letter-spacing:1.5px}.demo-intro h1{margin:12px 0;font-size:clamp(40px,5vw,67px);line-height:1.04;letter-spacing:-3px}.demo-intro p{max-width:760px;color:var(--muted);font-size:16px;line-height:1.7}.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.demo-grid>a{padding:25px;border:1px solid var(--line);border-radius:18px;background:#fff;transition:.18s}.demo-grid>a:hover{transform:translateY(-4px);border-color:#adc7b9;box-shadow:0 16px 32px rgba(24,50,37,.09)}.demo-grid i{display:grid;place-items:center;width:43px;height:43px;margin-bottom:18px;border-radius:12px;background:#eaf2ed;color:var(--green);font-size:19px;font-style:normal}.demo-grid small{color:#718078;font-size:8px;font-weight:800;letter-spacing:1px}.demo-grid h2{margin:7px 0;font-size:19px}.demo-grid p{min-height:59px;color:var(--muted);font-size:12px;line-height:1.6}.demo-grid b{color:var(--green);font-size:11px}.demo-note{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:23px;padding:23px 26px;border-radius:17px;background:linear-gradient(125deg,#17241e,#315443);color:#fff}.demo-note b{font-size:16px}.demo-note p{max-width:800px;margin:7px 0 0;color:#b9cbc1;font-size:11px;line-height:1.6}.demo-home footer{display:flex;justify-content:space-between;padding:28px max(22px,calc((100vw - 1220px)/2));background:#0c100e;color:#88958e;font-size:10px}.demo-shell{display:flex;min-height:100vh}.demo-shell>aside{position:fixed;inset:0 auto 0 0;z-index:30;display:flex;flex-direction:column;width:250px;padding:22px 14px;background:#111614;color:#fff}.demo-company{margin:26px 0 16px;padding:15px;border-radius:13px;background:#1d2521}.demo-company small,.demo-company b{display:block}.demo-company small{margin-bottom:6px;color:#85918b;font-size:8px;letter-spacing:1.2px}.demo-shell nav{display:flex;flex-direction:column;gap:3px}.demo-shell nav button{display:flex;align-items:center;gap:11px;width:100%;padding:11px;border:0;border-radius:9px;background:transparent;color:#9aa49f;text-align:left;font-size:12px;font-weight:700;cursor:pointer}.demo-shell nav button i{width:17px;font-style:normal;text-align:center}.demo-shell nav button.active,.demo-shell nav button:hover{background:#28302c;color:#fff}.demo-user{display:flex;align-items:center;gap:10px;margin-top:auto;padding:16px 5px 0;border-top:1px solid #2a322e}.demo-user>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--orange);font-weight:800}.demo-user b,.demo-user small{display:block;font-size:10px}.demo-user small{color:#89938e}.demo-shell>main{width:calc(100% - 250px);margin-left:250px}.demo-shell main>header{position:sticky;top:0;z-index:15;display:flex;align-items:center;justify-content:space-between;height:82px;padding:0 29px;border-bottom:1px solid var(--line);background:rgba(243,245,243,.94);backdrop-filter:blur(12px)}.demo-shell main>header small{color:var(--muted);font-size:8px;letter-spacing:1px}.demo-shell main>header h1{margin:4px 0;font-size:21px}.demo-shell main>header>button{display:none;border:0;background:none;font-size:22px}.demo-toolbar{display:flex;align-items:end;gap:10px;padding:16px 29px;border-bottom:1px solid var(--line);background:#fff}.demo-toolbar label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:9px;font-weight:800}.demo-toolbar select{min-width:190px;padding:9px 10px;border:1px solid var(--line);border-radius:9px}.demo-toolbar button{padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:10px;font-weight:800;cursor:pointer}.demo-toolbar .primary{margin-left:auto}.demo-shell #demo-content{max-width:1400px;margin:auto;padding:25px 29px 60px}.app-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 28px;border-radius:20px;background:linear-gradient(125deg,#18221d,#355443);color:#fff}.app-hero small{color:#9fb3a8;font-size:8px;letter-spacing:1px}.app-hero h2{margin:7px 0;font-size:28px}.app-hero p{margin:0;color:#bdcbc4;font-size:12px}.app-hero button{padding:11px 14px;border:0;border-radius:10px;background:#fff;color:#1c2e25;font-weight:800;cursor:pointer}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:15px 0}.stats article,.panel{padding:18px;border:1px solid var(--line);border-radius:15px;background:#fff}.stats small{color:var(--muted);font-size:8px;letter-spacing:1px}.stats b{display:block;margin:8px 0;font-size:27px}.stats span{color:var(--muted);font-size:10px}.dashboard-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.panel h3{margin:0 0 4px}.panel>p{margin:0 0 13px;color:var(--muted);font-size:11px}.task{padding:13px 0;border-bottom:1px solid var(--line)}.task:last-child{border:0}.task-head{display:flex;justify-content:space-between;gap:10px}.task small{color:var(--muted);font-size:9px}.task h4{margin:5px 0;font-size:13px}.task p{margin:5px 0;color:var(--muted);font-size:10px}.badge{display:inline-flex;align-self:flex-start;padding:5px 8px;border-radius:20px;background:#ecf0ed;color:#65706a;font-size:8px;font-weight:800}.badge.progress{background:#fff0e3;color:#a85720}.badge.done{background:#e4f2ea;color:#196442}.task-actions{display:flex;gap:6px;margin-top:9px}.task-actions button{padding:7px 9px;border:0;border-radius:8px;background:#e9efeb;color:#246247;font-size:9px;font-weight:800;cursor:pointer}.task-actions button.main{background:var(--orange);color:#fff}.activity{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.activity i{display:grid;place-items:center;flex:0 0 31px;height:31px;border-radius:9px;background:#edf2ef;color:var(--green);font-style:normal}.activity b,.activity small{display:block;font-size:9px}.activity small{margin-top:4px;color:var(--muted)}.worker-view{max-width:650px;margin:auto}.worker-main-action{width:100%;padding:15px;border:0;border-radius:12px;background:var(--orange);color:#fff;font-weight:800;cursor:pointer}.note-box{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:10px}.note-box input{padding:10px;border:1px solid var(--line);border-radius:9px}.note-box button{border:0;border-radius:9px;background:var(--green);color:#fff;font-weight:800}.toast{position:fixed;right:18px;bottom:18px;z-index:100;padding:13px 16px;border-radius:11px;background:#111614;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.25);font-size:11px;font-weight:700}.toast[hidden]{display:none}@media(max-width:950px){.demo-grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.demo-shell>aside{transform:translateX(-100%);transition:.2s}.menu-open .demo-shell>aside{transform:none}.demo-shell>main{width:100%;margin-left:0}.demo-shell main>header>button{display:block}}@media(max-width:600px){.demo-nav{padding:14px}.demo-nav .demo-chip{display:none}.demo-nav .outline{padding:8px}.demo-home main{padding:50px 16px 70px}.demo-intro h1{font-size:43px;letter-spacing:-2px}.demo-grid{grid-template-columns:1fr}.demo-grid p{min-height:0}.demo-note{align-items:flex-start;flex-direction:column}.demo-home footer{flex-direction:column;gap:10px;padding:25px 16px}.demo-shell main>header{padding:0 14px}.demo-shell main>header .outline{display:none}.demo-toolbar{align-items:stretch;flex-direction:column;padding:13px 14px}.demo-toolbar select{width:100%}.demo-toolbar .primary{margin:0}.demo-shell #demo-content{padding:18px 14px 50px}.app-hero{align-items:flex-start;flex-direction:column;padding:22px}.stats{grid-template-columns:1fr 1fr}.stats article{padding:14px}.task-actions{flex-wrap:wrap}.note-box{grid-template-columns:1fr}.note-box button{padding:10px}}