/* Base framework: Nuts 'N More dashboard theme (from Nuts_N_More_Dashboard_FRESH) */
:root{--primary:#f8981d;--bg:#f4f5f2;--surface:#fff;--text:#34383b;--muted:#777f82;--line:#e5e8e3;--green:#91b52e;--shadow:0 2px 18px rgba(27,38,73,.035)}*{box-sizing:border-box}body{margin:0;font:14px Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}body.dark{--bg:#151925;--surface:#202635;--text:#f2f4fb;--muted:#a5adc0;--line:#343b4d;--shadow:none}button,input{font:inherit}button{cursor:pointer}.app{display:flex;min-height:100vh}.sidebar{width:252px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--line);padding:28px 16px;transition:.25s;position:sticky;top:0;height:100vh;overflow:auto}.logo{font-size:25px;font-weight:800;color:var(--primary);padding:0 15px 35px;letter-spacing:-1.4px}.logo span{color:var(--text)}.nav-title{font-size:10px;font-weight:800;letter-spacing:1.6px;color:var(--muted);margin:26px 14px 12px}.nav{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:0;border-radius:9px;background:transparent;color:var(--muted);text-align:left;font-weight:600;margin:3px 0}.nav:hover,.nav.active{background:#fff0da;color:var(--primary)}.dark .nav.active,.dark .nav:hover{background:#4b3b28}.nav svg{width:19px;height:19px;flex-shrink:0}.nav .chev{margin-left:auto;font-size:16px}.main{flex:1;min-width:0}.topbar{height:82px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:18px}.top-left,.top-right{display:flex;align-items:center;gap:18px}.icon-btn{border:0;background:transparent;color:var(--muted);font-size:22px;padding:7px;border-radius:9px}.icon-btn:hover{background:var(--bg)}.search{background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:12px 15px;width:290px;color:var(--text);outline:none}.avatar{background:#fff0da;color:var(--primary);border-radius:50%;height:38px;width:38px;display:grid;place-items:center;font-weight:800}.content{padding:30px 32px 50px;max-width:1600px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.heading h1{font-size:23px;margin:0;font-weight:750}.sub{color:var(--muted);font-size:12px;margin-top:6px}.pill{border:1px solid var(--line);background:var(--surface);padding:10px 13px;border-radius:8px;color:var(--muted)}.grid{display:grid;gap:22px}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:23px;box-shadow:var(--shadow);min-width:0}.stat{display:flex;justify-content:space-between;align-items:center}.stat h2{font-size:30px;letter-spacing:-1px;margin:12px 0 7px}.stat-icon{height:53px;width:53px;display:grid;place-items:center;border-radius:12px;font-size:25px;background:#fff0da;color:var(--primary)}.stat-icon.orange{background:#fff1e4;color:#fb923c}.stat-icon.green{background:#eef7d8;color:#6e9724}.change{color:var(--green);font-size:12px;font-weight:700}.change.neg{color:#ef4444}.mid{grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);margin-top:22px}.card-title{font-size:16px;font-weight:750;margin:0 0 7px}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.tabs{display:flex;gap:7px}.tabs button{border:0;background:var(--bg);color:var(--muted);border-radius:7px;padding:8px 12px;font-size:12px}.tabs button.active{background:var(--primary);color:white}.chart-wrap{height:275px;margin-top:24px}.donut-wrap{height:225px;margin:15px auto;max-width:280px}.legend{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;font-size:12px;color:var(--muted)}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.triple{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:22px}.metric{font-size:24px;font-weight:800;margin:12px 0}.progress{height:7px;border-radius:9px;background:var(--line);overflow:hidden;margin:20px 0}.progress div{height:100%;border-radius:9px;background:var(--primary)}.bottom{grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);margin-top:22px}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:11px;color:var(--muted);font-weight:600;padding:16px 9px;border-bottom:1px solid var(--line)}td{padding:15px 9px;border-bottom:1px solid var(--line);font-size:12px}td:first-child{font-weight:700}.tag{color:#6e9724;background:#eef7d8;padding:5px 8px;border-radius:5px;font-weight:700}.transaction{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.transaction .ticon{background:#fff0da;color:var(--primary);width:40px;height:40px;border-radius:9px;display:grid;place-items:center;font-size:18px}.transaction strong{display:block;font-size:12px}.transaction small{color:var(--muted);font-size:11px}.amount{margin-left:auto;font-weight:700}.footer{color:var(--muted);text-align:center;padding:26px}.overlay{position:fixed;inset:0;background:#10182855;display:none;z-index:10}.settings{position:fixed;right:-340px;top:0;height:100vh;width:320px;background:var(--surface);z-index:11;padding:28px;box-shadow:0 0 35px #0002;transition:.25s}.settings.open{right:0}.overlay.show{display:block}.setting{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.setting small{display:block;color:var(--muted);margin-top:5px}.switch{width:42px;height:24px;background:#cbd1dc;border:0;border-radius:30px;position:relative}.switch:after{content:"";position:absolute;left:4px;top:4px;width:16px;height:16px;border-radius:50%;background:white;transition:.2s}.switch.on{background:var(--primary)}.switch.on:after{left:22px}.collapsed .sidebar{width:76px}.collapsed .nav-label,.collapsed .nav-title,.collapsed .chev,.collapsed .logo span,.collapsed .logo .word{display:none}.collapsed .logo{font-size:23px;padding-left:10px}.collapsed .nav{justify-content:center}.notice{position:fixed;right:24px;bottom:24px;background:var(--text);color:var(--surface);padding:12px 18px;border-radius:9px;display:none;z-index:15}.mobile-menu{display:none}@media(max-width:1050px){.sidebar{width:210px}.content{padding:22px}.topbar{padding:0 22px}.mid,.bottom{grid-template-columns:1fr}.triple{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.sidebar{position:fixed;left:-260px;z-index:12;width:250px}.mobile-open .sidebar{left:0}.mobile-menu{display:inline-block}.search{width:160px}.topbar{height:70px;padding:0 12px}.content{padding:18px 13px}.stats,.triple{grid-template-columns:1fr}.heading h1{font-size:20px}.card{padding:17px}.hide-mobile{display:none}table{display:block;overflow:auto;white-space:nowrap}}body.rtl .app{direction:rtl}body.rtl .settings{right:auto;left:-340px}body.rtl .settings.open{left:0}

/* Nuts ’N More branded theme */
.logo{display:flex;align-items:center;gap:10px;padding:0 9px 30px;letter-spacing:-.6px;font-size:16px;white-space:nowrap}
.brand-image{height:48px;width:48px;object-fit:contain;flex-shrink:0}
.logo .word{color:var(--text);font-weight:900}.logo .word span{color:var(--primary)}
.collapsed .brand-image{height:42px;width:42px}.collapsed .logo{padding-left:0}
.sidebar{border-right:1px solid var(--line)}
.nav.active{background:linear-gradient(90deg,#fff0da,#f7f8f3);color:#dc7e0c;border-left:3px solid var(--primary)}
.dark .nav.active{background:#443521;color:#ffad46}
.card{border-top:2px solid rgba(248,152,29,.18)}
.card:hover{box-shadow:0 8px 28px rgba(73,75,65,.07)}
.heading h1{letter-spacing:-.7px}.stat-icon.green{background:#eff6d8;color:#729b25}
.tag{background:#edf7d8;color:#628a1b}
.tabs button.active{background:#f8981d}
.avatar{background:#f8981d;color:white}
.progress div{background:#f8981d}
@media(max-width:720px){.logo .word{font-size:14px}}