/* =========================================================
   NHA Billionaire Inventory System — v27 Premium UI
   Cleaned visual layer, smoother interactions, responsive tables
   ========================================================= */
:root{
  --bg:#050609;
  --bg-2:#0b0d12;
  --surface:rgba(255,255,255,.065);
  --surface-2:rgba(255,255,255,.09);
  --surface-3:rgba(255,255,255,.12);
  --line:rgba(255,255,255,.105);
  --line-gold:rgba(236,190,88,.28);
  --text:#fff8e7;
  --text-soft:#d7d0bf;
  --muted:#9c9b99;
  --gold:#d7a842;
  --gold-2:#f5d982;
  --gold-3:#fff2bc;
  --gold-dark:#8b6414;
  --danger:#ef4444;
  --danger-soft:#fecaca;
  --success:#22c55e;
  --success-soft:#bbf7d0;
  --warning:#f59e0b;
  --warning-soft:#fde68a;
  --info:#38bdf8;
  --info-soft:#bae6fd;
  --radius-lg:28px;
  --radius-md:20px;
  --radius-sm:14px;
  --shadow:0 24px 80px rgba(0,0,0,.34);
  --shadow-soft:0 16px 50px rgba(0,0,0,.24);
  --ease:cubic-bezier(.22,1,.36,1);
  --sidebar:292px;
  --font:Inter,"Segoe UI",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{
  margin:0;
  min-width:320px;
  min-height:100vh;
  overflow-x:hidden;
  font-family:var(--font);
  color:var(--text);
  background:
    radial-gradient(circle at 12% 0%,rgba(245,217,130,.20),transparent 30%),
    radial-gradient(circle at 93% 8%,rgba(56,189,248,.055),transparent 24%),
    radial-gradient(circle at 65% 92%,rgba(215,168,66,.10),transparent 32%),
    linear-gradient(135deg,#040507 0%,#090b10 48%,#070604 100%);
  background-attachment:fixed;
  letter-spacing:-.012em;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 80%);
}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
img{max-width:100%}
.hidden{display:none!important}

.app-shell{display:flex;min-height:100vh;width:100%}
.sidebar{
  position:fixed;
  inset:0 auto 0 0;
  width:var(--sidebar);
  height:100vh;
  padding:22px 18px 28px;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  background:
    radial-gradient(circle at 28% -8%,rgba(245,217,130,.18),transparent 34%),
    linear-gradient(180deg,rgba(14,15,19,.94),rgba(5,6,9,.985));
  border-right:1px solid rgba(245,217,130,.15);
  box-shadow:18px 0 60px rgba(0,0,0,.32);
  backdrop-filter:blur(22px) saturate(1.2);
  -webkit-backdrop-filter:blur(22px) saturate(1.2);
  z-index:120;
  transition:transform .28s var(--ease),opacity .28s var(--ease);
  scrollbar-width:thin;
  scrollbar-color:rgba(245,217,130,.48) rgba(255,255,255,.04);
}
.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:rgba(255,255,255,.04);border-radius:999px}.sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(245,217,130,.65),rgba(139,100,20,.48));border-radius:999px}
.brand{display:flex;align-items:center;gap:14px;margin:0 0 24px;padding:12px;border:1px solid rgba(255,255,255,.075);border-radius:24px;background:rgba(255,255,255,.045)}
.logo-nha{width:58px;height:58px;object-fit:contain;border-radius:18px;filter:drop-shadow(0 10px 24px rgba(215,168,66,.22))}
.brand-text h2{margin:0;color:#fff5d5;font-size:18px;line-height:1.1;font-weight:900;letter-spacing:-.04em}
.brand-text span{display:block;margin-top:4px;color:rgba(255,242,188,.56);font-size:11px;line-height:1.25}
.sidebar nav{display:flex;flex-direction:column;gap:8px;padding-bottom:18px}
.nav-section-label{margin:18px 12px 5px;color:rgba(255,242,188,.50);font-size:10.5px;text-transform:uppercase;letter-spacing:.18em;font-weight:900}
.nav-link{position:relative;display:flex!important;align-items:center;gap:12px;min-height:52px;padding:8px 12px;border:1px solid transparent;border-radius:18px;color:rgba(255,255,255,.76);transition:transform .22s var(--ease),background .22s var(--ease),border-color .22s var(--ease),color .22s var(--ease),box-shadow .22s var(--ease);overflow:hidden}
.nav-link::before{content:"";position:absolute;inset:1px;border-radius:17px;background:linear-gradient(135deg,rgba(255,255,255,.07),transparent 48%,rgba(215,168,66,.07));opacity:0;transition:opacity .22s var(--ease);pointer-events:none}
.nav-link:hover,.nav-link.active{color:var(--gold-3);background:linear-gradient(135deg,rgba(215,168,66,.16),rgba(255,255,255,.035));border-color:rgba(245,217,130,.23);transform:translateX(3px);box-shadow:0 10px 34px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06)}
.nav-link:hover::before,.nav-link.active::before{opacity:1}.nav-link.active::after{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:999px;background:linear-gradient(180deg,var(--gold-3),var(--gold),var(--gold-dark));box-shadow:0 0 18px rgba(245,217,130,.55)}
.nav-icon{position:relative;z-index:2;width:38px!important;height:38px!important;flex:0 0 38px!important;display:inline-flex;align-items:center;justify-content:center;border-radius:15px;color:var(--gold-3);background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.46),rgba(255,255,255,.04) 17%,transparent 36%),linear-gradient(145deg,rgba(255,229,149,.2),rgba(215,168,66,.09) 38%,rgba(0,0,0,.28) 80%),linear-gradient(145deg,#1a1917,#06070a);border:1px solid rgba(245,217,130,.35);box-shadow:0 13px 24px rgba(0,0,0,.34),0 0 0 1px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.18),inset 0 -8px 18px rgba(0,0,0,.30),inset 0 0 18px rgba(215,168,66,.08);transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease)}
.nav-icon::after{content:"";position:absolute;inset:1px;border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.16),transparent 42%);opacity:.55;pointer-events:none}.nav-icon-shine{position:absolute;width:46%;height:2px;left:11px;top:4px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,242,188,.9),transparent);opacity:.72;z-index:3;pointer-events:none}.nav-icon svg{position:relative;z-index:2;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 0 rgba(255,255,255,.18)) drop-shadow(0 3px 3px rgba(0,0,0,.55)) drop-shadow(0 0 8px rgba(245,217,130,.22))}.nav-link:hover .nav-icon,.nav-link.active .nav-icon{transform:translateY(-2px) scale(1.035);border-color:rgba(255,242,188,.56);box-shadow:0 18px 34px rgba(0,0,0,.42),0 0 22px rgba(215,168,66,.16),inset 0 1px 0 rgba(255,255,255,.28),inset 0 -10px 20px rgba(0,0,0,.32),inset 0 0 20px rgba(245,217,130,.12)}.nav-label{position:relative;z-index:2;font-size:14px;font-weight:800;white-space:nowrap}.nav-link.logout{margin-top:8px;color:#ffd6d6}.nav-link.logout .nav-icon{color:#ffd6d6;border-color:rgba(255,182,182,.25);background:linear-gradient(145deg,rgba(239,68,68,.16),rgba(0,0,0,.34)),linear-gradient(145deg,#191817,#06070a)}
.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:110}

