:root{
  --bg:#f4eee2;
  --bg-2:#efe6d4;
  --card:#fffdf8;
  --ink:#1c1710;
  --muted:#5a5146;
  --line:#e6d9c4;
  --gold:#b8860b;
  --gold-2:#d4a017;
  --shadow:0 16px 36px rgba(80,55,20,.12);
  --radius:16px;
  --dash:#c9a227;
  --mfg:#5b4db8;
  --stock:#0f766e;
  --purchase:#2563eb;
  --sales:#15803d;
  --oldgold:#c2410c;
  --repair:#0891b2;
  --karigar:#7c3aed;
  --acct:#1e3a5f;
  --reports:#0f766e;
  --settings:#475569;
}
*{box-sizing:border-box}
html,body{background:
  radial-gradient(900px 420px at 8% -10%, rgba(255,244,220,.9), transparent 55%),
  linear-gradient(180deg,var(--bg) 0%, var(--bg-2) 100%) fixed;
  color:var(--ink);font-family:"Segoe UI",Arial,sans-serif}
body{margin:0}
.c,.container{padding-bottom:28px}
h1,h2,h3{letter-spacing:.2px;color:#14110c;font-weight:800}
h2{margin:12px 0 10px;font-size:26px}
h3{margin:0 0 10px;font-size:16px}
.sgh-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:8px 0 12px;padding:12px 16px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.sgh-brand{font-weight:800;font-size:15px}
.sgh-top-meta{display:flex;gap:14px;flex-wrap:wrap;align-items:center;font-size:13px;font-weight:650;color:var(--muted)}
.sgh-top-meta a{color:#7a5a10;font-weight:800;text-decoration:none}
.menu{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:var(--shadow)}
.menu a{transition:all .2s ease;color:#2a241c;background:#f7f1e6;border:1px solid var(--line);border-radius:10px;padding:8px 10px;text-decoration:none;font-weight:650;font-size:13px}
.menu a:hover{transform:translateY(-1px);border-color:#d4b56a;background:#fff8ea}
.menu .a,.menu a.active{background:var(--gold)!important;color:#fff!important;font-weight:800;border-color:#a07409}
.menu .menu-group{margin:8px 0 8px;padding:6px 10px;border-radius:10px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:800}
.menu .menu-group.group-dashboard{background:#fff6d8;border:1px solid #ead59a;color:#7a5a10}
.menu .menu-group.group-inventory{background:#e7f7f3;border:1px solid #b7e2d8;color:#0f766e}
.menu .menu-group.group-purchase{background:#e8f0fe;border:1px solid #c5d8fb;color:#1d4ed8}
.menu .menu-group.group-sales{background:#e9f8ee;border:1px solid #bfe8cb;color:#15803d}
.menu .menu-group.group-accounting{background:#e8eef6;border:1px solid #c5d0e0;color:#1e3a5f}
.menu .menu-group.group-partners,.menu .menu-group.group-crm{background:#f3e8ff;border:1px solid #ddc6f8;color:#6b21a8}
.menu .menu-group.group-users{background:#eeeef3;border:1px solid #d5d5e0;color:#334155}
.menu .menu-group.group-settings{background:#eef1f4;border:1px solid #d5dce3;color:#475569}
.menu .menu-group.group-shared{background:#fff3e6;border:1px solid #f0d0a8;color:#9a3412}
.card,.form,.section{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}
input,select,textarea{border:1px solid #d7cbb6;background:#fff;color:var(--ink);outline:none;border-radius:10px;padding:9px 10px;font-size:14px;font-weight:600}
input:focus,select:focus,textarea:focus{border-color:#c9a227;box-shadow:0 0 0 3px rgba(184,134,11,.16)}
table{border-radius:12px;overflow:hidden;background:#fff;width:100%;border-collapse:collapse}
thead th{background:#f6efe2;color:#1c1710;position:sticky;top:0;z-index:2;font-weight:800}
th,td{vertical-align:middle;padding:9px 10px;border-bottom:1px solid #efe4d2;font-size:13px}
tbody tr:hover{background:#fff8ea}
button,.btn{transition:transform .14s ease,box-shadow .14s ease;background:linear-gradient(#d4a017,#b8860b);color:#fff;border:0;border-radius:999px;padding:10px 14px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-block}
button:hover,.btn:hover{transform:translateY(-1px);box-shadow:0 8px 16px rgba(80,55,20,.18)}
.ok,.err{display:inline-block;padding:8px 12px;border-radius:8px;margin-top:10px;font-weight:700}
.ok{background:#e8f6ec;border:1px solid #b7e0c2;color:#14532d}
.err{background:#fdecec;border:1px solid #f2b4b4;color:#7f1d1d}
.badge,.chip{border:1px solid #ead59a;background:#fff6d8;color:#7a5a10;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:800}
.badge-green,.b-pass{background:#dcfce7;color:#166534;border-color:#bbf7d0}
.badge-orange{background:#ffedd5;color:#9a3412;border-color:#fdba74}
.badge-red,.b-fail{background:#fee2e2;color:#991b1b;border-color:#fecaca}
.badge-purple,.b-rework{background:#ede9fe;color:#5b21b6;border-color:#ddd6fe}
.badge-gray{background:#f1f5f9;color:#334155;border-color:#e2e8f0}
.ui-sidebar-toggle,.ui-sidebar-overlay{display:none}
label{font-weight:650;font-size:13px;color:#3b342b}
.value{font-size:28px;font-weight:800;letter-spacing:-.3px}
.menu a.group-dashboard{border-left:4px solid var(--dash)}
.menu a.group-inventory{border-left:4px solid var(--stock)}
.menu a.group-purchase{border-left:4px solid var(--purchase)}
.menu a.group-sales{border-left:4px solid var(--sales)}
.menu a.group-accounting{border-left:4px solid var(--acct)}
.menu a.group-partners{border-left:4px solid var(--karigar)}
.menu a.group-crm{border-left:4px solid var(--oldgold)}
.menu a.group-users{border-left:4px solid var(--settings)}
.menu a.group-settings{border-left:4px solid var(--settings)}
.menu a.group-shared{border-left:4px solid var(--gold)}
@media (min-width: 1000px){
  body.has-sidebar .menu{position:fixed;left:14px;top:14px;bottom:14px;width:250px;overflow:auto;border-radius:18px;padding:12px;z-index:50}
  body.has-sidebar .menu a{display:block;margin:0 0 8px 0;width:100%;font-size:13px}
  body.has-sidebar .c,body.has-sidebar .container{max-width:none!important;margin-left:284px!important;padding-right:20px!important}
  body.has-sidebar .sgh-topbar{margin-left:0}
}
@media (max-width: 999px){
  .ui-sidebar-toggle{display:flex;position:fixed;left:12px;top:12px;z-index:80;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:12px;background:var(--gold);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 8px 16px rgba(80,55,20,.25)}
  body.has-sidebar .menu{position:fixed;left:0;top:0;bottom:0;width:270px;max-width:86vw;transform:translateX(-110%);transition:transform .22s ease;z-index:90;border-radius:0;overflow:auto;padding-top:60px}
  body.has-sidebar.sidebar-open .menu{transform:translateX(0)}
  .ui-sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(40,30,10,.35);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:70}
  body.has-sidebar.sidebar-open .ui-sidebar-overlay{opacity:1;pointer-events:auto}
  body.has-sidebar .c,body.has-sidebar .container{padding-top:58px!important}
  body.has-sidebar h2{padding-left:42px}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .grid2{grid-template-columns:1fr!important}
}
@media (max-width: 560px){
  .cards{grid-template-columns:1fr 1fr!important}
  table{display:block;overflow-x:auto}
}
@keyframes uiFadeUp{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}

/* Force readable cream theme over leftover dark page styles */
html body{
  background:
    radial-gradient(900px 420px at 8% -10%, rgba(255,244,220,.9), transparent 55%),
    linear-gradient(180deg,#f4eee2 0%, #efe6d4 100%) fixed !important;
  color:#1c1710 !important;
}
html body .card,html body .form,html body .section,html body .wrap{
  background:#fffdf8 !important;
  color:#1c1710 !important;
  border-color:#e6d9c4 !important;
  box-shadow:0 16px 36px rgba(80,55,20,.12) !important;
}
html body input,html body select,html body textarea{
  background:#fff !important;
  color:#1c1710 !important;
  border-color:#d7cbb6 !important;
}
html body thead th{background:#f6efe2 !important;color:#1c1710 !important}
html body a{color:#7a5a10}
html body .menu a{color:#2a241c}