@font-face{
  font-family:'IRANYekan';
  src:url('/fonts/webfonts/iranyekanwebmediumfanum.woff') format('woff');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

/* ERP Suite command center */
.erp-nav{display:flex!important;flex-direction:column;gap:4px}.erp-nav .nav-section{padding:18px 14px 7px;color:#8ba495;font-size:10px;letter-spacing:.5px}.erp-nav a{display:flex!important;align-items:center;gap:11px}.erp-nav a i{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.08);font-style:normal}.command-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 30px;border-radius:25px;color:#fff;background:linear-gradient(130deg,#063d26,#137547 70%,#27a263);box-shadow:0 20px 50px rgba(6,61,38,.2);overflow:hidden;position:relative}.command-hero:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;left:-70px;bottom:-150px;background:rgba(255,255,255,.08)}.command-hero h1{margin:6px 0;font-size:26px}.command-hero p{margin:0;color:#d7eee1}.command-hero .eyebrow{color:#a7dfbd}.live-pill{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(0,0,0,.12);white-space:nowrap}.live-pill i{width:8px;height:8px;border-radius:50%;background:#75e6a2;box-shadow:0 0 0 6px rgba(117,230,162,.13)}.command-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:18px 0}.command-kpis>div{padding:18px;border:1px solid #dce9e1;border-radius:18px;background:#fff}.command-kpis span,.command-kpis small{display:block;color:#708078}.command-kpis b{display:block;margin:7px 0;font-size:27px;color:#173e2a}.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.module-card{min-height:220px;padding:22px;border:1px solid #dce8e0;border-radius:22px;background:#fff;color:#17231c;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;transition:.2s ease;position:relative;overflow:hidden}.module-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(23,65,40,.1)}.module-card:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;left:-65px;top:-70px;background:#eef8f1}.module-icon{position:relative;z-index:1;width:46px;height:46px;display:grid;place-items:center;border-radius:14px;color:#fff;background:#176b3a;font-size:20px}.module-card small{color:#43815c}.module-card h2{margin:5px 0;font-size:19px}.module-card p{margin:0;color:#6a7870;line-height:1.9}.module-card>b{color:#176b3a;font-size:12px}.module-card.delivery .module-icon{background:#13716e}.module-card.survey .module-icon{background:#9a5d17}.module-card.users .module-icon{background:#365d91}.quick-panel{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:16px}.quick-panel h2{margin:0 0 4px}.quick-panel p{margin:0;color:#76827b}.quick-actions{display:flex;gap:8px;flex-wrap:wrap}.quick-actions a{padding:10px 13px;border-radius:11px;background:#edf8f1;color:#176b3a;text-decoration:none}@media(max-width:900px){.command-kpis{grid-template-columns:1fr 1fr}.module-grid{grid-template-columns:1fr}}@media(max-width:580px){.command-hero,.quick-panel{align-items:flex-start;flex-direction:column}.command-kpis{grid-template-columns:1fr 1fr}.command-hero h1{font-size:21px}.module-card{min-height:205px}}
:root{
  --green:#148a55;
  --green2:#20a865;
  --green3:#0f6f45;
  --green-soft:#eaf7f0;
  --green-soft2:#f5fbf7;
  --bg:#f3f7f5;
  --card:#ffffff;
  --ink:#24332c;
  --muted:#7d8a84;
  --line:#e1ebe5;
  --danger:#d95050;
  --warning:#d89a31;
  --blue:#4f7fd6;
  --shadow:0 8px 28px rgba(28,91,64,.07);
  --radius:18px;
}
*{box-sizing:border-box}
html,body{
  margin:0;min-height:100%;
  font-family:'IRANYekan',Tahoma,Arial,sans-serif;
  background:
    radial-gradient(circle at 90% 0,rgba(32,168,101,.09),transparent 28%),
    linear-gradient(180deg,#f8fbf9 0%,var(--bg) 100%);
  color:var(--ink)
}
body{font-size:13px;line-height:1.8}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font-family:inherit}
.app-shell{min-height:100vh;display:flex}

/* Sidebar - light sales dashboard style */
.sidebar{
  width:252px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbf9 100%);
  color:var(--ink);
  position:fixed;right:0;top:0;bottom:0;
  padding:20px 15px;
  display:flex;flex-direction:column;
  z-index:10;
  border-left:1px solid var(--line);
  box-shadow:-6px 0 24px rgba(28,91,64,.035)
}
.logo-box{
  display:flex;align-items:center;gap:11px;
  padding:2px 7px 20px;
  border-bottom:1px solid var(--line)
}
.logo-mark,.big-m{
  background:linear-gradient(145deg,var(--green),var(--green2));
  color:#fff;font-weight:900;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 7px 18px rgba(20,138,85,.18)
}
.logo-mark{width:42px;height:42px;border-radius:13px}
.logo-box b{display:block;color:#275440;letter-spacing:.6px;font-size:14px}
.logo-box span{display:block;font-size:9px;color:#92a098;margin-top:2px}
.sidebar nav{display:grid;gap:6px;margin-top:20px}
.sidebar nav a{
  position:relative;
  padding:11px 13px;
  border-radius:11px;
  color:#5d6d65;
  font-size:11.5px;
  font-weight:700;
  transition:.15s
}
.sidebar nav a:hover{
  background:var(--green-soft);
  color:var(--green3)
}
.sidebar nav a:before{
  content:"";
  width:6px;height:6px;border-radius:50%;
  background:#c6d5cd;
  display:inline-block;margin-left:8px
}
.sidebar nav a:hover:before{background:var(--green2)}
.sidebar-foot{
  margin-top:auto;
  border-top:1px solid var(--line);
  padding-top:15px
}
.me{display:flex;align-items:center;gap:9px}
.avatar{
  width:39px;height:39px;border-radius:12px;
  background:var(--green-soft);
  display:flex;align-items:center;justify-content:center;
  font-weight:800;color:var(--green3);flex:none
}
.sidebar .avatar{
  background:linear-gradient(145deg,#e6f5ed,#f3faf6);
  color:var(--green3);
  border:1px solid #d5eadf
}
.me b{display:block;font-size:11px;color:#31483d}
.me span{display:block;font-size:9px;color:#96a099;margin-top:2px}
.logout{
  display:block;margin-top:10px;
  color:#b44b4b;font-size:9.5px
}

/* Main */
.main{
  margin-right:252px;width:calc(100% - 252px);
  min-height:100vh;display:flex;flex-direction:column
}
.content{
  max-width:1420px;width:100%;
  margin:0 auto;padding:28px 30px;flex:1
}
.mobile-head{
  display:none;
  background:#fff;
  color:#29513f;
  padding:13px 16px;
  border-bottom:1px solid var(--line);
  box-shadow:0 5px 18px rgba(28,91,64,.05)
}

/* Hero / title */
.hero,.page-title{
  display:flex;justify-content:space-between;align-items:flex-end;
  gap:20px;margin-bottom:20px
}
.hero{
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,#ffffff 0%,#f4fbf7 100%);
  border:1px solid #dfeae4;
  border-radius:22px;
  padding:24px 26px;
  box-shadow:var(--shadow)
}
.hero:after{
  content:"";
  position:absolute;left:-45px;top:-55px;
  width:150px;height:150px;border-radius:50%;
  background:rgba(32,168,101,.06)
}
.eyebrow{
  font-size:9px;letter-spacing:.7px;
  color:var(--green);font-weight:800
}
.hero h1,.page-title h1{
  margin:5px 0 4px;
  font-size:24px;
  color:#244c3a;
  font-weight:800
}
.hero p,.page-title p,.section-title p,.card-head p{
  margin:0;color:var(--muted);font-size:10.5px;line-height:1.9
}

/* KPI cards */
.stats{
  display:grid;grid-template-columns:repeat(5,1fr);
  gap:12px;margin-bottom:17px
}
.stat{
  position:relative;overflow:hidden;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:15px 17px;
  box-shadow:0 6px 18px rgba(28,91,64,.045)
}
.stat:before{
  content:"";
  position:absolute;right:0;top:0;bottom:0;width:3px;
  background:var(--green)
}
.stat span{display:block;color:var(--muted);font-size:9.5px;font-weight:700}
.stat b{
  display:block;font-size:25px;
  margin-top:5px;color:#285d44;font-weight:800
}
.stat.success b{color:var(--green)}
.stat.accent b{color:#285d44}

/* Cards */
.card,.filter-card{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:18px;
  box-shadow:var(--shadow)
}
.card-head,.section-title{
  display:flex;justify-content:space-between;align-items:center;
  margin-bottom:15px
}
.card-head h2,.section-title h2{
  margin:0 0 3px;
  font-size:14px;color:#2c5140;font-weight:800
}
.card-head h2:before,.section-title h2:before{
  content:"";display:inline-block;
  width:4px;height:16px;border-radius:5px;
  background:var(--green);
  margin-left:7px;vertical-align:-3px
}
.text-link{color:var(--green);font-size:10px;font-weight:700}

/* Tables */
.table-wrap{
  overflow:auto;
  border:1px solid #e7eee9;
  border-radius:13px
}
table{width:100%;border-collapse:collapse;min-width:850px;background:#fff}
th,td{
  text-align:right;
  border-bottom:1px solid #edf2ef;
  padding:12px 10px;
  font-size:10.5px
}
th{
  color:#728079;
  font-weight:700;
  background:#f5f9f7
}
tbody tr{transition:.13s}
tbody tr:hover{background:#f8fcfa}
.user-cell{display:flex;align-items:center;gap:9px}
.user-cell b{display:block;font-size:11.5px;color:#2a4036}
.user-cell small{display:block;color:#9aa59f;margin-top:2px;font-size:9px}
.status{
  display:inline-flex;align-items:center;gap:5px;
  padding:4px 9px;border-radius:999px;font-size:9px;font-weight:700
}
.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.status.on{background:#e9f7ef;color:#177b49}
.status.off{background:#f2f4f3;color:#7c8781}

/* Role chips */
.chips{display:flex;flex-wrap:wrap;gap:4px}
.chip{
  padding:4px 8px;border-radius:999px;
  font-size:8.5px;
  background:#eef7f2;
  color:#397158;
  border:1px solid #dcebe3
}
.chip.red,.role-dot.red{background:#fff0f0;color:#a94141}
.chip.black,.role-dot.black{background:#edf3ef;color:#2f5e49}
.chip.orange,.role-dot.orange{background:#fff5e7;color:#9d6b19}
.chip.blue,.role-dot.blue{background:#eef4ff;color:#3e67ab}
.chip.purple,.role-dot.purple{background:#f5efff;color:#7552a6}
.chip.green,.role-dot.green{background:#e9f7ef;color:#16814a}
.chip.darkgreen,.role-dot.darkgreen{background:#ddf0e5;color:#0e6638}
.chip.cyan,.role-dot.cyan{background:#eaf8f8;color:#25787b}
.chip.gold,.role-dot.gold{background:#fff8df;color:#876d18}
.chip.brown,.role-dot.brown{background:#f4ece6;color:#6c4b35}
.chip.pink,.role-dot.pink{background:#fff0f5;color:#9b4d6d}

/* Buttons */
.btn{
  border:0;border-radius:10px;
  padding:9px 13px;
  font-family:inherit;font-size:10px;
  cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;
  transition:.15s
}
.btn:hover{transform:translateY(-1px)}
.btn.primary{
  background:linear-gradient(135deg,var(--green),var(--green2));
  color:#fff;
  box-shadow:0 6px 16px rgba(20,138,85,.18)
}
.btn.dark{
  background:#eaf5ef;
  color:#255c43;
  border:1px solid #d7e9df
}
.btn.ghost{
  background:#f4f7f5;color:#4c5f55;
  border:1px solid #e2e9e5
}
.btn.tiny{
  padding:6px 9px;font-size:9px;
  background:#f2f7f4;color:#426454
}
.btn.wide{width:100%;margin-top:14px}

/* Filters / forms */
.filters{
  display:grid;grid-template-columns:2fr 1fr 1fr auto auto;
  gap:9px
}
.filter-card{margin-bottom:14px;background:#fbfdfc}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
label{
  display:block;font-size:9.5px;font-weight:700;
  margin-bottom:5px;color:#5d6e65
}
input,select,textarea{
  width:100%;
  border:1px solid #dce6e0;
  background:#fff;
  border-radius:10px;
  padding:10px 11px;
  font-family:inherit;
  font-size:10px;
  color:#2e3e36;
  outline:none
}
input:focus,select:focus,textarea:focus{
  border-color:#8dc8a9;
  box-shadow:0 0 0 3px rgba(20,138,85,.07)
}
.form-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.roles-card{margin-top:14px}
.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.role-option,.perm-option{
  border:1px solid var(--line);
  border-radius:12px;
  padding:11px;
  display:flex;gap:9px;align-items:center;
  cursor:pointer;margin:0;
  background:#fff
}
.role-option:hover,.perm-option:hover{background:#f8fcfa;border-color:#cee3d7}
.role-option input,.perm-option input{width:auto;accent-color:var(--green)}
.role-dot{width:11px;height:11px;border-radius:50%;display:block;flex:none}
.role-dot.big{width:15px;height:15px}
.role-option b,.perm-option b{display:block;font-size:10.5px;color:#344a40}
.role-option small,.perm-option small{
  display:block;color:#9aa59f;font-size:8px;
  margin-top:2px;direction:ltr;text-align:right
}
.sticky-actions{
  position:sticky;bottom:12px;margin-top:14px;
  background:rgba(255,255,255,.93);
  backdrop-filter:blur(10px);
  border:1px solid var(--line);
  border-radius:14px;padding:9px;
  display:flex;gap:8px;z-index:3
}
.row-actions{display:flex;gap:5px}

/* Roles dashboard */
.role-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.role-admin-card{
  background:#fff;border:1px solid var(--line);
  border-radius:16px;padding:16px;box-shadow:0 5px 18px rgba(28,91,64,.04)
}
.role-head{display:flex;justify-content:space-between}
.role-admin-card h3{margin:12px 0 5px;font-size:13px;color:#315342}
.role-admin-card code{font-size:8.5px;color:#8c9892}
.role-metrics{
  display:flex;gap:22px;
  border-top:1px solid #edf2ef;border-bottom:1px solid #edf2ef;
  margin:13px 0;padding:10px 0
}
.role-metrics b{display:block;color:#285d44}
.role-metrics span{font-size:8px;color:#9aa59f}
.permission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.narrow{max-width:500px}

/* Alerts */
.alert{
  padding:11px 13px;border-radius:11px;
  margin-bottom:14px;font-size:10px;border:1px solid transparent
}
.alert.success{background:#eaf8f0;color:#167747;border-color:#d5eddf}
.alert.danger{background:#fff2f2;color:#a74545;border-color:#f0d9d9}
footer{text-align:center;color:#9aa59f;font-size:9px;padding:18px}

/* Login - light, green */
.login-page{
  background:
    radial-gradient(circle at 20% 10%,rgba(32,168,101,.12),transparent 30%),
    linear-gradient(160deg,#f7fbf9,#ecf6f0);
  min-height:100vh;
  display:flex;align-items:center;justify-content:center
}
.login-wrap{
  width:min(900px,94vw);
  display:grid;grid-template-columns:1fr 420px;
  gap:24px;align-items:center
}
.login-brand{
  color:#26513d;
  padding:30px
}
.big-m{
  width:68px;height:68px;
  border-radius:21px;font-size:33px
}
.login-brand h1{
  font-size:30px;margin:18px 0 7px;
  color:#275541
}
.login-brand p{color:#7c8c84}
.login-card{
  background:#fff;
  border:1px solid #dfeae4;
  border-radius:22px;
  padding:27px;
  box-shadow:0 22px 60px rgba(31,111,75,.12)
}
.login-card label{margin-top:13px}

/* Responsive */
@media(max-width:1000px){
  .stats{grid-template-columns:repeat(3,1fr)}
  .role-grid,.permission-grid,.role-admin-grid{grid-template-columns:repeat(2,1fr)}
  .filters{grid-template-columns:1fr 1fr}
  .form-layout{grid-template-columns:1fr}
}
@media(max-width:760px){
  .sidebar{display:none}
  .main{margin-right:0;width:100%}
  .mobile-head{display:block}
  .content{padding:18px 11px}
  .hero,.page-title{align-items:flex-start;flex-direction:column}
  .stats{grid-template-columns:1fr 1fr}
  .role-grid,.permission-grid,.role-admin-grid{grid-template-columns:1fr}
  .filters{grid-template-columns:1fr}
  .login-wrap{grid-template-columns:1fr}
  .login-brand{display:none}
  .grid2{grid-template-columns:1fr}
  .hero h1,.page-title h1{font-size:21px}
}

/* =========================================================
   Advanced ERP Navigation v1.1
   ========================================================= */
:root{--sidebar-wide:292px;--sidebar-mini:86px;--nav-ink:#10271c;--nav-muted:#799087;--nav-hover:#f0f8f3;--nav-active:#e7f6ed;--nav-line:#e3ede7;--topbar-h:74px}
.erp-body{overflow-x:hidden}.erp-body .app-shell{display:flex}.advanced-sidebar{width:var(--sidebar-wide);padding:0;background:rgba(252,254,253,.96);backdrop-filter:blur(18px);border-left:1px solid var(--nav-line);box-shadow:-12px 0 38px rgba(17,73,47,.055);transition:width .24s ease,transform .24s ease;overflow:visible;z-index:60}.brand-panel{height:76px;padding:14px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--nav-line)}.brand-main{display:flex;align-items:center;gap:11px;min-width:0;flex:1}.brand-symbol{width:44px;height:44px;display:grid;place-items:center;flex:none;border-radius:14px;color:#fff;background:linear-gradient(145deg,#087344,#20ae69);font-size:20px;font-weight:900;box-shadow:0 10px 24px rgba(9,116,68,.22);position:relative}.brand-symbol:after{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,255,.2);border-radius:10px}.brand-copy{min-width:0;line-height:1.25}.brand-copy b{display:block;color:#174a32;font-size:14px;letter-spacing:1.4px}.brand-copy small{display:block;color:#91a098;font-size:8px;letter-spacing:.8px;margin-top:4px}.sidebar-collapse,.mobile-menu,.top-icon,.top-search{border:0;background:none;cursor:pointer}.sidebar-collapse{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;color:#80948a}.sidebar-collapse:hover{background:#edf6f0;color:#147148}.sidebar-collapse svg,.mobile-menu svg,.top-icon svg,.top-search svg,.profile-logout svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-search{width:calc(100% - 30px);height:44px;margin:14px 15px 6px;padding:0 12px;border:1px solid #dce9e1;border-radius:13px;background:#f6faf7;color:#7a8d83;display:flex;align-items:center;gap:9px;font:inherit;cursor:pointer;transition:.15s}.nav-search:hover{background:#fff;border-color:#b8d9c6;box-shadow:0 8px 20px rgba(20,99,59,.07)}.nav-search svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}.nav-search span{font-size:10px;flex:1;text-align:right}.nav-search kbd,.top-search kbd{font-family:inherit;font-size:8px;padding:2px 6px;border:1px solid #dae5df;border-bottom-width:2px;border-radius:6px;background:#fff;color:#95a49c}.sidebar-scroll{min-height:0;overflow-y:auto;overflow-x:hidden;flex:1;padding:4px 12px 18px;scrollbar-width:thin;scrollbar-color:#d5e5db transparent}.workspace-nav{display:block!important;margin:0!important}.nav-workspace{margin:5px 0}.workspace-title{width:100%;min-height:58px;padding:7px 8px;border:0;border-radius:14px;background:transparent;display:flex;align-items:center;gap:10px;color:var(--nav-ink);font:inherit;cursor:pointer;text-align:right;transition:.15s}.workspace-title:hover{background:#f4f9f6}.workspace-glyph{width:36px;height:36px;display:grid;place-items:center;flex:none;border-radius:11px}.workspace-glyph svg,.command-results i svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.workspace-glyph.green,.command-results i.green{background:#e5f7ec;color:#12804c}.workspace-glyph.cyan,.command-results i.cyan{background:#e6f7f7;color:#167a79}.workspace-glyph.gold,.command-results i.gold{background:#fff4dc;color:#a66a0f}.workspace-glyph.blue,.command-results i.blue{background:#ebf1ff;color:#496daa}.workspace-glyph.gray{background:#eef2f0;color:#697a71}.workspace-title>span:nth-child(2){min-width:0;flex:1}.workspace-title b,.workspace-title small{display:block}.workspace-title b{font-size:11px;color:#263c31}.workspace-title small{font-size:8px;color:#9aa8a0;margin-top:1px;direction:ltr;text-align:right;white-space:nowrap}.workspace-title>i{width:18px;height:18px;display:grid;place-items:center;color:#9ba9a1;transition:transform .2s}.workspace-title>i svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}.nav-workspace.is-open .workspace-title>i{transform:rotate(180deg)}.workspace-links{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s ease;overflow:hidden;margin-right:45px}.workspace-links:before{content:"";position:absolute}.nav-workspace.is-open .workspace-links{grid-template-rows:1fr}.workspace-links>a{min-height:0!important;height:0!important;opacity:0!important;overflow:hidden;padding:0 12px!important;border-radius:10px!important;color:#687a70!important;display:flex!important;align-items:center!important;gap:8px!important;font-size:10px!important;font-weight:600!important;transition:height .2s,opacity .18s,padding .2s,background .15s!important}.nav-workspace.is-open .workspace-links>a{height:38px!important;opacity:1!important;padding:7px 12px!important}.workspace-links>a:before{content:""!important;width:5px!important;height:5px!important;margin:0 0 0 6px!important;background:#c6d6cd!important}.workspace-links>a span{flex:1}.workspace-links>a em{font-style:normal;font-size:8px;color:#9aaba2}.workspace-links>a:hover{background:var(--nav-hover)!important;color:#176f46!important}.workspace-links>a.is-active{background:linear-gradient(90deg,#e6f6ec,#f2faf5)!important;color:#0d7243!important;box-shadow:inset -3px 0 #15945a}.workspace-links>a.is-active:before{background:#15945a!important;box-shadow:0 0 0 4px rgba(21,148,90,.12)}.nav-badge{padding:2px 6px;border-radius:999px;background:#e9f2ed;color:#5e7669!important}.nav-badge.live{background:#e4f8eb;color:#16804c!important}.health-dot{width:7px;height:7px;border-radius:50%;background:#24b96d;box-shadow:0 0 0 4px rgba(36,185,109,.12)}.nav-divider{display:flex;align-items:center;gap:9px;margin:16px 8px 7px;color:#a0ada6;font-size:8px}.nav-divider:after{content:"";height:1px;flex:1;background:#e7eee9}.sidebar-profile{margin-top:auto;padding:13px 15px;display:flex;align-items:center;gap:10px;border-top:1px solid var(--nav-line);background:rgba(248,251,249,.9)}.profile-avatar{width:39px;height:39px;display:grid;place-items:center;position:relative;flex:none;border-radius:12px;background:linear-gradient(145deg,#dff3e7,#f3faf6);color:#0f7344;font-weight:800;border:1px solid #d1e7da}.profile-avatar i{position:absolute;left:-1px;bottom:-1px;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#22b66b}.profile-copy{min-width:0;flex:1}.profile-copy b,.profile-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-copy b{font-size:10px;color:#2a4135}.profile-copy span{font-size:8px;color:#96a49c}.profile-logout{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#b35353}.profile-logout:hover{background:#fff0f0}.erp-body .main{margin-right:var(--sidebar-wide);width:calc(100% - var(--sidebar-wide));transition:margin .24s ease,width .24s ease}.erp-topbar{height:var(--topbar-h);padding:0 28px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:35;background:rgba(249,252,250,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(220,234,225,.9)}.topbar-start,.topbar-actions{display:flex;align-items:center;gap:11px}.mobile-menu{display:none;width:40px;height:40px;place-items:center;border-radius:12px;color:#38614c}.page-context span,.page-context b{display:block}.page-context span{font-size:8px;color:#91a199;letter-spacing:.3px}.page-context b{font-size:13px;color:#254635;margin-top:2px}.top-search{height:38px;padding:0 12px;display:flex;align-items:center;gap:7px;border:1px solid #dfe9e3;border-radius:11px;background:#fff;color:#778a80;font:inherit}.top-search span{font-size:9px}.top-icon{width:39px;height:39px;display:grid;place-items:center;position:relative;border:1px solid #e0eae4;border-radius:11px;background:#fff;color:#667b70}.top-icon i{position:absolute;right:8px;top:7px;width:7px;height:7px;border:2px solid #fff;border-radius:50%;background:#ef6a5d}.quick-create{height:39px;padding:0 13px;display:flex;align-items:center;gap:7px;border-radius:11px;color:#fff;background:linear-gradient(135deg,#0c7545,#20a965);box-shadow:0 8px 20px rgba(12,117,69,.17);font-size:9px}.quick-create svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}.erp-body .content{padding-top:24px}.erp-footer{padding:15px 30px;display:flex;justify-content:space-between;color:#9aa8a0;font-size:8px;border-top:1px solid #e6eee9}.sidebar-overlay{display:none}.command-palette{width:min(620px,calc(100% - 28px));padding:0;border:0;border-radius:20px;background:transparent;box-shadow:0 34px 100px rgba(6,31,18,.32)}.command-palette::backdrop{background:rgba(8,25,16,.48);backdrop-filter:blur(5px)}.command-box{overflow:hidden;border:1px solid rgba(255,255,255,.65);border-radius:20px;background:#fff}.command-box>header{height:65px;padding:0 17px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #e7eee9}.command-box>header svg{width:20px;height:20px;fill:none;stroke:#789087;stroke-width:2}.command-box>header input{height:100%;padding:0;border:0;box-shadow:none!important;background:transparent;font-size:13px;flex:1}.command-box>header kbd{padding:3px 8px;border:1px solid #dce6e0;border-radius:7px;background:#f7faf8;color:#8c9b93;font-family:inherit;font-size:8px}.command-hint{padding:10px 17px 5px;display:flex;justify-content:space-between;color:#9aa7a0;font-size:8px}.command-results{padding:8px 10px 14px;max-height:430px;overflow:auto}.command-results a{min-height:58px;padding:8px 10px;display:flex;align-items:center;gap:11px;border-radius:13px}.command-results a:hover,.command-results a.selected{background:#eff8f3}.command-results i{width:37px;height:37px;display:grid;place-items:center;flex:none;border-radius:11px}.command-results span{flex:1}.command-results b,.command-results small{display:block}.command-results b{font-size:10px;color:#283d32}.command-results small{font-size:8px;color:#9aa7a0;margin-top:2px}.command-results em{font-style:normal;color:#a6b2ab}.command-empty{display:none;padding:30px;text-align:center;color:#9aa7a0}.sidebar-collapsed .advanced-sidebar{width:var(--sidebar-mini)}.sidebar-collapsed .erp-body .main,.sidebar-collapsed .main{margin-right:var(--sidebar-mini);width:calc(100% - var(--sidebar-mini))}.sidebar-collapsed .brand-copy,.sidebar-collapsed .nav-search span,.sidebar-collapsed .nav-search kbd,.sidebar-collapsed .workspace-title>span:nth-child(2),.sidebar-collapsed .workspace-title>i,.sidebar-collapsed .nav-divider span,.sidebar-collapsed .profile-copy{display:none}.sidebar-collapsed .brand-panel{padding:14px 12px;justify-content:center}.sidebar-collapsed .brand-main{flex:0}.sidebar-collapsed .sidebar-collapse{position:absolute;left:-15px;background:#fff;border:1px solid #dce9e1;box-shadow:0 5px 16px rgba(17,73,47,.1)}.sidebar-collapsed .nav-search{width:44px;padding:0;justify-content:center;margin:14px auto 6px}.sidebar-collapsed .workspace-title{justify-content:center}.sidebar-collapsed .workspace-links{display:none}.sidebar-collapsed .nav-divider{margin:14px}.sidebar-collapsed .nav-divider:after{width:100%}.sidebar-collapsed .sidebar-profile{justify-content:center}.sidebar-collapsed .profile-logout{display:none}
@media(max-width:900px){.advanced-sidebar{transform:translateX(105%);width:286px!important}.erp-body .main,.sidebar-collapsed .main{margin-right:0!important;width:100%!important}.erp-topbar{padding:0 15px}.mobile-menu{display:grid}.sidebar-mobile-open .advanced-sidebar{transform:translateX(0)}.sidebar-mobile-open .sidebar-overlay{display:block;position:fixed;inset:0;z-index:55;background:rgba(8,29,18,.36);backdrop-filter:blur(2px)}.sidebar-collapsed .brand-copy,.sidebar-collapsed .nav-search span,.sidebar-collapsed .nav-search kbd,.sidebar-collapsed .workspace-title>span:nth-child(2),.sidebar-collapsed .workspace-title>i,.sidebar-collapsed .profile-copy{display:block}.sidebar-collapsed .brand-panel{padding:14px 16px;justify-content:initial}.sidebar-collapsed .brand-main{flex:1}.sidebar-collapsed .sidebar-collapse{position:static;background:transparent;border:0;box-shadow:none}.sidebar-collapsed .nav-search{width:calc(100% - 30px);padding:0 12px;justify-content:initial;margin:14px 15px 6px}.sidebar-collapsed .workspace-title{justify-content:initial}.sidebar-collapsed .workspace-links{display:grid}.sidebar-collapsed .nav-divider{margin:16px 8px 7px}.sidebar-collapsed .sidebar-profile{justify-content:initial}.sidebar-collapsed .profile-logout{display:grid}.quick-create span,.top-search span{display:none}}
@media(max-width:560px){.erp-topbar{height:64px}.page-context span{display:none}.page-context b{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-search{width:39px;padding:0;justify-content:center}.topbar-actions{gap:6px}.quick-create{width:39px;padding:0;justify-content:center}.erp-body .content{padding:16px 11px}.erp-footer{padding:13px 15px}.erp-footer span:last-child{display:none}}
@media(max-width:900px){.advanced-sidebar{display:flex}}