.main{width:calc(100% - var(--sidebar));margin-left:var(--sidebar);min-width:0;padding:22px 28px 34px;animation:nha-page-enter .42s var(--ease) both}
@keyframes nha-page-enter{from{opacity:0;transform:translateY(10px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
.topbar{position:sticky;top:14px;z-index:90;display:flex;align-items:center;gap:16px;justify-content:space-between;margin-bottom:22px;padding:16px 18px;border:1px solid var(--line);border-radius:24px;background:rgba(12,13,17,.76);box-shadow:0 18px 60px rgba(0,0,0,.30);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2)}
.topbar>div:first-of-type{min-width:0;flex:1}.topbar p{margin:0 0 4px;color:rgba(245,217,130,.72);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:900}.topbar h1{margin:0;color:#fff7dd;font-size:clamp(22px,2.25vw,31px);line-height:1.08;font-weight:900;letter-spacing:-.04em}.menu-toggle{display:none;width:42px;height:42px;align-items:center;justify-content:center;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);color:#fff;font-size:20px}.user-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);color:var(--gold-2);font-size:13px;font-weight:850;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}

.card,.focus-card,.ux-hero,.quick-card,.task-item,.stock-task,.mini-metrics div,.clean-details,.modal-window,.confirm-modal-window,.profile-photo-box,.edit-user-card,.security-box,.login-card{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.038));border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15)}
.card{padding:24px;margin-bottom:22px}.card h2,.section-title,.clean-section-header h2,.modal-header h2,.edit-user-head h2,.security-box h3{margin:0;color:var(--gold-3);font-weight:900;letter-spacing:-.035em}.card h2{font-size:22px}.card-subtitle,.muted,.row-subtext,.task-item small,.stock-task-main small,.mini-metrics span,.profile-photo-box small{color:rgba(255,255,255,.58);font-size:13px;line-height:1.5}.card-subtitle{margin:5px 0 0}.alert{margin:0 0 16px;padding:14px 16px;border-radius:18px;background:rgba(239,68,68,.14);border:1px solid rgba(239,68,68,.30);color:var(--danger-soft);overflow-wrap:anywhere}.success-alert{background:rgba(34,197,94,.14)!important;border-color:rgba(34,197,94,.30)!important;color:var(--success-soft)!important}

