/* Khet Motors v3 skin · light earthy agri-premium, icon rail + flyout */
:root{--bg:#F4EEE2;--surface:#FFFDF8;--ink:#1F2A1C;--mut:#6E6A5C;--line:#E6DCC8;--hover:#EFE6D4;--g:#D9480F;--g2:#FCE6D8;--accent:#D9480F;--field:#2F5D3A;--mus:#E9B53C;--sh:0 1px 0 #E6DCC8,0 2px 6px -2px rgba(70,50,20,.08);--sh2:0 14px 34px -12px rgba(70,50,20,.25)}
[data-theme=dark]{--bg:#16130E;--surface:#1F1B14;--ink:#F2EBDD;--mut:#A79F8C;--line:#332C20;--hover:#29231A;--g2:#3B2213}
body{font-family:'Bricolage Grotesque',Manrope,'Noto Sans Gurmukhi','Noto Sans Devanagari',sans-serif}
.top h1,.kpi b,.hero b,.acc b,.inv h2,.logo{font-family:'Bricolage Grotesque',Manrope,sans-serif!important;font-weight:800!important;letter-spacing:-.02em}
.app{grid-template-columns:96px 1fr}
.side{background:var(--field);background-image:repeating-linear-gradient(170deg,transparent 0 22px,rgba(255,255,255,.035) 22px 24px);color:#E9F0E4;padding:14px 10px;z-index:40;width:96px;transition:width .22s cubic-bezier(.2,.7,.2,1),box-shadow .2s;overflow-x:hidden}
body.hx .side:hover{width:268px;box-shadow:18px 0 50px -10px rgba(30,40,20,.35)}
.logo{flex-direction:column;gap:6px;padding:4px 0 14px;font-size:0;color:#fff;align-items:flex-start;padding-left:10px}
.logo i{width:48px;height:48px;border-radius:16px;background:linear-gradient(150deg,#F6C453,#D9480F);font-size:20px;box-shadow:0 6px 14px -4px rgba(217,72,15,.6),inset 0 -3px 0 rgba(0,0,0,.18)}
body.hx .side:hover .logo{font-size:20px;flex-direction:row}
.colb{display:none}
.biz{display:none}body.hx .side:hover .biz{display:flex;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);min-width:240px}
.nav h6{height:0;overflow:hidden;margin:10px 8px 4px;color:#B9D1B0;font-size:10px;white-space:nowrap;border-top:1px dashed rgba(255,255,255,.18);padding-top:0}
body.hx .side:hover .nav h6{height:auto;border:0}
.nav a{flex-direction:row;gap:12px;padding:7px 10px;border-radius:16px;color:#E9F0E4;white-space:nowrap;margin-bottom:4px;min-width:248px;font-weight:700}
.nav .tile{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#F6E7C8;flex:none;transition:transform .15s,background .15s}
.nav .tile .ic{width:24px;height:24px}
.nav .lb{opacity:0;transition:opacity .15s}body.hx .side:hover .nav .lb{opacity:1}
.nav a:hover{background:rgba(255,255,255,.07)}.nav a:hover .tile{transform:translateY(-1px)}
.nav a.on{background:none;box-shadow:none}.nav a.on .tile{background:#FFFDF8;color:var(--tc);box-shadow:0 6px 16px -6px rgba(0,0,0,.45)}
body.hx .side:hover .nav a.on{background:rgba(255,255,255,.12)}
.nav a em{position:absolute;margin-left:30px;margin-top:-30px;background:#D9480F;color:#fff;font-weight:800;font-size:10px;padding:0 6px;border-radius:9px;line-height:17px;font-style:normal}
.nav a{position:relative}
.me{display:flex;gap:10px;align-items:center;padding:10px;margin-top:auto;border-radius:16px;white-space:nowrap;min-width:248px}.me .av{width:44px;height:44px;border-radius:50%;box-shadow:0 0 0 3px rgba(255,255,255,.25)}.me b{display:block;color:#fff;font-size:13px}.me small{color:#B9D1B0;font-size:11px}.me .dot{width:9px;height:9px;border-radius:50%;background:#7BE38A;margin-left:-20px;margin-top:30px}
.me div{opacity:0}body.hx .side:hover .me div{opacity:1}
.side .foot{display:none}
.top{background:var(--bg);border-bottom:0;padding:16px 30px}.top h1{font-size:26px}
.btn{border-radius:14px;background:var(--g);box-shadow:0 3px 0 #9E330A,0 8px 18px -8px rgba(217,72,15,.7);padding:10px 16px}.btn:active{transform:translateY(2px);box-shadow:0 1px 0 #9E330A}
.btn.o{box-shadow:0 2px 0 var(--line)}
.ib,.k-bell,.seg{border-radius:14px;border-width:1.5px}
.card{border-radius:22px;border:1.5px solid var(--line);box-shadow:0 3px 0 var(--line);padding:20px}
.ch{padding:16px 20px}
.kpi{padding-top:62px}.kpi small{position:absolute;top:18px;left:20px;right:20px}.kpi b{font-size:32px}
.hero{background:linear-gradient(180deg,#F6C453 0,#F2A93B 100%);color:#2A1C0A;border-radius:26px;min-height:170px}
.hero:before{content:'';position:absolute;left:0;right:0;bottom:0;height:46%;background:repeating-linear-gradient(100deg,#2F5D3A 0 18px,#3C7349 18px 36px);clip-path:polygon(0 40%,100% 0,100% 100%,0 100%);opacity:.95}
.hero:after{border:0;width:220px;height:220px;right:24px;top:auto;bottom:-6px;border-radius:0;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22%23B8360A%22%3E%3Cpath%20d%3D%22M240%2C188a28%2C28%2C0%2C1%2C1-28-28A28%2C28%2C0%2C0%2C1%2C240%2C188ZM68%2C128a44%2C44%2C0%2C1%2C0%2C44%2C44A44%2C44%2C0%2C0%2C0%2C68%2C128Z%22%20opacity%3D%220.2%22/%3E%3Cpath%20d%3D%22M240%2C165.41V134a15.89%2C15.89%2C0%2C0%2C0-11.4-15.32l-.21-.06L192%2C108.71V72a8%2C8%2C0%2C0%2C0-16%2C0v32.38l-24-6.5V56h8a8%2C8%2C0%2C0%2C0%2C0-16H40a8%2C8%2C0%2C0%2C0%2C0%2C16h8V88H40a8%2C8%2C0%2C0%2C0%2C0%2C16H68a68.07%2C68.07%2C0%2C0%2C1%2C68%2C68v12a8%2C8%2C0%2C0%2C0%2C8%2C8h32.23A36%2C36%2C0%2C1%2C0%2C240%2C165.41ZM68%2C88H64V56h72v66.77A83.92%2C83.92%2C0%2C0%2C0%2C68%2C88Zm84%2C26.45L224%2C134v20.1A36%2C36%2C0%2C0%2C0%2C178.06%2C176H152ZM212%2C208a20%2C20%2C0%2C1%2C1%2C20-20A20%2C20%2C0%2C0%2C1%2C212%2C208ZM68%2C120a52%2C52%2C0%2C1%2C0%2C52%2C52A52.06%2C52.06%2C0%2C0%2C0%2C68%2C120Zm0%2C88a36%2C36%2C0%2C1%2C1%2C36-36A36%2C36%2C0%2C0%2C1%2C68%2C208Zm12-36a12%2C12%2C0%2C1%2C1-12-12A12%2C12%2C0%2C0%2C1%2C80%2C172Z%22/%3E%3C/svg%3E") no-repeat center/contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.25))}
.hero .two{z-index:2}.hero small{opacity:.8}.hero b{color:#2A1C0A}.hero>*{position:relative;z-index:2}
th{background:transparent;color:var(--mut)}
.chip{border-radius:10px;padding:3px 10px}
.col{border-radius:20px;background:#EDE3CF;border:0}.kc{border-radius:16px;border:1.5px solid var(--line);box-shadow:0 2px 0 var(--line)}
.tabs button.on{color:var(--g)}
.bulk{background:var(--field);border-radius:18px}
@media(max-width:960px){.app{grid-template-columns:1fr}.side{display:none}
.bnav{background:var(--field);border:0;border-radius:24px;left:10px;right:10px;bottom:10px;padding:8px 4px;box-shadow:0 14px 30px -10px rgba(30,40,20,.6)}
.bnav a{color:#CFE0C6}.bnav a.on{color:#fff}.bnav a.on .ic{background:#FFFDF8;color:#D9480F;border-radius:12px;padding:5px;width:34px;height:34px}.bnav .ic{width:24px;height:24px;padding:5px;box-sizing:content-box;width:22px;height:22px}
.hero:after{width:130px;height:130px;right:8px}.kpi{padding-top:54px}.kpi b{font-size:24px}.kpi:before{width:30px;height:30px}.top h1{font-size:20px}}
@media(prefers-reduced-motion:reduce){.side,.nav .tile{transition:none}}
.kpi small .ic{position:absolute;right:-2px;top:-6px;width:22px;height:22px;padding:9px;border-radius:13px;background:var(--g2);color:var(--g);box-sizing:content-box}
.g4>.kpi:nth-child(2) small .ic{background:#E3EEDC;color:#2F5D3A}.g4>.kpi:nth-child(3) small .ic{background:#FBF0D2;color:#A66B00}.g4>.kpi:nth-child(4) small .ic{background:#E1ECF5;color:#0369A1}
.hero b{color:#2A1C0A!important}
@media(max-width:960px){.kpi small .ic{padding:6px}}
.nav .tile{background:color-mix(in srgb,var(--tc) 45%,#2F5D3A);color:#fff}
/* v4 features */
.call{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 0;border-bottom:1px dashed var(--line)}.call a{color:inherit;text-decoration:none}
.svcg{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.svcc{border-left:6px solid #2E7D32}.svcc.soon{border-left-color:#D89B1D}.svcc.od{border-left-color:#C8412E}
.hm{display:flex;align-items:baseline;gap:6px;margin:12px 0 6px;font-family:'Bricolage Grotesque',sans-serif}.hm span{font-size:34px;font-weight:800;letter-spacing:-.02em;background:#1F2A1C;color:#E9F7C9;padding:2px 10px;border-radius:8px;font-variant-numeric:tabular-nums}
.stepb{width:30px;height:30px;border-radius:50%;border:2px solid var(--line);background:none;cursor:pointer;font-weight:800;color:#fff}.stepb.on{background:#2E7D32;border-color:#2E7D32}
.pts{background:linear-gradient(135deg,#F6E7B8,#FFF8E1);border:2px solid #E2C46A;border-radius:22px}.pts-i{background:#fff;border-radius:18px}.pts-k{color:#2E5A1C}.pts-i em{color:#2E5A1C}