.ux-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:0 0 22px;padding:26px;border-radius:30px;background:linear-gradient(135deg,rgba(215,168,66,.16),rgba(255,255,255,.045) 46%,rgba(0,0,0,.44))}.small-hero{padding:22px 24px;border-radius:26px}.ux-hero-copy h2{margin:0;color:var(--gold-3);font-size:clamp(28px,3vw,40px);line-height:1.05;font-weight:950;letter-spacing:-.055em}.ux-hero-copy p{display:block;margin:8px 0 0;color:var(--text-soft);max-width:720px;line-height:1.6}.eyebrow{display:inline-flex!important;align-items:center;gap:8px;margin-bottom:8px;color:var(--gold-2);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.18em}.ux-hero-actions,.toolbar,.page-actions,.action-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.focus-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 22px}.slim-focus{grid-template-columns:repeat(auto-fit,minmax(175px,1fr))}.focus-card{display:block;min-height:120px;padding:19px 20px;border-radius:24px;transition:transform .2s var(--ease),border-color .2s var(--ease),background .2s var(--ease),box-shadow .2s var(--ease)}a.focus-card:hover,.focus-card:hover{transform:translateY(-2px);border-color:rgba(245,217,130,.22);background:rgba(215,168,66,.08)}.focus-label{display:block;color:var(--gold-2);font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:950}.focus-card strong{display:block;margin:8px 0 5px;color:#fff;font-size:clamp(22px,2vw,31px);line-height:1.08;font-weight:950;letter-spacing:-.05em}.focus-card small{display:block;color:rgba(255,255,255,.58);line-height:1.45}.danger-focus{border-color:rgba(239,68,68,.25)!important;background:rgba(239,68,68,.085)!important}.warning-focus{border-color:rgba(245,158,11,.25)!important;background:rgba(245,158,11,.085)!important}.success-focus{border-color:rgba(34,197,94,.22)!important;background:rgba(34,197,94,.075)!important}
.ux-two-column{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:22px;margin-bottom:22px;align-items:start}.clean-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.clean-section-header h2{font-size:22px}.task-list,.step-list{display:flex;flex-direction:column;gap:12px}.task-item{display:flex;align-items:center;gap:14px;padding:15px;border-radius:19px;transition:transform .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease)}.task-item:hover{transform:translateY(-1px);background:rgba(215,168,66,.07);border-color:rgba(245,217,130,.18)}.task-item div{flex:1;min-width:0}.task-item strong,.stock-task-main strong{display:block;color:#fff}.task-action{color:var(--gold-2);font-size:13px;font-weight:900}.task-dot{width:12px;height:12px;border-radius:999px;flex:0 0 auto;box-shadow:0 0 0 6px rgba(255,255,255,.045)}.dot-critical{background:var(--danger)}.dot-warning{background:var(--warning)}.step-list a{display:flex;align-items:flex-start;gap:14px;padding:14px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.04);transition:background .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease)}.step-list a:hover{transform:translateY(-1px);background:rgba(215,168,66,.075);border-color:rgba(245,217,130,.20)}.step-list span{width:32px;height:32px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:13px;background:rgba(215,168,66,.15);color:var(--gold-2);font-weight:950}.step-list strong{display:block;color:#fff}.step-list small{display:block;margin-top:2px;color:rgba(255,255,255,.58);line-height:1.42}
.empty-state{text-align:center;padding:26px 12px;color:rgba(255,255,255,.60)}.empty-state h3{margin:10px 0 4px;color:#fff}.empty-state p{margin:0}.empty-icon{width:56px;height:56px;margin:0 auto;display:flex;align-items:center;justify-content:center;border-radius:21px;background:rgba(215,168,66,.12);color:var(--gold-2);font-size:24px;font-weight:950}.soft-empty{padding:16px;border-radius:18px;background:rgba(255,255,255,.04);color:rgba(255,255,255,.58);text-align:center}.clean-details{margin:0 0 18px;border-radius:22px;overflow:hidden}.clean-details>summary{padding:17px 20px;cursor:pointer;color:var(--gold-2);font-weight:950;list-style:none}.clean-details>summary::-webkit-details-marker{display:none}.details-inner{margin:0!important;border-radius:0 0 22px 22px!important;border-left:none!important;border-right:none!important;border-bottom:none!important;box-shadow:none!important}.mini-metrics{display:grid;gap:12px}.mini-metrics div{padding:15px;border-radius:18px}.mini-metrics strong{display:block;margin-top:3px;color:#fff;font-size:23px;font-weight:950}

.btn,.action-button,.btn-primary,.edit-gold-button,.status-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 16px;border-radius:15px;border:1px solid rgba(245,217,130,.30);background:linear-gradient(135deg,var(--gold-2),var(--gold),var(--gold-dark));color:#080808;font-weight:900;text-decoration:none;box-shadow:0 12px 30px rgba(215,168,66,.18),inset 0 1px 0 rgba(255,255,255,.28);transition:transform .20s var(--ease),box-shadow .20s var(--ease),background .20s var(--ease),border-color .20s var(--ease),color .20s var(--ease);overflow:hidden}.btn:hover,.action-button:hover,.btn-primary:hover,.edit-gold-button:hover{transform:translateY(-1px);box-shadow:0 18px 42px rgba(215,168,66,.24),inset 0 1px 0 rgba(255,255,255,.30)}.btn:active,.action-button:active,.btn-primary:active,.edit-gold-button:active{transform:translateY(1px) scale(.985)}.action-button{background:rgba(215,168,66,.12);color:var(--gold-2);border-color:rgba(245,217,130,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.action-button:hover{background:rgba(215,168,66,.18);color:var(--gold-3)}.btn-outline{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.12);color:#fff}.btn-danger,.soft-danger,.delete-button,.danger-button{background:rgba(239,68,68,.14)!important;border-color:rgba(239,68,68,.35)!important;color:var(--danger-soft)!important}.soft-success,.save-button{background:rgba(34,197,94,.14)!important;border-color:rgba(34,197,94,.30)!important;color:var(--success-soft)!important}.soft-info{background:rgba(56,189,248,.12)!important;border-color:rgba(56,189,248,.25)!important;color:var(--info-soft)!important}.btn:disabled,.action-button:disabled,button:disabled{opacity:.62;cursor:not-allowed;transform:none!important;box-shadow:none!important}.ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.35);transform:scale(0);animation:nha-ripple .55s ease-out;pointer-events:none}@keyframes nha-ripple{to{transform:scale(4);opacity:0}}

.input,input[type="text"],input[type="number"],input[type="password"],input[type="email"],select,textarea{width:100%;min-height:48px;padding:0 15px;border-radius:15px;border:1px solid rgba(255,255,255,.115);background:rgba(6,7,10,.78);color:var(--text);outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:border-color .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease)}textarea{min-height:110px;padding:13px 15px;resize:vertical}select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--gold-2) 50%),linear-gradient(135deg,var(--gold-2) 50%,transparent 50%);background-position:calc(100% - 18px) 21px,calc(100% - 12px) 21px;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:42px}.input::placeholder,input::placeholder,textarea::placeholder{color:rgba(255,255,255,.38)}select option{background:#111218;color:#fff}.input:focus,input:focus,select:focus,textarea:focus{border-color:rgba(245,217,130,.48);box-shadow:0 0 0 4px rgba(215,168,66,.12),inset 0 1px 0 rgba(255,255,255,.06);background:rgba(8,9,13,.92)}.input[readonly],input[readonly],textarea[readonly]{opacity:.82;cursor:not-allowed;background:rgba(255,255,255,.045)}.form,.edit-user-form,.photo-upload-form{display:grid;gap:16px}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-row-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.form-group,.form-item,.segment-item{display:flex;flex-direction:column;gap:8px}.form-group label,.form-item label,.segment-item label,label{color:rgba(255,242,188,.78);font-size:12.5px;font-weight:900;letter-spacing:.01em}.filter-card{padding:20px;margin-bottom:22px}.filter-form{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end}.clean-search-card{padding:18px;margin-bottom:18px}.clean-search{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center}.clean-search-input{font-size:16px;min-height:52px}.inline-filter{margin-top:12px}.inline-filter summary{cursor:pointer;color:var(--gold-2);font-weight:950;font-size:14px}.filter-inner{margin-top:12px;grid-template-columns:1fr 1fr 1fr 120px auto}.report-filter{grid-template-columns:1fr 1fr minmax(280px,1fr) auto}.report-extra{margin:0}.report-extra-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}.report-cost-detail{margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}

.table-wrap{position:relative;width:100%;max-width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;border-radius:20px;padding:0 0 7px;margin-top:8px;contain:layout paint}.table-wrap::after{content:"Scroll →";position:absolute;right:12px;top:9px;padding:6px 9px;border-radius:999px;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.10);color:rgba(255,255,255,.55);font-size:11px;font-weight:850;pointer-events:none;opacity:0;transition:opacity .2s}.table-wrap:hover::after{opacity:.8}.table,.table-modern{width:100%;min-width:840px;border-collapse:separate;table-layout:auto;font-variant-numeric:tabular-nums}.table{border-spacing:0}.table-modern{border-spacing:0 10px}.table th,.table-modern th{padding:14px 16px;text-align:left;white-space:nowrap;vertical-align:middle;color:rgba(255,242,188,.84);font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:950;background:rgba(8,9,12,.98);border-bottom:1px solid rgba(255,255,255,.09)}.table td,.table-modern td{padding:16px;text-align:left;vertical-align:middle;color:rgba(255,255,255,.88);font-size:14px;line-height:1.45;word-break:normal;overflow-wrap:anywhere}.table td{border-bottom:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025)}.table-modern td{background:rgba(15,16,20,.86);border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}.table-modern tr:not(:first-child) td:first-child{border-left:1px solid rgba(255,255,255,.07);border-radius:18px 0 0 18px}.table-modern tr:not(:first-child) td:last-child{border-right:1px solid rgba(255,255,255,.07);border-radius:0 18px 18px 0}.table-modern tr:not(:first-child):hover td,.table tbody tr:hover td{background:rgba(215,168,66,.065)}.compact-table{min-width:680px!important}.ux-product-table{min-width:900px!important}.clean-table-card{padding:22px;overflow:hidden}.money{white-space:nowrap}.row-subtext{display:block;margin-top:5px}.action-group,.compact-actions{gap:8px}.inline-action-form{display:inline-flex;margin:0}.compact-actions .action-button{min-height:38px;padding:8px 11px;font-size:12px;white-space:nowrap}.status-badge,.badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:900;white-space:nowrap}.status-active,.badge-active{background:rgba(34,197,94,.15);color:var(--success-soft);border:1px solid rgba(34,197,94,.25)}.status-inactive,.badge-inactive,.badge-archived{background:rgba(107,114,128,.18);color:#d1d5db;border:1px solid rgba(107,114,128,.28)}.status-warning,.badge-warning{background:rgba(245,158,11,.16);color:var(--warning-soft);border:1px solid rgba(245,158,11,.28)}.status-critical,.badge-danger{background:rgba(239,68,68,.16);color:var(--danger-soft);border:1px solid rgba(239,68,68,.28)}.status-info,.badge-info{background:rgba(56,189,248,.13);color:var(--info-soft);border:1px solid rgba(56,189,248,.23)}

.pagination-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.pagination-info{color:rgba(255,255,255,.58);font-size:13px}.pagination-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.page-link{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border-radius:13px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);color:#fff;font-weight:850}.page-link:hover,.page-link.active{border-color:rgba(245,217,130,.32);background:rgba(215,168,66,.14);color:var(--gold-2)}.page-link.disabled{opacity:.45;pointer-events:none}

.stock-task-card{display:flex;flex-direction:column;gap:12px}.stock-task{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;border-radius:20px}.stock-task-main{display:flex;align-items:center;gap:14px;min-width:0}.stock-task-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.critical-task{border-color:rgba(239,68,68,.20);background:rgba(239,68,68,.065)}.warning-task{border-color:rgba(245,158,11,.20);background:rgba(245,158,11,.060)}.suggestion-pill{display:inline-flex;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.06);color:#ddd;font-size:12px;font-weight:900}.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:22px 0}.quick-card{display:flex;align-items:center;gap:14px;padding:18px;border-radius:22px;transition:transform .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease)}.quick-card:hover{transform:translateY(-2px);background:rgba(215,168,66,.08);border-color:rgba(245,217,130,.20)}.quick-card strong{display:block;color:var(--gold-2);margin-bottom:3px}.quick-card span{display:block;color:rgba(255,255,255,.58);font-size:13px}.quick-icon{width:42px;height:42px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgba(215,168,66,.14);color:var(--gold-2);font-weight:950}

.modal-backdrop{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(0,0,0,.66);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);overflow-y:auto}.modal-backdrop.hidden{display:none!important}.modal-window{width:100%;max-width:900px;max-height:calc(100vh - 48px);overflow:auto;padding:28px;border-radius:28px}.narrow-modal{max-width:760px}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px}.modal-close{width:42px;height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);color:#fff;font-size:24px;line-height:1}.modal-backdrop:not(.hidden){animation:nha-fade-in .18s ease both}.modal-backdrop:not(.hidden) .modal-window{animation:nha-modal-in .32s var(--ease) both}.confirm-modal{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:24px}.confirm-modal.hidden{display:none!important}.confirm-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.70);backdrop-filter:blur(5px)}.confirm-modal-window{position:relative;width:min(470px,100%);padding:26px;border-radius:26px}.confirm-modal-window h2{margin:0 0 8px;color:var(--gold-3)}.confirm-modal-window p{margin:0 0 20px;color:var(--text-soft);line-height:1.55}.confirm-modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}@keyframes nha-fade-in{from{opacity:0}to{opacity:1}}@keyframes nha-modal-in{from{opacity:0;transform:translateY(18px) scale(.976);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}

.profile-layout{display:grid;grid-template-columns:320px 1fr;gap:22px;align-items:start}.profile-card{text-align:center}.profile-avatar{width:116px;height:116px;margin:0 auto 16px;border-radius:34px;background:linear-gradient(135deg,var(--gold-2),var(--gold),var(--gold-dark));color:#080808;display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:950;box-shadow:0 22px 50px rgba(215,168,66,.22)}.profile-avatar.has-photo{background:rgba(255,255,255,.06);padding:0;overflow:hidden;border:1px solid rgba(245,217,130,.28)}.profile-avatar img{width:100%;height:100%;object-fit:cover;display:block}.settings-note{border:1px solid rgba(245,217,130,.14);background:rgba(215,168,66,.06);border-radius:18px;padding:14px 16px;color:#ddd;line-height:1.5}.profile-photo-box{margin-top:22px;text-align:left;border-radius:20px;padding:16px}.profile-photo-box h3{margin:0 0 6px;color:var(--gold-3);font-size:18px}.profile-photo-box p{margin:0 0 14px;line-height:1.5;color:rgba(255,255,255,.72)}.file-picker{position:relative;display:flex;align-items:center;justify-content:center;min-height:48px;border:1px dashed rgba(245,217,130,.34);background:rgba(215,168,66,.06);border-radius:16px;color:var(--gold-2);font-weight:900;cursor:pointer;transition:background .2s,border-color .2s}.file-picker:hover{background:rgba(215,168,66,.10);border-color:rgba(245,217,130,.60)}.file-picker input{position:absolute;opacity:0;pointer-events:none}.remove-photo-form{margin-top:10px!important;width:100%}.remove-photo-form .action-button{width:100%}

.edit-user-card{padding:28px}.edit-user-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:26px}.edit-user-head p,.security-box p{margin:7px 0 0;color:rgba(255,255,255,.62);line-height:1.55}.edit-user-form{max-width:900px}.edit-gold-button,.reset-password-button{width:100%;max-width:900px}.security-box{max-width:900px;margin-top:26px;padding:22px;border-radius:24px}.back-button{white-space:nowrap}.button-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:20px}.button-row .status-button{flex:1;min-width:160px;background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.10);color:#fff}.modal-segment{margin-top:24px}.modal-segment h3{margin:0 0 14px;color:var(--gold-3)}.segment-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}

.print-only{display:none}.report-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}

/* v29 sale workflow + fitted stock monitoring */
.sale-entry-layout{align-items:start}.sale-summary-card .mini-metrics div strong{font-size:clamp(18px,1.4vw,24px);line-height:1.16}
.stock-monitor-wrap{overflow-x:visible!important;padding:0;margin-top:8px}.stock-monitor-wrap::after{display:none!important}.stock-monitor-table{width:100%;min-width:0!important;table-layout:fixed;border-spacing:0}.stock-monitor-table th{padding:12px 12px;font-size:10.5px;letter-spacing:.11em}.stock-monitor-table td{padding:13px 12px;vertical-align:middle}.stock-col-product{width:29%}.stock-col-details{width:31%}.stock-col-qty{width:11%}.stock-col-status{width:14%}.stock-col-actions{width:15%}.table-empty-row{text-align:center!important;color:#a1a1aa!important;padding:26px!important}.stock-product-cell,.stock-detail-cell{min-width:0}.stock-product-name{display:block;color:#fff;font-size:14px;line-height:1.35;overflow-wrap:anywhere}.stock-product-meta,.stock-detail-line{display:block;margin-top:5px;color:rgba(255,255,255,.58);font-size:12px;line-height:1.35;overflow-wrap:anywhere}.stock-detail-line:first-child{margin-top:0}.stock-detail-line b{color:rgba(255,242,188,.72);font-weight:900}.stock-qty-cell{text-align:center!important}.stock-qty-number{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:36px;padding:0 10px;border-radius:14px;background:rgba(215,168,66,.11);border:1px solid rgba(245,217,130,.18);color:var(--gold-3);font-size:20px;font-weight:950;line-height:1}.stock-qty-cell small{display:block;margin-top:5px;color:rgba(255,255,255,.55);font-size:11px;font-weight:850}.action-col{width:auto}.action-cell{min-width:0;white-space:normal}.stock-actions{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7px;width:100%;min-width:0}.stock-actions .action-button{width:100%;min-width:0;min-height:36px;padding:8px 8px;text-align:center;font-size:11.5px;border-radius:13px}.disabled-action{opacity:.52;pointer-events:none;filter:grayscale(.2)}
@media (max-width:1180px){.stock-monitor-table th{padding:11px 9px}.stock-monitor-table td{padding:12px 9px}.stock-col-product{width:28%}.stock-col-details{width:30%}.stock-col-qty{width:10%}.stock-col-status{width:15%}.stock-col-actions{width:17%}.stock-actions{grid-template-columns:1fr}.stock-product-meta,.stock-detail-line{font-size:11.5px}.status-badge{padding:7px 9px;font-size:11px}}
@media (max-width:980px){.stock-monitor-wrap{overflow-x:auto!important}.stock-monitor-table{min-width:720px!important}.stock-actions{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.stock-monitor-table{min-width:0!important}.stock-monitor-table,.stock-monitor-table tbody,.stock-monitor-table tr,.stock-monitor-table td{display:block;width:100%}.stock-monitor-table colgroup,.stock-monitor-table tr:first-child{display:none}.stock-monitor-table tr{margin-bottom:12px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.028);overflow:hidden}.stock-monitor-table td{border-bottom:1px solid rgba(255,255,255,.06);background:transparent!important}.stock-monitor-table td:last-child{border-bottom:none}.stock-qty-cell{text-align:left!important}.stock-actions{grid-template-columns:1fr 1fr}.stock-actions .action-button{min-height:40px;font-size:12px}}

@media print{.sidebar,.topbar,.filter-card,.page-actions,.action-group,.no-print,.ux-hero,.pagination-bar{display:none!important}.main{margin:0!important;width:100%!important;padding:0!important;color:#111!important}.app-shell{display:block!important}body{background:#fff!important;color:#111!important}.card,.table,.table td,.table th{background:#fff!important;color:#111!important;box-shadow:none!important;border-color:#ddd!important}.print-only{display:block!important}}

@media (max-width:1180px){:root{--sidebar:256px}.brand{padding:10px}.brand-text h2{font-size:16px}.nav-icon{width:36px!important;height:36px!important;flex-basis:36px!important}.nav-label{font-size:13.5px}.focus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ux-two-column{grid-template-columns:1fr}.report-filter{grid-template-columns:1fr 1fr}.report-extra{grid-column:1/-1}}
@media (max-width:980px){.sidebar{transform:translateX(-110%);opacity:0}.sidebar-open .sidebar{transform:translateX(0);opacity:1}.sidebar-overlay{display:block}.sidebar-open .sidebar-overlay{opacity:1;visibility:visible}.main{width:100%;margin-left:0;padding:18px}.topbar .menu-toggle,.menu-toggle{display:inline-flex}.user-pill{max-width:48vw;overflow:hidden;text-overflow:ellipsis}.filter-form,.filter-inner,.clean-search{grid-template-columns:1fr!important}.profile-layout{grid-template-columns:1fr}.table,.table-modern,.compact-table,.ux-product-table{min-width:720px!important}}
@media (max-width:760px){.main{padding:14px;animation:none}.topbar{top:8px;border-radius:20px;padding:12px;gap:10px}.topbar h1{font-size:21px}.topbar p{display:none}.user-pill{display:none}.ux-hero{padding:20px;border-radius:22px}.ux-hero-actions,.page-actions{width:100%}.ux-hero-actions .btn,.ux-hero-actions .action-button,.page-actions .btn,.page-actions .action-button{flex:1;min-width:180px}.focus-grid,.slim-focus,.form-row,.form-row-3,.report-extra-grid,.segment-grid{grid-template-columns:1fr!important}.card{padding:18px;border-radius:22px}.clean-table-card{padding:18px}.stock-task{align-items:flex-start;flex-direction:column}.stock-task-right{justify-content:flex-start}.modal-window{padding:20px;border-radius:22px}.confirm-modal-actions .btn{flex:1}.table-wrap::after{display:none}.pagination-bar{align-items:flex-start}.pagination-actions{width:100%}.page-link{flex:1}}
@media (max-width:420px){.main{padding:12px}.sidebar{width:min(292px,88vw)}.topbar{border-radius:18px}.logo-nha{width:52px;height:52px}.brand-text h2{font-size:15px}.btn,.action-button{width:100%}.compact-actions .action-button{width:auto}.modal-window{padding:18px}.focus-card strong{font-size:22px}.ux-hero-copy h2{font-size:26px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.main{animation:none!important}}
/* Mobile overlay must appear even when default hidden class is present */
.sidebar-open .sidebar-overlay.hidden{display:block!important;opacity:1!important;visibility:visible!important;}
/* v29 tiny mobile action button override */
@media (max-width:420px){.stock-actions .action-button{width:100%!important}}

/* v33 global confirmation modal: always centered in the viewport */
body.confirm-open{overflow:hidden!important}
.confirm-modal{
  position:fixed!important;
  inset:0!important;
  z-index:9999!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:24px!important;
  min-height:100dvh!important;
  transform:none!important;
}
.confirm-modal.hidden{display:none!important}
.confirm-modal-backdrop{
  position:fixed!important;
  inset:0!important;
  background:rgba(0,0,0,.72)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
.confirm-modal-window{
  position:relative!important;
  z-index:1!important;
  width:min(460px,100%)!important;
  margin:0!important;
  transform:none!important;
  text-align:left!important;
}


/* Inventory valuation dashboard */
.dashboard-section{margin:0 0 22px}
.compact-header{margin-bottom:14px}
.valuation-focus-grid{margin:0 0 22px}
.valuation-focus-card{position:relative;overflow:hidden;min-height:118px;padding-top:18px}
.valuation-focus-card:before{content:"";position:absolute;inset:auto -48px -72px auto;width:155px;height:155px;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.13),rgba(255,255,255,0) 68%);pointer-events:none}
.metric-icon{position:absolute;top:15px;right:17px;width:40px;height:40px;display:grid;place-items:center;border-radius:16px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.08);font-size:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.valuation-focus-card strong{margin-top:16px;max-width:calc(100% - 40px)}
.gold-card{border-color:rgba(245,217,130,.24)!important;background:linear-gradient(180deg,rgba(215,168,66,.15),rgba(255,255,255,.04))!important}
.blue-card{border-color:rgba(96,165,250,.22)!important;background:linear-gradient(180deg,rgba(59,130,246,.13),rgba(255,255,255,.04))!important}
.green-card{border-color:rgba(34,197,94,.22)!important;background:linear-gradient(180deg,rgba(34,197,94,.12),rgba(255,255,255,.04))!important}
.purple-card{border-color:rgba(168,85,247,.22)!important;background:linear-gradient(180deg,rgba(168,85,247,.12),rgba(255,255,255,.04))!important}
@media (max-width:760px){.metric-icon{top:14px;right:14px;width:36px;height:36px}.valuation-focus-card strong{max-width:100%;font-size:21px}}

/* Dashboard clean-up: no guide text, no valuation icons, no Check Stock button */
.focus-grid .focus-card small,
.step-list a small,
.valuation-focus-card .metric-icon{
  display:none !important;
}
.valuation-focus-card{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:12px;
  min-height:130px;
  padding:24px 26px !important;
}
.valuation-focus-card strong{
  margin-top:0 !important;
  max-width:100% !important;
}
.inventory-valuation-section .clean-section-header{
  justify-content:flex-start !important;
  margin-bottom:16px;
}
.focus-card{
  justify-content:center;
  gap:12px;
}
.focus-card strong{
  margin-top:0;
}
.step-list a{
  min-height:70px;
  align-items:center;
}

/* === Publish-ready polish: dashboard/sidebar clean mode === */
:root{
  --sidebar:280px;
}
.sidebar{
  padding:24px 18px 22px;
  background:linear-gradient(180deg,rgba(10,14,19,.98),rgba(5,7,10,.995));
  border-right:1px solid rgba(255,255,255,.08);
  box-shadow:18px 0 70px rgba(0,0,0,.34);
}
.brand{
  padding:0 4px 22px;
  margin:0 0 18px;
  background:transparent;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.075);
  border-radius:0;
}
.logo-nha{
  width:58px;
  height:58px;
  border-radius:999px;
}
.brand-text h2{font-size:19px;color:#fff;font-weight:900;letter-spacing:-.035em}
.brand-text span{font-size:12px;color:rgba(255,255,255,.56)}
.nav-section-label{
  margin:20px 6px 8px;
  color:rgba(255,255,255,.48);
  font-size:11px;
  letter-spacing:.15em;
}
.nav-link{
  min-height:50px;
  gap:12px;
  border-radius:13px;
  padding:9px 12px;
  color:rgba(255,255,255,.82);
}
.nav-link:hover,.nav-link.active{
  transform:none;
  color:#fff;
  background:linear-gradient(90deg,rgba(215,168,66,.24),rgba(215,168,66,.08));
  border-color:rgba(245,217,130,.16);
  box-shadow:none;
}
.nav-link.active::after{display:none}
.nav-icon{
  width:28px!important;
  height:28px!important;
  flex:0 0 28px!important;
  border-radius:9px;
  color:rgba(255,255,255,.92);
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.nav-icon::after,.nav-icon-shine{display:none!important}
.nav-icon svg{width:19px;height:19px;stroke-width:2;filter:none}
.nav-link.active .nav-icon,.nav-link:hover .nav-icon{transform:none;color:var(--gold-2);box-shadow:none!important}
.nav-label{font-size:14px;font-weight:750;letter-spacing:-.01em}

/* Dashboard: clean premium cards */
.page-dashboard .topbar{
  position:relative;
  top:auto;
  border:0;
  background:transparent;
  box-shadow:none;
  padding:0 0 20px;
  border-bottom:1px solid rgba(255,255,255,.07);
  border-radius:0;
  margin-bottom:24px;
}
.page-dashboard .topbar p{display:none}
.page-dashboard .topbar h1{font-size:clamp(28px,3vw,38px);letter-spacing:-.045em;color:#fff}
.page-dashboard .user-pill{
  background:rgba(255,255,255,.045);
  border-color:rgba(255,255,255,.09);
  color:#fff;
}
.page-dashboard .ux-hero{
  display:none!important;
}
.page-dashboard .focus-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-bottom:24px;
}
.page-dashboard .focus-card{
  min-height:134px;
  padding:24px;
  border-radius:18px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:12px;
  background:linear-gradient(135deg,rgba(255,255,255,.085),rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.10);
  box-shadow:none;
  overflow:hidden;
}
.page-dashboard .focus-card::after{
  content:"";
  position:absolute;
  inset:auto -55px -70px auto;
  width:170px;
  height:170px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.12),transparent 68%);
  pointer-events:none;
}
.page-dashboard .focus-label{
  color:rgba(255,255,255,.80);
  font-size:12px;
  font-weight:900;
  letter-spacing:.105em;
  text-transform:uppercase;
}
.page-dashboard .focus-card strong{
  margin:0;
  color:#fff;
  font-size:clamp(26px,2.2vw,34px);
  line-height:1.08;
  letter-spacing:-.055em;
  font-weight:950;
}
.page-dashboard .focus-card small,
.page-dashboard .step-list a small,
.page-dashboard .metric-icon{
  display:none!important;
}
.page-dashboard .danger-focus{
  background:linear-gradient(135deg,rgba(127,29,29,.38),rgba(255,255,255,.04))!important;
  border-color:rgba(239,68,68,.45)!important;
}
.page-dashboard .success-focus{
  background:linear-gradient(135deg,rgba(20,83,45,.34),rgba(255,255,255,.04))!important;
  border-color:rgba(34,197,94,.38)!important;
}
.page-dashboard .inventory-valuation-section{
  padding:26px 22px 22px;
  margin:0 0 24px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  background:rgba(255,255,255,.025);
}
.page-dashboard .inventory-valuation-section .clean-section-header{
  margin:0 0 20px;
}
.page-dashboard .inventory-valuation-section h2{
  margin:0;
  font-size:18px;
  letter-spacing:.075em;
  text-transform:uppercase;
  color:var(--gold-2);
}
.page-dashboard .valuation-focus-grid{
  margin:0;
}
.page-dashboard .valuation-focus-card{
  min-height:128px;
  padding:24px!important;
}
.page-dashboard .valuation-focus-card strong{
  max-width:100%!important;
}
.page-dashboard .gold-card{background:linear-gradient(135deg,rgba(20,83,45,.38),rgba(255,255,255,.035))!important;border-color:rgba(34,197,94,.36)!important}
.page-dashboard .blue-card{background:linear-gradient(135deg,rgba(30,64,175,.34),rgba(255,255,255,.035))!important;border-color:rgba(59,130,246,.38)!important}
.page-dashboard .green-card{background:linear-gradient(135deg,rgba(113,63,18,.40),rgba(255,255,255,.035))!important;border-color:rgba(245,158,11,.42)!important}
.page-dashboard .purple-card{background:linear-gradient(135deg,rgba(88,28,135,.36),rgba(255,255,255,.035))!important;border-color:rgba(168,85,247,.42)!important}
.page-dashboard .ux-two-column:has(> section:only-child){grid-template-columns:1fr}
.page-dashboard .attention-card{max-width:none}

/* Reduce accidental horizontal scrolling on common tables without breaking mobile cards */
.table-wrap{max-width:100%;overflow:auto}
input,select,textarea{max-width:100%}

@media (max-width:1180px){
  :root{--sidebar:256px}
  .page-dashboard .focus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:980px){
  .sidebar{transform:translateX(-110%);opacity:0}
  .sidebar-open .sidebar{transform:translateX(0);opacity:1}
  .main{width:100%;margin-left:0}
}
@media (max-width:760px){
  .page-dashboard .focus-grid{grid-template-columns:1fr}
  .page-dashboard .focus-card{min-height:112px}
  .page-dashboard .inventory-valuation-section{padding:20px 16px}
}