* {
  box-sizing: border-box;
}
body {
  margin: 0;
  background: radial-gradient(
    circle at top left,
    #172554,
    #09090b 40%,
    #020617
  );
  color: white;
  font-family: Arial, sans-serif;
}
.shell {
  display: flex;
  min-height: 100vh;
}
.sidebar {
  width: 260px;
  padding: 22px;
  background: rgba(2, 6, 23, 0.88);
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  position: sticky;
  top: 0;
  height: 100vh;
}
.brand {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 24px;
}
.logo {
  width: 46px;
  height: 46px;
  border-radius: 16px;
  background: linear-gradient(135deg, #22c55e, #06b6d4);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  color: #022c22;
}
.brand h2 {
  margin: 0;
}
.brand span {
  color: #94a3b8;
}
.nav {
  width: 100%;
  padding: 14px 16px;
  margin-bottom: 10px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: #111827;
  color: white;
  text-align: left;
  font-weight: 800;
  cursor: pointer;
}
.nav.active {
  background: linear-gradient(135deg, #22c55e, #16a34a);
  color: #052e16;
}
.sideBottom {
  position: absolute;
  bottom: 22px;
  left: 22px;
  right: 22px;
  display: grid;
  gap: 10px;
}
.main {
  flex: 1;
  padding: 28px;
  max-width: 1240px;
  margin: 0 auto;
  width: 100%;
}
.mobileNav {
  display: none;
}
.pageHead {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
  margin-bottom: 22px;
}
.pageHead h1 {
  margin: 0;
  font-size: 34px;
}
.pageHead p {
  color: #94a3b8;
  margin: 6px 0 0;
}
.dateControl {
  display: grid;
  grid-template-columns: 44px 1fr 44px;
  gap: 8px;
  background: rgba(17, 24, 39, 0.82);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  padding: 8px;
  min-width: 280px;
}
.dateControl button {
  border: 0;
  border-radius: 12px;
  background: #1f2937;
  color: white;
  font-size: 24px;
  cursor: pointer;
}
.dateControl input {
  background: #020617;
  color: white;
  border: 1px solid #334155;
  border-radius: 12px;
  padding: 12px;
}
.twoCol {
  display: grid;
  grid-template-columns: 380px 1fr;
  gap: 18px;
  align-items: start;
}
.panel,
.businessCard,
.listItem,
.loginCard,
.workerPanel {
  background: rgba(17, 24, 39, 0.82);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 22px;
  padding: 20px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
}
label {
  display: block;
  color: #cbd5e1;
  font-weight: 700;
  margin: 13px 0 7px;
}
input,
select {
  width: 100%;
  padding: 13px;
  border-radius: 14px;
  border: 1px solid #334155;
  background: #020617;
  color: white;
  font-size: 15px;
}
.primaryBtn,
.secondaryBtn,
.dangerBtnFull,
.dangerBtn,
.blueBtn {
  width: 100%;
  padding: 14px;
  border: 0;
  border-radius: 15px;
  font-weight: 900;
  cursor: pointer;
  margin-top: 14px;
}
.primaryBtn {
  background: linear-gradient(135deg, #22c55e, #16a34a);
  color: #052e16;
}
.secondaryBtn {
  background: #1f2937;
  color: white;
}
.dangerBtn,
.dangerBtnFull {
  background: #7f1d1d;
  color: #fee2e2;
}
.blueBtn {
  background: #1d4ed8;
  color: #dbeafe;
}
.kpis,
.miniKpis {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-bottom: 18px;
}
.miniKpis {
  grid-template-columns: repeat(3, 1fr);
}
.kpis div,
.miniKpis div {
  background: rgba(2, 6, 23, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  padding: 15px;
  display: grid;
  gap: 6px;
}
.kpis span,
.miniKpis span,
.line span,
.listItem span {
  color: #94a3b8;
}
.kpis b,
.miniKpis b {
  font-size: 22px;
}
.good b {
  color: #86efac;
}
.bad b {
  color: #fca5a5;
}
.cardGrid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
.businessCard {
  display: grid;
  gap: 12px;
}
.cardTop {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cardTop h3 {
  margin: 0;
  font-size: 22px;
}
.line {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  padding: 9px 0;
}
.profit {
  display: flex;
  justify-content: space-between;
  padding: 14px;
  border-radius: 16px;
  font-weight: 900;
}
.positive .profit {
  background: rgba(22, 101, 52, 0.28);
  color: #bbf7d0;
}
.negative .profit {
  background: rgba(127, 29, 29, 0.3);
  color: #fecaca;
}
.listItem {
  display: grid;
  gap: 6px;
  margin-bottom: 10px;
}
.expense b {
  color: #fecaca;
}
.rowButtons {
  display: flex;
  gap: 10px;
  margin-top: 8px;
}
.rowButtons button,
.dangerSmall {
  border: 0;
  border-radius: 12px;
  padding: 10px 12px;
  font-weight: 900;
  cursor: pointer;
  color: white;
}
.editSale,
.editExpense,
.editShift {
  background: #1d4ed8;
}
.syncShift {
  background: #16a34a;
}
.dangerSmall,
.deleteSale,
.deleteExpense,
.deleteWorker,
.deleteShift {
  background: #7f1d1d;
}
.empty {
  border: 1px dashed #334155;
  border-radius: 18px;
  color: #94a3b8;
  text-align: center;
  padding: 20px;
}
.salaryGrid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.salaryCard {
  background: #020617;
  border: 1px solid #334155;
  border-radius: 16px;
  padding: 14px;
  display: grid;
  gap: 5px;
}
.checks {
  background: #020617;
  border: 1px solid #334155;
  border-radius: 14px;
  padding: 12px;
  display: grid;
  gap: 8px;
}
.checks label {
  margin: 0;
  display: flex;
  gap: 8px;
  align-items: center;
}
.checks input {
  width: auto;
}
.loginWrap,
.workerPage {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.loginCard,
.workerPanel {
  width: 100%;
  max-width: 760px;
}
.status {
  padding: 16px;
  border-radius: 18px;
  margin: 16px 0;
}
.status.working {
  background: rgba(22, 101, 52, 0.28);
  border: 1px solid rgba(34, 197, 94, 0.35);
}
.status.free {
  background: rgba(30, 64, 175, 0.28);
  border: 1px solid rgba(96, 165, 250, 0.35);
}
.twoButtons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.calcBox {
  padding: 14px;
  background: #020617;
  border: 1px dashed #334155;
  border-radius: 15px;
  margin-top: 14px;
  color: #cbd5e1;
}
.message {
  min-height: 20px;
  font-weight: 800;
  margin-top: 12px;
}
.message.success {
  color: #86efac;
}
.message.error,
.error {
  color: #fca5a5;
}
.shift.working {
  border-color: #2563eb;
}
.shift.finished {
  border-color: #166534;
}
.scheduleTabs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-bottom: 18px;
}
.scheduleTab {
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: #111827;
  color: white;
  font-weight: 900;
  cursor: pointer;
}
.scheduleTab.active {
  background: linear-gradient(135deg, #22c55e, #16a34a);
  color: #052e16;
}
.schedulePanel {
  overflow: auto;
}
.calendarHeader {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  border: 1px solid #334155;
  border-bottom: 0;
  overflow: hidden;
  border-radius: 14px 14px 0 0;
}
.calendarHeader div {
  padding: 14px;
  text-align: center;
  font-weight: 900;
  color: #020617;
  background: #38bdf8;
}
.calendarHeader div:nth-child(-n + 5) {
  background: #22c55e;
}
.calendarGrid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  border-left: 1px solid #334155;
}
.calendarCell {
  min-height: 170px;
  background: #020617;
  border-right: 1px solid #334155;
  border-bottom: 1px solid #334155;
  padding: 10px;
}
.emptyCell {
  background: rgba(15, 23, 42, 0.4);
}
.emptyDay {
  background: rgba(127, 29, 29, 0.35);
}
.dayNumber {
  color: #cbd5e1;
  font-size: 20px;
  font-weight: 900;
  margin-bottom: 8px;
}
.scheduleSection {
  margin-top: 8px;
}
.sectionTitle {
  font-size: 11px;
  font-weight: 900;
  opacity: 0.8;
  margin-bottom: 4px;
}
.fullTitle {
  color: #86efac;
}
.partTitle {
  color: #93c5fd;
}
.scheduleItem {
  background: rgba(34, 197, 94, 0.12);
  border: 1px solid rgba(34, 197, 94, 0.25);
  color: #bbf7d0;
  padding: 6px;
  border-radius: 8px;
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 800;
}
.scheduleItem.part {
  background: rgba(59, 130, 246, 0.12);
  border-color: rgba(59, 130, 246, 0.25);
  color: #bfdbfe;
}
.scheduleItem span {
  display: block;
  color: #e5e7eb;
  font-weight: 600;
}
.noneText {
  color: #64748b;
  font-size: 12px;
}
.ruleCard {
  background: #020617;
  border: 1px solid #334155;
  border-radius: 14px;
  padding: 12px;
  display: grid;
  gap: 6px;
  margin-bottom: 8px;
}
.ruleCard span {
  color: #94a3b8;
}
.dayActions {
  margin-bottom: 6px;
}
.oneDayAdd {
  width: 100%;
  border: 0;
  border-radius: 8px;
  padding: 5px;
  background: #1d4ed8;
  color: #dbeafe;
  font-size: 11px;
  font-weight: 900;
  cursor: pointer;
}
.removeOneDay {
  width: 100%;
  margin-top: 5px;
  border: 0;
  border-radius: 7px;
  padding: 4px;
  background: #7f1d1d;
  color: #fee2e2;
  font-size: 10px;
  font-weight: 900;
  cursor: pointer;
}
.myScheduleBox {
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.myScheduleBox h2 {
  margin-top: 0;
}
.myScheduleItem {
  background: #020617;
  border: 1px solid #334155;
  border-radius: 14px;
  padding: 12px;
  margin-bottom: 10px;
  display: grid;
  gap: 5px;
}
.myScheduleItem b {
  color: #e5e7eb;
}
.myScheduleItem span {
  color: #94a3b8;
}
.requestCard {
  background: #020617;
  border: 1px solid #334155;
  border-radius: 18px;
  padding: 14px;
  margin-bottom: 12px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: start;
}
.requestCard b {
  display: block;
  font-size: 18px;
  margin-bottom: 5px;
}
.requestCard span,
.requestCard small {
  display: block;
  color: #94a3b8;
  margin-top: 3px;
}
.requestStatus {
  font-weight: 900;
  font-size: 12px;
  padding: 8px 10px;
  border-radius: 999px;
}
.requestPending .requestStatus {
  background: rgba(234, 179, 8, 0.18);
  color: #fde68a;
}
.requestDone .requestStatus {
  background: rgba(34, 197, 94, 0.18);
  color: #bbf7d0;
}
.requestDelayed .requestStatus {
  background: rgba(59, 130, 246, 0.18);
  color: #bfdbfe;
}
.confirmRequest {
  background: #16a34a;
}
.delayRequest {
  background: #1d4ed8;
}
.requestForm {
  background: #020617;
  border: 1px solid #334155;
  border-radius: 16px;
  padding: 14px;
  margin-bottom: 18px;
}
.workerInventory h3 {
  margin: 16px 0 10px;
}
.inventorySectionTabs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 16px;
}
.inventorySectionBtn {
  border: 1px solid #334155;
  background: #111827;
  color: white;
  border-radius: 14px;
  padding: 13px;
  font-weight: 900;
  cursor: pointer;
}
.inventorySectionBtn.active {
  background: linear-gradient(135deg, #22c55e, #16a34a);
  color: #052e16;
}
.inventoryBlock {
  background: #020617;
  border: 1px solid #334155;
  border-radius: 18px;
  padding: 14px;
  margin-bottom: 16px;
}
.inventoryBlockHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.inventoryBlockHead h3 {
  margin: 0;
}
.smallBlueBtn {
  border: 0;
  border-radius: 12px;
  padding: 9px 12px;
  background: #1d4ed8;
  color: #dbeafe;
  font-weight: 900;
  cursor: pointer;
}
.categoryPills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}
.categoryPill {
  border: 1px solid #334155;
  background: #111827;
  color: #e5e7eb;
  padding: 10px 12px;
  border-radius: 999px;
  font-weight: 900;
  cursor: pointer;
}
.categoryPill.active {
  background: #14532d;
  color: #bbf7d0;
  border-color: #22c55e;
}
.itemGrid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.itemCard {
  flex: 1;
  padding: 10px 12px;
  border-radius: 12px;
  background: #052e2b;
  border: 1px solid #065f46;
  font-size: 13px;
  font-weight: 900;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.itemCard:hover {
  background: rgba(34, 197, 94, 0.2);
}
.inventoryCart {
  background: #020617;
  border: 1px solid #334155;
  border-radius: 16px;
  padding: 12px;
  margin-bottom: 16px;
}

.cartItem {
  display: grid;
  grid-template-columns: 1fr 170px 42px;
  gap: 10px;
  align-items: center;
  margin: 8px 0;
}

.cartItem span {
  font-size: 15px;
  font-weight: 900;
}

.cartPriority {
  height: 42px;
  padding: 8px 10px;
  border-radius: 12px;
  font-size: 14px;
}

.cartItem button {
  height: 42px;
  width: 42px;
  border: 0;
  border-radius: 12px;
  background: #ef4444;
  color: white;
  font-weight: 900;
  cursor: pointer;
}

.cartItem button:hover {
  opacity: 0.8;
}
.statusBadge {
  font-size: 12px;
  font-weight: 900;
  padding: 6px 10px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

/* Pending */
.status-pending {
  background: rgba(234, 179, 8, 0.35);
  color: #fff3c4;
}

/* Done */
.status-done {
  background: rgba(34, 197, 94, 0.35);
  color: #d1fae5;
}

/* Delayed */
.status-delayed {
  background: rgba(59, 130, 246, 0.35);
  color: #dbeafe;
}
.adminRequestItems {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.adminRequestItem {
  background: #020617;
  border: 1px solid #334155;
  border-radius: 16px;
  padding: 12px;
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 12px;
  align-items: center;
}

.adminRequestItem small {
  display: block;
  color: #94a3b8;
  margin-top: 4px;
}

.confirmRequestItem {
  background: #16a34a;
}

.delayRequestItem {
  background: #1d4ed8;
}
.adminRequestGrid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.requestCardHeader {
  margin-bottom: 12px;
}

.requestCardHeader b {
  display: block;
  font-size: 18px;
}

.requestCardHeader span,
.requestCardHeader small {
  display: block;
  color: #94a3b8;
  margin-top: 3px;
}

.adminRequestItem {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 1px solid #334155;
  border-radius: 14px;
  margin-bottom: 8px;
  background: #020617;
}

.itemLeft b {
  display: block;
  font-size: 15px;
}

.itemLeft small {
  display: block;
  color: #94a3b8;
  margin-top: 3px;
}

.itemRight {
  display: flex;
  align-items: center;
  gap: 10px;
}

.compactButtons {
  display: flex;
  gap: 6px;
  margin: 0;
}

.compactButtons button {
  padding: 7px 10px;
  border-radius: 10px;
}

.requestHeader {
  margin-bottom: 14px;
}

.requestHeaderTop {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* اسم العامل */
.workerName {
  font-size: 18px;
  font-weight: 900;
  color: #38bdf8; /* أزرق مميز */
}

/* اسم الفرع */
.branchName {
  font-size: 14px;
  font-weight: 800;
  padding: 4px 10px;
  border-radius: 999px;
  background: #1e293b;
}

/* ألوان لكل فرع */
.branch-itaewon {
  color: #f472b6;
}

.branch-hongdae {
  color: #a78bfa;
}

.branch-apgujeong {
  color: #34d399;
}

.branch-myeongdong {
  color: #facc15;
}

/* الجزء السفلي */
.requestHeaderBottom {
  margin-top: 6px;
  display: flex;
  align-items: center;
  gap: 10px;
}

/* يوم الأسبوع */
.dayName {
  font-size: 20px;
  font-weight: 900;
  color: #f97316; /* برتقالي جامد */
}

/* التاريخ */
.dateText {
  font-size: 14px;
  color: #94a3b8;
}
.categoryRow {
  display: flex;
  align-items: center;
  gap: 6px;
}

.categoryRow .categoryPill {
  flex: 1;
}

.miniIconBtn {
  width: 26px !important;
  height: 26px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #1f2937 !important;
  color: #cbd5e1 !important;
  cursor: pointer;
  font-size: 10px !important;
  font-weight: 900;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}

.dangerIcon {
  background: #7f1d1d !important;
  color: #fecaca !important;
}
.notifyBadge {
  float: right;
  min-width: 22px;
  height: 22px;
  padding: 0 7px;
  border-radius: 999px;
  background: #ef4444;
  color: white;
  font-size: 12px;
  font-weight: 900;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.notifyBadge.mobile {
  float: none;
  margin-left: 4px;
}
.priorityBadge {
  display: inline-flex;
  width: max-content;
  margin-top: 6px;
  padding: 5px 9px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
}

.priority-urgent {
  background: rgba(239, 68, 68, 0.28);
  color: #fecaca;
}

.priority-normal {
  background: rgba(234, 179, 8, 0.28);
  color: #fde68a;
}

.priority-low {
  background: rgba(59, 130, 246, 0.28);
  color: #bfdbfe;
}
.status-ordered {
  background: rgba(249, 115, 22, 0.35);
  color: #fed7aa;
}

.status-received {
  background: rgba(34, 197, 94, 0.35);
  color: #d1fae5;
}

.status-delayed {
  background: rgba(59, 130, 246, 0.35);
  color: #dbeafe;
}

.overdueItem {
  border-color: rgba(239, 68, 68, 0.8) !important;
  background: rgba(127, 29, 29, 0.22) !important;
}

.overdueWarning {
  color: #fecaca !important;
  font-weight: 900;
}

.waitingText {
  color: #fed7aa;
  font-size: 12px;
  font-weight: 900;
}

.doneText {
  color: #bbf7d0;
  font-size: 12px;
  font-weight: 900;
}

.delayText {
  color: #bfdbfe !important;
  font-weight: 800;
}

.receiveItemBtn {
  height: 36px !important;
  width: auto !important;
  padding: 0 12px !important;
  border: 0;
  border-radius: 10px;
  background: #16a34a !important;
  color: #dcfce7 !important;
  font-weight: 900;
  cursor: pointer;
}

.requestHistoryItem {
  grid-template-columns: 1fr 110px auto !important;
}

.receivedText {
  color: #bbf7d0 !important;
  font-weight: 800;
}
.mutedText {
  color: #94a3b8;
  line-height: 1.55;
}
.missingCheckoutSale {
  border-color: rgba(234, 179, 8, 0.35) !important;
  background: rgba(234, 179, 8, 0.08) !important;
}
@media (max-width: 768px) {
  .itemGrid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 920px) {
  .shell {
    display: block;
  }
  .sidebar {
    display: none;
  }
  .main {
    padding: 16px;
  }
  .mobileNav {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 8px;
    margin-bottom: 18px;
  }
  .mobileNav .nav {
    text-align: center;
    padding: 12px;
  }
  .pageHead {
    display: block;
  }
  .dateControl {
    min-width: 0;
    width: 100%;
    margin-top: 14px;
  }
  .twoCol,
  .cardGrid,
  .kpis,
  .miniKpis,
  .salaryGrid,
  .twoButtons {
    grid-template-columns: 1fr;
  }
  .rowButtons {
    flex-direction: column;
  }
  .pageHead h1 {
    font-size: 28px;
  }
}
.orderRequestItem {
  background: #16a34a !important;
  color: #dcfce7 !important;
}

.delayRequestItem {
  background: #1d4ed8 !important;
  color: #dbeafe !important;
}

.orderAllRequestItems {
  max-width: 170px;
}

.adminRequestItem .status-pending {
  background: rgba(234, 179, 8, .35);
  color: #fde68a;
}

/* Language switcher */
.languageSwitch{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:0 0 8px;
}
.langBtn{
  border:1px solid rgba(255,255,255,.1);
  border-radius:12px;
  padding:9px 8px;
  background:#111827;
  color:#cbd5e1;
  font-weight:900;
  cursor:pointer;
}
.langBtn.active{
  background:linear-gradient(135deg,#22c55e,#16a34a);
  color:#052e16;
}
.loginCard .languageSwitch{
  margin-top:14px;
  margin-bottom:0;
}

/* =====================================================
   UZU LEVEL 3 PRODUCT-GRADE SAAS VISUAL SYSTEM
   ===================================================== */
:root{
  --bg0:#050711;
  --bg1:#080b18;
  --panel:#0d1020cc;
  --panel2:#111529e6;
  --line:rgba(148,163,184,.16);
  --text:#f8fafc;
  --muted:#94a3b8;
  --purple:#7c3aed;
  --purple2:#a855f7;
  --pink:#ec4899;
  --blue:#38bdf8;
  --green:#22c55e;
  --red:#ef4444;
  --orange:#f97316;
  --yellow:#f59e0b;
}

body{
  background:
    radial-gradient(circle at 18% -10%, rgba(124,58,237,.28), transparent 35%),
    radial-gradient(circle at 90% 10%, rgba(59,130,246,.18), transparent 32%),
    linear-gradient(135deg,#050711 0%,#080b18 45%,#02030a 100%) !important;
  color:var(--text) !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  letter-spacing:-.02em;
}

.shell{background:transparent !important;}
.sidebar{
  width:282px !important;
  background:linear-gradient(180deg,rgba(8,11,24,.96),rgba(4,6,16,.96)) !important;
  border-right:1px solid rgba(124,58,237,.22) !important;
  box-shadow:26px 0 80px rgba(0,0,0,.35), inset -1px 0 0 rgba(255,255,255,.04) !important;
  padding:24px 20px !important;
}
.brand{padding-bottom:22px;margin-bottom:22px !important;border-bottom:1px solid rgba(255,255,255,.06);}
.logo{
  width:52px !important;height:52px !important;border-radius:17px !important;
  background:linear-gradient(135deg,var(--purple),#06b6d4) !important;
  color:white !important;box-shadow:0 0 34px rgba(124,58,237,.45) !important;
  font-size:14px !important;letter-spacing:.02em;
}
.brand h2{font-size:26px !important;line-height:1;color:#fff !important;text-shadow:0 0 18px rgba(168,85,247,.42);}
.brand span{font-size:12px;color:#a5b4fc !important;}
.nav{
  background:transparent !important;
  border:1px solid transparent !important;
  color:#cbd5e1 !important;
  padding:14px 16px !important;
  border-radius:14px !important;
  transition:.18s ease;
  font-size:14px;
}
.nav:hover{background:rgba(124,58,237,.12) !important;border-color:rgba(124,58,237,.25) !important;transform:translateX(2px);}
.nav.active{
  background:linear-gradient(135deg,rgba(124,58,237,.42),rgba(76,29,149,.35)) !important;
  border-color:rgba(168,85,247,.72) !important;
  color:#fff !important;
  box-shadow:0 0 0 1px rgba(168,85,247,.12),0 16px 40px rgba(124,58,237,.22), inset 0 0 24px rgba(124,58,237,.16) !important;
}
.navGhost{opacity:.75;}
.sideBottom{gap:12px !important;}
.main{max-width:1480px !important;padding:24px 32px 40px !important;}

.topBar{
  height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px;
  margin:-4px 0 24px;padding:0 4px 18px;border-bottom:1px solid rgba(255,255,255,.07);
}
.searchBox{
  width:min(420px, 48vw);height:44px;border-radius:14px;border:1px solid rgba(124,58,237,.25);
  background:rgba(17,24,39,.52);display:flex;align-items:center;gap:10px;padding:0 16px;color:#94a3b8;
  box-shadow:inset 0 0 24px rgba(0,0,0,.22);
}
.topActions{display:flex;align-items:center;gap:12px;}
.profilePill,.notificationPill{
  height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(15,23,42,.65);
  color:#e5e7eb;display:flex;align-items:center;justify-content:center;padding:0 14px;font-weight:800;font-size:13px;
}
.notificationPill{width:42px;padding:0;}
.languageSwitch{background:rgba(15,23,42,.7) !important;border:1px solid rgba(124,58,237,.25);border-radius:14px;padding:4px;display:flex;gap:4px;}
.langBtn{border:0;border-radius:10px;background:transparent;color:#94a3b8;font-weight:900;padding:9px 12px;cursor:pointer;}
.langBtn.active{background:linear-gradient(135deg,var(--purple),#4f46e5);color:#fff;box-shadow:0 0 20px rgba(124,58,237,.35);}

.pageHead{align-items:center !important;margin-bottom:22px !important;}
.pageHead h1{font-size:34px !important;font-weight:950;color:#fff !important;}
.pageHead p{color:#9ca3af !important;}
.dateControl{background:rgba(15,23,42,.72) !important;border-color:rgba(124,58,237,.22) !important;box-shadow:0 14px 35px rgba(0,0,0,.22);}
.dateControl button{background:rgba(124,58,237,.25) !important;color:#ddd6fe !important;}
.dateControl input,input,select{
  background:rgba(2,6,23,.72) !important;border:1px solid rgba(148,163,184,.22) !important;color:#fff !important;
  outline:none !important;transition:.18s ease;
}
input:focus,select:focus{border-color:rgba(168,85,247,.65) !important;box-shadow:0 0 0 3px rgba(124,58,237,.18);}

.panel,.businessCard,.listItem,.loginCard,.workerPanel,.premiumPanel{
  background:linear-gradient(180deg,rgba(17,24,39,.82),rgba(8,11,24,.86)) !important;
  border:1px solid rgba(148,163,184,.14) !important;
  border-radius:22px !important;
  box-shadow:0 24px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04) !important;
  backdrop-filter:blur(18px);
}
.primaryBtn,.blueBtn{
  background:linear-gradient(135deg,#7c3aed,#4f46e5) !important;color:#fff !important;
  box-shadow:0 16px 34px rgba(124,58,237,.25);transition:.18s ease;
}
.primaryBtn:hover,.blueBtn:hover,.smallBlueBtn:hover{transform:translateY(-1px);filter:brightness(1.1);}
.secondaryBtn{background:rgba(15,23,42,.82) !important;border:1px solid rgba(148,163,184,.14) !important;color:#e5e7eb !important;}
.dangerBtn,.dangerBtnFull{background:linear-gradient(135deg,#991b1b,#7f1d1d) !important;color:#fee2e2 !important;}
.smallBlueBtn{background:linear-gradient(135deg,#7c3aed,#4f46e5) !important;color:#fff !important;border:0 !important;}

/* Dashboard Level 3 */
.premiumKpiGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:18px;}
.premiumKpi{
  min-height:140px;padding:22px;border-radius:22px;background:linear-gradient(180deg,rgba(17,24,39,.86),rgba(10,13,28,.9));
  border:1px solid rgba(148,163,184,.14);box-shadow:0 24px 60px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04);
  display:flex;flex-direction:column;justify-content:space-between;
}
.premiumKpi span{color:#94a3b8;font-weight:800;font-size:13px;}
.premiumKpi b{font-size:30px;line-height:1;color:#fff;}
.premiumKpi small{font-weight:900;color:#94a3b8;}
.upText{color:#22c55e !important}.downText{color:#ef4444 !important}
.dashboardGridPro{display:grid;grid-template-columns:1.25fr .95fr;gap:18px;}
.premiumPanel{padding:22px;}
.panelTitle{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;}
.panelTitle h2{margin:0;font-size:19px;color:#fff;}
.panelTitle span{color:#94a3b8;font-weight:800;font-size:12px;}
.requestOverviewBody{display:grid;grid-template-columns:220px 1fr;gap:26px;align-items:center;}
.donutChart{width:190px;height:190px;border-radius:50%;background:var(--donut);display:grid;place-items:center;box-shadow:0 0 55px rgba(124,58,237,.18);position:relative;}
.donutChart:before{content:"";position:absolute;inset:36px;border-radius:50%;background:#0b1021;border:1px solid rgba(255,255,255,.06);}
.donutChart div{position:relative;z-index:1;text-align:center;display:grid;gap:2px;}
.donutChart b{font-size:36px;color:#fff}.donutChart small{color:#94a3b8;font-weight:900;}
.legendList{display:grid;gap:12px;}
.legendList div{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:10px;color:#cbd5e1;font-weight:800;}
.dot{width:10px;height:10px;border-radius:50%;display:block}.pendingDot{background:#f59e0b}.orderedDot{background:#f97316}.receivedDot{background:#22c55e}.delayedDot{background:#3b82f6}.overdueDot{background:#ef4444}
.alertsList{display:grid;gap:12px;}.alertLine{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(15,23,42,.56);}
.alertLine.danger{background:rgba(127,29,29,.28);color:#fecaca}.alertLine.warning{background:rgba(120,53,15,.25);color:#fed7aa}.alertLine.good{background:rgba(20,83,45,.25);color:#bbf7d0}.alertLine.info{background:rgba(30,64,175,.20);color:#bfdbfe}.alertLine i{font-style:normal;font-size:22px;opacity:.8;}
.branchBars{display:grid;gap:16px}.branchBarRow{display:grid;grid-template-columns:105px 1fr 130px;gap:14px;align-items:center;color:#cbd5e1;font-weight:800;}
.branchBarTrack{height:9px;border-radius:999px;background:rgba(124,58,237,.13);overflow:hidden}.branchBarTrack i{height:100%;display:block;border-radius:999px;background:linear-gradient(90deg,#7c3aed,#a855f7,#ec4899);box-shadow:0 0 18px rgba(168,85,247,.5);}
.trendSvg{width:100%;height:230px;filter:drop-shadow(0 0 16px rgba(124,58,237,.35));}

/* Requests premium */
.adminRequestGrid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:18px !important;}
.requestCard{display:block !important;background:linear-gradient(180deg,rgba(13,16,32,.9),rgba(6,8,20,.92)) !important;border:1px solid rgba(124,58,237,.22) !important;border-radius:22px !important;padding:18px !important;}
.requestCardHeader{border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:12px;margin-bottom:14px !important;}
.workerName{color:#c4b5fd !important;font-size:20px !important;}.branchName{background:rgba(124,58,237,.18) !important;border:1px solid rgba(124,58,237,.22);}
.dayName{color:#a78bfa !important;}.adminRequestItem{background:rgba(2,6,23,.64) !important;border-color:rgba(148,163,184,.18) !important;border-radius:16px !important;}
.statusBadge{border:1px solid rgba(255,255,255,.10);}
.status-pending{background:rgba(245,158,11,.22) !important;color:#fde68a !important}.status-ordered{background:rgba(249,115,22,.25) !important;color:#fed7aa !important}.status-received,.status-done{background:rgba(34,197,94,.25) !important;color:#bbf7d0 !important}.status-delayed{background:rgba(59,130,246,.25) !important;color:#bfdbfe !important}.status-overdue{background:rgba(239,68,68,.25) !important;color:#fecaca !important}
.orderRequestItem{background:linear-gradient(135deg,#7c3aed,#4f46e5) !important;color:#fff !important}.delayRequestItem{background:#1d4ed8 !important;color:#dbeafe !important}.orderAllRequestItems{max-width:210px;background:linear-gradient(135deg,#7c3aed,#4f46e5) !important;}
.priorityBadge{border:1px solid rgba(255,255,255,.10);}.overdueItem{border-color:rgba(239,68,68,.8) !important;box-shadow:0 0 32px rgba(239,68,68,.16) !important}.overdueWarning{color:#fecaca !important;font-weight:950}.waitingText{color:#fed7aa;font-size:12px;font-weight:950}.doneText{color:#bbf7d0;font-size:12px;font-weight:950}.delayText{color:#bfdbfe !important;font-weight:900}.receivedText{color:#bbf7d0 !important;font-weight:900;}

/* Worker inventory Level 3 */
.proInventory{display:grid;gap:18px;}
.inventoryHero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:2px;}
.inventoryHero h1{font-size:34px;margin:0;color:#fff;}.inventoryHero p{color:#94a3b8;margin:7px 0 0;}
.inventorySteps{display:flex;gap:14px;align-items:center;flex-wrap:wrap;}.inventorySteps span{padding:10px 13px;border-radius:999px;background:rgba(15,23,42,.72);border:1px solid rgba(255,255,255,.08);color:#94a3b8;font-weight:900;font-size:13px;}.inventorySteps span.active{background:rgba(124,58,237,.25);border-color:rgba(168,85,247,.55);color:#ddd6fe;}
.inventoryLayoutPro{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start;}.inventoryWorkPanel{min-height:540px;}.proTabs{grid-template-columns:repeat(3,1fr);margin-top:16px;}.proTabs .inventorySectionBtn{background:rgba(15,23,42,.75) !important;border-color:rgba(148,163,184,.16) !important;color:#cbd5e1 !important}.proTabs .inventorySectionBtn.active{background:linear-gradient(135deg,rgba(124,58,237,.55),rgba(79,70,229,.45)) !important;border-color:rgba(168,85,247,.72) !important;color:#fff !important;}
.inventorySearchRow{display:grid;grid-template-columns:1fr auto auto;gap:10px;margin:16px 0;}.searchInputFake{height:45px;border-radius:14px;border:1px solid rgba(148,163,184,.18);background:rgba(2,6,23,.55);display:flex;align-items:center;padding:0 14px;color:#64748b;font-weight:800;}
.proCategoryPills{margin:0 0 18px !important}.proCategoryPills .categoryRow{background:rgba(15,23,42,.55);border:1px solid rgba(255,255,255,.06);padding:5px;border-radius:999px}.categoryPill.active{background:rgba(124,58,237,.35) !important;border-color:rgba(168,85,247,.7) !important;color:#fff !important;}
.proItemGrid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:14px !important}.proItemRow{position:relative}.proItemCard{height:118px;display:grid !important;grid-template-columns:50px 1fr 34px;align-items:center;gap:12px;background:linear-gradient(180deg,rgba(17,24,39,.82),rgba(8,11,24,.88)) !important;border:1px solid rgba(148,163,184,.14) !important;border-radius:18px !important;white-space:normal !important;cursor:pointer;}.proItemCard:hover{border-color:rgba(168,85,247,.65) !important;box-shadow:0 18px 40px rgba(124,58,237,.18);transform:translateY(-2px);}.itemThumb{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#312e81,#7c3aed);color:#fff;font-weight:950;font-size:20px;}.proItemCard b{display:block;color:#fff;margin-bottom:4px}.proItemCard span{color:#22c55e !important;font-size:12px;font-weight:900}.proItemCard em{font-style:normal;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#f8fafc;color:#111827;font-size:22px;font-weight:950;}.itemTools{position:absolute;right:8px;top:8px;display:flex;gap:4px;opacity:0;transition:.18s ease}.proItemRow:hover .itemTools{opacity:1;}
.cartSidePanel{position:sticky;top:22px;}.proCart{background:transparent !important;border:0 !important;padding:0 !important;margin:0 !important}.proCartItem{grid-template-columns:1fr 120px 38px !important;background:rgba(2,6,23,.62);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:9px;margin:8px 0 !important}.submitGlowBtn{margin-top:16px !important;height:52px;font-size:15px;}.workerRequestsPanel{margin-top:0}.workerRequestCard{border:1px solid rgba(148,163,184,.14);border-radius:18px;padding:14px;background:rgba(2,6,23,.45);margin-bottom:12px;}.workerRequestHead{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:10px;margin-bottom:10px;}.workerRequestHead b{font-size:18px;color:#c4b5fd}.workerRequestHead span{color:#94a3b8;font-weight:800}.workerRequestItems{display:grid;gap:8px}.requestHistoryItem{display:grid;grid-template-columns:1fr 118px auto auto;gap:10px;align-items:center;background:rgba(15,23,42,.62);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:12px !important;margin:0 !important;}.requestHistoryItem b{display:block;color:#fff}.requestHistoryItem small{display:block;color:#94a3b8;margin-top:3px}.receiveItemBtn{height:38px !important;width:auto !important;padding:0 13px !important;border:0;border-radius:12px;background:linear-gradient(135deg,#22c55e,#16a34a) !important;color:#052e16 !important;font-weight:950;cursor:pointer;}

.loginWrap{background:radial-gradient(circle at top,rgba(124,58,237,.28),transparent 35%);}.loginCard{max-width:460px !important;padding:34px !important;border-color:rgba(124,58,237,.30) !important;}.loginCard .logo{margin:0 auto 18px;}.loginCard h1{text-align:center;font-size:36px;margin:0 0 8px}.loginCard p{text-align:center;color:#94a3b8;}

@media(max-width:1100px){.premiumKpiGrid,.dashboardGridPro,.inventoryLayoutPro{grid-template-columns:1fr !important}.requestOverviewBody{grid-template-columns:1fr}.donutChart{margin:auto}.cartSidePanel{position:static}.proItemGrid{grid-template-columns:repeat(2,1fr) !important}.adminRequestGrid{grid-template-columns:1fr !important}}
@media(max-width:720px){.main{padding:16px !important}.topBar{display:none}.premiumKpiGrid{grid-template-columns:1fr !important}.inventoryHero{display:block}.inventorySteps{margin-top:14px}.inventorySearchRow{grid-template-columns:1fr}.proItemGrid{grid-template-columns:1fr !important}.requestHistoryItem{grid-template-columns:1fr !important}.branchBarRow{grid-template-columns:1fr}.sidebar{width:100% !important}.mobileNav{grid-template-columns:repeat(4,1fr) !important}}


/* Safe product-grade fixes */
.topTitle{display:flex;flex-direction:column;gap:3px;color:#e5e7eb}
.topTitle b{font-size:15px;letter-spacing:.04em}
.topTitle span{font-size:12px;color:#94a3b8}
.inventoryMiniTitle{display:flex;align-items:center;color:#cbd5e1;font-weight:900;padding:0 4px;min-height:42px}
.navGhost{display:none!important}

/* Dashboard alert navigation */
.alertLine {
  width: 100%;
  border: 0;
  cursor: pointer;
  text-align: left;
}
.alertLine:hover {
  transform: translateY(-1px);
  filter: brightness(1.12);
}

/* ===== Requests page product-grade refresh ===== */
.requestPageHead {
  align-items: flex-start !important;
}
.requestTopAction {
  max-width: 220px;
  min-height: 52px;
}
.requestTopAction:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  transform: none !important;
}
.requestStatsGrid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}
.requestStatCard {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(17,24,39,.78), rgba(8,11,24,.88));
  border: 1px solid rgba(148,163,184,.14);
  box-shadow: 0 18px 46px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.04);
}
.requestStatIcon {
  width: 52px;
  height: 52px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  font-size: 24px;
  border: 1px solid rgba(255,255,255,.09);
  background: rgba(255,255,255,.03);
}
.requestStatText {
  display: grid;
  gap: 4px;
}
.requestStatText span {
  color: #cbd5e1;
  font-weight: 800;
  font-size: 13px;
}
.requestStatText b {
  font-size: 36px;
  line-height: 1;
  color: white;
}
.requestStatText small {
  color: #94a3b8;
  font-weight: 700;
  font-size: 12px;
}
.requestStatCard.pending .requestStatIcon { border-color: rgba(245,158,11,.34); color: #fbbf24; box-shadow: inset 0 0 18px rgba(245,158,11,.08); }
.requestStatCard.ordered .requestStatIcon { border-color: rgba(249,115,22,.34); color: #fb923c; box-shadow: inset 0 0 18px rgba(249,115,22,.08); }
.requestStatCard.waiting .requestStatIcon { border-color: rgba(239,68,68,.34); color: #f87171; box-shadow: inset 0 0 18px rgba(239,68,68,.08); }
.requestStatCard.received .requestStatIcon { border-color: rgba(34,197,94,.34); color: #4ade80; box-shadow: inset 0 0 18px rgba(34,197,94,.08); }
.requestStatCard.delayed .requestStatIcon { border-color: rgba(59,130,246,.34); color: #60a5fa; box-shadow: inset 0 0 18px rgba(59,130,246,.08); }

.requestTabsBar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
}
.requestCategoryTabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  width: min(760px, 100%);
}
.requestCategoryTab {
  border: 1px solid rgba(148,163,184,.14);
  background: linear-gradient(180deg, rgba(12,16,30,.92), rgba(8,11,24,.96));
  color: #cbd5e1;
  border-radius: 16px;
  min-height: 54px;
  padding: 0 18px;
  font-weight: 900;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: .18s ease;
}
.requestCategoryTab:hover {
  border-color: rgba(124,58,237,.44);
  transform: translateY(-1px);
}
.requestCategoryTab.active {
  color: #fff;
  border-color: rgba(52,211,153,.48);
  background: linear-gradient(135deg, rgba(34,197,94,.9), rgba(22,163,74,.84));
  box-shadow: 0 12px 30px rgba(22,163,74,.2);
}
.requestCategoryTab span { font-size: 16px; }
.requestBoardWrap {
  padding: 16px;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(17,24,39,.72), rgba(8,11,24,.82));
  border: 1px solid rgba(148,163,184,.14);
  box-shadow: 0 22px 64px rgba(0,0,0,.28);
}
.adminRequestGrid.adminRequestGridPro {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.requestCardPro {
  padding: 18px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(9,13,28,.94), rgba(5,8,20,.98));
  border: 1px solid rgba(124,58,237,.18);
  box-shadow: 0 16px 44px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04);
}
.requestCardState-overdue { border-color: rgba(239,68,68,.58); box-shadow: 0 0 0 1px rgba(239,68,68,.12), 0 16px 44px rgba(0,0,0,.22), inset 0 -2px 0 rgba(239,68,68,.55); }
.requestCardState-pending { box-shadow: 0 0 0 1px rgba(124,58,237,.08), 0 16px 44px rgba(0,0,0,.22), inset 0 -2px 0 rgba(168,85,247,.65); }
.requestCardState-ordered { box-shadow: 0 0 0 1px rgba(249,115,22,.06), 0 16px 44px rgba(0,0,0,.22), inset 0 -2px 0 rgba(249,115,22,.65); }
.requestCardState-received { box-shadow: 0 0 0 1px rgba(34,197,94,.06), 0 16px 44px rgba(0,0,0,.22), inset 0 -2px 0 rgba(34,197,94,.58); }
.requestCardState-delayed { box-shadow: 0 0 0 1px rgba(59,130,246,.06), 0 16px 44px rgba(0,0,0,.22), inset 0 -2px 0 rgba(59,130,246,.58); }
.requestCardTop {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  padding-bottom: 14px;
  margin-bottom: 14px;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.requestIdentity {
  display: flex;
  gap: 14px;
  min-width: 0;
}
.requestAvatar {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  flex-shrink: 0;
  display: grid;
  place-items: center;
  font-size: 22px;
  font-weight: 950;
  color: #e9d5ff;
  background: radial-gradient(circle at 30% 30%, rgba(124,58,237,.52), rgba(49,46,129,.95));
  border: 1px solid rgba(168,85,247,.42);
  box-shadow: 0 0 24px rgba(124,58,237,.24);
}
.requestMeta {
  min-width: 0;
  display: grid;
  gap: 5px;
}
.requestMetaTop {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.requestMetaTop h3 {
  margin: 0;
  font-size: 20px;
  color: white;
}
.requestMetaSub {
  color: #cbd5e1;
  font-weight: 700;
  font-size: 13px;
}
.requestSummaryInline {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
}
.requestSummaryInline span {
  color: #94a3b8;
  font-size: 13px;
  font-weight: 800;
}
.requestSummaryInline i {
  font-style: normal;
  color: rgba(148,163,184,.55);
}
.requestTopButtons {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.smallPurpleBtn {
  min-width: 164px;
  height: 42px;
  border: 0;
  border-radius: 14px;
  padding: 0 16px;
  background: linear-gradient(135deg, #7c3aed, #4f46e5);
  color: white;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 14px 30px rgba(124,58,237,.22);
}
.requestNoAction {
  color: #94a3b8;
  font-size: 12px;
  font-weight: 900;
  padding: 10px 0;
}
.requestItemsList {
  display: grid;
  gap: 10px;
}
.requestItemRow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 12px;
  align-items: center;
  min-height: 86px;
  padding: 14px;
  border-radius: 18px;
  background: rgba(15,23,42,.56);
  border: 1px solid rgba(148,163,184,.14);
}
.requestItemRow.isOverdue {
  border-color: rgba(239,68,68,.45);
  box-shadow: inset 0 0 0 1px rgba(239,68,68,.08);
}
.requestItemInfo {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.requestItemIcon {
  width: 40px;
  height: 40px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.06);
  font-size: 18px;
  flex-shrink: 0;
}
.requestItemText {
  min-width: 0;
}
.requestItemText b {
  display: block;
  font-size: 16px;
  color: #fff;
  margin-bottom: 3px;
}
.requestItemText small {
  display: block;
  color: #94a3b8;
  font-size: 12px;
  margin-bottom: 8px;
}
.requestItemNotes {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}
.miniNote {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 24px;
  padding: 0 9px;
  border-radius: 999px;
  font-size: 11px;
  color: #cbd5e1;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.06);
  font-weight: 800;
}
.requestRowStatus {
  min-width: 112px;
  display: flex;
  justify-content: center;
}
.requestRowActions {
  min-width: 170px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}
.rowActionBtn,
.rowGhostBtn {
  min-width: 78px;
  height: 38px;
  border-radius: 12px;
  padding: 0 14px;
  font-weight: 900;
  cursor: pointer;
}
.rowActionBtn {
  border: 0;
  background: linear-gradient(135deg, #0f172a, #111827);
  color: white;
  border: 1px solid rgba(255,255,255,.12);
}
.rowActionBtn:hover {
  border-color: rgba(168,85,247,.5);
  box-shadow: 0 0 22px rgba(124,58,237,.16);
}
.rowGhostBtn {
  border: 1px solid rgba(59,130,246,.36);
  background: rgba(30,64,175,.14);
  color: #bfdbfe;
}
.requestEmptyState {
  min-height: 180px;
  display: grid;
  place-items: center;
  border-style: solid;
  background: rgba(2,6,23,.34);
}
.branchName {
  height: 28px;
  display: inline-flex;
  align-items: center;
}
.branch-itaewon { color: #f9a8d4 !important; }
.branch-hongdae { color: #c4b5fd !important; }
.branch-apgujeong { color: #6ee7b7 !important; }
.branch-myeongdong { color: #fde68a !important; }

@media (max-width: 1280px) {
  .requestStatsGrid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 1100px) {
  .requestStatsGrid,
  .adminRequestGrid.adminRequestGridPro {
    grid-template-columns: 1fr 1fr;
  }
  .requestCategoryTabs {
    width: 100%;
  }
}
@media (max-width: 820px) {
  .requestStatsGrid,
  .adminRequestGrid.adminRequestGridPro {
    grid-template-columns: 1fr;
  }
  .requestItemRow {
    grid-template-columns: 1fr;
  }
  .requestRowStatus,
  .requestRowActions {
    justify-content: flex-start;
    min-width: 0;
  }
  .requestCardTop {
    flex-direction: column;
    align-items: stretch;
  }
  .requestTopButtons {
    width: 100%;
  }
  .smallPurpleBtn {
    width: 100%;
  }
}
@media (max-width: 640px) {
  .requestCategoryTabs {
    grid-template-columns: 1fr;
  }
  .requestBoardWrap {
    padding: 12px;
  }
  .requestStatsGrid {
    gap: 10px;
  }
}

/* ===== Time Clock System v2 ===== */
.timeClockPage {
  display: grid;
  gap: 18px;
}
.timeClockHead {
  align-items: center !important;
}
.timeClockRatePill {
  min-width: 170px;
  display: grid;
  gap: 5px;
  padding: 14px 18px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(17,24,39,.84), rgba(8,11,24,.9));
  border: 1px solid rgba(148,163,184,.14);
  box-shadow: 0 18px 44px rgba(0,0,0,.24);
}
.timeClockRatePill span {
  color: #94a3b8;
  font-weight: 800;
  font-size: 12px;
}
.timeClockRatePill b {
  color: #fff;
  font-size: 22px;
}
.shiftConflictBox {
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid rgba(239,68,68,.45);
  background: rgba(127,29,29,.24);
  color: #fecaca;
  font-weight: 900;
}
.timeClockGrid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 18px;
  align-items: start;
}
.timeClockMainCard,
.timeClockSideCard {
  background: linear-gradient(180deg, rgba(17,24,39,.82), rgba(8,11,24,.9));
  border: 1px solid rgba(148,163,184,.14);
  border-radius: 24px;
  box-shadow: 0 24px 70px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.04);
  padding: 22px;
}
.timeClockMainCard.isWorking {
  border-color: rgba(34,197,94,.28);
  box-shadow: 0 24px 70px rgba(0,0,0,.32), 0 0 34px rgba(34,197,94,.08), inset 0 -2px 0 rgba(34,197,94,.5);
}
.timeClockMainCard.isOff {
  border-color: rgba(124,58,237,.22);
}
.statusHero {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-bottom: 18px;
  margin-bottom: 18px;
  border-bottom: 1px solid rgba(255,255,255,.07);
}
.statusOrb {
  width: 70px;
  height: 70px;
  border-radius: 22px;
  display: grid;
  place-items: center;
  font-size: 30px;
  background: radial-gradient(circle at 30% 30%, rgba(124,58,237,.45), rgba(15,23,42,.92));
  border: 1px solid rgba(168,85,247,.28);
  box-shadow: 0 0 28px rgba(124,58,237,.18);
}
.statusHero span {
  display: block;
  color: #94a3b8;
  font-weight: 900;
  font-size: 13px;
  margin-bottom: 4px;
}
.statusHero h2 {
  margin: 0;
  color: #fff;
  font-size: 34px;
  line-height: 1;
}
.statusHero p {
  margin: 8px 0 0;
  color: #cbd5e1;
  font-weight: 700;
}
.startShiftPanel {
  display: grid;
  gap: 12px;
}
.shiftTypeGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.shiftTypeCard {
  position: relative;
  margin: 0 !important;
  min-height: 112px;
  display: grid !important;
  gap: 6px !important;
  align-content: center;
  padding: 16px;
  border-radius: 18px;
  background: rgba(15,23,42,.62);
  border: 1px solid rgba(148,163,184,.16);
  cursor: pointer;
  transition: .18s ease;
}
.shiftTypeCard input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.shiftTypeCard b {
  color: #fff;
  font-size: 17px;
}
.shiftTypeCard span {
  color: #94a3b8;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
}
.shiftTypeCard.active {
  border-color: rgba(168,85,247,.65);
  background: linear-gradient(135deg, rgba(124,58,237,.28), rgba(79,70,229,.18));
  box-shadow: 0 14px 34px rgba(124,58,237,.14);
}
.startShiftBtn,
.endShiftBtn {
  min-height: 56px;
  font-size: 16px;
}
.workingShiftPanel {
  display: grid;
  gap: 16px;
}
.liveTimerCard {
  padding: 22px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(20,83,45,.52), rgba(6,78,59,.28));
  border: 1px solid rgba(34,197,94,.26);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 18px 44px rgba(0,0,0,.22);
}
.liveTimerCard span {
  color: #bbf7d0;
  font-weight: 900;
  font-size: 13px;
}
.liveTimerCard b {
  display: block;
  margin-top: 8px;
  color: #fff;
  font-size: 48px;
  letter-spacing: -0.04em;
  line-height: 1;
}
.liveTimerCard small {
  display: block;
  margin-top: 10px;
  color: #d1fae5;
  font-weight: 800;
}
.activeShiftDetails {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.activeShiftDetails > div {
  padding: 14px;
  border-radius: 16px;
  background: rgba(2,6,23,.44);
  border: 1px solid rgba(148,163,184,.12);
  display: grid;
  gap: 5px;
}
.activeShiftDetails span,
.summaryRows span,
.branchRulesBox span {
  color: #94a3b8;
  font-size: 12px;
  font-weight: 900;
}
.activeShiftDetails b,
.summaryRows b,
.branchRulesBox b {
  color: #fff;
  font-size: 15px;
}
.lateMiniWarning {
  border-color: rgba(239,68,68,.38) !important;
  background: rgba(127,29,29,.18) !important;
}
.lateMiniWarning b {
  color: #fecaca !important;
}
.timeClockSideCard h3,
.branchRulesBox h4 {
  margin: 0 0 14px;
  color: #fff;
}
.summaryRows,
.branchRulesBox,
#branchRulePreview {
  display: grid;
  gap: 10px;
}
.summaryRows > div,
#branchRulePreview > div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
  border-radius: 14px;
  background: rgba(2,6,23,.44);
  border: 1px solid rgba(148,163,184,.10);
}
.branchRulesBox {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,.07);
}
@media (max-width: 1100px) {
  .timeClockGrid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 720px) {
  .timeClockHead {
    display: grid !important;
  }
  .timeClockRatePill {
    width: 100%;
  }
  .statusHero {
    align-items: flex-start;
  }
  .statusHero h2 {
    font-size: 28px;
  }
  .shiftTypeGrid,
  .activeShiftDetails {
    grid-template-columns: 1fr;
  }
  .liveTimerCard b {
    font-size: 38px;
  }
}

/* ===== Settings / Branch Rules ===== */
.settingsLayout {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}
.settingsNavCard {
  padding: 18px !important;
  position: sticky;
  top: 22px;
}
.settingsNavCard h2 {
  margin: 0 0 14px;
  font-size: 20px;
}
.settingsSideTab {
  width: 100%;
  min-height: 46px;
  border: 1px solid rgba(124,58,237,.32);
  background: rgba(124,58,237,.16);
  color: #e9d5ff;
  border-radius: 14px;
  font-weight: 950;
  text-align: left;
  padding: 0 14px;
}
.settingsSideTab.active {
  background: linear-gradient(135deg, rgba(124,58,237,.5), rgba(79,70,229,.42));
  color: #fff;
}
.settingsHint {
  margin-top: 16px;
  padding: 14px;
  border-radius: 16px;
  border: 1px solid rgba(148,163,184,.14);
  background: rgba(2,6,23,.42);
  display: grid;
  gap: 7px;
}
.settingsHint b {
  color: #fff;
}
.settingsHint span {
  color: #94a3b8;
  font-size: 13px;
  line-height: 1.5;
}
.branchSettingsGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.branchRuleCard {
  border: 1px solid rgba(148,163,184,.14);
  background: linear-gradient(180deg, rgba(9,13,28,.88), rgba(5,8,20,.94));
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 16px 44px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04);
}
.branchRuleHeader {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 14px;
  margin-bottom: 14px;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.branchRuleHeader h3 {
  margin: 0 0 5px;
  color: #fff;
  font-size: 21px;
}
.branchRuleHeader span {
  color: #94a3b8;
  font-weight: 800;
}
.branchRuleBadge {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(34,197,94,.14);
  color: #bbf7d0 !important;
  border: 1px solid rgba(34,197,94,.24);
  font-size: 12px;
  font-weight: 950;
  white-space: nowrap;
}
.branchRuleForm {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 12px;
}
.branchRuleForm label {
  margin: 0 0 -4px;
  font-size: 12px;
  color: #94a3b8;
}
.branchRuleForm input {
  min-height: 46px;
}
.branchRuleExplain {
  margin-top: 14px;
  display: grid;
  gap: 7px;
}
.branchRuleExplain span {
  color: #cbd5e1;
  font-size: 12px;
  font-weight: 800;
  padding: 8px 10px;
  border-radius: 12px;
  background: rgba(15,23,42,.55);
  border: 1px solid rgba(255,255,255,.05);
}
.branchRuleActions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 14px;
}
.compactSettingsBtn {
  margin-top: 0 !important;
  min-height: 44px;
  padding: 0 12px !important;
}
@media(max-width: 1100px) {
  .settingsLayout,
  .branchSettingsGrid {
    grid-template-columns: 1fr;
  }
  .settingsNavCard {
    position: static;
  }
}
@media(max-width: 640px) {
  .branchRuleForm,
  .branchRuleActions {
    grid-template-columns: 1fr;
  }
}

/* ===== Sidebar scroll + fixed bottom actions ===== */
.sidebar {
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}
.sidebar .brand {
  flex: 0 0 auto !important;
}
.sideNav {
  flex: 1 1 auto !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 4px !important;
  margin-right: -4px !important;
  padding-bottom: 16px !important;
}
.sideNav::-webkit-scrollbar {
  width: 6px;
}
.sideNav::-webkit-scrollbar-track {
  background: rgba(255,255,255,.03);
  border-radius: 999px;
}
.sideNav::-webkit-scrollbar-thumb {
  background: rgba(124,58,237,.45);
  border-radius: 999px;
}
.sideBottom {
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  flex: 0 0 auto !important;
  padding-top: 14px !important;
  margin-top: 12px !important;
  border-top: 1px solid rgba(255,255,255,.07) !important;
  background: linear-gradient(180deg, rgba(8,11,24,.92), rgba(4,6,16,.98)) !important;
}
.sideBottom .blueBtn,
.sideBottom .dangerBtn {
  margin-top: 0 !important;
}

/* ===== Weekday Branch Settings ===== */
.settingsLayoutWide {
  grid-template-columns: 330px minmax(0, 1fr) !important;
}
.branchSettingsStack {
  display: grid;
  gap: 18px;
}
.branchWeeklyCard {
  background: rgba(2,6,23,.46);
  border: 1px solid rgba(148,163,184,.14);
  border-radius: 22px;
  padding: 18px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}
.branchWeeklyHeader {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.branchWeeklyHeader h3 {
  margin: 0 0 6px;
  font-size: 24px;
  color: #fff;
}
.branchWeeklyHeader span {
  color: #94a3b8;
  font-size: 15px;
  font-weight: 900;
}
.branchWeeklyActionsTop {
  flex-shrink: 0;
  min-width: 190px;
}
.weekdayRulesTable {
  display: grid;
  gap: 8px;
}
.weekdayRuleHeader,
.weekdayRuleRow {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr .75fr .9fr;
  gap: 10px;
  align-items: center;
}
.weekdayRuleHeader {
  padding: 0 10px 2px;
  color: #94a3b8;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .03em;
}
.weekdayRuleRow {
  padding: 10px;
  border-radius: 16px;
  background: rgba(15,23,42,.58);
  border: 1px solid rgba(255,255,255,.06);
}
.weekdayRuleRow input {
  min-height: 42px;
  padding: 10px 12px !important;
  border-radius: 13px !important;
}
.weekdayName {
  display: grid;
  gap: 3px;
}
.weekdayName b {
  color: #fff;
  font-size: 15px;
}
.weekdayName span {
  color: #94a3b8;
  font-size: 12px;
  font-weight: 800;
}
.compactExplain {
  margin-top: 14px;
}

@media(max-width:1200px){
  .settingsLayoutWide {
    grid-template-columns: 1fr !important;
  }
  .settingsNavCard {
    position: static !important;
  }
}
@media(max-width:820px){
  .weekdayRuleHeader {
    display: none;
  }
  .weekdayRuleRow {
    grid-template-columns: 1fr 1fr;
  }
  .weekdayName {
    grid-column: 1 / -1;
  }
  .branchWeeklyHeader {
    flex-direction: column;
  }
  .branchWeeklyActionsTop,
  .branchWeeklyActionsTop .compactSettingsBtn {
    width: 100%;
  }
}

/* ===== Checkout Report ===== */
.checkoutReportPage{display:grid;gap:18px}.checkoutHero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.checkoutHero h1{font-size:34px;margin:0;color:#fff}.checkoutHero p{color:#94a3b8;margin:7px 0 0}.checkoutHeroBadge{padding:10px 14px;border-radius:999px;font-weight:950;border:1px solid rgba(255,255,255,.1)}.checkoutHeroBadge.saved{background:rgba(34,197,94,.18);color:#bbf7d0}.checkoutHeroBadge.missing{background:rgba(245,158,11,.18);color:#fde68a}.checkoutLayout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.checkoutMainPanel,.checkoutSummaryPanel{padding:22px}.checkoutSummaryPanel{position:sticky;top:22px}.checkoutSectionTitle{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.checkoutSectionTitle.compact{margin-top:24px}.checkoutSectionTitle h2{margin:0;font-size:20px;color:#fff}.checkoutSectionTitle span{color:#94a3b8;font-size:12px;font-weight:800}.checkoutGrid{display:grid;gap:12px}.checkoutGrid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.checkoutGrid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.cashCountTable{display:grid;gap:8px}.cashCountRow{display:grid;grid-template-columns:140px 1fr 140px;gap:10px;align-items:center;padding:10px;border-radius:14px;background:rgba(2,6,23,.48);border:1px solid rgba(148,163,184,.12)}.cashBillLabel{font-weight:950;color:#e5e7eb}.cashCountInput{height:42px}.cashSubtotal{text-align:right;color:#bbf7d0;font-weight:950}.checkoutChecklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.checkoutCheckItem{display:flex!important;align-items:center;gap:10px;margin:0!important;padding:12px;border-radius:14px;background:rgba(2,6,23,.45);border:1px solid rgba(148,163,184,.12);font-weight:900;color:#dbeafe}.checkoutCheckItem input{width:18px;height:18px}.submitCheckoutBtn{height:54px;margin-top:22px!important}.checkoutSummaryCards{display:grid;gap:10px}.checkoutSummaryCards div{display:grid;gap:5px;padding:14px;border-radius:16px;background:rgba(2,6,23,.52);border:1px solid rgba(148,163,184,.12)}.checkoutSummaryCards span{color:#94a3b8;font-size:12px;font-weight:800}.checkoutSummaryCards b{font-size:22px;color:#fff}.drawerDifferenceBox{margin-top:14px;padding:18px;border-radius:18px;display:grid;gap:7px;border:1px solid rgba(255,255,255,.1)}.drawerDifferenceBox span{font-size:12px;font-weight:900;color:#94a3b8}.drawerDifferenceBox b{font-size:30px}.drawerDifferenceBox.ok{background:rgba(20,83,45,.22);color:#bbf7d0;border-color:rgba(34,197,94,.24)}.drawerDifferenceBox.bad{background:rgba(127,29,29,.30);color:#fecaca;border-color:rgba(239,68,68,.38)}.checkoutRuleNote{margin-top:14px;color:#94a3b8;line-height:1.55;font-size:12px;font-weight:800}.checkoutAdminStats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}.checkoutAdminStats div{background:linear-gradient(180deg,rgba(17,24,39,.82),rgba(8,11,24,.88));border:1px solid rgba(148,163,184,.14);border-radius:18px;padding:16px;display:grid;gap:6px}.checkoutAdminStats span{color:#94a3b8;font-size:12px;font-weight:800}.checkoutAdminStats b{font-size:24px;color:#fff}.checkoutAdminStats .good b{color:#bbf7d0}.checkoutAdminStats .bad b{color:#fecaca}.checkoutAdminGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.checkoutAdminCard{padding:20px}.checkoutAdminCard.missing{border-color:rgba(239,68,68,.28)!important}.checkoutAdminCard.cashProblem{border-color:rgba(239,68,68,.45)!important;box-shadow:0 0 40px rgba(239,68,68,.12)!important}.checkoutAdminHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-bottom:1px solid rgba(255,255,255,.07);padding-bottom:14px;margin-bottom:14px}.checkoutAdminHead h2{margin:0;color:#fff}.checkoutAdminHead span{color:#94a3b8;font-weight:800;font-size:12px}.checkoutReportSalesGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.checkoutReportSalesGrid div,.cashAuditBox div{display:grid;gap:5px;padding:12px;border-radius:14px;background:rgba(2,6,23,.45);border:1px solid rgba(148,163,184,.10)}.checkoutReportSalesGrid span,.cashAuditBox span{color:#94a3b8;font-size:11px;font-weight:900}.checkoutReportSalesGrid b,.cashAuditBox b{color:#fff;font-size:17px}.cashAuditBox{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:10px}.cashAuditBox.ok{border-left:3px solid #22c55e}.cashAuditBox.bad{border-left:3px solid #ef4444}.adminWarningLine{margin:10px 0;padding:10px 12px;border-radius:12px;background:rgba(127,29,29,.28);border:1px solid rgba(239,68,68,.24);color:#fecaca;font-weight:900}.checkoutDetailsBox{margin-top:12px;border:1px solid rgba(148,163,184,.12);border-radius:14px;padding:12px;background:rgba(2,6,23,.28)}.checkoutDetailsBox summary{cursor:pointer;font-weight:950;color:#c4b5fd}.cashBreakdownGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.cashBreakdownGrid div{display:flex;justify-content:space-between;gap:10px;color:#cbd5e1;font-weight:800}.checkoutChecklistAdmin{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.checkoutChecklistAdmin span{padding:7px 10px;border-radius:999px;font-size:12px;font-weight:900;border:1px solid rgba(255,255,255,.08)}.checkoutChecklistAdmin .done{color:#bbf7d0;background:rgba(34,197,94,.12)}.checkoutChecklistAdmin .missing{color:#fecaca;background:rgba(239,68,68,.13)}.reportNote{margin-top:10px;color:#cbd5e1;background:rgba(15,23,42,.45);border:1px solid rgba(148,163,184,.10);border-radius:12px;padding:10px}.checkoutMissingBox{margin-top:14px}.salesMiniKpis{grid-template-columns:repeat(4,1fr)!important}
@media(max-width:1200px){.checkoutLayout,.checkoutAdminGrid{grid-template-columns:1fr}.checkoutSummaryPanel{position:static}.checkoutAdminStats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.checkoutGrid.two,.checkoutGrid.three,.checkoutChecklist,.checkoutAdminStats,.checkoutReportSalesGrid,.cashAuditBox{grid-template-columns:1fr}.cashCountRow{grid-template-columns:1fr}.cashSubtotal{text-align:left}.checkoutHero{display:block}.checkoutHeroBadge{display:inline-flex;margin-top:12px}.cashBreakdownGrid{grid-template-columns:1fr}}

/* ===== Checkout report v6 fixes ===== */
.modernDateControl {
  grid-template-columns: 44px 1fr 44px 44px !important;
}
.modernDateControl .calendarBtn {
  font-size: 17px !important;
}
input[type='date'],
input[type='month'],
input[type='time'] {
  color-scheme: dark;
  cursor: pointer;
}
input[type='date']::-webkit-calendar-picker-indicator,
input[type='month']::-webkit-calendar-picker-indicator,
input[type='time']::-webkit-calendar-picker-indicator {
  filter: invert(1);
  opacity: .85;
  cursor: pointer;
}
.lockedReportBox {
  margin-top: 18px;
  min-height: 170px;
  border-radius: 22px;
  border: 1px solid rgba(34,197,94,.28);
  background: linear-gradient(180deg, rgba(20,83,45,.22), rgba(2,6,23,.56));
  display: grid;
  place-items: center;
  text-align: center;
  padding: 26px;
  gap: 8px;
}
.lockedReportBox b {
  color: #bbf7d0;
  font-size: 22px;
}
.lockedReportBox span {
  color: #cbd5e1;
  font-weight: 800;
}
.lockedReportBox small {
  color: #94a3b8;
  font-weight: 700;
}
.checkoutAdminActions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.checkoutAdminActions .smallPurpleBtn,
.editCheckoutReport.smallPurpleBtn {
  min-width: 86px;
  width: auto;
  height: 36px;
  padding: 0 14px;
  border-radius: 12px;
  font-size: 12px;
}
.checkoutAdminCard.editMode {
  border-color: rgba(168,85,247,.56) !important;
  box-shadow: 0 0 0 1px rgba(168,85,247,.12), 0 24px 70px rgba(0,0,0,.34) !important;
}
.adminCheckoutCalcInput {
  width: 100%;
}
.checkoutAdminCard.editMode .rowButtons {
  display: grid;
  grid-template-columns: 1fr 180px;
  gap: 12px;
  margin-top: 18px;
}
.checkoutAdminCard.editMode .secondaryBtn {
  margin-top: 14px;
}
@media(max-width:720px){
  .modernDateControl{grid-template-columns:44px 1fr 44px 44px !important;}
  .checkoutAdminCard.editMode .rowButtons{grid-template-columns:1fr;}
}

/* ===== Settings checklist + dismissible alerts ===== */
.checkoutChecklistSettingsPanel {
  padding: 22px;
}
.checklistTopBtn {
  width: auto !important;
  min-width: 120px;
}
.checklistSettingsHeader,
.checklistSettingsRow {
  display: grid;
  grid-template-columns: 110px 1.35fr 1.35fr 90px;
  gap: 10px;
  align-items: center;
}
.checklistSettingsHeader {
  color: #94a3b8;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .03em;
  padding: 0 10px 8px;
}
.checkoutChecklistSettingsRows {
  display: grid;
  gap: 8px;
}
.checklistSettingsRow {
  padding: 10px;
  border-radius: 16px;
  background: rgba(15,23,42,.58);
  border: 1px solid rgba(255,255,255,.06);
}
.checklistActiveToggle {
  display: flex !important;
  align-items: center;
  gap: 8px;
  margin: 0 !important;
  color: #cbd5e1;
  font-size: 12px;
  font-weight: 900;
}
.checklistActiveToggle input {
  width: 18px;
  height: 18px;
}
.checklistSettingsRow input[type='text'],
.checklistSettingsRow input:not([type]) {
  min-height: 42px;
}
.alertItem {
  display: grid;
  grid-template-columns: 1fr 42px;
  gap: 10px;
  align-items: center;
}
.alertItem .alertLine {
  margin: 0;
}
.dismissAlertBtn {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 14px;
  background: rgba(15,23,42,.72);
  color: #94a3b8;
  font-weight: 950;
  cursor: pointer;
  transition: .18s ease;
}
.dismissAlertBtn:hover {
  color: #fecaca;
  border-color: rgba(239,68,68,.4);
  background: rgba(127,29,29,.22);
  transform: translateY(-1px);
}
@media(max-width:820px){
  .checklistSettingsHeader{display:none;}
  .checklistSettingsRow{grid-template-columns:1fr;}
  .alertItem{grid-template-columns:1fr;}
  .dismissAlertBtn{width:100%;}
}

/* ===== Security v1.1 / Workers access management ===== */
.securityNoticePanel {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 14px 16px;
  margin: 0 0 18px;
  border-radius: 18px;
  background: rgba(59, 130, 246, .12);
  border: 1px solid rgba(59, 130, 246, .26);
  color: #bfdbfe;
  font-weight: 800;
}
.securityNoticePanel b {
  color: #dbeafe;
}
.workersAccessLayout {
  grid-template-columns: 420px 1fr !important;
}
.workersProfileForm h2,
.usersListPanel h2 {
  margin-top: 0;
}
.compactPanelTitle {
  margin-bottom: 14px;
}
.compactPanelTitle h2 {
  margin: 0;
}
.systemBranchChecks {
  grid-template-columns: repeat(2, 1fr);
}
.systemUserCard {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(220px, .8fr) auto;
  gap: 14px;
  align-items: center;
  padding: 16px;
  margin-bottom: 12px;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(15,23,42,.62), rgba(2,6,23,.58));
  border: 1px solid rgba(148,163,184,.14);
}
.systemUserCard.disabledUser {
  opacity: .65;
  border-color: rgba(239,68,68,.24);
}
.systemUserMain {
  display: flex;
  gap: 13px;
  align-items: center;
  min-width: 0;
}
.systemUserAvatar {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  font-weight: 950;
  color: white;
  background: radial-gradient(circle at 30% 25%, rgba(124,58,237,.8), rgba(30,41,59,.92));
  border: 1px solid rgba(168,85,247,.34);
}
.systemUserMain b {
  display: block;
  color: white;
  font-size: 16px;
  margin-bottom: 4px;
}
.systemUserMain span,
.systemUserDetails span {
  display: block;
  color: #94a3b8;
  font-size: 13px;
  font-weight: 800;
  overflow-wrap: anywhere;
}
.systemUserBadges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 7px;
}
.roleBadge {
  min-height: 24px;
  padding: 4px 9px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 950;
  border: 1px solid rgba(255,255,255,.10);
}
.roleAdmin {
  color: #e9d5ff;
  background: rgba(124,58,237,.24);
}
.roleWorker {
  color: #bfdbfe;
  background: rgba(59,130,246,.20);
}
.statusActive {
  color: #bbf7d0;
  background: rgba(34,197,94,.18);
}
.statusDisabled {
  color: #fecaca;
  background: rgba(239,68,68,.18);
}
.systemUserDetails {
  display: grid;
  gap: 6px;
}
.systemUserActions {
  margin: 0 !important;
  justify-content: flex-end;
  flex-wrap: nowrap;
}
.editSystemUser {
  background: #1d4ed8;
}
.blueSmall {
  background: #1d4ed8;
}
.toggleSystemUser {
  min-width: 86px;
}
@media (max-width: 1100px) {
  .workersAccessLayout {
    grid-template-columns: 1fr !important;
  }
  .systemUserCard {
    grid-template-columns: 1fr;
  }
  .systemUserActions {
    justify-content: flex-start;
  }
}
@media (max-width: 640px) {
  .systemBranchChecks {
    grid-template-columns: 1fr;
  }
}

/* Security v1.2: admin can also work shifts */
.inlineCheckLabel {
  display: flex !important;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(15, 23, 42, .58);
  border: 1px solid rgba(148, 163, 184, .16);
  color: #e5e7eb !important;
  margin-top: 14px !important;
}
.inlineCheckLabel input {
  width: auto !important;
  min-width: 18px;
  height: 18px;
}
.roleShift {
  background: rgba(168, 85, 247, .22);
  color: #ddd6fe;
  border-color: rgba(168, 85, 247, .35);
}

/* ===== Marketing Review Guests ===== */
.marketingLayout.twoCol { grid-template-columns: 420px 1fr; }
.marketingKpis { margin-bottom: 18px; }
.marketingGuestList,
.reviewGuestList,
.managerList { display: grid; gap: 12px; }
.marketingGuestCard,
.workerReviewGuestCard,
.managerRow {
  border: 1px solid rgba(148,163,184,.14);
  background: rgba(2,6,23,.42);
  border-radius: 18px;
  padding: 14px;
  display: grid;
  gap: 12px;
}
.marketingGuestCard.status-completed,
.workerReviewGuestCard.status-completed { border-color: rgba(34,197,94,.38); }
.marketingGuestCard.status-no_show,
.marketingGuestCard.status-cancelled,
.workerReviewGuestCard.status-no_show,
.workerReviewGuestCard.status-cancelled { border-color: rgba(239,68,68,.42); opacity: .86; }
.marketingGuestHead { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }
.marketingGuestHead h2,
.marketingGuestHead h3 { margin:0 0 4px; color:#fff; }
.marketingGuestHead span,
.marketingGuestHead small { display:block; color:#94a3b8; font-weight:800; margin-top:3px; }
.marketingCheckGrid,
.reviewChecklist,
.marketingTaskGrid { display:grid; gap:10px; }
.marketingCheckGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.marketingCheckGrid label,
.reviewChecklist label,
.marketingTaskGrid span {
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(15,23,42,.55);
  border-radius: 14px;
  padding: 11px 12px;
  color:#cbd5e1;
  font-weight:850;
}
.marketingTaskGrid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.marketingTaskGrid span.done { color:#bbf7d0; border-color: rgba(34,197,94,.24); }
.reviewGuestNotice { margin-bottom: 14px; border-color: rgba(168,85,247,.24) !important; }
.reviewGuestNotice p { margin: 6px 0; color:#cbd5e1; font-weight: 800; }
.reviewGuestNotice hr { border:0; border-top:1px solid rgba(255,255,255,.08); margin:12px 0; }
.marketingHero { margin-bottom: 14px; }
.marketingAdminActions .secondaryBtn,
.marketingAdminActions .dangerBtn,
.managerActions .secondaryBtn,
.managerActions .dangerBtn,
.managerActions .primaryBtn { margin-top:0; width:auto; padding:10px 14px; }

/* ===== Inventory Manager ===== */
.inventoryRequestCleanRow { grid-template-columns: 1fr auto !important; }
.inventoryManagerLayout.twoCol { grid-template-columns: 1fr 1.3fr; }
.managerFormGrid { display:grid; grid-template-columns: 1fr 1fr auto; gap:10px; align-items:end; margin-bottom: 14px; }
.managerFormGrid.itemManagerForm { grid-template-columns: 170px 1fr 1fr auto; }
.managerFormGrid .primaryBtn { margin-top:0; height:46px; width:auto; min-width:130px; }
.managerRow { grid-template-columns: minmax(0,1fr) auto auto; align-items:center; }
.managerRow.inactive { opacity:.62; }
.managerRow b { color:#fff; display:block; }
.managerRow small { color:#94a3b8; display:block; margin-top:4px; font-weight:800; }

.branchChecklistSelector { margin-bottom: 16px; }
.inlineHint { min-height: 60px; display:grid; align-content:center; }

@media(max-width:1100px){
  .marketingLayout.twoCol,
  .inventoryManagerLayout.twoCol { grid-template-columns:1fr; }
  .managerFormGrid,
  .managerFormGrid.itemManagerForm { grid-template-columns:1fr; }
  .managerRow { grid-template-columns:1fr; }
  .marketingCheckGrid,
  .marketingTaskGrid { grid-template-columns:1fr; }
}



/* ===== Worker Review Guests UI Refresh ===== */
.reviewGuestWorkspaceV3 { display:grid; gap:18px; }
.reviewGuestsHero { padding:24px 28px; }
.reviewGuestsHeroText h1 { margin:6px 0 8px; color:#fff; font-size:clamp(32px,4vw,56px); }
.reviewGuestsHeroText p { margin:0; color:#cbd5e1; font-size:16px; font-weight:800; }
.reviewGuestsHeroSub { margin-top:6px; color:#94a3b8; font-weight:850; font-size:15px; }
.reviewGuestControlBar {
  display:grid;
  grid-template-columns: 1.1fr 1.1fr 1.15fr .58fr;
  gap:14px;
}
.reviewGuestFilterCard,
.reviewGuestCounterCard { padding:16px 18px; min-height:102px; display:grid; align-items:center; }
.reviewGuestFilterCard label { display:grid; gap:8px; }
.reviewGuestFilterCard label > span {
  font-size:13px;
  color:#94a3b8;
  font-weight:900;
}
.reviewGuestFilterCard input,
.reviewGuestFilterCard select,
.reviewGuestLockedField {
  height:54px;
  border-radius:18px;
  background: rgba(10,16,34,.82);
  border: 1px solid rgba(255,255,255,.08);
  color: #fff;
  font-weight: 850;
  padding: 0 16px 0 46px;
  width: 100%;
}
.reviewGuestFilterCard { position:relative; }
.filterFieldIcon {
  position:absolute;
  left:18px;
  bottom:21px;
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  font-size:16px;
  opacity:.85;
}
.reviewGuestLockedField { display:flex; align-items:center; }
.reviewGuestCounterCard { justify-items:end; }
.reviewGuestCounterBadge {
  padding:12px 16px;
  border-radius:999px;
  background: rgba(34,197,94,.16);
  border:1px solid rgba(34,197,94,.22);
  color:#86efac;
  font-weight:900;
  font-size:22px;
}
.reviewGuestSummaryGridV3 { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.reviewGuestHintBar {
  display:flex;
  align-items:center;
  gap:16px;
  padding:18px 22px;
  background: linear-gradient(135deg, rgba(58,91,255,.14), rgba(102,51,153,.10));
  border:1px solid rgba(118,101,255,.22);
}
.reviewGuestHintIcon {
  width:42px;
  height:42px;
  flex-shrink:0;
  border-radius:14px;
  display:grid;
  place-items:center;
  background: linear-gradient(180deg, rgba(139,92,246,.85), rgba(76,29,149,.92));
  color:#fff;
  font-weight:900;
  font-size:22px;
}
.reviewGuestHintIcon.small { width:34px; height:34px; border-radius:12px; font-size:18px; }
.reviewGuestHintBar b,
.reviewGuestInfoBanner b { display:block; color:#fff; margin-bottom:4px; }
.reviewGuestHintBar span,
.reviewGuestInfoBanner span { color:#cbd5e1; font-weight:850; }
.reviewGuestBoardV3 { display:grid; gap:18px; }
.reviewGuestCardModern {
  padding:18px 18px 20px;
  display:grid;
  gap:16px;
  border:1px solid rgba(120,92,255,.32);
  box-shadow: 0 20px 60px rgba(1,6,23,.28), inset 0 1px 0 rgba(255,255,255,.02);
}
.reviewGuestModernTop {
  display:grid;
  grid-template-columns: 1fr auto;
  gap:18px;
  align-items:center;
}
.reviewGuestTopInfo {
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap:12px;
}
.reviewGuestTopSlot {
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.reviewGuestSlotIcon {
  width:48px;
  height:48px;
  border-radius:16px;
  display:grid;
  place-items:center;
  flex-shrink:0;
  background: rgba(18,28,58,.82);
  border:1px solid rgba(255,255,255,.08);
  font-size:22px;
}
.reviewGuestTopSlot strong { display:block; color:#fff; font-size:17px; line-height:1.1; }
.reviewGuestTopSlot span { display:block; margin-top:4px; color:#94a3b8; font-weight:850; font-size:13px; }
.reviewGuestStatusWrap { justify-self:end; }
.reviewGuestProgressRow {
  display:grid;
  grid-template-columns: 1fr auto;
  align-items:center;
  gap:16px;
}
.reviewGuestProgressBar {
  height:8px;
  border-radius:999px;
  background: rgba(255,255,255,.08);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.06);
}
.reviewGuestProgressBar span {
  display:block;
  height:100%;
  border-radius:999px;
  background: linear-gradient(90deg, #7c3aed 0%, #8b5cf6 55%, #a855f7 100%);
}
.reviewGuestProgressCount { color:#cbd5e1; font-size:13px; font-weight:900; white-space:nowrap; }
.reviewGuestInfoBanner {
  display:flex;
  align-items:center;
  gap:14px;
  padding:16px 18px;
  border-radius:18px;
  background: rgba(49,72,160,.18);
  border:1px solid rgba(96,165,250,.18);
}
.reviewGuestColumns {
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:16px;
}
.reviewGuestSectionCard {
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  background: linear-gradient(180deg, rgba(10,16,34,.82), rgba(7,11,28,.94));
  padding:18px;
  display:grid;
  gap:16px;
}
.reviewGuestSectionTitle {
  color:#fff;
  font-size:16px;
  font-weight:900;
  display:flex;
  align-items:center;
  gap:8px;
}
.reviewGuestSectionBody { display:grid; gap:12px; }
.reviewMiniCheck {
  display:grid;
  grid-template-columns: 22px 1fr 24px;
  align-items:start;
  gap:12px;
  padding:14px 0;
  border-bottom:1px solid rgba(255,255,255,.06);
  cursor:pointer;
}
.reviewMiniCheck:last-child { border-bottom:0; padding-bottom:0; }
.reviewMiniCheck input {
  width:20px;
  height:20px;
  margin:1px 0 0;
  accent-color:#8b5cf6;
}
.reviewMiniCheckText b { display:block; color:#fff; margin-bottom:3px; font-size:15px; }
.reviewMiniCheckText span { color:#94a3b8; font-weight:850; line-height:1.45; font-size:13px; }
.reviewMiniCheckState {
  width:22px;
  height:22px;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:#22c55e;
  font-weight:900;
  font-size:16px;
}
.reviewMiniCheck.done .reviewMiniCheckState {
  background: rgba(34,197,94,.12);
  border:1px solid rgba(34,197,94,.18);
}
.reviewMiniEmpty {
  color:#64748b;
  font-weight:850;
  padding:8px 0;
}
.reviewGuestBottomRow {
  display:grid;
  grid-template-columns: 1.2fr auto;
  gap:16px;
  align-items:end;
}
.reviewGuestNoteWrap { display:grid; gap:8px; }
.reviewGuestNoteWrap label { color:#cbd5e1; font-weight:900; }
.reviewGuestNoteWrap textarea {
  min-height:88px;
  background: rgba(10,16,34,.88);
  color:#e2e8f0;
  border:1px solid rgba(255,255,255,.09);
  border-radius:18px;
  padding:14px 16px;
  resize:vertical;
}
.reviewGuestBottomActions {
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.reviewGuestBottomActions .primaryBtn,
.reviewGuestBottomActions .secondaryBtn {
  margin-top:0;
  min-width:210px;
  height:56px;
  border-radius:18px;
  font-size:16px;
}
.reviewGuestBottomActions .dangerOutline {
  background: transparent;
  border:1px solid rgba(239,68,68,.55);
  color:#fff;
}
.reviewGuestArchivedSection { display:grid; gap:12px; }
.reviewGuestArchivedTitle { color:#94a3b8; font-weight:900; text-transform:uppercase; letter-spacing:.08em; font-size:12px; }
.reviewGuestArchiveGrid { display:grid; gap:10px; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); }
.reviewGuestMiniCard {
  padding:14px 16px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}
.reviewGuestMiniCard b { display:block; color:#fff; margin-bottom:3px; }
.reviewGuestMiniCard span:not(.statusBadge) { color:#94a3b8; font-weight:800; font-size:13px; }
.reviewGuestEmptyState {
  min-height: 280px;
  display:grid;
  place-items:center;
  text-align:center;
  gap:10px;
}
.reviewGuestEmptyState .emptyIcon {
  width:68px;
  height:68px;
  border-radius:22px;
  display:grid;
  place-items:center;
  font-size:28px;
  color:#fff;
  background: radial-gradient(circle at 30% 25%, rgba(168,85,247,.75), rgba(30,41,59,.95));
  border:1px solid rgba(168,85,247,.34);
}
.reviewGuestEmptyState h3 { margin:0; color:#fff; }
.reviewGuestEmptyState p { max-width:480px; color:#94a3b8; font-weight:800; }

@media (max-width: 1400px) {
  .reviewGuestControlBar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .reviewGuestTopInfo { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .reviewGuestColumns { grid-template-columns: 1fr; }
}
@media (max-width: 960px) {
  .reviewGuestSummaryGridV3,
  .reviewGuestControlBar,
  .reviewGuestBottomRow,
  .reviewGuestModernTop,
  .reviewGuestTopInfo { grid-template-columns: 1fr; }
  .reviewGuestStatusWrap,
  .reviewGuestBottomActions { justify-self:start; justify-content:flex-start; }
}
@media (max-width: 720px) {
  .reviewGuestCounterCard { justify-items:start; }
  .reviewGuestBottomActions .primaryBtn,
  .reviewGuestBottomActions .secondaryBtn { width:100%; min-width:0; }
}

/* ===== Worker Review Guests Premium V4 ===== */
.workerTopBar {
  margin-bottom: 26px !important;
}

.reviewGuestWorkspaceV4 {
  display: grid;
  gap: 18px;
  max-width: 1580px;
  margin: 0 auto;
}

.reviewGuestsHeroV4 {
  padding: 0 2px 2px;
}

.reviewGuestsHeroV4 h1 {
  margin: 0 0 8px;
  color: #fff;
  font-size: clamp(34px, 3vw, 48px);
  line-height: 1;
  font-weight: 950;
  letter-spacing: -0.06em;
  text-shadow: 0 18px 50px rgba(0,0,0,.35);
}

.reviewGuestsHeroV4 p {
  margin: 0;
  color: #cbd5e1;
  font-size: 16px;
  font-weight: 850;
  letter-spacing: -0.025em;
}

.reviewGuestsHeroV4 span {
  display: block;
  margin-top: 4px;
  color: #98a5bc;
  font-size: 15px;
  font-weight: 800;
}

.reviewGuestControlBarV4 {
  display: grid;
  grid-template-columns: 1.1fr 1.18fr 1.2fr .62fr;
  gap: 14px;
  align-items: stretch;
}

.reviewGuestFilterPill,
.reviewGuestCountPill {
  min-height: 86px;
  border-radius: 18px;
  border: 1px solid rgba(148,163,184,.16);
  background:
    radial-gradient(circle at 18% 12%, rgba(124,58,237,.12), transparent 38%),
    linear-gradient(180deg, rgba(15,23,42,.72), rgba(3,7,18,.72));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 18px 50px rgba(0,0,0,.20);
}

.reviewGuestFilterPill {
  display: grid;
  grid-template-columns: 48px 1fr;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
}

.reviewGuestFilterIcon {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #fff;
  background: rgba(15,23,42,.8);
  border: 1px solid rgba(148,163,184,.14);
  box-shadow: inset 0 0 18px rgba(124,58,237,.14);
  font-size: 19px;
}

.reviewGuestFilterBody {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.reviewGuestFilterBody span {
  color: #94a3b8;
  font-size: 13px;
  font-weight: 900;
}

.reviewGuestFilterBody b,
.reviewGuestFilterBody input,
.reviewGuestFilterBody select {
  width: 100%;
  height: 28px;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #fff !important;
  font-size: 17px;
  line-height: 1.15;
  font-weight: 950;
  box-shadow: none !important;
}

.reviewGuestFilterBody input::-webkit-calendar-picker-indicator {
  filter: invert(1);
  opacity: .55;
  cursor: pointer;
}

.reviewGuestFilterBody select {
  cursor: pointer;
}

.reviewGuestCountPill {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 14px 16px;
}

.reviewGuestCountPill span {
  color: #86efac;
  font-size: 18px;
}

.reviewGuestCountPill b {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 17px;
  border-radius: 999px;
  color: #7df39d;
  font-size: 20px;
  font-weight: 950;
  background: rgba(22,163,74,.18);
  border: 1px solid rgba(34,197,94,.18);
}

.reviewGuestBoardV4 {
  display: grid;
  gap: 18px;
}

.reviewGuestCardV4 {
  display: grid;
  gap: 16px;
  padding: 24px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 3% 0%, rgba(124,58,237,.16), transparent 32%),
    linear-gradient(180deg, rgba(8,13,30,.92), rgba(3,7,18,.94));
  border: 1px solid rgba(124,58,237,.70);
  box-shadow: 0 24px 80px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.045);
}

.reviewGuestCardV4.status-completed {
  border-color: rgba(34,197,94,.54);
}

.reviewGuestCardTopV4 {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 18px;
  align-items: center;
}

.reviewGuestMetaGridV4 {
  display: grid;
  grid-template-columns: 1.03fr .95fr .95fr 1.05fr;
  align-items: center;
  gap: 0;
  min-width: 0;
}

.reviewGuestMetaItemV4 {
  display: grid;
  grid-template-columns: 52px 1fr;
  gap: 14px;
  align-items: center;
  min-width: 0;
  padding: 0 22px;
  border-left: 1px solid rgba(148,163,184,.14);
}

.reviewGuestMetaItemV4:first-child {
  border-left: 0;
  padding-left: 0;
}

.reviewGuestMetaIconV4 {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #e9d5ff;
  background: rgba(15,23,42,.72);
  border: 1px solid rgba(148,163,184,.13);
  box-shadow: inset 0 0 22px rgba(124,58,237,.16);
  font-size: 20px;
}

.reviewGuestMetaItemV4 b {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff;
  font-size: 17px;
  line-height: 1.2;
  font-weight: 950;
}

.reviewGuestMetaItemV4 small {
  display: block;
  margin-top: 4px;
  color: #94a3b8;
  font-size: 13px;
  line-height: 1.15;
  font-weight: 850;
}

.reviewGuestStatusPillV4 {
  justify-self: end;
  min-height: 42px;
  padding: 0 18px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  font-size: 14px !important;
  font-weight: 950 !important;
  white-space: nowrap;
}

.reviewGuestProgressRowV4 {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 16px;
}

.reviewGuestProgressBarV4 {
  height: 8px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(148,163,184,.13);
  border: 1px solid rgba(255,255,255,.05);
}

.reviewGuestProgressBarV4 span {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, #7c3aed, #8b5cf6, #a855f7);
  box-shadow: 0 0 26px rgba(139,92,246,.45);
}

.reviewGuestProgressCountV4 {
  color: #cbd5e1;
  font-size: 13px;
  font-weight: 950;
  white-space: nowrap;
}

.reviewGuestInfoBannerV4 {
  min-height: 72px;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 20px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(67,56,202,.28), rgba(30,58,138,.20));
  border: 1px solid rgba(99,102,241,.34);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045);
}

.reviewGuestHintIconV4 {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(180deg, #7c3aed, #4f46e5);
  font-size: 20px;
  font-weight: 950;
  box-shadow: 0 12px 32px rgba(79,70,229,.30);
}

.reviewGuestInfoBannerV4 b {
  display: block;
  margin-bottom: 4px;
  color: #fff;
  font-size: 16px;
  font-weight: 950;
}

.reviewGuestInfoBannerV4 span {
  display: block;
  color: #d6ddf0;
  font-size: 15px;
  font-weight: 850;
}

.reviewGuestColumnsV4 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.reviewGuestSectionCardV4 {
  min-height: 232px;
  padding: 22px;
  border-radius: 16px;
  border: 1px solid rgba(148,163,184,.16);
  background: linear-gradient(180deg, rgba(15,23,42,.66), rgba(3,7,18,.72));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}

.reviewGuestSectionCardV4 h3 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 16px;
  color: #fff;
  font-size: 16px;
  line-height: 1.1;
  font-weight: 950;
}

.reviewGuestSectionCardV4 h3 span {
  color: #8b5cf6;
  filter: drop-shadow(0 0 14px rgba(139,92,246,.35));
}

.reviewGuestSectionBodyV4 {
  display: grid;
  gap: 10px;
}

.reviewCheckV4 {
  position: relative;
  min-height: 48px;
  display: grid;
  grid-template-columns: 28px 1fr 28px;
  gap: 12px;
  align-items: center;
  cursor: pointer;
  user-select: none;
}

.reviewCheckV4 input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.reviewCheckBoxVisual {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  color: transparent;
  background: transparent;
  border: 1px solid rgba(148,163,184,.65);
  font-size: 17px;
  font-weight: 950;
  transition: .16s ease;
}

.reviewCheckV4 input:checked + .reviewCheckBoxVisual {
  color: #fff;
  border-color: rgba(168,85,247,.72);
  background: linear-gradient(180deg, #8b5cf6, #6d28d9);
  box-shadow: 0 10px 24px rgba(124,58,237,.32), inset 0 1px 0 rgba(255,255,255,.18);
}

.reviewCheckText b {
  display: block;
  color: #f8fafc;
  font-size: 15px;
  line-height: 1.15;
  font-weight: 900;
}

.reviewCheckText small {
  display: block;
  margin-top: 4px;
  color: #94a3b8;
  font-size: 13px;
  line-height: 1.15;
  font-weight: 800;
}

.reviewCheckDone {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  justify-self: end;
  border-radius: 999px;
  color: #22c55e;
  font-size: 18px;
  font-weight: 950;
}

.reviewCheckV4.done .reviewCheckDone {
  border: 1px solid rgba(34,197,94,.45);
  background: rgba(34,197,94,.12);
}

.reviewCheckV4.disabled {
  opacity: .62;
  cursor: not-allowed;
}

.reviewMiniEmptyV4 {
  color: #64748b;
  font-size: 14px;
  font-weight: 850;
}

.reviewGuestBottomRowV4 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 540px;
  gap: 26px;
  align-items: end;
}

.reviewGuestNoteWrapV4 {
  display: grid;
  gap: 8px;
}

.reviewGuestNoteWrapV4 label {
  color: #cbd5e1;
  font-size: 14px;
  font-weight: 900;
}

.reviewGuestTextareaShellV4 {
  position: relative;
}

.reviewGuestTextareaShellV4 textarea {
  width: 100%;
  min-height: 78px;
  padding: 16px 70px 16px 18px;
  border-radius: 14px;
  resize: vertical;
  color: #e2e8f0;
  background: rgba(3,7,18,.62);
  border: 1px solid rgba(148,163,184,.20);
  outline: none;
  font-size: 14px;
  font-weight: 700;
}

.reviewGuestTextareaShellV4 small {
  position: absolute;
  right: 16px;
  bottom: 14px;
  color: #94a3b8;
  font-size: 12px;
  font-weight: 850;
}

.reviewGuestBottomActionsV4 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.reviewGuestBottomActionsV4 .primaryBtn,
.reviewGuestBottomActionsV4 .secondaryBtn {
  height: 60px;
  margin: 0 !important;
  border-radius: 12px !important;
  font-size: 16px !important;
  font-weight: 950 !important;
}

.reviewGuestBottomActionsV4 .primaryBtn {
  background: linear-gradient(135deg, #8b5cf6, #6d28d9) !important;
  color: #fff !important;
  border: 1px solid rgba(168,85,247,.44) !important;
  box-shadow: 0 18px 36px rgba(109,40,217,.28) !important;
}

.reviewGuestBottomActionsV4 .dangerOutline {
  background: rgba(3,7,18,.22) !important;
  border: 1px solid rgba(239,68,68,.70) !important;
  color: #fff !important;
}

.reviewGuestArchivedSectionV4 {
  display: grid;
  gap: 10px;
  margin-top: 2px;
}

.reviewGuestArchiveGridV4 {
  display: grid;
  gap: 10px;
}

.reviewGuestMiniCardV4 {
  min-height: 64px;
  padding: 12px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  border-radius: 16px;
  background: rgba(15,23,42,.66);
  border: 1px solid rgba(148,163,184,.14);
}

.reviewGuestMiniCardV4 b {
  display: block;
  color: #fff;
  font-size: 15px;
  font-weight: 950;
}

.reviewGuestMiniCardV4 span:not(.statusBadge) {
  display: block;
  margin-top: 4px;
  color: #94a3b8;
  font-size: 13px;
  font-weight: 850;
}

.reviewGuestEmptyStateV4 {
  min-height: 340px;
  display: grid;
  place-items: center;
  text-align: center;
  padding: 42px;
  border-radius: 22px;
  border: 1px solid rgba(148,163,184,.14);
  background: rgba(15,23,42,.48);
}

.reviewGuestEmptyStateV4 .emptyIcon {
  width: 68px;
  height: 68px;
  display: grid;
  place-items: center;
  margin: 0 auto 14px;
  border-radius: 20px;
  background: rgba(124,58,237,.20);
  border: 1px solid rgba(168,85,247,.28);
}

.reviewGuestEmptyStateV4 h3 {
  margin: 0 0 8px;
  color: #fff;
  font-weight: 950;
}

.reviewGuestEmptyStateV4 p {
  max-width: 520px;
  margin: 0;
  color: #94a3b8;
  font-weight: 800;
}

@media (max-width: 1320px) {
  .reviewGuestControlBarV4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .reviewGuestCardTopV4,
  .reviewGuestProgressRowV4,
  .reviewGuestBottomRowV4 {
    grid-template-columns: 1fr;
  }

  .reviewGuestBottomActionsV4 {
    max-width: 560px;
  }
}

@media (max-width: 1120px) {
  .reviewGuestMetaGridV4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .reviewGuestMetaItemV4 {
    border-left: 0;
    padding: 0;
  }

  .reviewGuestColumnsV4 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .reviewGuestsHeroV4 h1 {
    font-size: 36px;
  }

  .reviewGuestControlBarV4,
  .reviewGuestMetaGridV4,
  .reviewGuestBottomActionsV4 {
    grid-template-columns: 1fr;
  }

  .reviewGuestCardV4 {
    padding: 16px;
    border-radius: 18px;
  }

  .reviewGuestFilterPill {
    min-height: 78px;
  }

  .reviewGuestCountPill {
    justify-content: flex-start;
  }
}

.reviewGuestDateDisplayV4 {
  position: relative;
  height: 30px;
}

.reviewGuestDateDisplayV4 b {
  display: block;
  height: 30px;
  color: #fff;
  font-size: 17px;
  line-height: 30px;
  font-weight: 950;
  pointer-events: none;
}

.reviewGuestDateDisplayV4 input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 30px;
  opacity: 0;
  cursor: pointer;
}

/* ===== UZU Ops V5: global usability polish ===== */
.workerPremiumShell {
  background:
    radial-gradient(circle at 82% 8%, rgba(91,33,182,.30), transparent 30%),
    radial-gradient(circle at 25% 0%, rgba(30,64,175,.18), transparent 32%),
    linear-gradient(135deg, #050816 0%, #070a18 45%, #040615 100%);
}
.workerMain { max-width: 1540px !important; }
.workerSidebar { width: 292px !important; }
.workerBrand {
  display: grid !important;
  gap: 16px !important;
  align-items: start !important;
}
.workerLogoText {
  font-size: 34px;
  line-height: 1;
  letter-spacing: .08em;
  font-weight: 1000;
  color: #f8fafc;
  text-shadow: 0 0 28px rgba(139,92,246,.35);
}
.workerBrand > span {
  color: #8b5cf6 !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
  letter-spacing: .08em;
}
.workerSideNav { display:grid; gap:7px; }
.workerNav {
  display: flex !important;
  align-items: center !important;
  gap: 13px !important;
  min-height: 50px !important;
  letter-spacing: .01em;
}
.navIcon {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  font-size: 17px;
  opacity: .92;
  filter: drop-shadow(0 0 10px rgba(139,92,246,.25));
}
.workerNav.active .navIcon { opacity: 1; }
.workerNavAlert{
  margin-left:auto;
  width:12px;
  height:12px;
  border-radius:999px;
  background:#ef4444;
  box-shadow:0 0 0 4px rgba(239,68,68,.14),0 0 18px rgba(239,68,68,.55);
  flex:0 0 auto;
}
.workerProfilePill {
  height: 54px !important;
  padding: 0 14px 0 9px !important;
  border-radius: 16px !important;
  gap: 10px !important;
}
.workerProfilePill div { display:grid; gap:1px; line-height:1.05; }
.workerProfilePill b { font-size: 13px; color: #fff; }
.workerProfilePill small { color:#94a3b8; font-weight:800; }
.miniAvatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg,#8b5cf6,#4f46e5);
  color: #fff;
  font-weight: 1000;
  box-shadow: 0 0 28px rgba(139,92,246,.35);
}
.workerSideCard {
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px;
  border-radius:18px;
  background:linear-gradient(135deg,rgba(30,41,59,.72),rgba(17,24,39,.66));
  border:1px solid rgba(148,163,184,.14);
  margin-top:14px;
}
.sideCardIcon {
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#7c3aed,#4f46e5);
  font-size:20px;
}
.workerSideCard b { display:block; color:#fff; font-size:13px; }
.workerSideCard span { display:block; color:#94a3b8; font-size:11px; font-weight:800; margin-top:2px; }
.premiumWorkerTopBar {
  background: transparent !important;
  border-bottom-color: rgba(148,163,184,.10) !important;
}

/* Inventory: faster selection and less visual noise */
.inventorySearchField {
  min-height:45px;
  border-radius:14px;
  border:1px solid rgba(148,163,184,.18);
  background:rgba(2,6,23,.55);
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 13px;
}
.inventorySearchField span { color:#a78bfa; font-weight:1000; font-size:18px; }
.inventorySearchField input {
  width:100%;
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  padding:0 !important;
  height:42px;
}
.inventorySearchField input::placeholder { color:#64748b; font-weight:800; }
.inventoryRequestCleanRow { grid-template-columns:minmax(220px,1fr) auto auto !important; align-items:center; }
.proItemCard .itemThumb { text-transform:uppercase; }
.proItemCard em { transition:.18s ease; }
.proItemCard:hover em { background:#8b5cf6; color:#fff; box-shadow:0 0 22px rgba(139,92,246,.45); }
.proCartItem span { color:#fff; font-weight:900; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.proCartItem select { height:38px; border-radius:12px !important; }
.removeCartItem { border-radius:12px !important; }
.workerRequestsPanel .panelTitle { margin-bottom:14px; }
.workerRequestCard { transition:.18s ease; }
.workerRequestCard:hover { border-color:rgba(139,92,246,.42); transform:translateY(-1px); }

/* Checkout: make money mistakes harder */
.checkoutHero {
  padding: 4px 2px 2px;
}
.checkoutHero h1, .inventoryHero h1, .premiumPageHead h1 {
  letter-spacing: -.035em;
}
.checkoutLayout { grid-template-columns:minmax(0,1fr) 390px !important; }
.checkoutMainPanel { overflow:hidden; }
.checkoutGrid input, .checkoutGrid select, .cashCountInput {
  min-height: 46px;
  border-radius: 14px !important;
}
.cashCountRow:hover, .checkoutCheckItem:hover {
  border-color:rgba(139,92,246,.35);
  background:rgba(15,23,42,.65);
}
.checkoutCheckItem { cursor:pointer; }
.checkoutCheckItem input { accent-color:#8b5cf6; }
.submitCheckoutBtn {
  font-size: 16px !important;
  border-radius: 16px !important;
}
.checkoutSummaryPanel {
  border-color:rgba(139,92,246,.24) !important;
}
.drawerDifferenceBox.ok b { color:#bbf7d0; }
.drawerDifferenceBox.bad b { color:#fecaca; }
.checkoutLockedPanel .lockedReportBox {
  border-radius: 18px;
  padding: 18px;
}

/* Admin Marketing: closer to the premium worker review page */
.marketingLayout.twoCol { grid-template-columns: 430px minmax(0,1fr) !important; }
.marketingLayout > .premiumPanel:first-child {
  position: sticky;
  top: 22px;
}
.marketingKpis .premiumKpi { min-height: 116px; }
.marketingGuestList { gap: 14px !important; }
.marketingGuestCard {
  position:relative;
  overflow:hidden;
}
.marketingGuestCard:before {
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width:3px;
  background:linear-gradient(180deg,#8b5cf6,#22c55e);
  opacity:.75;
}
.marketingGuestHead { padding-left: 2px; }
.marketingTaskGrid span {
  min-height: 42px;
  align-items:center;
}
.marketingAdminActions { justify-content:flex-end; }
.marketingAdminActions button { min-height:40px; border-radius:13px !important; }
#addReviewGuestBtn { margin-top:18px; height:52px; border-radius:16px !important; }

/* Admin Workers: clearer permission cards */
.workersAccessLayout { grid-template-columns: 430px minmax(0,1fr) !important; }
.workersProfileForm {
  position: sticky;
  top: 22px;
}
.systemBranchChecks label, .checks label {
  border-radius: 13px;
  padding: 10px 12px;
  background: rgba(2,6,23,.46);
  border: 1px solid rgba(148,163,184,.13);
  cursor: pointer;
}
.systemBranchChecks input, .checks input { accent-color:#8b5cf6; }
.systemUserCard {
  border-radius: 20px !important;
  background: linear-gradient(180deg,rgba(15,23,42,.72),rgba(8,11,24,.86)) !important;
  border: 1px solid rgba(148,163,184,.14) !important;
  transition: .18s ease;
}
.systemUserCard:hover {
  border-color: rgba(139,92,246,.42) !important;
  transform: translateY(-1px);
}
.systemUserAvatar {
  background: linear-gradient(135deg,#7c3aed,#4f46e5) !important;
  box-shadow: 0 0 28px rgba(124,58,237,.32);
}
.systemUserBadges .roleBadge { border-radius:999px; }
.systemUserDetails span {
  color:#cbd5e1 !important;
  font-weight:800;
}
.systemUserActions button { border-radius:12px !important; min-height:38px; }
.securityNoticePanel {
  border-left: 3px solid #8b5cf6 !important;
}

@media(max-width:1100px){
  .checkoutLayout,.marketingLayout.twoCol,.workersAccessLayout { grid-template-columns:1fr !important; }
  .checkoutSummaryPanel,.marketingLayout > .premiumPanel:first-child,.workersProfileForm { position:static !important; }
}
@media(max-width:720px){
  .workerSidebar { width:100% !important; height:auto !important; position:relative !important; }
  .workerPremiumShell { display:block !important; }
  .workerSideCard { display:none; }
  .inventoryRequestCleanRow { grid-template-columns:1fr !important; }
}

/* ================= EXPENSES V2 CONTROL CENTER ================= */
.expensesHero h1 { letter-spacing:-0.04em; }
.expensesControlLayout{
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.expensesSideNav{
  position:sticky;
  top:18px;
  background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(9,12,24,.96));
  border:1px solid rgba(148,163,184,.18);
  border-radius:26px;
  padding:16px;
  box-shadow:0 24px 70px rgba(0,0,0,.34);
}
.expensesSideTitle{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 12px 16px;
  margin-bottom:8px;
  border-bottom:1px solid rgba(148,163,184,.14);
}
.expensesSideTitle > span{
  width:42px;height:42px;border-radius:16px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,rgba(239,68,68,.25),rgba(168,85,247,.18));
  border:1px solid rgba(255,255,255,.12);
}
.expensesSideTitle b{display:block;color:#fff;font-size:16px;}
.expensesSideTitle small{display:block;color:#94a3b8;font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.08em;}
.expenseNavBtn{
  width:100%;
  border:1px solid transparent;
  background:transparent;
  color:#cbd5e1;
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px;
  border-radius:18px;
  text-align:left;
  cursor:pointer;
  transition:.18s ease;
  margin:4px 0;
}
.expenseNavBtn:hover{background:rgba(255,255,255,.05);border-color:rgba(148,163,184,.12);}
.expenseNavBtn.active{
  background:linear-gradient(135deg,rgba(239,68,68,.22),rgba(168,85,247,.18));
  border-color:rgba(248,113,113,.32);
  box-shadow:0 14px 34px rgba(239,68,68,.12);
  color:#fff;
}
.expenseNavIcon{
  width:38px;height:38px;border-radius:14px;
  display:grid;place-items:center;
  background:rgba(255,255,255,.06);
  flex:0 0 auto;
}
.expenseNavBtn b{display:block;font-size:13px;line-height:1.2;}
.expenseNavBtn small{display:block;color:#94a3b8;font-size:10px;margin-top:3px;line-height:1.2;}
.expensesMainPanel{
  min-width:0;
  background:linear-gradient(180deg,rgba(15,23,42,.72),rgba(2,6,23,.62));
  border:1px solid rgba(148,163,184,.14);
  border-radius:28px;
  padding:20px;
  box-shadow:0 24px 80px rgba(0,0,0,.24);
}
.expensesPanelHead{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  margin-bottom:18px;
}
.expensesPanelHead h2{margin:6px 0 4px;color:#fff;font-size:26px;letter-spacing:-.04em;}
.expensesPanelHead p{margin:0;color:#94a3b8;font-weight:700;}
.eyebrow{font-size:12px;font-weight:900;color:#fca5a5;text-transform:uppercase;letter-spacing:.1em;}
.expensePanelTotals{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:flex-end;
}
.expensePanelTotals span{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(148,163,184,.14);
  border-radius:16px;
  padding:10px 12px;
  color:#94a3b8;
  font-size:12px;
  font-weight:900;
}
.expensePanelTotals b{display:block;color:#fff;font-size:16px;margin-top:3px;}
.expenseGrandGrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-bottom:14px;
}
.expenseKpiCard{
  background:radial-gradient(circle at top right,rgba(239,68,68,.16),transparent 42%),rgba(15,23,42,.82);
  border:1px solid rgba(148,163,184,.14);
  border-radius:22px;
  padding:16px;
  min-height:118px;
}
.expenseKpiCard span{display:block;color:#94a3b8;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;}
.expenseKpiCard b{display:block;color:#fff;font-size:25px;margin:12px 0 6px;letter-spacing:-.04em;}
.expenseKpiCard small{color:#64748b;font-weight:800;}
.expenseBranchGrid,.salaryTopGrid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  margin-bottom:14px;
}
.salaryTopGrid{grid-template-columns:repeat(5,minmax(0,1fr));}
.expenseBranchCard{
  background:linear-gradient(180deg,rgba(15,23,42,.88),rgba(15,23,42,.58));
  border:1px solid rgba(148,163,184,.14);
  border-radius:22px;
  padding:15px;
}
.expenseBranchCard.global{border-color:rgba(56,189,248,.24);background:linear-gradient(180deg,rgba(12,38,54,.78),rgba(15,23,42,.62));}
.expenseBranchCardTop{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.expenseBranchCardTop > span{width:36px;height:36px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.06);}
.expenseBranchCardTop b{display:block;color:#fff;}
.expenseBranchCardTop small{display:block;color:#94a3b8;font-size:11px;font-weight:800;}
.expenseBranchCard > strong{display:block;color:#fff;font-size:21px;margin-bottom:12px;letter-spacing:-.03em;}
.expenseBranchMiniRows{display:grid;gap:7px;}
.expenseBranchMiniRows span{display:flex;justify-content:space-between;color:#94a3b8;font-size:12px;font-weight:800;border-top:1px solid rgba(148,163,184,.08);padding-top:7px;}
.expenseBranchMiniRows b{color:#e5e7eb;}
.expenseBreakdownPanel,.expenseFormCard,.expenseRecordsCard{
  background:rgba(15,23,42,.72);
  border:1px solid rgba(148,163,184,.14);
  border-radius:24px;
  padding:16px;
}
.expenseMatrixWrap{overflow:auto;border-radius:18px;border:1px solid rgba(148,163,184,.12);}
.expenseMatrixTable{width:100%;border-collapse:separate;border-spacing:0;min-width:780px;background:rgba(2,6,23,.36);}
.expenseMatrixTable th,.expenseMatrixTable td{padding:12px 14px;border-bottom:1px solid rgba(148,163,184,.10);text-align:right;color:#cbd5e1;font-size:13px;white-space:nowrap;}
.expenseMatrixTable th:first-child,.expenseMatrixTable td:first-child{text-align:left;position:sticky;left:0;background:#0c1224;z-index:1;}
.expenseMatrixTable th{color:#94a3b8;font-size:11px;text-transform:uppercase;letter-spacing:.06em;background:rgba(15,23,42,.96);}
.expenseMatrixTable td b{color:#fff;}
.matrixTotalRow td{background:rgba(239,68,68,.08);}
.expensesWorkGrid{
  display:grid;
  grid-template-columns:390px minmax(0,1fr);
  gap:16px;
  align-items:start;
}
.expenseFormCard label{margin-top:12px;}
.expenseFormCard input:disabled{opacity:.75;background:rgba(148,163,184,.08);color:#cbd5e1;}
.expenseRecordList{display:grid;gap:10px;}
.expenseRecordRow{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:12px;
  align-items:center;
  padding:13px;
  border-radius:18px;
  border:1px solid rgba(148,163,184,.12);
  background:rgba(2,6,23,.28);
}
.expenseRecordMain b{display:block;color:#fff;font-size:14px;}
.expenseRecordMain span{display:block;color:#94a3b8;font-size:12px;font-weight:750;margin-top:4px;}
.expenseRecordMeta{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;}
.expenseRecordMeta strong{color:#fff;font-size:17px;min-width:112px;text-align:right;}
.expenseBadge{
  display:inline-flex;
  align-items:center;
  padding:6px 9px;
  border-radius:999px;
  background:rgba(148,163,184,.10);
  border:1px solid rgba(148,163,184,.12);
  color:#cbd5e1;
  font-size:11px;
  font-weight:900;
}
.expenseBadge.auto{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.25);color:#bfdbfe;}
.expenseBadge.manual{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.22);color:#bbf7d0;}
.salaryRow{border-color:rgba(250,204,21,.15);}
@media (max-width: 1180px){
  .expensesControlLayout{grid-template-columns:1fr;}
  .expensesSideNav{position:relative;top:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;}
  .expensesSideTitle{grid-column:1/-1;}
  .expenseGrandGrid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .expenseBranchGrid,.salaryTopGrid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .expensesWorkGrid{grid-template-columns:1fr;}
}
@media (max-width: 720px){
  .expensesMainPanel{padding:14px;border-radius:22px;}
  .expensesPanelHead{display:block;}
  .expenseGrandGrid,.expenseBranchGrid,.salaryTopGrid,.expensesSideNav{grid-template-columns:1fr;}
  .expenseRecordRow{grid-template-columns:1fr;}
  .expenseRecordMeta{justify-content:flex-start;}
  .expenseRecordMeta strong{text-align:left;}
}

/* ================= EXPENSES V2 RECORD CARD PATCH ================= */
.expenseRecordRow{
  grid-template-columns:minmax(0,1fr) !important;
  align-items:stretch !important;
  gap:10px !important;
}
.expenseRecordMain{
  min-width:0;
}
.expenseRecordMain b,
.expenseRecordMain span{
  word-break:keep-all;
  overflow-wrap:anywhere;
  line-height:1.45;
}
.expenseRecordMeta{
  justify-content:flex-start !important;
  gap:8px !important;
}
.expenseRecordMeta strong{
  margin-left:auto;
  min-width:128px !important;
  text-align:right !important;
  white-space:nowrap;
}
.expenseRecordRow .rowButtons{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.expenseRecordRow .rowButtons button{
  min-width:74px;
}
@media (max-width: 980px){
  .expenseRecordMeta strong{margin-left:0;text-align:left !important;}
  .expenseRecordMeta{display:flex;flex-wrap:wrap;}
  .expenseRecordRow .rowButtons{justify-content:flex-start;}
}

/* ================= EXPENSES V7.1 LUXURY MATCH ================= */
.expensesLuxuryShell{
  position:relative;
  min-height:calc(100vh - 90px);
  padding:0 0 32px;
  isolation:isolate;
}
.expensesLuxuryShell:before{
  content:"";
  position:absolute;
  inset:-34px -44px auto -44px;
  height:420px;
  background:
    radial-gradient(circle at 78% 6%, rgba(59,130,246,.20), transparent 38%),
    radial-gradient(circle at 16% 8%, rgba(124,58,237,.18), transparent 35%),
    linear-gradient(120deg, rgba(16,12,36,.82), rgba(2,14,33,.76));
  z-index:-1;
  pointer-events:none;
}
.expensesLuxuryTopbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:0 0 26px;
}
.expensesLuxuryTabs{
  display:inline-grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(92px,auto);
  gap:2px;
  padding:6px;
  border-radius:18px;
  background:rgba(9,14,30,.62);
  border:1px solid rgba(148,163,184,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 22px 70px rgba(0,0,0,.18);
  max-width:100%;
  overflow:auto;
}
.luxExpenseTab{
  border:0;
  border-radius:13px;
  min-height:44px;
  padding:0 18px;
  color:#aeb8ca;
  background:transparent;
  font-weight:900;
  cursor:pointer;
  white-space:nowrap;
  transition:.18s ease;
}
.luxExpenseTab:hover{color:#fff;background:rgba(255,255,255,.05)}
.luxExpenseTab.active{
  color:#fff;
  background:linear-gradient(135deg,rgba(124,58,237,.92),rgba(91,33,182,.80));
  box-shadow:0 10px 26px rgba(124,58,237,.28), inset 0 1px 0 rgba(255,255,255,.14);
}
.expensesLuxuryTopbar .dateControl{
  margin:0;
  padding:6px;
  border-radius:18px;
  background:rgba(9,14,30,.58);
  border:1px solid rgba(148,163,184,.15);
  box-shadow:none;
}
.expensesLuxuryTopbar .dateControl button{
  width:44px;height:44px;border-radius:13px;background:rgba(88,58,172,.62);font-size:25px;
}
.expensesLuxuryTopbar .dateControl input{
  height:44px;
  min-width:172px;
  border-radius:13px;
  background:rgba(2,6,23,.72);
  border:1px solid rgba(148,163,184,.10);
  color:#fff;
  font-weight:900;
}
.expensesLuxuryHeader{margin:0 0 24px;}
.expensesLuxuryHeader h1{
  margin:0;
  font-size:42px;
  line-height:1.08;
  color:#fff;
  letter-spacing:-.055em;
  text-shadow:0 16px 48px rgba(0,0,0,.34);
}
.expensesLuxuryHeader p{
  margin:12px 0 0;
  color:#9aa8bd;
  font-weight:800;
  font-size:16px;
}
.expensesLuxuryMain{display:grid;gap:18px;}
.luxKpiGrid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:16px;
}
.luxKpiCard{
  position:relative;
  overflow:hidden;
  min-height:172px;
  padding:20px 20px 16px;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(20,28,52,.76),rgba(7,13,28,.82));
  border:1px solid rgba(148,163,184,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 24px 70px rgba(0,0,0,.18);
}
.luxKpiCard:before{
  content:"";position:absolute;inset:-30% -20% auto auto;width:150px;height:150px;border-radius:999px;opacity:.42;filter:blur(18px);background:#8b5cf6;
}
.luxKpiCard.blue:before{background:#4f46e5}.luxKpiCard.cyan:before{background:#06b6d4}.luxKpiCard.amber:before{background:#f59e0b}.luxKpiCard.green:before{background:#22c55e}.luxKpiCard.pink:before{background:#d946ef}
.luxKpiTop{display:flex;align-items:center;gap:14px;position:relative;z-index:1;}
.luxKpiIcon{
  width:46px;height:46px;border-radius:18px;display:grid;place-items:center;color:#e9d5ff;
  background:linear-gradient(135deg,rgba(124,58,237,.54),rgba(76,29,149,.22));
  box-shadow:0 14px 34px rgba(124,58,237,.18);
}
.luxKpiIcon svg,.luxBranchIcon svg,.luxCatIcon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.luxKpiTop b{display:inline;color:#e8eefb;font-size:14px;font-weight:950;}
.luxKpiTop i{margin-left:6px;color:#7b8799;font-style:normal;font-size:12px;}
.luxKpiCard strong{display:block;position:relative;z-index:1;color:#fff;font-size:30px;letter-spacing:-.04em;margin:25px 0 10px;}
.luxKpiFoot{display:flex;align-items:center;gap:8px;position:relative;z-index:1;color:#a6b2c3;font-size:12px;font-weight:900;}
.luxKpiFoot em{font-style:normal;font-weight:950;}.luxKpiFoot .down{color:#4ade80}.luxKpiFoot .up{color:#fb7185}
.luxSpark{position:absolute;left:18px;right:18px;bottom:12px;width:calc(100% - 36px);height:34px;opacity:.85;}
.luxSpark path{fill:none;stroke:currentColor;stroke-width:3;filter:drop-shadow(0 0 8px currentColor);}
.luxKpiCard.purple .luxSpark{color:#8b5cf6}.luxKpiCard.blue .luxSpark{color:#6366f1}.luxKpiCard.cyan .luxSpark{color:#38bdf8}.luxKpiCard.amber .luxSpark{color:#f59e0b}.luxKpiCard.green .luxSpark{color:#22c55e}.luxKpiCard.pink .luxSpark{color:#d946ef}
.luxBranchDeck{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;}
.luxBranchCard{
  position:relative;
  overflow:hidden;
  min-height:150px;
  border-radius:21px;
  padding:20px;
  border:1px solid rgba(148,163,184,.13);
  background:rgba(15,23,42,.76);
  text-align:left;
  color:#fff;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 22px 60px rgba(0,0,0,.18);
  transition:.2s ease;
}
.luxBranchCard:before{
  content:"";position:absolute;inset:0;background-image:var(--branch-bg);background-size:cover;background-position:center;opacity:.54;transform:scale(1.02);transition:.22s ease;
}
.luxBranchCard:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,9,22,.92),rgba(5,9,22,.55) 52%,rgba(5,9,22,.2));}
.luxBranchCard.active{border-color:rgba(139,92,246,.84);box-shadow:0 0 0 1px rgba(139,92,246,.26),0 0 44px rgba(124,58,237,.30),inset 0 1px 0 rgba(255,255,255,.07);}
.luxBranchCard:hover{transform:translateY(-2px);border-color:rgba(139,92,246,.48)}
.luxBranchCard:hover:before{opacity:.72;transform:scale(1.06)}
.luxBranchIcon{position:relative;z-index:2;width:40px;height:40px;border-radius:999px;background:rgba(255,255,255,.10);display:grid;place-items:center;color:#d8b4fe;backdrop-filter:blur(8px);}
.luxBranchText{position:relative;z-index:2;display:block;margin:-40px 0 0 54px;min-height:42px;}
.luxBranchText b{display:block;font-size:18px;font-weight:950}.luxBranchText small{display:block;color:#a7b1c2;font-size:12px;font-weight:800;margin-top:2px}
.luxBranchCard strong{position:relative;z-index:2;display:block;font-size:25px;letter-spacing:-.04em;margin-top:22px;}
.luxBranchCard em{position:relative;z-index:2;display:block;margin-top:8px;color:#c6cfdd;font-style:normal;font-size:12px;font-weight:900;}
.luxDashboardBottomGrid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(470px,.96fr);gap:18px;align-items:stretch;}
.luxPanel{
  border-radius:24px;
  background:linear-gradient(180deg,rgba(14,22,42,.76),rgba(6,10,23,.78));
  border:1px solid rgba(148,163,184,.13);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 26px 70px rgba(0,0,0,.20);
  padding:20px;
  min-width:0;
}
.luxQuickPanel{border-color:rgba(139,92,246,.44);box-shadow:0 0 0 1px rgba(139,92,246,.11),0 0 52px rgba(124,58,237,.12);}
.luxPanelHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;}
.luxPanelHead h2{margin:0;color:#fff;font-size:20px;letter-spacing:-.03em}.luxPanelHead p{margin:6px 0 0;color:#8d9bb0;font-size:13px;font-weight:800;}
.luxMiniActions{display:flex;gap:8px}.luxMiniActions button,.luxRecentHead button{
  height:38px;border-radius:12px;border:1px solid rgba(148,163,184,.14);background:rgba(2,6,23,.42);color:#dbeafe;font-weight:900;padding:0 13px;cursor:pointer;
}
.luxMatrixTableWrap{overflow:hidden;border-radius:18px;border:1px solid rgba(148,163,184,.09);background:rgba(2,6,23,.28);}
.luxMatrixTable{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;}
.luxMatrixTable th,.luxMatrixTable td{padding:13px 13px;border-bottom:1px solid rgba(148,163,184,.09);text-align:right;color:#cbd5e1;font-size:13px;white-space:nowrap;}
.luxMatrixTable th:first-child,.luxMatrixTable td:first-child{text-align:left;width:190px;}
.luxMatrixTable th{color:#8ea2bd;font-size:11px;text-transform:uppercase;letter-spacing:.06em;background:rgba(15,23,42,.62);}
.luxMatrixTable td b{color:#fff}.luxTotalRow td{background:rgba(139,92,246,.08);font-weight:950;}
.luxCatIcon{width:34px;height:34px;border-radius:999px;display:inline-grid;place-items:center;margin-right:10px;vertical-align:middle;color:#fff;}
.luxCatIcon.other{background:linear-gradient(135deg,#4f46e5,#06b6d4)}.luxCatIcon.rent{background:linear-gradient(135deg,#16a34a,#22c55e)}.luxCatIcon.coupang{background:linear-gradient(135deg,#c026d3,#ec4899)}.luxCatIcon.salary{background:linear-gradient(135deg,#b45309,#f59e0b)}
.luxAddBtn,.luxFormActions button:last-child,.luxQuickButtons button:last-child{
  height:42px;border:0;border-radius:12px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;font-weight:950;padding:0 18px;box-shadow:0 12px 30px rgba(124,58,237,.26);cursor:pointer;
}
.luxQuickForm{display:grid;grid-template-columns:1fr 1fr 1fr 1.25fr;gap:12px;align-items:end;margin-bottom:16px;}
.luxQuickForm label,.luxFullForm label{display:grid;gap:8px;color:#95a3b8;font-size:12px;font-weight:900;margin:0;}
.luxQuickForm input,.luxQuickForm select,.luxFullForm input,.luxFullForm select{
  height:44px;border-radius:12px;border:1px solid rgba(148,163,184,.14);background:rgba(2,6,23,.62);color:#fff;padding:0 12px;font-weight:850;outline:none;
}
.luxQuickForm input:focus,.luxQuickForm select:focus,.luxFullForm input:focus,.luxFullForm select:focus{border-color:rgba(139,92,246,.55);box-shadow:0 0 0 3px rgba(139,92,246,.12)}
.hiddenControl{display:none!important}.luxQuickButtons{grid-column:3/5;display:flex;justify-content:flex-end;gap:8px;}
.luxQuickButtons button:first-child,.luxFormActions button:first-child{height:42px;border-radius:12px;border:1px solid rgba(148,163,184,.13);background:rgba(2,6,23,.44);color:#dbeafe;font-weight:900;padding:0 18px;cursor:pointer;}
.luxRecentHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 8px}.luxRecentHead b{color:#fff;font-size:15px}.luxRecentHead button{border:0;background:transparent;color:#c4b5fd;}
.luxRecentRows{display:grid;gap:0}.luxRecentRow{
  display:grid;grid-template-columns:96px 125px minmax(90px,1fr) 125px 115px 30px;gap:10px;align-items:center;min-height:42px;border-bottom:1px solid rgba(148,163,184,.08);color:#cbd5e1;font-size:12px;font-weight:850;
}
.luxRecentRow span:nth-child(2){display:flex;align-items:center;gap:8px}.luxRecentRow span:nth-child(2) i{display:inline-block;width:10px;height:10px;border-radius:50%;background:#8b5cf6;box-shadow:0 0 14px #8b5cf6}.luxRecentRow strong{color:#fff;text-align:right}.luxDots{border:0;background:transparent;color:#94a3b8;font-weight:950;cursor:pointer;}
.luxBranchPageHero{
  position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;min-height:210px;border-radius:26px;padding:26px;border:1px solid rgba(148,163,184,.14);background:rgba(15,23,42,.78);box-shadow:0 26px 70px rgba(0,0,0,.20);margin-bottom:18px;
}
.luxBranchPageHero:before{content:"";position:absolute;inset:0;background-image:var(--branch-bg);background-size:cover;background-position:center;opacity:.48}.luxBranchPageHero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,9,22,.94),rgba(5,9,22,.62),rgba(5,9,22,.2));}.luxBranchPageHero>*{position:relative;z-index:1}.luxBranchPageHero span{color:#c4b5fd;font-weight:950;text-transform:uppercase;letter-spacing:.09em;font-size:12px}.luxBranchPageHero h2{font-size:34px;color:#fff;margin:8px 0 8px;letter-spacing:-.04em}.luxBranchPageHero p{margin:0;color:#aeb8ca;font-weight:800}.luxBranchHeroStats{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.luxBranchHeroStats span{min-width:150px;padding:13px 15px;border-radius:16px;background:rgba(15,23,42,.62);border:1px solid rgba(148,163,184,.16);color:#97a5b8}.luxBranchHeroStats b{display:block;color:#fff;font-size:20px;margin-top:3px;}
.salaryHero{background:linear-gradient(135deg,rgba(67,43,14,.88),rgba(12,18,36,.84))}.salaryHero:before{background-image:none!important;}
.luxBranchWorkGrid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:18px;align-items:start;}.salaryWorkGrid{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr)}
.luxFullForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.luxFullForm .wide{grid-column:1/-1}.luxFormActions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.luxRecordsPanel .expenseRecordRow{background:rgba(2,6,23,.34)!important;border-color:rgba(148,163,184,.10)!important;border-radius:16px!important}.luxSalaryKpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:18px;}
.luxEmpty{border:1px dashed rgba(148,163,184,.16);border-radius:16px;background:rgba(2,6,23,.28);padding:18px;color:#94a3b8;font-weight:900;}
@media(max-width:1380px){.luxKpiGrid{grid-template-columns:repeat(3,minmax(0,1fr));}.luxBranchDeck{grid-template-columns:repeat(3,minmax(0,1fr));}.luxDashboardBottomGrid{grid-template-columns:1fr}.luxQuickForm{grid-template-columns:repeat(2,minmax(0,1fr));}.luxQuickButtons{grid-column:1/-1}.luxSalaryKpis{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:900px){.expensesLuxuryTopbar{display:block}.expensesLuxuryTabs{display:flex;margin-bottom:12px}.expensesLuxuryHeader h1{font-size:34px}.luxKpiGrid,.luxBranchDeck,.luxBranchWorkGrid,.salaryWorkGrid,.luxFullForm{grid-template-columns:1fr}.luxMatrixTableWrap{overflow:auto}.luxMatrixTable{min-width:760px}.luxRecentRow{grid-template-columns:1fr 1fr}.luxRecentRow strong{text-align:left}.luxBranchPageHero{display:block}.luxBranchHeroStats{justify-content:flex-start;margin-top:18px}}

/* ================= EXPENSES V7.2 COMPACT POLISH ================= */
.expensesLuxuryShell{
  min-height:auto;
  padding:0 0 18px;
}
.expensesLuxuryShell:before{
  inset:-24px -32px auto -32px;
  height:340px;
  background:
    radial-gradient(circle at 78% 7%, rgba(59,130,246,.18), transparent 34%),
    radial-gradient(circle at 16% 10%, rgba(124,58,237,.16), transparent 30%),
    linear-gradient(120deg, rgba(16,12,36,.80), rgba(2,14,33,.72));
}
.expensesLuxuryTopbar{
  gap:14px;
  margin:0 0 18px;
}
.expensesLuxuryTabs{
  gap:2px;
  padding:5px;
  border-radius:16px;
}
.luxExpenseTab{
  min-height:38px;
  padding:0 15px;
  font-size:14px;
  border-radius:11px;
}
.expensesLuxuryTopbar .dateControl{
  padding:5px;
  border-radius:16px;
}
.expensesLuxuryTopbar .dateControl button{
  width:38px;height:38px;border-radius:11px;font-size:21px;
}
.expensesLuxuryTopbar .dateControl input{
  height:38px;
  min-width:150px;
  border-radius:11px;
  font-size:14px;
}
.expensesLuxuryHeader{margin:0 0 16px;}
.expensesLuxuryHeader h1{
  font-size:34px;
  line-height:1.06;
  letter-spacing:-.05em;
}
.expensesLuxuryHeader p{
  margin:8px 0 0;
  font-size:14px;
  font-weight:750;
}
.expensesLuxuryMain{gap:14px;}
.luxKpiGrid{
  gap:12px;
}
.luxKpiCard{
  min-height:132px;
  padding:16px 16px 14px;
  border-radius:20px;
}
.luxKpiCard:before{
  width:118px;
  height:118px;
  opacity:.34;
  filter:blur(16px);
}
.luxKpiTop{gap:11px;}
.luxKpiIcon{
  width:40px;height:40px;border-radius:15px;
}
.luxKpiIcon svg,.luxBranchIcon svg,.luxCatIcon svg{width:20px;height:20px;stroke-width:1.75;}
.luxKpiTop b{font-size:13px; font-weight:900;}
.luxKpiTop i{font-size:11px;}
.luxKpiCard strong{
  font-size:22px;
  margin:18px 0 8px;
}
.luxKpiFoot{
  font-size:11px;
  gap:6px;
}
.luxSpark{left:16px;right:16px;bottom:10px;width:calc(100% - 32px);height:28px;opacity:.78;}
.luxSpark path{stroke-width:2.5;}
.luxBranchDeck{
  gap:12px;
}
.luxBranchCard{
  min-height:122px;
  border-radius:19px;
  padding:16px;
}
.luxBranchCard:before{
  opacity:.74;
  background-size:cover;
  background-position:center center;
}
.luxBranchCard:after{
  background:linear-gradient(90deg,rgba(5,9,22,.90),rgba(5,9,22,.54) 50%,rgba(5,9,22,.18));
}
.luxBranchCard.active{box-shadow:0 0 0 1px rgba(139,92,246,.22),0 0 30px rgba(124,58,237,.22),inset 0 1px 0 rgba(255,255,255,.06);}
.luxBranchIcon{width:34px;height:34px;}
.luxBranchText{margin:-34px 0 0 46px;min-height:34px;}
.luxBranchText b{font-size:15px;}
.luxBranchText small{font-size:11px; margin-top:1px;}
.luxBranchCard strong{font-size:20px;margin-top:16px;}
.luxBranchCard em{margin-top:5px;font-size:11px;}
.luxDashboardBottomGrid{
  grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);
  gap:14px;
}
.luxPanel{
  border-radius:22px;
  padding:16px;
}
.luxQuickPanel{box-shadow:0 0 0 1px rgba(139,92,246,.08),0 0 36px rgba(124,58,237,.10);}
.luxPanelHead{
  gap:12px;
  margin-bottom:14px;
}
.luxPanelHead h2{font-size:17px;}
.luxPanelHead p{margin:4px 0 0;font-size:12px; font-weight:750;}
.luxMiniActions button,.luxRecentHead button{
  height:34px;
  border-radius:11px;
  padding:0 11px;
  font-size:12px;
}
.luxMatrixTableWrap{border-radius:16px;}
.luxMatrixTable th,.luxMatrixTable td{
  padding:11px 11px;
  font-size:12px;
}
.luxMatrixTable th:first-child,.luxMatrixTable td:first-child{width:176px;}
.luxMatrixTable th{font-size:10px;}
.luxCatIcon{width:30px;height:30px;margin-right:8px;}
.luxAddBtn,.luxFormActions button:last-child,.luxQuickButtons button:last-child{
  height:38px;
  border-radius:11px;
  padding:0 16px;
  box-shadow:0 10px 24px rgba(124,58,237,.22);
}
.luxQuickForm{
  gap:10px;
  margin-bottom:12px;
}
.luxQuickForm label,.luxFullForm label{
  gap:6px;
  font-size:11px;
}
.luxQuickForm input,.luxQuickForm select,.luxFullForm input,.luxFullForm select{
  height:40px;
  border-radius:11px;
  padding:0 11px;
  font-size:14px;
}
.hiddenControl{display:none!important;}
.luxQuickButtons{gap:8px;}
.luxQuickButtons button:first-child,.luxFormActions button:first-child{
  height:38px;
  border-radius:11px;
  padding:0 16px;
}
.luxRecentHead{margin:14px 0 6px;}
.luxRecentHead b{font-size:14px;}
.luxRecentRow{
  grid-template-columns:88px 110px minmax(84px,1fr) 116px 95px 24px;
  gap:8px;
  min-height:38px;
  font-size:11px;
}
.luxRecentRow strong{font-size:12px;}
.luxBranchPageHero{
  min-height:170px;
  border-radius:22px;
  padding:20px;
  margin-bottom:14px;
}
.luxBranchPageHero:before{opacity:.56;}
.luxBranchPageHero span{font-size:11px;}
.luxBranchPageHero h2{font-size:28px;margin:6px 0 6px;}
.luxBranchPageHero p{font-size:13px;}
.luxBranchHeroStats span{min-width:132px;padding:11px 13px;border-radius:14px;}
.luxBranchHeroStats b{font-size:18px;}
.luxBranchWorkGrid{gap:14px;}
.luxFullForm{gap:12px;}
.luxFormActions{margin-top:14px;}
.luxRecordsPanel .expenseRecordRow{padding:11px!important; border-radius:14px!important;}
.luxRecordsPanel .expenseRecordMain b{font-size:13px;}
.luxRecordsPanel .expenseRecordMain span{font-size:11px;}
.luxRecordsPanel .expenseBadge{padding:5px 8px;font-size:10px;}
.luxRecordsPanel .expenseRecordMeta strong{font-size:15px;min-width:106px!important;}
.luxSalaryKpis{gap:12px;margin-bottom:14px;}
@media(max-width:1380px){
  .luxKpiGrid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .luxBranchDeck{grid-template-columns:repeat(3,minmax(0,1fr));}
  .luxDashboardBottomGrid{grid-template-columns:1fr;}
}
@media(max-width:900px){
  .expensesLuxuryHeader h1{font-size:30px;}
  .luxKpiGrid,.luxBranchDeck,.luxBranchWorkGrid,.salaryWorkGrid,.luxFullForm{grid-template-columns:1fr;}
}

/* ================= EXPENSES V7.3 FINAL MATCH ================= */
.luxKpiCard{
  min-height:124px;
  padding:14px 15px 13px;
  border-radius:20px;
  background:linear-gradient(180deg,rgba(20,28,52,.72),rgba(7,13,28,.80));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 18px 48px rgba(0,0,0,.16);
}
.luxKpiCard:before{
  width:112px;height:112px;opacity:.28;filter:blur(15px);
}
.luxKpiTop{gap:10px;}
.luxKpiIcon{width:38px;height:38px;border-radius:15px;box-shadow:0 10px 24px rgba(124,58,237,.12);}
.luxKpiTop b{font-size:13px;font-weight:900;}
.luxKpiTop i{font-size:11px;opacity:.85;}
.luxKpiCard strong{font-size:20px;margin:16px 0 6px;}
.luxKpiFoot{font-size:11px;gap:6px;}
.luxSpark{left:15px;right:15px;bottom:9px;width:calc(100% - 30px);height:24px;opacity:.74;}
.luxSpark path{stroke-width:2.35;filter:drop-shadow(0 0 5px currentColor);}

.luxBranchCard{
  min-height:132px;
  padding:16px;
  border-radius:20px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 18px 46px rgba(0,0,0,.16);
}
.luxBranchCard:before{
  opacity:.95 !important;
  background-size:cover !important;
  filter:saturate(1.16) contrast(1.06) brightness(1.05);
  transform:scale(1.02);
}
.luxBranchCard:after{
  background:
    linear-gradient(90deg,rgba(4,8,20,.82),rgba(4,8,20,.42) 48%,rgba(4,8,20,.12)),
    linear-gradient(180deg,rgba(4,8,20,.10),rgba(4,8,20,.18) 55%,rgba(4,8,20,.55));
}
.luxBranchCard[data-branch="Itaewon"]:before{background-position:center 56% !important;}
.luxBranchCard[data-branch="Hongdae"]:before{background-position:center 62% !important;}
.luxBranchCard[data-branch="Apgujeong"]:before{background-position:center 48% !important;}
.luxBranchCard[data-branch="Myeongdong"]:before{background-position:center 50% !important;}
.luxBranchCard[data-branch="Global"]:before{background-position:center 46% !important;}
.luxBranchCard.active{
  border-color:rgba(139,92,246,.64) !important;
  box-shadow:0 0 0 1px rgba(139,92,246,.22),0 0 44px rgba(124,58,237,.22),inset 0 1px 0 rgba(255,255,255,.05);
}
.luxBranchCard:hover:before{opacity:1 !important;}
.luxBranchIcon{width:36px;height:36px;background:rgba(7,12,24,.58);backdrop-filter:blur(6px);}
.luxBranchText{margin:-36px 0 0 48px;min-height:34px;}
.luxBranchText b{font-size:15px;font-weight:900;}
.luxBranchText small{font-size:11px;color:#d1d7e3;opacity:.92;}
.luxBranchCard strong{font-size:20px;margin-top:15px;}
.luxBranchCard em{font-size:11px;color:#dde5f2;opacity:.92;}

.luxPanel{border-radius:22px;padding:15px;}
.luxQuickPanel{box-shadow:0 0 0 1px rgba(139,92,246,.08),0 0 30px rgba(124,58,237,.10);}
.luxPanelHead h2{font-size:16px;}
.luxPanelHead p{font-size:12px;}
.luxAddBtn,.luxQuickButtons button:last-child,.luxFormActions button:last-child{
  height:36px;
  border-radius:11px;
  padding:0 14px;
  font-size:13px;
  box-shadow:0 8px 20px rgba(124,58,237,.18);
}
.luxQuickForm{gap:9px;margin-bottom:10px;}
.luxQuickForm label,.luxFullForm label{font-size:11px;gap:5px;}
.luxQuickForm input,.luxQuickForm select,.luxFullForm input,.luxFullForm select{
  height:38px;
  border-radius:11px;
  font-size:14px;
}
.luxQuickButtons button:first-child,.luxFormActions button:first-child{height:36px;border-radius:11px;padding:0 14px;}
.luxRecentHead{margin:12px 0 6px;}
.luxRecentHead b{font-size:14px;}
.luxRecentRows{gap:0;}
.luxRecentRow{
  grid-template-columns:92px 96px minmax(70px,1fr) 112px 82px 22px;
  min-height:36px;
  font-size:11px;
  gap:8px;
}
.luxRecentRow strong{font-size:12px;}
.luxRecentRow span:last-of-type{opacity:.88;}
.luxRecentRow i{width:11px;height:11px;box-shadow:0 0 12px rgba(139,92,246,.45);}

.luxMatrixTableWrap,.luxMatrixWrap{border-radius:18px;}
.luxMatrixTable th,.luxMatrixTable td{padding:10px 11px;font-size:12px;}
.luxMatrixTable th{font-size:10px;opacity:.88;}
.luxMatrixTable .luxCatIcon{width:28px;height:28px;box-shadow:none;}
.luxTotalRow td{background:rgba(124,58,237,.08);}
.luxTotalRow b{color:#fff;}

@media(max-width:1380px){
  .luxBranchDeck{grid-template-columns:repeat(3,minmax(0,1fr));}
}

/* ================= EXPENSES V7.4 IMAGE RENDER FIX ================= */
.luxBranchCard{
  background:#070d1d !important;
}
.luxBranchCard:before{
  display:none !important;
}
.luxBranchBg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  opacity:.96;
  filter:saturate(1.18) contrast(1.08) brightness(1.08);
  transform:scale(1.03);
  transition:.22s ease;
  z-index:0;
  pointer-events:none;
}
.luxBranchCard:hover .luxBranchBg{
  opacity:1;
  transform:scale(1.07);
}
.luxBranchCard[data-branch="Itaewon"] .luxBranchBg{object-position:center 54%;}
.luxBranchCard[data-branch="Hongdae"] .luxBranchBg{object-position:center 62%;}
.luxBranchCard[data-branch="Apgujeong"] .luxBranchBg{object-position:center 48%;}
.luxBranchCard[data-branch="Myeongdong"] .luxBranchBg{object-position:center 50%;}
.luxBranchCard[data-branch="Global"] .luxBranchBg{object-position:center 48%;}
.luxBranchCard:after{
  z-index:1;
  background:
    linear-gradient(90deg,rgba(3,7,18,.78),rgba(3,7,18,.40) 48%,rgba(3,7,18,.06)),
    linear-gradient(180deg,rgba(3,7,18,.06),rgba(3,7,18,.18) 52%,rgba(3,7,18,.58)) !important;
}
.luxBranchOverlay,
.luxBranchIcon,
.luxBranchText,
.luxBranchCard strong,
.luxBranchCard em{
  position:relative;
  z-index:2;
}
.luxBranchIcon{
  background:rgba(6,10,24,.54) !important;
  color:#e9d5ff !important;
}

/* ================= EXPENSES V7.6 DASHBOARD BUGFIX ================= */
/* Keep Category × Branch table inside the panel and remove the huge Category gap. */
.luxMatrixTableWrap{
  overflow:hidden !important;
}
.luxMatrixTable{
  width:100% !important;
  min-width:0 !important;
  table-layout:fixed !important;
}
.luxMatrixTable th,
.luxMatrixTable td{
  padding:9px 7px !important;
  font-size:11px !important;
  letter-spacing:-0.025em;
  overflow:hidden;
  text-overflow:clip;
}
.luxMatrixTable th:first-child,
.luxMatrixTable td:first-child{
  width:148px !important;
  padding-left:12px !important;
}
.luxMatrixTable th:last-child,
.luxMatrixTable td:last-child{
  width:92px !important;
  padding-right:10px !important;
}
.luxMatrixTable td:not(:first-child),
.luxMatrixTable th:not(:first-child){
  text-align:right !important;
}
.luxMatrixTable .luxCatIcon{
  width:26px !important;
  height:26px !important;
  margin-right:7px !important;
}
.luxMatrixTable .luxCatIcon svg{
  width:16px !important;
  height:16px !important;
}
.luxTotalRow td{
  font-size:11px !important;
}
.luxMiniActions button:nth-child(n+2){
  display:none !important;
}

/* Dashboard right panel is now recent-only. No add form here. */
.luxRecentOnlyPanel{
  min-height:0;
}
.luxRecentOnlyPanel .luxPanelHead{
  margin-bottom:16px;
}
.luxRecentOnlyPanel .luxRecentRows{
  display:grid;
  gap:0;
}
.luxRecentOnlyPanel .luxRecentRow{
  grid-template-columns:86px 94px 104px 108px 80px minmax(70px,1fr) !important;
  min-height:42px !important;
  font-size:11px !important;
  gap:8px !important;
}
.luxRecentOnlyPanel .luxRecentRow span,
.luxRecentOnlyPanel .luxRecentRow strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.luxRecentOnlyPanel .luxRecentNote{
  color:#94a3b8;
  opacity:.85;
}
@media(max-width:1380px){
  .luxRecentOnlyPanel .luxRecentRow{
    grid-template-columns:82px 88px 96px 102px 72px minmax(60px,1fr) !important;
  }
  .luxMatrixTable th:first-child,
  .luxMatrixTable td:first-child{width:136px !important;}
  .luxMatrixTable th:last-child,
  .luxMatrixTable td:last-child{width:86px !important;}
}

/* ================= EXPENSES V7.7 RECENT PANEL OVERFLOW FIX ================= */
.luxRecentOnlyPanel{
  overflow:hidden !important;
}
.luxRecentOnlyPanel .dashboardRecentRows{
  width:100%;
  min-width:0;
  display:grid;
  gap:0;
}
.luxRecentOnlyPanel .luxDashboardRecentRow{
  display:grid !important;
  grid-template-columns:145px minmax(0,1fr) 105px 84px !important;
  align-items:center;
  gap:12px !important;
  min-height:44px !important;
  border-bottom:1px solid rgba(148,163,184,.08);
  font-size:12px !important;
  min-width:0;
  overflow:hidden;
}
.luxRecentOnlyPanel .luxDashboardRecentRow > *{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.luxRecentOnlyPanel .recentPrimary b{
  display:block;
  color:#e5e7eb;
  font-size:12px;
  font-weight:900;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.luxRecentOnlyPanel .recentPrimary span{
  display:block;
  margin-top:3px;
  color:#9ca3af;
  font-size:11px;
  font-weight:850;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.luxRecentOnlyPanel .recentNoteText{
  color:#cbd5e1;
  font-weight:850;
  opacity:.9;
}
.luxRecentOnlyPanel .luxDashboardRecentRow strong{
  color:#fff;
  text-align:right;
  font-size:12px;
  font-weight:950;
}
.luxRecentOnlyPanel .recentPayMethod{
  color:#a8b3c5;
  font-size:11px;
  font-weight:900;
}
@media(max-width:1380px){
  .luxRecentOnlyPanel .luxDashboardRecentRow{
    grid-template-columns:128px minmax(0,1fr) 92px 70px !important;
    gap:9px !important;
  }
}

/* ================= EXPENSES V7.8 DASHBOARD RECENT HEADER + HEIGHT FIX ================= */
.luxDashboardBottomGrid{
  align-items:start !important;
}
.luxMatrixPanel{
  align-self:start !important;
  height:auto !important;
  min-height:0 !important;
  padding-bottom:14px !important;
}
.luxMatrixPanel .luxMatrixTableWrap{
  margin-bottom:0 !important;
}
.luxRecentPanelHead{
  align-items:center !important;
  margin-bottom:10px !important;
}
.luxRecentPanelHead h2{
  font-size:17px !important;
}
.luxRecentPanelHead p{
  display:none !important;
}
.luxViewAllBtn{
  border:0;
  background:transparent;
  color:#c4b5fd;
  font-weight:950;
  font-size:13px;
  cursor:pointer;
  padding:8px 2px;
  white-space:nowrap;
}
.luxViewAllBtn:hover{color:#fff;}
.luxRecentOnlyPanel .dashboardRecentRows{
  display:grid;
  gap:0;
}
.luxRecentOnlyPanel .luxRecentTableHeader,
.luxRecentOnlyPanel .luxDashboardRecentRow{
  display:grid !important;
  grid-template-columns:88px 132px minmax(0,1fr) 98px 92px !important;
  gap:10px !important;
  align-items:center;
  min-width:0;
}
.luxRecentOnlyPanel .luxRecentTableHeader{
  min-height:28px;
  color:#8ea2bd;
  font-size:10px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.04em;
  border-bottom:1px solid rgba(148,163,184,.10);
  padding:0 0 6px;
}
.luxRecentOnlyPanel .luxRecentTableHeader span:nth-child(4),
.luxRecentOnlyPanel .luxDashboardRecentRow strong{
  text-align:right;
}
.luxRecentOnlyPanel .luxDashboardRecentRow{
  min-height:42px !important;
  border-bottom:1px solid rgba(148,163,184,.075);
  font-size:12px !important;
  overflow:hidden;
}
.luxRecentOnlyPanel .luxDashboardRecentRow > *{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.luxRecentOnlyPanel .recentDateText{
  color:#e5e7eb;
  font-size:12px;
  font-weight:900;
}
.luxRecentOnlyPanel .recentBranchCategory{
  color:#aab7c8;
  font-size:11px;
  font-weight:850;
}
.luxRecentOnlyPanel .recentNoteText{
  color:#cbd5e1;
  font-size:12px;
  font-weight:850;
  opacity:.92;
}
.luxRecentOnlyPanel .luxDashboardRecentRow strong{
  color:#fff;
  font-size:12px;
  font-weight:950;
}
.luxRecentOnlyPanel .recentPayMethod{
  color:#a8b3c5;
  font-size:11px;
  font-weight:900;
}
@media(max-width:1380px){
  .luxRecentOnlyPanel .luxRecentTableHeader,
  .luxRecentOnlyPanel .luxDashboardRecentRow{
    grid-template-columns:80px 108px minmax(0,1fr) 84px 74px !important;
    gap:8px !important;
  }
  .luxRecentOnlyPanel .recentPayMethod{font-size:10px;}
}

/* ================= EXPENSES V7.9 REAL MONTH COMPARISON ================= */
.luxKpiFoot .flat,
.luxBranchCompare.flat{color:#a6b2c3!important;}
.luxBranchCompare.up{color:#fb7185!important;}
.luxBranchCompare.down{color:#4ade80!important;}

/* ================= EXPENSES V8.2 BRANCH PAGE V2 ================= */
.branchV2Hero{
  position:relative;
  overflow:hidden;
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:22px;
  min-height:190px;
  border-radius:28px;
  padding:26px;
  border:1px solid rgba(148,163,184,.14);
  background:rgba(7,13,28,.78);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 26px 70px rgba(0,0,0,.20);
  margin-bottom:16px;
}
.branchV2Hero:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:var(--branch-bg);
  background-size:cover;
  background-position:center;
  opacity:.48;
  filter:saturate(1.08) contrast(1.05);
  transform:scale(1.02);
}
.branchV2Hero:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(3,7,18,.93),rgba(3,7,18,.66) 52%,rgba(3,7,18,.28)),
    linear-gradient(180deg,rgba(3,7,18,.10),rgba(3,7,18,.58));
}
.branchV2Hero>*{position:relative;z-index:1;}
.branchV2HeroText span{display:block;color:#c4b5fd;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px;}
.branchV2HeroText h2{margin:0;color:#fff;font-size:30px;line-height:1.05;letter-spacing:-.045em;}
.branchV2HeroText p{margin:10px 0 0;color:#b8c2d4;font-weight:800;font-size:14px;}
.branchV2HeroStats{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.branchV2HeroStats span{min-width:132px;padding:12px 14px;border-radius:16px;background:rgba(15,23,42,.58);border:1px solid rgba(148,163,184,.16);color:#94a3b8;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.07em;backdrop-filter:blur(10px);}
.branchV2HeroStats b{display:block;color:#fff;font-size:20px;margin-top:4px;letter-spacing:-.035em;text-transform:none;}
.branchV2SummaryGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px;}
.branchV2SummaryCard{display:flex;align-items:center;gap:12px;min-height:86px;border-radius:20px;padding:15px;background:linear-gradient(180deg,rgba(20,28,52,.68),rgba(7,13,28,.76));border:1px solid rgba(148,163,184,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 16px 44px rgba(0,0,0,.13);}
.branchV2SummaryCard span{width:38px;height:38px;border-radius:15px;display:grid;place-items:center;color:#d8b4fe;background:rgba(124,58,237,.22);flex:0 0 auto;}
.branchV2SummaryCard svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.branchV2SummaryCard small{display:block;color:#94a3b8;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.06em;}
.branchV2SummaryCard b{display:block;color:#fff;font-size:18px;letter-spacing:-.035em;margin-top:4px;}
.branchV2Panel{padding:18px!important;}
.branchV2Toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px;}
.branchV2Toolbar h2{margin:0;color:#fff;font-size:20px;letter-spacing:-.035em;}
.branchV2Toolbar p{margin:5px 0 0;color:#8ea0b8;font-size:12px;font-weight:850;}
.branchV2Tools{display:flex;gap:9px;align-items:center;justify-content:flex-end;flex-wrap:wrap;}
.branchV2Tools input,.branchV2Tools select{height:38px;border-radius:12px;border:1px solid rgba(148,163,184,.14);background:rgba(2,6,23,.52);color:#e5e7eb;padding:0 12px;font-weight:850;outline:none;}
.branchV2Tools input{min-width:220px;}
.branchV2Tools select{min-width:150px;}
.branchV2Tools input:focus,.branchV2Tools select:focus{border-color:rgba(139,92,246,.55);box-shadow:0 0 0 3px rgba(139,92,246,.12);}
.branchV2FormPanel{border:1px solid rgba(148,163,184,.12);border-radius:20px;background:rgba(2,6,23,.30);padding:15px;margin-bottom:16px;}
.branchV2LockedBadge{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border-radius:999px;background:rgba(139,92,246,.12);border:1px solid rgba(139,92,246,.22);color:#c4b5fd;font-size:12px;font-weight:900;margin-bottom:12px;}
.branchV2LockedBadge b{color:#fff;}
.branchV2Form{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;}
.branchV2FormActions{margin-top:14px!important;}
.branchExpenseTableWrap{overflow:hidden;border-radius:18px;border:1px solid rgba(148,163,184,.10);background:rgba(2,6,23,.26);}
.branchExpenseTable{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;}
.branchExpenseTable th,.branchExpenseTable td{padding:12px 12px;border-bottom:1px solid rgba(148,163,184,.08);color:#cbd5e1;font-size:12px;text-align:left;vertical-align:middle;white-space:nowrap;}
.branchExpenseTable th{color:#8da0ba;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.07em;background:rgba(15,23,42,.55);}
.branchExpenseTable tr:last-child td{border-bottom:0;}
.branchExpenseTable th:nth-child(1),.branchExpenseTable td:nth-child(1){width:112px;}
.branchExpenseTable th:nth-child(2),.branchExpenseTable td:nth-child(2){width:125px;}
.branchExpenseTable th:nth-child(3),.branchExpenseTable td:nth-child(3){width:auto;}
.branchExpenseTable th:nth-child(4),.branchExpenseTable td:nth-child(4){width:128px;}
.branchExpenseTable th:nth-child(5),.branchExpenseTable td:nth-child(5){width:105px;}
.branchExpenseTable th:nth-child(6),.branchExpenseTable td:nth-child(6){width:125px;text-align:right;}
.branchExpenseTable th:nth-child(7),.branchExpenseTable td:nth-child(7){width:145px;text-align:right;}
.branchExpenseTable td b{color:#fff;font-size:13px;}
.branchMemoCell{overflow:hidden;text-overflow:ellipsis;max-width:1px;color:#aeb8ca!important;}
.branchCategoryBadge{background:rgba(139,92,246,.12)!important;border-color:rgba(139,92,246,.20)!important;color:#ddd6fe!important;}
.branchActions{display:flex;justify-content:flex-end;gap:7px;}
.branchActions button{min-width:58px;height:32px;border-radius:10px;border:0;color:#fff;font-weight:950;cursor:pointer;}
.branchActions .editExpense{background:#2563eb;}
.branchActions .dangerSmall{background:#991b1b;}
.branchV2Empty{margin-top:0;}
@media(max-width:1280px){
  .branchV2SummaryGrid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .branchV2Toolbar{display:block;}
  .branchV2Tools{justify-content:flex-start;margin-top:12px;}
  .branchExpenseTableWrap{overflow:auto;}
  .branchExpenseTable{min-width:900px;}
}
@media(max-width:760px){
  .branchV2Hero{display:block;min-height:220px;padding:20px;}
  .branchV2HeroStats{justify-content:flex-start;margin-top:18px;}
  .branchV2SummaryGrid,.branchV2Form{grid-template-columns:1fr!important;}
  .branchV2Tools input,.branchV2Tools select,.branchV2Tools button{width:100%;}
}

/* ================= EXPENSES V8.3 BRANCH VISUAL MATCH ================= */
.branchV2Hero{
  min-height:210px;
  align-items:center;
  padding:28px 34px;
  border-radius:26px;
  margin-bottom:18px;
  background:linear-gradient(180deg,rgba(8,15,32,.70),rgba(3,7,18,.88));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 26px 70px rgba(0,0,0,.20);
}
.branchV2Hero:before{
  opacity:.50;
  filter:saturate(1.12) contrast(1.08) brightness(.72);
  transform:scale(1.02);
}
.branchV2Hero:after{
  background:
    radial-gradient(circle at 72% 35%,rgba(124,58,237,.16),transparent 34%),
    linear-gradient(90deg,rgba(3,7,18,.90),rgba(3,7,18,.54) 44%,rgba(3,7,18,.28)),
    linear-gradient(180deg,rgba(2,6,23,.10),rgba(2,6,23,.72));
}
.branchV2HeroText span{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#c4b5fd;
  letter-spacing:.13em;
  margin-bottom:10px;
}
.branchV2HeroText span:before{
  content:"";
  width:34px;
  height:34px;
  border-radius:999px;
  background:rgba(124,58,237,.26);
  box-shadow:0 0 28px rgba(124,58,237,.16);
}
.branchV2HeroText h2{font-size:28px;letter-spacing:-.045em;}
.branchV2HeroText p{font-size:13px;color:#c0cadb;max-width:520px;}
.branchV2HeroText p:before{content:"▣";font-size:11px;margin-right:8px;color:#93a4bd;}
.branchV2HeroStats{
  display:grid;
  grid-template-columns:repeat(4,minmax(118px,1fr));
  gap:12px;
  min-width:min(52%,690px);
}
.branchV2HeroStats span{
  min-width:0;
  padding:15px 16px;
  border-radius:16px;
  background:linear-gradient(180deg,rgba(18,27,49,.72),rgba(8,13,29,.62));
  border:1px solid rgba(148,163,184,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}
.branchV2HeroStats b{font-size:20px;margin-top:7px;}
.branchV2HeroStats em{
  display:block;
  margin-top:7px;
  color:#9fb0c6;
  font-size:11px;
  font-style:normal;
  font-weight:850;
  letter-spacing:0;
  text-transform:none;
}
.branchV2PrevStat.down b,.branchV2HeroStats span .down{color:#4ade80;}
.branchV2PrevStat.up b{color:#fb7185;}
.branchV2SummaryGrid{
  gap:14px;
  margin-bottom:20px;
}
.branchV2SummaryCard{
  min-height:90px;
  padding:17px 18px;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(20,28,52,.70),rgba(7,13,28,.76));
}
.branchV2SummaryCard small{font-size:11px;letter-spacing:.07em;}
.branchV2SummaryCard b{font-size:18px;}
.branchV2Panel{padding:22px!important;border-radius:24px;}
.branchV2Toolbar{
  display:grid;
  grid-template-columns:minmax(220px,1fr) minmax(560px,.98fr);
  align-items:start;
  gap:18px;
  margin-bottom:18px;
}
.branchV2Toolbar h2{font-size:22px;}
.branchV2Tools{
  display:grid;
  grid-template-columns:minmax(260px,1fr) 180px 158px;
  gap:10px;
  align-items:center;
  justify-content:stretch;
}
.branchV2Tools input,.branchV2Tools select,.branchV2Tools button{
  height:44px;
  border-radius:13px;
}
.branchV2Tools input{min-width:0;width:100%;}
.branchV2Tools select{min-width:0;width:100%;}
.branchV2Tools .luxAddBtn{width:100%;font-size:14px;}
.branchV2FormPanel{
  margin-top:6px;
  margin-bottom:18px;
  background:linear-gradient(180deg,rgba(13,20,38,.68),rgba(3,7,18,.52));
}
.branchExpenseTableWrap{border-radius:18px;background:rgba(2,6,23,.20);}
.branchExpenseTable th,.branchExpenseTable td{padding:14px 14px;font-size:12px;}
.branchExpenseTable th{font-size:10.5px;color:#9aacbf;background:rgba(15,23,42,.45);}
.branchExpenseTable tbody tr{transition:background .15s ease;}
.branchExpenseTable tbody tr:hover{background:rgba(124,58,237,.055);}
.branchExpenseTable th:nth-child(1),.branchExpenseTable td:nth-child(1){width:125px;}
.branchExpenseTable th:nth-child(2),.branchExpenseTable td:nth-child(2){width:140px;}
.branchExpenseTable th:nth-child(4),.branchExpenseTable td:nth-child(4){width:140px;}
.branchExpenseTable th:nth-child(5),.branchExpenseTable td:nth-child(5){width:120px;}
.branchExpenseTable th:nth-child(6),.branchExpenseTable td:nth-child(6){width:140px;}
.branchExpenseTable th:nth-child(7),.branchExpenseTable td:nth-child(7){width:175px;}
.branchMemoCell{overflow:hidden;text-overflow:ellipsis;}
.branchActions{display:flex;align-items:center;justify-content:flex-end;gap:8px;}
.branchActions:after{
  content:"⋮";
  color:#8da0ba;
  font-weight:900;
  font-size:18px;
  line-height:1;
  margin-left:4px;
}
.branchActions button{min-width:70px;height:34px;border-radius:10px;}
.branchCategoryBadge{padding:7px 12px;border-radius:999px;}
@media(max-width:1380px){
  .branchV2Hero{display:block;}
  .branchV2HeroStats{min-width:0;margin-top:20px;}
  .branchV2Toolbar{grid-template-columns:1fr;}
  .branchV2Tools{grid-template-columns:minmax(240px,1fr) 180px 158px;}
}
@media(max-width:900px){
  .branchV2Hero{padding:22px;}
  .branchV2HeroStats{grid-template-columns:1fr 1fr;}
  .branchV2Tools{grid-template-columns:1fr;}
}

/* ================= EXPENSES V8.4 BRANCH HERO FINAL POLISH ================= */
.branchV2Hero{
  min-height:218px;
  padding:28px 34px;
  background:#050917;
  border-color:rgba(148,163,184,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 28px 76px rgba(0,0,0,.22);
}
.branchV2Hero:before{
  opacity:.88 !important;
  filter:saturate(1.15) contrast(1.08) brightness(.82) !important;
  transform:scale(1.03);
  background-size:cover !important;
}
.branchV2Hero[data-branch="Itaewon"]:before{background-position:center 56% !important;}
.branchV2Hero[data-branch="Hongdae"]:before{background-position:center 52% !important;}
.branchV2Hero[data-branch="Apgujeong"]:before{background-position:center 48% !important;}
.branchV2Hero[data-branch="Myeongdong"]:before{background-position:center 48% !important;}
.branchV2Hero[data-branch="Global"]:before{background-position:center 45% !important;}
.branchV2Hero:after{
  background:
    radial-gradient(circle at 74% 38%,rgba(124,58,237,.13),transparent 34%),
    linear-gradient(90deg,rgba(3,7,18,.88),rgba(3,7,18,.54) 45%,rgba(3,7,18,.30)),
    linear-gradient(180deg,rgba(2,6,23,.08),rgba(2,6,23,.66)) !important;
}
.branchV2HeroText span:before{
  content:"⌖" !important;
  display:grid;
  place-items:center;
  color:#d8b4fe;
  font-size:17px;
  width:36px;
  height:36px;
  border-radius:999px;
  background:rgba(124,58,237,.30);
  box-shadow:0 0 30px rgba(124,58,237,.20), inset 0 1px 0 rgba(255,255,255,.08);
}
.branchV2HeroStats span{
  background:linear-gradient(180deg,rgba(18,27,49,.76),rgba(8,13,29,.66));
  border-color:rgba(148,163,184,.18);
  backdrop-filter:blur(12px);
}
.branchV2HeroStats b{
  font-size:21px;
}
.branchV2PrevStat.up b{
  color:#fda4af !important;
}
.branchV2PrevStat.down b{
  color:#4ade80 !important;
}
.branchV2PrevStat.flat b{
  color:#fff !important;
}
.branchV2SummaryCard{
  min-height:86px;
  padding:16px 18px;
}
.branchV2SummaryCard span{
  width:42px;
  height:42px;
  border-radius:16px;
}
.branchV2Toolbar{
  align-items:center;
}
.branchExpenseTable th,.branchExpenseTable td{
  padding-top:13px;
  padding-bottom:13px;
}
@media(max-width:1380px){
  .branchV2Hero:before{opacity:.78 !important;}
}

/* ================= EXPENSES V8.5 HERO IMAGE RENDER FIX ================= */
.branchV2Hero .branchV2HeroBg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  opacity:.82;
  filter:saturate(1.14) contrast(1.08) brightness(.82);
  transform:scale(1.02);
  z-index:0;
  pointer-events:none;
}
.branchV2Hero[data-branch="Itaewon"] .branchV2HeroBg{object-position:center 56%;}
.branchV2Hero[data-branch="Hongdae"] .branchV2HeroBg{object-position:center 52%;}
.branchV2Hero[data-branch="Apgujeong"] .branchV2HeroBg{object-position:center 48%;}
.branchV2Hero[data-branch="Myeongdong"] .branchV2HeroBg{object-position:center 48%;}
.branchV2Hero[data-branch="Global"] .branchV2HeroBg{object-position:center 45%;}
.branchV2Hero:before{display:none!important;}
.branchV2Hero:after{
  z-index:1!important;
  background:
    radial-gradient(circle at 74% 38%,rgba(124,58,237,.12),transparent 34%),
    linear-gradient(90deg,rgba(3,7,18,.84),rgba(3,7,18,.50) 45%,rgba(3,7,18,.28)),
    linear-gradient(180deg,rgba(2,6,23,.08),rgba(2,6,23,.64)) !important;
}
.branchV2Hero > *:not(.branchV2HeroBg){position:relative;z-index:2;}

/* ===== Bottle Keep Premium UI ===== */
.bottleKeepWorkspace .reviewGuestsHeroV4 h1,
.bottleAdminHead h1 {
  background: linear-gradient(135deg, #fff 0%, #fde68a 38%, #c4b5fd 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.bottleKeepHero {
  padding: 4px 0 0;
}

.bottleControlBar {
  grid-template-columns: 1fr 1fr 1.25fr .72fr;
}

.bottleMonthDisplay input[type="month"] {
  opacity: 0;
}

.bottleStatusTabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 8px;
  border-radius: 18px;
  background: rgba(3,7,18,.44);
  border: 1px solid rgba(148,163,184,.12);
}

.bottleStatusTab {
  min-height: 42px;
  padding: 0 16px;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,.16);
  color: #cbd5e1;
  background: rgba(15,23,42,.66);
  font-weight: 950;
  cursor: pointer;
}

.bottleStatusTab.active {
  color: #fff;
  border-color: rgba(245,158,11,.55);
  background: linear-gradient(135deg, rgba(245,158,11,.34), rgba(124,58,237,.24));
  box-shadow: 0 14px 34px rgba(245,158,11,.13);
}

.bottleKeepLayout {
  grid-template-columns: minmax(360px, 480px) minmax(0, 1fr);
  align-items: start;
}

.bottleFormPanel {
  position: sticky;
  top: 18px;
  border-color: rgba(245,158,11,.20) !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(245,158,11,.10), transparent 35%),
    linear-gradient(180deg, rgba(15,23,42,.82), rgba(3,7,18,.82)) !important;
}

.bottleFormPanel textarea,
.bottleUpdateInline select {
  width: 100%;
  border-radius: 12px;
  border: 1px solid rgba(148,163,184,.18);
  background: rgba(3,7,18,.62);
  color: #fff;
  padding: 14px 16px;
  outline: none;
  font-weight: 800;
}

.bottleInfoBanner {
  margin-top: 14px;
  background: linear-gradient(135deg, rgba(245,158,11,.22), rgba(124,58,237,.17));
  border-color: rgba(245,158,11,.28);
}

.bottleInfoBanner .reviewGuestHintIconV4 {
  background: linear-gradient(180deg, #f59e0b, #b45309);
  box-shadow: 0 14px 32px rgba(245,158,11,.22);
}

.bottleFormActions {
  margin-top: 16px;
}

.bottleQuickStats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 16px;
}

.bottleQuickStats div {
  min-height: 76px;
  display: grid;
  place-items: center;
  gap: 3px;
  border-radius: 16px;
  background: rgba(15,23,42,.62);
  border: 1px solid rgba(148,163,184,.13);
}

.bottleQuickStats b {
  color: #fff;
  font-size: 26px;
  font-weight: 1000;
}

.bottleQuickStats span {
  color: #94a3b8;
  font-size: 12px;
  font-weight: 900;
}

.bottleBoardV4 {
  display: grid;
  gap: 16px;
}

.bottleCardV4 {
  border-color: rgba(245,158,11,.45) !important;
  background:
    radial-gradient(circle at 2% 0%, rgba(245,158,11,.12), transparent 32%),
    radial-gradient(circle at 96% 0%, rgba(124,58,237,.12), transparent 36%),
    linear-gradient(180deg, rgba(8,13,30,.94), rgba(3,7,18,.95)) !important;
}

.bottleCardV4.status-expired,
.bottleCardV4.status-disposed {
  border-color: rgba(239,68,68,.55) !important;
}

.bottleCardV4.status-expiring_soon {
  border-color: rgba(245,158,11,.75) !important;
}

.bottleMetaGrid {
  grid-template-columns: 1.1fr .9fr 1fr .9fr;
}

.bottleLevelBar span {
  background: linear-gradient(90deg, #f59e0b, #fde047, #a855f7);
  box-shadow: 0 0 26px rgba(245,158,11,.35);
}

.bottleCardColumns .reviewGuestSectionCardV4 {
  min-height: 168px;
}

.bottleMiniFacts {
  display: grid;
  gap: 12px;
}

.bottleMiniFacts div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(148,163,184,.10);
}

.bottleMiniFacts small,
.bottleVerifyBox span,
.bottleNotesText {
  color: #94a3b8;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.45;
}

.bottleMiniFacts b,
.bottleVerifyBox b {
  color: #fff;
  font-size: 14px;
  font-weight: 950;
}

.bottleVerifyBox {
  display: grid;
  gap: 8px;
  padding: 14px;
  border-radius: 14px;
  background: rgba(245,158,11,.10);
  border: 1px solid rgba(245,158,11,.18);
}

.bottleNotesText {
  margin: 0;
}

.bottleBottomRow {
  grid-template-columns: minmax(220px, 340px) 1fr;
}

.bottleUpdateInline {
  display: grid;
  gap: 8px;
}

.bottleUpdateInline label {
  color: #cbd5e1;
  font-weight: 950;
}

.bottleActions {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.bottleAdminControls {
  margin: 0 0 18px;
}

.adminBottlePanel {
  margin-top: 18px;
}

.adminBottleCard {
  border-color: rgba(245,158,11,.22) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(245,158,11,.10), transparent 32%),
    rgba(15,23,42,.72) !important;
}

.bottleAdminFacts span {
  min-height: 38px;
}

.bottleAdminActions {
  justify-content: flex-end;
}

@media (max-width: 1320px) {
  .bottleKeepLayout {
    grid-template-columns: 1fr;
  }

  .bottleFormPanel {
    position: static;
  }

  .bottleControlBar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .bottleControlBar,
  .bottleQuickStats,
  .bottleMetaGrid,
  .bottleBottomRow,
  .bottleActions {
    grid-template-columns: 1fr;
  }
}

/* =====================================================
   INVENTORY REQUESTS V8.8 - BRANCH BOARD UI
   ===================================================== */
.requestPageHeadPro{
  align-items:flex-start !important;
  border:1px solid rgba(124,58,237,.22);
  background:radial-gradient(circle at 8% 0%,rgba(124,58,237,.22),transparent 34%),linear-gradient(135deg,rgba(15,23,42,.92),rgba(2,6,23,.96));
  border-radius:28px;
  padding:24px !important;
  box-shadow:0 22px 70px rgba(0,0,0,.28);
}
.requestStatsGridPro{grid-template-columns:repeat(5,minmax(150px,1fr)) !important;}
.requestControlDock{
  display:grid;
  grid-template-columns:1fr auto;
  gap:16px;
  align-items:center;
  margin:18px 0;
}
.requestCategoryTabsPro{
  margin:0 !important;
  background:rgba(2,6,23,.46);
  border:1px solid rgba(148,163,184,.14);
  border-radius:22px;
  padding:8px;
}
.requestModeTabs{
  display:flex;
  gap:8px;
  background:rgba(2,6,23,.56);
  border:1px solid rgba(148,163,184,.14);
  border-radius:22px;
  padding:8px;
}
.requestModeTab{
  border:0;
  border-radius:16px;
  padding:12px 14px;
  background:transparent;
  color:#94a3b8;
  font-weight:950;
  cursor:pointer;
  display:flex;
  gap:9px;
  align-items:center;
  white-space:nowrap;
}
.requestModeTab span{
  min-width:24px;
  height:24px;
  padding:0 8px;
  border-radius:999px;
  background:rgba(148,163,184,.14);
  color:#e2e8f0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
}
.requestModeTab.active{
  color:white;
  background:linear-gradient(135deg,rgba(124,58,237,.94),rgba(59,130,246,.78));
  box-shadow:0 12px 30px rgba(59,130,246,.18);
}
.requestModeTab.active span{background:rgba(255,255,255,.18);color:white;}
.requestBoardWrapPro{
  border:1px solid rgba(148,163,184,.14) !important;
  background:linear-gradient(180deg,rgba(15,23,42,.72),rgba(2,6,23,.86)) !important;
  border-radius:28px !important;
  padding:18px !important;
}
.requestBoardTitle{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-end;
  padding:4px 4px 18px;
}
.requestBoardTitle h2{margin:0;color:#f8fafc;font-size:26px;letter-spacing:-.03em;}
.requestBoardTitle p{margin:6px 0 0;color:#94a3b8;font-weight:800;}
.requestBranchBoard{display:grid;gap:18px;}
.requestBranchSection{
  border:1px solid rgba(148,163,184,.16);
  border-radius:26px;
  background:radial-gradient(circle at 0% 0%,rgba(34,211,238,.08),transparent 28%),rgba(2,6,23,.56);
  overflow:hidden;
}
.requestBranchHeader{
  display:grid;
  grid-template-columns:minmax(180px,1fr) auto auto;
  gap:16px;
  align-items:center;
  padding:18px;
  border-bottom:1px solid rgba(255,255,255,.07);
  background:linear-gradient(90deg,rgba(15,23,42,.96),rgba(15,23,42,.58));
}
.requestBranchEyebrow{
  color:#818cf8;
  font-size:11px;
  font-weight:1000;
  letter-spacing:.16em;
  text-transform:uppercase;
  margin-bottom:5px;
}
.requestBranchHeader h3{margin:0;font-size:24px;color:white;letter-spacing:-.03em;}
.requestBranchMetrics{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end;}
.requestBranchMetrics span{
  border:1px solid rgba(148,163,184,.14);
  background:rgba(15,23,42,.76);
  border-radius:999px;
  padding:7px 10px;
  color:#cbd5e1;
  font-size:12px;
  font-weight:950;
}
.requestBranchMetrics .metricPending{color:#fde68a;background:rgba(245,158,11,.14);}
.requestBranchMetrics .metricOrdered{color:#fed7aa;background:rgba(249,115,22,.14);}
.requestBranchMetrics .metricDelayed{color:#bfdbfe;background:rgba(59,130,246,.14);}
.requestBranchMetrics .metricReceived{color:#bbf7d0;background:rgba(34,197,94,.14);}
.requestBranchItems{display:grid;gap:10px;padding:14px;}
.requestItemCardPro{
  display:grid;
  grid-template-columns:1fr auto;
  gap:16px;
  align-items:center;
  border:1px solid rgba(148,163,184,.13);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(15,23,42,.82),rgba(8,13,28,.92));
  padding:14px;
  box-shadow:0 10px 34px rgba(0,0,0,.18);
}
.requestItemCardPro:hover{border-color:rgba(124,58,237,.34);transform:translateY(-1px);transition:.18s ease;}
.requestItemCardPro.isOverdue{border-color:rgba(239,68,68,.52);background:linear-gradient(180deg,rgba(69,10,10,.34),rgba(8,13,28,.92));}
.requestItemMain{display:grid;grid-template-columns:50px 1fr;gap:14px;align-items:start;min-width:0;}
.requestItemSymbol{
  width:50px;height:50px;border-radius:17px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(124,58,237,.14);
  border:1px solid rgba(167,139,250,.24);
  font-size:22px;
}
.requestItemCopy{min-width:0;}
.requestItemTitleLine{display:flex;gap:10px;align-items:center;justify-content:space-between;}
.requestItemTitleLine h4{margin:0;color:#fff;font-size:18px;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.requestItemSubline{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:#94a3b8;font-weight:800;font-size:12px;margin-top:5px;}
.requestItemSubline i{opacity:.45;font-style:normal;}
.requestItemMetaGrid{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;}
.requestItemMetaGrid span{
  display:inline-flex;gap:6px;align-items:center;
  border-radius:999px;
  padding:6px 9px;
  background:rgba(2,6,23,.66);
  border:1px solid rgba(148,163,184,.1);
  color:#cbd5e1;
  font-size:11px;
  font-weight:850;
}
.requestItemMetaGrid b{color:#818cf8;font-weight:1000;}
.requestItemReason,.requestItemAlert{
  margin-top:9px;
  border-radius:13px;
  padding:9px 10px;
  font-size:12px;
  font-weight:900;
}
.requestItemReason{background:rgba(59,130,246,.12);color:#bfdbfe;border:1px solid rgba(59,130,246,.18);}
.requestItemAlert{background:rgba(239,68,68,.14);color:#fecaca;border:1px solid rgba(239,68,68,.22);}
.requestItemActionsPro{display:flex;gap:8px;align-items:center;justify-content:flex-end;min-width:150px;}
.status-overdue{background:rgba(239,68,68,.35);color:#fecaca;}
.status-pending{background:rgba(245,158,11,.28);color:#fde68a;}
.statusCard-pending{box-shadow:inset 3px 0 0 rgba(245,158,11,.78),0 10px 34px rgba(0,0,0,.18);}
.statusCard-ordered{box-shadow:inset 3px 0 0 rgba(249,115,22,.78),0 10px 34px rgba(0,0,0,.18);}
.statusCard-received{box-shadow:inset 3px 0 0 rgba(34,197,94,.76),0 10px 34px rgba(0,0,0,.18);}
.statusCard-delayed{box-shadow:inset 3px 0 0 rgba(59,130,246,.76),0 10px 34px rgba(0,0,0,.18);}
@media(max-width:1180px){
  .requestStatsGridPro{grid-template-columns:repeat(2,1fr) !important;}
  .requestControlDock{grid-template-columns:1fr;}
  .requestModeTabs{width:max-content;max-width:100%;overflow:auto;}
  .requestBranchHeader{grid-template-columns:1fr;}
  .requestBranchMetrics{justify-content:flex-start;}
}
@media(max-width:720px){
  .requestStatsGridPro{grid-template-columns:1fr !important;}
  .requestItemCardPro{grid-template-columns:1fr;}
  .requestItemActionsPro{justify-content:flex-start;min-width:0;flex-wrap:wrap;}
  .requestItemTitleLine{align-items:flex-start;flex-direction:column;}
  .requestItemTitleLine h4{white-space:normal;}
}

/* ================= PREMIUM EXECUTIVE DASHBOARD V8.9 ================= */
.dashPro{
  position:relative;
  min-height:calc(100vh - 110px);
  padding:0 0 28px;
  color:#eef4ff;
}
.dashPro:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 0%, rgba(124,58,237,.28), transparent 32%),
    radial-gradient(circle at 82% 10%, rgba(14,165,233,.18), transparent 30%),
    radial-gradient(circle at 60% 92%, rgba(34,197,94,.10), transparent 34%);
  z-index:-1;
}
.dashProHero{
  display:flex;
  justify-content:space-between;
  gap:22px;
  align-items:flex-start;
  margin-bottom:18px;
}
.dashEyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 11px;
  border:1px solid rgba(148,163,184,.20);
  border-radius:999px;
  background:rgba(15,23,42,.54);
  color:#94a3b8;
  font-weight:900;
  font-size:11px;
  letter-spacing:.13em;
  text-transform:uppercase;
  margin-bottom:12px;
}
.dashProHero h1{
  margin:0;
  font-size:clamp(32px, 4vw, 54px);
  line-height:.94;
  letter-spacing:-.055em;
  color:#fff;
  text-shadow:0 20px 70px rgba(96,165,250,.25);
}
.dashProHero p{
  margin:14px 0 0;
  max-width:760px;
  color:#9fb0c8;
  font-size:15px;
  line-height:1.6;
}
.dashHeroActions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.dashHeroActions .monthControl{
  margin:0;
  background:rgba(15,23,42,.78);
  border:1px solid rgba(148,163,184,.22);
  box-shadow:0 16px 44px rgba(0,0,0,.24);
}
.dashExportBtn,.dashSmallBtn{
  border:1px solid rgba(245,158,11,.46);
  color:#fde68a;
  background:linear-gradient(180deg, rgba(245,158,11,.15), rgba(15,23,42,.65));
  border-radius:14px;
  min-height:42px;
  padding:0 16px;
  font-weight:900;
  cursor:pointer;
  transition:.18s ease;
  box-shadow:0 12px 32px rgba(245,158,11,.08);
}
.dashSmallBtn{
  min-height:34px;
  padding:0 12px;
  font-size:12px;
  color:#dbeafe;
  border-color:rgba(148,163,184,.22);
  background:rgba(15,23,42,.55);
  box-shadow:none;
}
.dashExportBtn:hover,.dashSmallBtn:hover{
  transform:translateY(-1px);
  border-color:rgba(251,191,36,.76);
  box-shadow:0 18px 42px rgba(245,158,11,.16);
}
.dashKpiDeck{
  display:grid;
  grid-template-columns:repeat(5, minmax(170px, 1fr));
  gap:12px;
  margin-bottom:14px;
}
.dashKpiCard{
  position:relative;
  overflow:hidden;
  min-height:132px;
  border-radius:22px;
  padding:18px 18px 14px;
  border:1px solid rgba(148,163,184,.18);
  background:linear-gradient(145deg, rgba(15,23,42,.90), rgba(8,13,24,.72));
  box-shadow:0 22px 70px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06);
}
.dashKpiCard:before{
  content:"";
  position:absolute;
  inset:-50% -20% auto auto;
  width:150px;
  height:150px;
  border-radius:999px;
  filter:blur(26px);
  opacity:.38;
}
.dashKpiCard.purple:before{background:#8b5cf6;}
.dashKpiCard.blue:before{background:#3b82f6;}
.dashKpiCard.orange:before{background:#f97316;}
.dashKpiCard.green:before{background:#22c55e;}
.dashKpiCard.cyan:before{background:#06b6d4;}
.dashKpiIcon{
  position:relative;
  z-index:2;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  font-weight:1000;
  color:#fff;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 14px 30px rgba(0,0,0,.20);
}
.dashKpiText{
  position:relative;
  z-index:2;
  margin-top:16px;
}
.dashKpiText span{
  display:block;
  color:#a9b8cf;
  font-size:11px;
  letter-spacing:.085em;
  font-weight:1000;
  text-transform:uppercase;
  margin-bottom:8px;
}
.dashKpiText b{
  display:block;
  font-size:clamp(19px, 1.65vw, 28px);
  letter-spacing:-.045em;
  color:#fff;
  white-space:nowrap;
}
.dashKpiText small{
  display:block;
  margin-top:8px;
  font-size:12px;
  color:#94a3b8;
  font-weight:800;
}
.dashKpiSpark{
  position:absolute;
  right:12px;
  bottom:14px;
  width:92px;
  height:42px;
  opacity:.85;
  filter:drop-shadow(0 0 12px rgba(96,165,250,.25));
}
.dashPositive{color:#4ade80 !important;}
.dashNegative{color:#fb7185 !important;}
.dashMainGrid{
  display:grid;
  grid-template-columns:minmax(0, 1.55fr) minmax(340px, .95fr);
  gap:14px;
}
.dashProPanel{
  border-radius:24px;
  border:1px solid rgba(148,163,184,.16);
  background:linear-gradient(145deg, rgba(15,23,42,.88), rgba(8,13,24,.74));
  box-shadow:0 22px 70px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.05);
  padding:18px;
  overflow:hidden;
  position:relative;
}
.dashProPanel:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(255,255,255,.07), transparent 18%, transparent 80%, rgba(96,165,250,.05));
  pointer-events:none;
}
.dashPanelHead{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  margin-bottom:14px;
}
.dashPanelHead h2{
  margin:0;
  font-size:18px;
  letter-spacing:-.02em;
  color:#f8fafc;
}
.dashPanelHead p{
  margin:5px 0 0;
  color:#8fa0b8;
  font-size:12.5px;
}
.dashMiniPill{
  display:inline-flex;
  align-items:center;
  min-height:31px;
  padding:0 11px;
  border-radius:999px;
  background:rgba(15,23,42,.62);
  border:1px solid rgba(148,163,184,.18);
  color:#cbd5e1;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}
.dashTrendPanel{min-height:420px;}
.dashDataWarning{
  position:relative;
  z-index:2;
  margin:0 0 16px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(234,179,8,.32);
  background:rgba(234,179,8,.10);
  color:#fde68a;
  display:grid;
  gap:5px;
}
.dashDataWarning b{color:#fef3c7;}
.dashDataWarning span{color:#fcd34d;font-size:13px;line-height:1.45;}
.dashTrendChartWrap{
  position:relative;
  z-index:2;
  margin-top:8px;
  border:1px solid rgba(148,163,184,.10);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(2,6,23,.24),rgba(15,23,42,.16));
  overflow:hidden;
}
.dashProTrendSvg{
  display:block;
  width:100%;
  height:318px;
}
.trendPlotBg{fill:rgba(2,6,23,.30);stroke:rgba(148,163,184,.08);stroke-width:1;}
.dashGrid{stroke:rgba(148,163,184,.16);stroke-width:1;stroke-dasharray:4 8;}
.axisText{fill:#8ea0b8;font-size:11px;font-weight:900;}
.trendTick{stroke:rgba(148,163,184,.24);stroke-width:1;}
.trendArea{fill:url(#dashProTrendFill);}
.trendStrokeShadow{fill:none;stroke:rgba(14,165,233,.26);stroke-width:12;stroke-linecap:round;stroke-linejoin:round;filter:url(#trendGlow);}
.trendStroke{fill:none;stroke:url(#dashProTrendStroke);stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round;}
.trendDot{fill:#dbeafe;stroke:#60a5fa;stroke-width:2.2;filter:drop-shadow(0 0 10px rgba(96,165,250,.62));}
.trendDot.highest{fill:#bbf7d0;stroke:#22c55e;filter:drop-shadow(0 0 12px rgba(34,197,94,.75));}
.trendDot.lowest{fill:#fed7aa;stroke:#fb923c;}
.trendDot.partial{fill:#fef3c7;stroke:#f59e0b;}
.trendDot.today{stroke:#a78bfa;stroke-width:3;}
.trendMissingDot{fill:#f59e0b;stroke:#020617;stroke-width:1.6;}
.trendHitArea{fill:transparent;pointer-events:all;}
.trendHoverLine{opacity:0;stroke:rgba(226,232,240,.24);stroke-width:1;stroke-dasharray:3 6;}
.trendTooltip{opacity:0;transform-box:fill-box;transition:opacity .14s ease;}
.trendTooltip rect{fill:rgba(2,6,23,.94);stroke:rgba(148,163,184,.22);filter:drop-shadow(0 18px 36px rgba(0,0,0,.38));}
.trendTipDate{fill:#cbd5e1;font-size:11px;font-weight:900;}
.trendTipValue{fill:#fff;font-size:15px;font-weight:1000;}
.trendTipMeta{fill:#86efac;font-size:10px;font-weight:900;}
.trendTipWarn{fill:#fbbf24;font-size:10px;font-weight:900;}
.trendHoverGroup:hover .trendTooltip,.trendHoverGroup:hover .trendHoverLine{opacity:1;}
.trendHoverGroup:hover .trendDot{r:7;}
.trendPeakCallout rect{fill:rgba(34,197,94,.15);stroke:rgba(34,197,94,.34);}
.trendPeakCallout text{fill:#bbf7d0;font-size:11px;font-weight:1000;letter-spacing:.03em;}
.dashTrendLegend{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  padding:0 16px 14px 70px;
  color:#8ea0b8;
  font-size:11px;
  font-weight:900;
}
.dashTrendLegend span{display:inline-flex;align-items:center;gap:7px;}
.dashTrendLegend i{width:9px;height:9px;border-radius:999px;display:inline-block;background:#60a5fa;box-shadow:0 0 12px rgba(96,165,250,.45);}
.dashTrendLegend .complete{background:#60a5fa;}
.dashTrendLegend .partial{background:#f59e0b;box-shadow:0 0 12px rgba(245,158,11,.45);}
.dashTrendLegend .today{background:#a78bfa;box-shadow:0 0 12px rgba(167,139,250,.45);}
.trendValue{fill:#dbeafe;font-size:10px;font-weight:900;}
.dashTrendSummary{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  margin-top:10px;
  border:1px solid rgba(148,163,184,.14);
  border-radius:18px;
  overflow:hidden;
  background:rgba(15,23,42,.45);
}
.dashTrendSummary div{
  padding:12px 14px;
  background:rgba(2,6,23,.25);
}
.dashTrendSummary span{
  display:block;
  color:#8fa0b8;
  font-size:11px;
  margin-bottom:5px;
  font-weight:800;
}
.dashTrendSummary b{
  display:block;
  color:#fff;
  font-size:14px;
  letter-spacing:-.02em;
}
.dashBranchPanel{min-height:420px;}
.dashBranchList{
  position:relative;
  z-index:2;
  display:grid;
  gap:10px;
}
.dashBranchRow{
  width:100%;
  display:grid;
  grid-template-columns:84px 1fr auto 72px;
  align-items:center;
  gap:14px;
  padding:10px;
  border-radius:17px;
  border:1px solid rgba(148,163,184,.12);
  background:rgba(15,23,42,.48);
  color:#e5e7eb;
  cursor:pointer;
  text-align:left;
  transition:.18s ease;
}
.dashBranchRow:hover{
  transform:translateY(-1px);
  background:rgba(30,41,59,.58);
  border-color:rgba(96,165,250,.28);
}
.dashBranchRow img{
  width:84px;
  height:54px;
  object-fit:cover;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 12px 30px rgba(0,0,0,.28);
}
.dashBranchRow b{display:block;font-size:16px;color:#fff;margin-bottom:4px;}
.dashBranchRow span{display:block;color:#8fa0b8;font-size:12px;}
.dashBranchRow strong{font-size:15px;color:#f8fafc;white-space:nowrap;}
.dashBranchRow em{font-style:normal;font-weight:1000;text-align:right;}
.dashExpensePanel,.dashOpsPanel,.dashActionPanel{min-height:290px;}
.dashExpenseList{
  position:relative;
  z-index:2;
  display:grid;
  gap:12px;
}
.dashExpenseRow{
  display:grid;
  grid-template-columns:1.2fr 1.35fr 52px;
  align-items:center;
  gap:12px;
}
.dashExpenseRow span{display:block;color:#cbd5e1;font-size:13px;font-weight:800;}
.dashExpenseRow b{display:block;color:#fff;font-size:13px;margin-top:3px;}
.dashExpenseRow em{font-style:normal;color:#94a3b8;font-size:12px;text-align:right;font-weight:900;}
.dashExpenseTrack{
  height:9px;
  border-radius:999px;
  background:rgba(30,41,59,.86);
  overflow:hidden;
}
.dashExpenseTrack i{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#8b5cf6,#60a5fa,#22d3ee);
  box-shadow:0 0 18px rgba(96,165,250,.28);
}
.dashPanelTotal{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid rgba(148,163,184,.14);
}
.dashPanelTotal span{color:#94a3b8;font-weight:800;}
.dashPanelTotal b{color:#fff;font-size:18px;}
.dashEmptyState{
  color:#94a3b8;
  padding:26px 14px;
  border-radius:16px;
  background:rgba(15,23,42,.45);
  border:1px dashed rgba(148,163,184,.22);
  text-align:center;
}
.dashOpsGrid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:9px;
}
.dashOpsGrid button{
  min-height:154px;
  border-radius:17px;
  border:1px solid rgba(148,163,184,.13);
  background:rgba(15,23,42,.50);
  color:#fff;
  cursor:pointer;
  padding:14px 10px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:space-between;
  transition:.18s ease;
}
.dashOpsGrid button:hover{
  transform:translateY(-2px);
  background:rgba(30,41,59,.62);
  border-color:rgba(96,165,250,.28);
}
.dashOpsGrid i{
  width:42px;
  height:42px;
  border-radius:15px;
  display:grid;
  place-items:center;
  font-style:normal;
  font-size:19px;
  border:1px solid rgba(255,255,255,.12);
}
.dashOpsGrid i.green{background:rgba(34,197,94,.14);}
.dashOpsGrid i.orange{background:rgba(245,158,11,.14);}
.dashOpsGrid i.red{background:rgba(239,68,68,.14);}
.dashOpsGrid i.blue{background:rgba(59,130,246,.14);}
.dashOpsGrid i.purple{background:rgba(168,85,247,.14);}
.dashOpsGrid span{font-size:12px;color:#cbd5e1;font-weight:900;}
.dashOpsGrid b{font-size:34px;line-height:1;color:#fff;letter-spacing:-.05em;}
.dashOpsGrid small{font-size:11px;color:#8fa0b8;font-weight:800;}
.dashActionList{
  position:relative;
  z-index:2;
  display:grid;
  gap:10px;
}
.dashActionItem{
  display:flex;
  align-items:stretch;
  gap:8px;
}
.dashActionMain{
  flex:1;
  display:grid;
  grid-template-columns:42px 1fr auto;
  align-items:center;
  gap:12px;
  min-height:58px;
  padding:9px 12px;
  border-radius:17px;
  border:1px solid rgba(148,163,184,.13);
  background:rgba(15,23,42,.55);
  color:#e5e7eb;
  cursor:pointer;
  text-align:left;
  transition:.18s ease;
}
.dashActionItem.danger .dashActionMain{background:linear-gradient(90deg, rgba(127,29,29,.35), rgba(15,23,42,.55));}
.dashActionItem.warning .dashActionMain{background:linear-gradient(90deg, rgba(120,53,15,.32), rgba(15,23,42,.55));}
.dashActionItem.good .dashActionMain{background:linear-gradient(90deg, rgba(20,83,45,.32), rgba(15,23,42,.55));}
.dashActionMain:hover{
  transform:translateY(-1px);
  border-color:rgba(96,165,250,.30);
}
.dashActionMain span{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
}
.dashActionMain b{display:block;color:#fff;font-size:13.5px;margin-bottom:3px;}
.dashActionMain small{display:block;color:#94a3b8;font-size:11.5px;}
.dashActionMain em{
  font-style:normal;
  font-size:11px;
  font-weight:1000;
  color:#cbd5e1;
  padding:5px 8px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.18);
  background:rgba(15,23,42,.72);
}
.dashDismissBtn{
  width:38px;
  border-radius:14px;
  border:1px solid rgba(148,163,184,.13);
  background:rgba(15,23,42,.50);
  color:#64748b;
  cursor:pointer;
  font-weight:1000;
}
.dashDismissBtn:hover{color:#fff;border-color:rgba(248,113,113,.35);background:rgba(127,29,29,.25);}
@media (max-width:1350px){
  .dashKpiDeck{grid-template-columns:repeat(3,1fr);}
  .dashMainGrid{grid-template-columns:1fr;}
}
@media (max-width:860px){
  .dashProHero{display:block;}
  .dashHeroActions{justify-content:flex-start;margin-top:14px;}
  .dashKpiDeck{grid-template-columns:1fr;}
  .dashTrendSummary{grid-template-columns:1fr 1fr;}
  .dashProTrendSvg{height:270px;}
  .dashTrendLegend{padding-left:16px;}
  .dashOpsGrid{grid-template-columns:1fr 1fr;}
  .dashBranchRow{grid-template-columns:72px 1fr;}
  .dashBranchRow strong,.dashBranchRow em{grid-column:2;text-align:left;}
  .dashExpenseRow{grid-template-columns:1fr;gap:7px;}
  .dashExpenseRow em{text-align:left;}
}

/* ================= DEBT CONTROL CENTER ================= */
.luxKpiCard.red:before{background:#ef4444}
.luxKpiCard.red .luxSpark{color:#ef4444}
.debtHero{
  background:linear-gradient(135deg,rgba(127,29,29,.72),rgba(15,23,42,.72));
  border-color:rgba(248,113,113,.22)!important;
}
.debtHero:before{
  background:radial-gradient(circle at 20% 10%,rgba(248,113,113,.28),transparent 35%),radial-gradient(circle at 80% 0%,rgba(245,158,11,.18),transparent 28%);
  opacity:1;
}
.debtHero:after{
  background:linear-gradient(90deg,rgba(5,9,22,.96),rgba(15,23,42,.72),rgba(127,29,29,.22));
}
.debtKpis{grid-template-columns:repeat(6,minmax(0,1fr));}
.debtWorkGrid{align-items:stretch;}
.debtMiniSummary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;}
.debtMiniSummary>div{padding:16px;border-radius:18px;background:rgba(2,6,23,.38);border:1px solid rgba(148,163,184,.12);}
.debtMiniSummary span{display:block;color:#94a3b8;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px;}
.debtMiniSummary b{display:block;color:#fff;font-size:22px;letter-spacing:-.03em;}
.debtMiniSummary em{display:block;color:#fca5a5;font-style:normal;font-size:12px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.debtBranchBars{display:grid;gap:11px;margin-top:14px;}
.debtBranchBar{display:grid;grid-template-columns:110px 1fr 125px;gap:12px;align-items:center;color:#cbd5e1;font-weight:850;font-size:13px;}
.debtBranchBar>div{height:10px;border-radius:999px;background:rgba(51,65,85,.72);overflow:hidden;}
.debtBranchBar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ef4444,#f59e0b,#fde68a);box-shadow:0 0 20px rgba(248,113,113,.28);}
.debtBranchBar b{text-align:right;color:#fff;}
.debtRecordsPanel{margin-top:18px;}
.debtRow{border-left:3px solid rgba(239,68,68,.65)!important;}
.debtRow .expenseBadge:first-child{color:#fecaca;border-color:rgba(239,68,68,.28);background:rgba(127,29,29,.18);}
@media(max-width:1380px){.debtKpis{grid-template-columns:repeat(3,minmax(0,1fr));}.debtMiniSummary{grid-template-columns:1fr;}}
@media(max-width:900px){.debtKpis{grid-template-columns:1fr}.debtBranchBar{grid-template-columns:1fr;}.debtBranchBar b{text-align:left}.debtMiniSummary{grid-template-columns:1fr;}}

/* =====================================================
   INVENTORY REQUESTS V9.4 - PREMIUM CATEGORY + BRANCH FILTERS
   ===================================================== */
.requestControlDock{
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:stretch !important;
  padding:12px;
  border:1px solid rgba(148,163,184,.12);
  border-radius:28px;
  background:
    radial-gradient(circle at 0% 0%,rgba(124,58,237,.18),transparent 34%),
    radial-gradient(circle at 100% 0%,rgba(14,165,233,.12),transparent 32%),
    linear-gradient(180deg,rgba(2,6,23,.72),rgba(8,13,28,.88));
  box-shadow:0 24px 70px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.035);
}
.requestCategoryTabsPro{
  grid-column:1 / -1;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  width:100% !important;
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
}
.requestCategoryTabsPro .requestCategoryTab{
  position:relative;
  min-height:82px;
  justify-content:flex-start;
  padding:16px 18px;
  border-radius:22px;
  overflow:hidden;
  background:
    linear-gradient(135deg,rgba(15,23,42,.94),rgba(2,6,23,.92));
  border:1px solid rgba(148,163,184,.13);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 14px 36px rgba(0,0,0,.18);
}
.requestCategoryTabsPro .requestCategoryTab::after{
  content:'';
  position:absolute;
  inset:auto 14px 10px 14px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(148,163,184,.18),rgba(148,163,184,.04));
}
.requestCategoryTabsPro .requestCategoryTab span{
  width:46px;height:46px;
  display:grid;place-items:center;
  border-radius:17px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.08);
  font-size:22px !important;
  box-shadow:inset 0 0 18px rgba(255,255,255,.025);
}
.requestCategoryTabsPro .requestCategoryTab b{
  font-size:18px;
  letter-spacing:-.02em;
  color:#dbeafe;
}
.requestCategoryTabsPro .requestCategoryTab:hover{
  transform:translateY(-2px);
  border-color:rgba(129,140,248,.42);
  box-shadow:0 18px 44px rgba(0,0,0,.26),0 0 28px rgba(99,102,241,.12);
}
.requestCategoryTabsPro .requestCategoryTab.active{
  background:
    radial-gradient(circle at 0% 0%,rgba(255,255,255,.18),transparent 36%),
    linear-gradient(135deg,rgba(124,58,237,.95),rgba(79,70,229,.86),rgba(14,165,233,.62)) !important;
  border-color:rgba(199,210,254,.58) !important;
  box-shadow:0 22px 54px rgba(79,70,229,.32), inset 0 1px 0 rgba(255,255,255,.16) !important;
}
.requestCategoryTabsPro .requestCategoryTab.active b{color:#fff;}
.requestCategoryTabsPro .requestCategoryTab.active::after{
  background:linear-gradient(90deg,#fbbf24,#f472b6,#38bdf8);
  box-shadow:0 0 18px rgba(251,191,36,.32);
}
.requestBranchFilterStripPro{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
  overflow:auto;
  padding:8px;
  border-radius:22px;
  background:rgba(2,6,23,.54);
  border:1px solid rgba(148,163,184,.12);
}
.requestBranchFilter{
  min-height:46px;
  padding:8px 13px;
  border:1px solid rgba(148,163,184,.13);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(15,23,42,.86),rgba(2,6,23,.82));
  color:#cbd5e1;
  font-weight:950;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:9px;
  white-space:nowrap;
  transition:.18s ease;
}
.requestBranchFilter span{font-size:13px;letter-spacing:-.01em;}
.requestBranchFilter b{
  min-width:24px;height:24px;
  padding:0 8px;
  border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(148,163,184,.14);
  color:#e2e8f0;
  font-size:12px;
}
.requestBranchFilter:hover{
  transform:translateY(-1px);
  border-color:rgba(56,189,248,.38);
  box-shadow:0 14px 30px rgba(14,165,233,.10);
}
.requestBranchFilter.active{
  color:#fff;
  background:linear-gradient(135deg,rgba(14,165,233,.85),rgba(99,102,241,.72));
  border-color:rgba(125,211,252,.56);
  box-shadow:0 16px 40px rgba(14,165,233,.18), inset 0 1px 0 rgba(255,255,255,.14);
}
.requestBranchFilter.active b{
  background:rgba(255,255,255,.18);
  color:#fff;
}
.requestModeTabs{
  align-self:center;
}
@media(max-width:1180px){
  .requestControlDock{grid-template-columns:1fr !important;}
  .requestBranchFilterStripPro,.requestModeTabs{width:100%;max-width:100%;overflow:auto;}
}
@media(max-width:720px){
  .requestCategoryTabsPro{grid-template-columns:1fr !important;}
  .requestCategoryTabsPro .requestCategoryTab{min-height:70px;}
}

/* ================= UZU MENU SYSTEM ================= */
.menuAdminHead{align-items:center;gap:16px;}
.menuAdminActions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.menuAdminGrid{display:grid;grid-template-columns:420px minmax(0,1fr);gap:16px;align-items:start;}
.menuEditorPanel,.menuPreviewPanel,.menuMatrixPanel{border-color:rgba(16,185,129,.22)!important;box-shadow:0 20px 60px rgba(0,0,0,.24),0 0 34px rgba(16,185,129,.06)!important;}
.sectionTitle,.menuPreviewTop{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px;}
.sectionTitle h2,.menuPreviewTop h2{margin:0;color:#f8fafc;font-size:22px;letter-spacing:-.03em;}
.sectionTitle span,.menuPreviewTop p{color:#94a3b8;font-size:13px;margin:4px 0 0;}
.menuLangMini{padding:8px 12px;border-radius:999px;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.28);color:#a7f3d0;font-weight:900;font-size:12px;}
.menuForm{display:flex;flex-direction:column;gap:13px;}
.formRow{display:grid;gap:12px;}
.formRow.two{grid-template-columns:1fr 1fr;}
.formRow.three{grid-template-columns:1fr 1fr 1fr;}
.menuForm label{display:flex;flex-direction:column;gap:7px;color:#cbd5e1;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;}
.menuForm input,.menuForm select,.menuForm textarea,.menuSearchInput{width:100%;border:1px solid rgba(148,163,184,.16);background:rgba(2,6,23,.75);color:#f8fafc;border-radius:14px;padding:11px 12px;outline:none;}
.menuForm textarea{resize:vertical;min-height:74px;}
.menuForm input:focus,.menuForm select:focus,.menuForm textarea:focus,.menuSearchInput:focus{border-color:rgba(52,211,153,.55);box-shadow:0 0 0 3px rgba(16,185,129,.12);}
.menuBranchPriceGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.branchPriceCard{padding:12px;border-radius:18px;background:linear-gradient(180deg,rgba(15,23,42,.86),rgba(2,6,23,.72));border:1px solid rgba(148,163,184,.13);display:grid;gap:8px;}
.branchPriceCard b{color:#e2e8f0;}
.formActions{display:flex;gap:10px;flex-wrap:wrap;}
.menuControlDock{display:grid;gap:10px;margin-bottom:16px;}
.menuBranchPills,.menuCategoryPills{display:flex;gap:8px;overflow:auto;padding-bottom:2px;}
.menuBranchPill,.menuCatPill{white-space:nowrap;border:1px solid rgba(148,163,184,.16);background:rgba(2,6,23,.55);color:#cbd5e1;border-radius:999px;padding:10px 14px;font-weight:900;cursor:pointer;transition:.18s;}
.menuBranchPill:hover,.menuCatPill:hover{border-color:rgba(52,211,153,.45);transform:translateY(-1px);}
.menuBranchPill.active,.menuCatPill.active{background:linear-gradient(135deg,rgba(16,185,129,.88),rgba(34,197,94,.72));color:#022c22;border-color:rgba(167,243,208,.55);box-shadow:0 0 26px rgba(16,185,129,.16);}
.menuPreviewLayout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;align-items:start;}
.menuCardGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.menuItemCard,.publicItemCard{position:relative;min-height:230px;border-radius:22px;padding:14px;overflow:hidden;background:linear-gradient(180deg,rgba(15,23,42,.9),rgba(2,6,23,.88));border:1px solid rgba(148,163,184,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:.18s ease;}
.menuItemCard:hover,.publicItemCard:hover{transform:translateY(-2px);border-color:rgba(52,211,153,.34);box-shadow:0 18px 38px rgba(0,0,0,.25),0 0 24px rgba(16,185,129,.08);}
.menuItemCard.disabled,.publicItemCard.disabled{opacity:.58;filter:saturate(.7);}
.publicItemCard.selected{border-color:rgba(52,211,153,.75);box-shadow:0 0 0 1px rgba(52,211,153,.28),0 20px 44px rgba(0,0,0,.28),0 0 32px rgba(16,185,129,.12);}
.menuItemArt,.publicItemArt{height:92px;border-radius:18px;display:grid;place-items:center;font-size:42px;margin-bottom:12px;background:radial-gradient(circle at 50% 25%,rgba(52,211,153,.45),transparent 38%),linear-gradient(135deg,rgba(16,185,129,.25),rgba(2,6,23,.4));border:1px solid rgba(255,255,255,.07);}
.menuItemArt span,.publicItemArt span,.publicDetailHero span,.menuDetailHero span{filter:drop-shadow(0 0 18px rgba(52,211,153,.45));}
.tone-ocean .menuItemArt,.tone-ocean .publicItemArt,.tone-ocean.publicDetailHero,.tone-ocean.menuDetailHero{background:radial-gradient(circle at 45% 20%,rgba(56,189,248,.46),transparent 44%),linear-gradient(135deg,rgba(8,47,73,.75),rgba(2,6,23,.7));}
.tone-apple .menuItemArt,.tone-apple .publicItemArt,.tone-apple.publicDetailHero,.tone-apple.menuDetailHero{background:radial-gradient(circle at 45% 25%,rgba(248,113,113,.45),transparent 40%),linear-gradient(135deg,rgba(69,10,10,.62),rgba(20,83,45,.45));}
.tone-ice .menuItemArt,.tone-ice .publicItemArt,.tone-ice.publicDetailHero,.tone-ice.menuDetailHero{background:radial-gradient(circle at 45% 25%,rgba(125,211,252,.55),transparent 40%),linear-gradient(135deg,rgba(14,116,144,.42),rgba(2,6,23,.75));}
.tone-love .menuItemArt,.tone-love .publicItemArt,.tone-love.publicDetailHero,.tone-love.menuDetailHero{background:radial-gradient(circle at 45% 20%,rgba(244,114,182,.48),transparent 40%),linear-gradient(135deg,rgba(131,24,67,.55),rgba(2,6,23,.78));}
.tone-mint .menuItemArt,.tone-mint .publicItemArt,.tone-mint.publicDetailHero,.tone-mint.menuDetailHero{background:radial-gradient(circle at 50% 20%,rgba(74,222,128,.5),transparent 40%),linear-gradient(135deg,rgba(20,83,45,.58),rgba(2,6,23,.72));}
.tone-gold .menuItemArt,.tone-gold .publicItemArt,.tone-gold.publicDetailHero,.tone-gold.menuDetailHero{background:radial-gradient(circle at 50% 20%,rgba(251,191,36,.48),transparent 40%),linear-gradient(135deg,rgba(120,53,15,.5),rgba(2,6,23,.72));}
.tone-drink .menuItemArt,.tone-drink .publicItemArt,.tone-drink.publicDetailHero,.tone-drink.menuDetailHero{background:radial-gradient(circle at 50% 20%,rgba(45,212,191,.5),transparent 40%),linear-gradient(135deg,rgba(19,78,74,.55),rgba(2,6,23,.72));}
.menuStatusBadge{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.04em;background:rgba(148,163,184,.16);color:#cbd5e1;border:1px solid rgba(148,163,184,.18);}
.menuStatusBadge.inStock{background:rgba(16,185,129,.16);color:#a7f3d0;border-color:rgba(16,185,129,.34);}
.menuStatusBadge.lowStock{background:rgba(234,179,8,.16);color:#fde68a;border-color:rgba(234,179,8,.38);}
.menuStatusBadge.outOfStock{background:rgba(239,68,68,.16);color:#fecaca;border-color:rgba(239,68,68,.36);}
.menuStatusBadge.hidden{background:rgba(71,85,105,.22);color:#cbd5e1;}
.menuItemCard .menuStatusBadge,.publicItemCard .menuStatusBadge{position:absolute;top:22px;left:22px;}
.menuItemCard h3,.publicItemCard h3{margin:0 0 5px;color:#f8fafc;font-size:18px;letter-spacing:-.03em;}
.menuItemCard p,.publicItemCard p{margin:0;color:#94a3b8;font-size:13px;line-height:1.35;min-height:36px;}
.menuCardBottom,.publicCardFoot{display:flex;align-items:center;justify-content:space-between;margin-top:14px;}
.menuCardBottom b,.publicCardFoot b{color:#d1fae5;font-size:17px;}
.menuCardBottom button,.publicCardFoot button,.menuAddBig,.publicAddBig{border:0;border-radius:14px;background:linear-gradient(135deg,#34d399,#22c55e);color:#022c22;font-weight:1000;cursor:pointer;box-shadow:0 12px 24px rgba(34,197,94,.15);}
.menuCardBottom button,.publicCardFoot button{width:36px;height:36px;font-size:20px;}
.menuCardBottom button:disabled,.publicCardFoot button:disabled,.menuAddBig:disabled,.publicAddBig:disabled{background:#334155;color:#94a3b8;cursor:not-allowed;box-shadow:none;}
.menuAdminCardBtns{display:flex;gap:8px;margin-top:10px;}
.menuAdminCardBtns button{flex:1;border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.9);color:#cbd5e1;border-radius:12px;padding:8px;cursor:pointer;font-weight:900;}
.menuAdminCardBtns button:last-child{color:#fecaca;border-color:rgba(239,68,68,.28);}
.menuDetailGlass,.publicMenuDetail{position:sticky;top:16px;}
.menuDetailGlass{padding:16px;border-radius:24px;background:linear-gradient(180deg,rgba(2,6,23,.86),rgba(15,23,42,.82));border:1px solid rgba(148,163,184,.13);}
.menuDetailHero,.publicDetailHero{height:170px;border-radius:22px;display:grid;place-items:center;font-size:66px;margin-bottom:14px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 50% 25%,rgba(52,211,153,.46),transparent 42%),linear-gradient(135deg,rgba(16,185,129,.25),rgba(2,6,23,.6));}
.menuDetailGlass h2,.publicMenuDetail h2{margin:10px 0 2px;color:#fff;font-size:26px;letter-spacing:-.04em;}
.menuDetailGlass strong,.publicMenuDetail strong{display:block;color:#a7f3d0;font-size:22px;margin-bottom:8px;}
.menuDetailGlass p,.publicMenuDetail p{color:#cbd5e1;line-height:1.55;}
.menuMeters,.publicMeters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0;}
.menuMeters div,.publicMeters div{padding:10px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);}
.menuMeters small,.publicMeters small{display:block;color:#94a3b8;margin-bottom:7px;text-transform:uppercase;font-weight:900;font-size:10px;}
.menuMeters i,.publicMeters i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px;background:#334155;}
.menuMeters i.on,.publicMeters i.on{background:#34d399;box-shadow:0 0 12px rgba(52,211,153,.45);}
.flavorNotes{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0;}
.flavorNotes em{font-style:normal;padding:7px 10px;border-radius:999px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.22);color:#a7f3d0;font-size:12px;font-weight:900;}
.menuAddBig,.publicAddBig{width:100%;padding:14px 16px;margin-top:8px;text-transform:uppercase;letter-spacing:.04em;}
.menuMatrix{overflow:auto;border-radius:18px;border:1px solid rgba(148,163,184,.12);}
.menuMatrix table{width:100%;border-collapse:collapse;min-width:720px;background:rgba(2,6,23,.55);}
.menuMatrix th,.menuMatrix td{padding:13px 14px;border-bottom:1px solid rgba(148,163,184,.1);text-align:left;color:#cbd5e1;}
.menuMatrix th{color:#94a3b8;text-transform:uppercase;font-size:11px;letter-spacing:.05em;background:rgba(15,23,42,.75);}
.menuMatrix td:not(:first-child){text-align:center;}
.menuMatrix small{display:block;color:#94a3b8;margin-top:3px;}
.miniTone{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:12px;margin-right:10px;background:rgba(16,185,129,.12);}
.matrixStatus{font-size:18px;font-weight:1000;}
.matrixStatus.inStock{color:#34d399;}.matrixStatus.lowStock{color:#facc15;}.matrixStatus.outOfStock{color:#f87171;}

/* public menu */
.uzuMenuBody{min-height:100vh;background:radial-gradient(circle at 12% 8%,rgba(16,185,129,.16),transparent 26%),radial-gradient(circle at 86% 10%,rgba(56,189,248,.12),transparent 26%),linear-gradient(135deg,#020617,#030712 45%,#06120f);color:#f8fafc;}
.publicMenuShell{width:min(1320px,100%);margin:0 auto;padding:24px;}
.publicMenuHero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:26px;border-radius:34px;margin-bottom:16px;background:linear-gradient(135deg,rgba(15,23,42,.66),rgba(2,6,23,.56));border:1px solid rgba(52,211,153,.18);box-shadow:0 24px 80px rgba(0,0,0,.34);position:relative;overflow:hidden;}
.publicMenuHero::before{content:'';position:absolute;inset:-80px auto auto -40px;width:420px;height:420px;background:radial-gradient(circle,rgba(16,185,129,.20),transparent 65%);filter:blur(2px);}
.publicBrandBlock{position:relative;z-index:1;}
.publicLogo{font-size:60px;letter-spacing:.18em;font-weight:300;color:#b6ffe6;text-shadow:0 0 28px rgba(52,211,153,.45);line-height:.9;}
.publicBrandBlock span{color:#d6b36a;letter-spacing:.28em;font-size:12px;font-weight:900;}
.publicBrandBlock h1{margin:18px 0 8px;font-size:clamp(34px,6vw,72px);line-height:.92;text-transform:uppercase;letter-spacing:-.06em;}
.publicBrandBlock p{margin:0;color:#cbd5e1;font-size:16px;}
.publicLangSwitch{display:flex;padding:5px;border-radius:999px;background:rgba(2,6,23,.74);border:1px solid rgba(148,163,184,.16);position:relative;z-index:1;}
.publicLangSwitch button{border:0;background:transparent;color:#94a3b8;padding:10px 14px;border-radius:999px;font-weight:1000;cursor:pointer;}
.publicLangSwitch button.active{background:rgba(16,185,129,.18);color:#a7f3d0;}
.glassPanel{background:linear-gradient(180deg,rgba(15,23,42,.76),rgba(2,6,23,.74));border:1px solid rgba(148,163,184,.13);box-shadow:0 20px 60px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(18px);}
.publicMenuToolbar{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:16px;padding:16px;border-radius:28px;margin-bottom:16px;}
.publicMenuToolbar small{display:block;color:#6ee7b7;font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;}
.publicBranchPills{display:flex;gap:8px;flex-wrap:wrap;}
.publicBranchPills button,.publicCategoryRow button{border:1px solid rgba(148,163,184,.16);background:rgba(2,6,23,.58);color:#cbd5e1;border-radius:999px;padding:11px 14px;font-weight:1000;cursor:pointer;}
.publicBranchPills button.active,.publicCategoryRow button.active{background:linear-gradient(135deg,rgba(52,211,153,.92),rgba(34,197,94,.78));color:#022c22;border-color:rgba(167,243,208,.52);box-shadow:0 0 24px rgba(52,211,153,.16);}
.currentlyViewing{margin:10px 0 0;color:#94a3b8;}.currentlyViewing b{color:#6ee7b7;}
.publicSearchBox{display:flex;align-items:end;}
.publicSearchBox input{width:100%;border:1px solid rgba(148,163,184,.16);background:rgba(2,6,23,.75);color:#fff;border-radius:18px;padding:15px 16px;outline:none;font-size:15px;}
.publicMenuMain{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px;align-items:start;}
.publicMenuList,.publicMenuDetail,.publicCartBar{border-radius:30px;padding:16px;}
.publicCategoryRow{display:flex;gap:8px;overflow:auto;margin-bottom:18px;padding-bottom:2px;}
.publicSectionTitle{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;}
.publicSectionTitle h2{margin:0;color:#fff;font-size:24px;letter-spacing:-.04em;}.publicSectionTitle span{color:#94a3b8;font-size:13px;}
.publicCardsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.publicItemCard{cursor:pointer;min-height:250px;}
.publicDetailHero{height:220px;font-size:84px;}
.publicMenuDetail h4{color:#e2e8f0;margin:16px 0 0;text-transform:uppercase;letter-spacing:.06em;font-size:12px;}
.publicCartBar{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;bottom:12px;z-index:10;}
.publicCartBar b{display:block;color:#fff;margin-bottom:4px;}.publicCartBar span{color:#94a3b8;}.publicCartBar strong{font-size:22px;color:#a7f3d0;white-space:nowrap;}

@media(max-width:1180px){.menuAdminGrid,.menuPreviewLayout,.publicMenuMain{grid-template-columns:1fr;}.menuDetailGlass,.publicMenuDetail{position:static;}.menuCardGrid,.publicCardsGrid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){.menuAdminGrid{display:block}.menuEditorPanel{margin-bottom:16px}.formRow.two,.formRow.three,.menuBranchPriceGrid,.publicMenuToolbar{grid-template-columns:1fr}.menuCardGrid,.publicCardsGrid{grid-template-columns:1fr}.publicMenuShell{padding:12px}.publicMenuHero{border-radius:24px;padding:20px}.publicLogo{font-size:46px}.publicMenuToolbar,.publicMenuList,.publicMenuDetail,.publicCartBar{border-radius:22px}.publicCartBar{align-items:flex-start;flex-direction:column}.menuAdminActions{width:100%}.menuAdminActions .primaryBtn,.menuAdminActions .blueBtn{flex:1;text-align:center;justify-content:center}}

/* ================= PREMIUM CUSTOMER MENU V9.5.1 ================= */
.uzuMenuBody{
  background:
    radial-gradient(circle at 10% 12%,rgba(16,185,129,.20),transparent 28%),
    radial-gradient(circle at 82% 8%,rgba(56,189,248,.14),transparent 30%),
    radial-gradient(circle at 50% 115%,rgba(180,126,46,.12),transparent 40%),
    linear-gradient(135deg,#010409 0%,#020617 45%,#03110e 100%) !important;
  overflow-x:hidden;
}
.premiumMenuShell{position:relative;width:min(1480px,100%);padding:30px 30px 96px;isolation:isolate;}
.premiumSmokeLayer{position:fixed;inset:0;pointer-events:none;z-index:-1;background:
  radial-gradient(ellipse at 6% 35%,rgba(16,185,129,.13),transparent 18%),
  radial-gradient(ellipse at 80% 62%,rgba(14,165,233,.10),transparent 22%);
}
.premiumSmokeLayer::before,.premiumSmokeLayer::after{content:'';position:absolute;width:560px;height:560px;border-radius:50%;filter:blur(45px);opacity:.35;}
.premiumSmokeLayer::before{left:-200px;top:120px;background:conic-gradient(from 120deg,transparent,rgba(148,163,184,.26),transparent,rgba(16,185,129,.22),transparent);animation:uzuSmoke 16s linear infinite;}
.premiumSmokeLayer::after{right:-220px;top:260px;background:conic-gradient(from 280deg,transparent,rgba(56,189,248,.22),transparent,rgba(148,163,184,.20),transparent);animation:uzuSmoke 22s linear infinite reverse;}
@keyframes uzuSmoke{to{transform:rotate(360deg) scale(1.08)}}
.premiumMenuTop{display:grid;grid-template-columns: minmax(300px, 1fr) minmax(520px, .95fr);gap:22px;align-items:stretch;margin-bottom:18px;}
.premiumBrandStage{position:relative;min-height:172px;padding:10px 0 0 18px;border-left:1px solid rgba(214,179,106,.24);}
.premiumBrandStage::before{content:'UZU';position:absolute;left:0;top:-18px;font-size:96px;font-weight:300;letter-spacing:.22em;color:rgba(182,255,230,.08);text-shadow:0 0 60px rgba(52,211,153,.30);z-index:-1;}
.premiumLogoMark{font-size:62px;letter-spacing:.28em;line-height:.75;color:#b6ffe6;text-shadow:0 0 28px rgba(52,211,153,.52);font-weight:300;}
.premiumBrandSub{margin-top:8px;color:#d6b36a;letter-spacing:.36em;font-size:12px;font-weight:900;}
.premiumConcept{margin-top:24px;color:#39f5b0;letter-spacing:.28em;font-size:12px;font-weight:1000;text-transform:uppercase;}
.premiumBrandStage h1{margin:10px 0 8px;font-size:clamp(38px,5.2vw,78px);line-height:.86;text-transform:uppercase;letter-spacing:-.06em;color:#f8fafc;text-shadow:0 12px 55px rgba(0,0,0,.55);}
.premiumBrandStage p{max-width:680px;margin:0;color:#cbd5e1;font-size:15px;line-height:1.6;}
.premiumHeroBadges{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;}
.premiumHeroBadges span{border:1px solid rgba(52,211,153,.22);background:rgba(2,6,23,.58);color:#a7f3d0;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:900;}
.premiumBranchBoard{padding:20px;border-radius:28px;align-self:start;}
.premiumBoardTop{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:14px;}
.premiumBoardTop small{display:block;color:#6ee7b7;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:1000;margin-bottom:5px;}
.premiumBoardTop b{color:#cbd5e1;font-size:14px;}.premiumBoardTop em{color:#34d399;font-style:normal;}
.premiumLangSwitch{padding:4px;flex-shrink:0;}
.premiumBranchPills{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.publicBranchPills.premiumBranchPills button{border-radius:22px;min-height:64px;display:flex;align-items:center;justify-content:center;gap:10px;background:rgba(2,6,23,.50);}
.publicBranchPills.premiumBranchPills button i{font-style:normal;font-size:22px;filter:grayscale(.25);}.publicBranchPills.premiumBranchPills button span{font-size:14px;}
.premiumMenuBoard{display:grid;grid-template-columns:230px minmax(0,1fr) 350px;gap:18px;align-items:start;}
.premiumPhoneMock{border-radius:36px;padding:14px;min-height:650px;box-shadow:0 32px 95px rgba(0,0,0,.46),0 0 0 7px rgba(15,23,42,.65);overflow:hidden;}
.phoneTop{display:flex;align-items:center;justify-content:space-between;color:#e2e8f0;margin-bottom:14px;}.phoneTop b{color:#34d399;letter-spacing:.28em;}.phoneTop span,.phoneTop i{font-size:11px;color:#94a3b8;font-style:normal;}
.phoneBranch{border:1px solid rgba(148,163,184,.14);border-radius:14px;padding:9px 10px;color:#cbd5e1;margin-bottom:10px;background:rgba(2,6,23,.56);}
.phoneSearch{border:1px solid rgba(148,163,184,.14);border-radius:14px;padding:10px;color:#64748b;background:rgba(2,6,23,.70);font-size:12px;margin-bottom:10px;}
.phoneMiniCats{display:flex;gap:6px;overflow:hidden;margin-bottom:12px;}.phoneMiniCats span{white-space:nowrap;border-radius:999px;background:rgba(15,23,42,.9);border:1px solid rgba(148,163,184,.14);color:#94a3b8;padding:6px 9px;font-size:10px;font-weight:900;}.phoneMiniCats span:first-child{background:rgba(52,211,153,.90);color:#022c22;}
.phoneItems{display:grid;gap:9px;}.phoneItem{display:grid;grid-template-columns:42px minmax(0,1fr) 18px;gap:9px;align-items:center;border:1px solid rgba(148,163,184,.12);background:rgba(2,6,23,.58);border-radius:15px;padding:8px;color:#e2e8f0;text-align:left;cursor:pointer;}.phoneItem:hover{border-color:rgba(52,211,153,.35)}
.phoneItem i:first-child{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:radial-gradient(circle at 50% 25%,rgba(52,211,153,.34),transparent 55%),rgba(15,23,42,.95);font-style:normal;}.phoneItem b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.phoneItem small{display:block;color:#94a3b8;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.phoneItem em{font-style:normal;font-size:12px;text-align:center}.phoneItem em.inStock{color:#22c55e}.phoneItem em.lowStock{color:#facc15}.phoneItem em.outOfStock{color:#ef4444}
.phoneNav{position:sticky;top:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(148,163,184,.10);}.phoneNav span{display:grid;place-items:center;color:#64748b;font-size:15px;}.phoneNav span:first-child{color:#34d399}.phoneNav b{font-size:9px;margin-top:3px;}
.premiumDesktop{border-radius:30px;padding:20px;min-height:650px;}
.premiumDesktopTop{display:grid;grid-template-columns:140px minmax(0,1fr) auto;gap:14px;align-items:center;margin-bottom:16px;}.miniUzu{color:#6ee7b7;font-size:34px;letter-spacing:.24em;line-height:.8;}.premiumDesktopTop small{color:#d6b36a;text-transform:uppercase;letter-spacing:.12em;font-weight:900;font-size:10px;}.premiumSearchBox{align-items:center;}.premiumSearchBox input{border-radius:16px;background:rgba(2,6,23,.72)}
.premiumViewBtns{display:flex;gap:9px;}.premiumViewBtns button{border:1px solid rgba(148,163,184,.15);background:rgba(2,6,23,.68);border-radius:14px;color:#cbd5e1;padding:12px 13px;font-weight:900;}.premiumViewBtns b{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#22c55e;color:#022c22;margin-left:4px;}
.premiumCategoryRow{margin-bottom:18px;}.premiumDesktopGrid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start;}.premiumCardsGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}.premiumCardsGrid .publicItemCard{min-height:220px;border-radius:20px;padding:12px;background:linear-gradient(180deg,rgba(15,23,42,.86),rgba(2,6,23,.86));}.premiumCardsGrid .publicItemArt{height:86px;}.premiumCardsGrid .publicItemCard h3{font-size:16px}.premiumCardsGrid .publicItemCard p{font-size:12px;min-height:34px}.premiumCardsGrid .publicItemCard.selected{border-color:rgba(52,211,153,.55);box-shadow:0 0 0 1px rgba(52,211,153,.18),0 22px 60px rgba(0,0,0,.32),0 0 30px rgba(16,185,129,.10);}
.premiumDetailPanel{border-radius:24px!important;padding:14px!important;background:linear-gradient(180deg,rgba(3,7,18,.92),rgba(15,23,42,.80));}.premiumDetailPanel .publicDetailHero{height:180px;border-radius:20px;font-size:74px;position:relative;overflow:hidden;}.premiumDetailPanel .publicDetailHero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(2,6,23,.28));}.premiumDetailPanel h2{font-size:28px!important}.premiumDetailPanel .menuStatusBadge{position:static;display:inline-flex;margin-top:2px;}
.premiumLegend{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:14px;color:#94a3b8;font-size:12px;border-top:1px solid rgba(148,163,184,.10);padding-top:13px;}.premiumLegend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.premiumLegend .green{background:#22c55e}.premiumLegend .yellow{background:#eab308}.premiumLegend .red{background:#ef4444}.premiumLegend em{margin-left:auto;color:#64748b;font-style:normal;}
.premiumAvailability{border-radius:30px;padding:18px;min-height:650px;}.premiumAvailability h2{margin:0;color:#fff;text-transform:uppercase;letter-spacing:.03em;font-size:22px;}.premiumAvailability p{margin:6px 0 14px;color:#94a3b8;font-size:13px;}.premiumAvailabilityTable{overflow:auto;border-radius:18px;border:1px solid rgba(148,163,184,.12);}.premiumAvailabilityTable table{width:100%;border-collapse:collapse;background:rgba(2,6,23,.55);min-width:420px;}.premiumAvailabilityTable th,.premiumAvailabilityTable td{border-bottom:1px solid rgba(148,163,184,.09);padding:11px 9px;text-align:center;color:#cbd5e1;font-size:12px;}.premiumAvailabilityTable th:first-child,.premiumAvailabilityTable td:first-child{text-align:left;}.premiumAvailabilityTable th{font-size:10px;text-transform:uppercase;color:#94a3b8;background:rgba(15,23,42,.70);}.premiumAvailabilityTable td:first-child{display:flex;align-items:center;gap:8px;}.premiumAvailabilityTable td:first-child i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(15,23,42,.86);font-style:normal;}.premiumAvailabilityTable td:first-child b{font-size:11px;}.premiumAvailabilityTable small{display:block;color:#94a3b8;margin-top:4px;font-size:10px;}.availabilityDot{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;font-weight:1000;font-size:12px;}.availabilityDot.inStock{background:rgba(34,197,94,.18);color:#4ade80}.availabilityDot.lowStock{background:rgba(234,179,8,.18);color:#facc15}.availabilityDot.outOfStock{background:rgba(239,68,68,.18);color:#f87171}
.premiumWhy{border-radius:30px;padding:24px;margin-top:18px;}.premiumWhy h2{text-align:center;margin:0 0 18px;color:#34d399;text-transform:uppercase;letter-spacing:.12em;font-size:20px;}.premiumWhy>div{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}.premiumWhy article{border:1px solid rgba(52,211,153,.16);background:rgba(2,6,23,.45);border-radius:22px;padding:18px;display:grid;gap:9px;}.premiumWhy i{font-style:normal;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(52,211,153,.35);color:#6ee7b7;font-size:22px;}.premiumWhy b{color:#fff;text-transform:uppercase;letter-spacing:.03em}.premiumWhy span{color:#94a3b8;line-height:1.45;font-size:13px;}
.premiumSeoulFooter{margin-top:18px;border-radius:30px;padding:24px;text-align:center;background:linear-gradient(180deg,rgba(2,6,23,.58),rgba(3,7,18,.80));}.seoulLineArt{font-size:38px;color:#38bdf8;letter-spacing:.24em;filter:drop-shadow(0 0 20px rgba(56,189,248,.22));opacity:.9}.premiumSeoulFooter h3{margin:10px 0 8px;color:#34d399;letter-spacing:.22em}.premiumSeoulFooter p{color:#cbd5e1;margin:0 0 8px}.premiumSeoulFooter b{color:#d6b36a;font-style:italic;}
.premiumCartBar{left:30px;right:30px;max-width:1420px;margin:18px auto 0;border-radius:24px!important;background:rgba(2,6,23,.78)!important;}
@media(max-width:1260px){.premiumMenuTop{grid-template-columns:1fr}.premiumMenuBoard{grid-template-columns:1fr}.premiumPhoneMock{display:none}.premiumDesktopGrid{grid-template-columns:1fr}.premiumAvailability{min-height:auto}.premiumCardsGrid{grid-template-columns:repeat(2,minmax(0,1fr));}.premiumBranchPills{grid-template-columns:repeat(2,minmax(0,1fr));}.premiumLegend em{margin-left:0}}
@media(max-width:760px){.premiumMenuShell{padding:16px 12px 90px}.premiumBrandStage{padding-left:10px}.premiumLogoMark{font-size:42px}.premiumBrandSub{letter-spacing:.22em}.premiumBrandStage h1{font-size:42px}.premiumBoardTop{align-items:flex-start;flex-direction:column}.premiumBranchPills{grid-template-columns:1fr 1fr}.publicBranchPills.premiumBranchPills button{min-height:54px}.premiumDesktop{padding:14px;border-radius:24px}.premiumDesktopTop{grid-template-columns:1fr}.premiumViewBtns{display:none}.premiumCardsGrid{grid-template-columns:1fr}.premiumAvailabilityTable table{min-width:560px}.premiumWhy>div{grid-template-columns:1fr}.seoulLineArt{font-size:25px;letter-spacing:.05em}.premiumCartBar{left:12px;right:12px}.premiumMenuShell .publicCartBar{bottom:10px}}

/* Contract Center */
.contractCenterPage,
.workerContractsPage {
  display: grid;
  gap: 18px;
}
.contractKpiGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.contractKpiCard {
  position: relative;
  overflow: hidden;
  min-height: 138px;
  padding: 22px;
  border-radius: 22px;
  border: 1px solid rgba(148, 163, 184, .14);
  background: linear-gradient(135deg, rgba(15, 23, 42, .88), rgba(2, 6, 23, .86));
  box-shadow: 0 20px 60px rgba(0, 0, 0, .22);
}
.contractKpiCard:after {
  content: "";
  position: absolute;
  inset: auto -38px -48px auto;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  opacity: .26;
  filter: blur(8px);
}
.contractKpiCard.cyan:after { background: #06b6d4; }
.contractKpiCard.amber:after { background: #f59e0b; }
.contractKpiCard.purple:after { background: #8b5cf6; }
.contractKpiCard.red:after { background: #ef4444; }
.contractKpiCard span,
.contractKpiCard b,
.contractKpiCard small {
  position: relative;
  z-index: 1;
  display: block;
}
.contractKpiCard span {
  color: #94a3b8;
  font-size: 12px;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .07em;
}
.contractKpiCard b {
  margin: 18px 0 6px;
  color: #fff;
  font-size: 34px;
  letter-spacing: -.05em;
}
.contractKpiCard small {
  color: #aeb8ca;
  font-weight: 850;
  line-height: 1.4;
}
.contractToolbar {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  padding: 14px !important;
}
.contractSectionTabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 12px !important;
}
.contractSectionTabs button {
  min-height: 68px;
  padding: 12px 14px;
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 14px;
  background: rgba(2, 6, 23, .42);
  color: #cbd5e1;
  text-align: left;
  cursor: pointer;
}
.contractSectionTabs button.active {
  border-color: rgba(52, 211, 153, .34);
  background: rgba(20, 83, 45, .22);
  color: #fff;
}
.contractSectionTabs b,
.contractSectionTabs span {
  display: block;
}
.contractSectionTabs b {
  font-size: 14px;
  font-weight: 1000;
}
.contractSectionTabs span {
  margin-top: 5px;
  color: #94a3b8;
  font-size: 12px;
  font-weight: 800;
}
.contractSinglePanel {
  display: grid;
  gap: 18px;
}
.contractAdminLayout {
  display: grid;
  grid-template-columns: 430px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}
.contractCreatePanel {
  position: sticky;
  top: 22px;
}
.contractFormGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 12px;
}
.contractFormGrid.compact {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.contractDayChecks {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 8px;
}
.contractDayChecks label,
.inlineCheckLabel {
  display: flex !important;
  align-items: center;
  gap: 9px;
  margin: 0 !important;
  padding: 11px 12px;
  border-radius: 14px;
  border: 1px solid rgba(148, 163, 184, .12);
  background: rgba(2, 6, 23, .38);
  color: #dbeafe;
}
.contractDayChecks input,
.inlineCheckLabel input {
  width: 18px;
  height: 18px;
  padding: 0;
}
.contractScheduleBuilder {
  display: grid;
  gap: 10px;
  margin: 12px 0;
}
.contractScheduleHeader {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
}
.contractScheduleHeader b {
  color: #e5e7eb;
  font-size: 13px;
  font-weight: 1000;
}
.contractScheduleHeader span {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.35;
  text-align: right;
}
.contractScheduleGrid {
  display: grid;
  gap: 8px;
}
.contractScheduleRow {
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr) 88px 88px;
  gap: 8px;
  align-items: center;
  padding: 9px;
  border: 1px solid rgba(148, 163, 184, .10);
  border-radius: 14px;
  background: rgba(2, 6, 23, .32);
  opacity: .58;
}
.contractScheduleRow.active {
  border-color: rgba(52, 211, 153, .28);
  background: rgba(6, 78, 59, .18);
  opacity: 1;
}
.contractScheduleDay {
  display: flex !important;
  align-items: center;
  gap: 8px;
  margin: 0 !important;
  color: #e2e8f0;
  font-weight: 1000;
}
.contractScheduleDay input {
  width: 17px;
  height: 17px;
  padding: 0;
}
.contractScheduleType,
.contractScheduleStart,
.contractScheduleEnd {
  min-width: 0;
  height: 38px;
  padding: 0 9px;
  font-size: 12px;
}
.contractTableWrap {
  overflow: auto;
  border: 1px solid rgba(148, 163, 184, .10);
  border-radius: 18px;
  background: rgba(2, 6, 23, .30);
}
.contractTable {
  width: 100%;
  min-width: 1120px;
  border-collapse: collapse;
}
.contractTable th,
.contractTable td {
  padding: 13px 12px;
  border-bottom: 1px solid rgba(148, 163, 184, .09);
  color: #dbeafe;
  vertical-align: top;
  text-align: left;
}
.contractTable th {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .06em;
  background: rgba(15, 23, 42, .62);
}
.contractTable td b,
.contractTable td small {
  display: block;
}
.contractTable td small,
.contractMuted {
  margin-top: 4px;
  color: #94a3b8;
  font-size: 11px;
  font-weight: 800;
}
.contractMiniGood,
.contractMiniWarn {
  display: inline-grid;
  min-height: 26px;
  place-items: center;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 1000;
}
.contractMiniGood {
  color: #bbf7d0;
  background: rgba(34, 197, 94, .14);
}
.contractMiniWarn {
  color: #fde68a;
  background: rgba(245, 158, 11, .14);
}
.contractTypeBadge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 74px;
  padding: 5px 9px;
  border: 1px solid rgba(125, 211, 252, .28);
  border-radius: 999px;
  background: rgba(14, 165, 233, .1);
  color: #bae6fd;
  font-size: 11px;
  font-weight: 1000;
  white-space: nowrap;
}
.contractTinyBtn,
.contractRowActions button,
.workerHistoryContract button {
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 11px;
  background: rgba(15, 23, 42, .82);
  color: #e5e7eb;
  font-weight: 900;
  cursor: pointer;
  min-height: 34px;
  padding: 0 10px;
}
.contractRowActions {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
}
.contractSetupGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.contractTemplateTextarea {
  width: 100%;
  min-height: 260px;
  resize: vertical;
  padding: 14px;
  border-radius: 16px;
  border: 1px solid #334155;
  background: #020617;
  color: #e5e7eb;
  font-size: 13px;
  line-height: 1.5;
}
.contractTemplateEditorPanel {
  max-width: 1180px;
}
.richTemplateShell {
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid rgba(148, 163, 184, .16);
  background: #0f172a;
}
.richTemplateToolbar {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  padding: 10px;
  border-bottom: 1px solid rgba(148, 163, 184, .14);
  background: rgba(15, 23, 42, .96);
}
.richTemplateToolbar button,
.richTemplateToolbar select,
.richTemplateToolbar input[type="color"] {
  min-height: 34px;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 10px;
  background: rgba(2, 6, 23, .72);
  color: #e5e7eb;
  font-weight: 900;
}
.richTemplateToolbar button {
  padding: 0 11px;
  cursor: pointer;
}
.richTemplateToolbar select {
  padding: 0 10px;
}
.richTemplateToolbar input[type="color"] {
  width: 42px;
  padding: 4px;
}
.toolbarDivider {
  width: 1px;
  height: 28px;
  background: rgba(148, 163, 184, .18);
}
.templateRichEditor {
  min-height: 720px;
  margin: 18px auto;
  width: min(820px, calc(100% - 28px));
  padding: 58px 62px;
  border-radius: 4px;
  background: #fff;
  color: #111827;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .34);
  font-family: "Malgun Gothic", Arial, sans-serif;
  font-size: 10px;
  line-height: 1.55;
  outline: none;
}
.templateRichEditor h1,
.templateRichEditor h2,
.templateRichEditor h3,
.templateRichEditor p,
.templateRichEditor div {
  margin: 0 0 6px;
}
.templateRichEditor h1 {
  text-align: center;
  font-size: 22px;
}
.templateRichEditor h2 {
  margin-top: 12px;
  font-size: 16px;
}
.templateRichEditor h3 {
  margin-top: 10px;
  font-size: 13px;
}
.contractPreviewHtmlShell {
  white-space: normal;
  max-height: 65vh;
  padding: 20px;
  border-radius: 18px;
  background: #e5e7eb;
  color: #111827;
  font-family: "Malgun Gothic", Arial, sans-serif;
  font-size: 10px;
  line-height: 1.55;
}
.contractPreviewHtmlPage {
  min-height: 720px;
  width: min(820px, 100%);
  margin: 0 auto;
  padding: 58px 62px;
  border-radius: 4px;
  background: #fff;
  color: #111827;
  box-shadow: 0 18px 50px rgba(15, 23, 42, .22);
  overflow-wrap: anywhere;
}
.contractPreviewHtmlPage h1,
.contractPreviewHtmlPage h2,
.contractPreviewHtmlPage h3,
.contractPreviewHtmlPage p,
.contractPreviewHtmlPage div {
  margin: 0 0 6px;
}
.contractPreviewHtmlPage h1 {
  text-align: center;
  font-size: 22px;
}
.contractPreviewHtmlPage h2 {
  margin-top: 12px;
  font-size: 16px;
}
.contractPreviewHtmlPage h3 {
  margin-top: 10px;
  font-size: 13px;
}
.contractModalBackdrop {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(2, 6, 23, .78);
  backdrop-filter: blur(14px);
}
.contractModal {
  width: min(1040px, 100%);
  max-height: 92vh;
  overflow: auto;
  position: relative;
}
.contractModalClose {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 12px;
  background: rgba(15, 23, 42, .88);
  color: #e5e7eb;
  font-weight: 1000;
  cursor: pointer;
}
.contractModalHeader {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
  padding-right: 52px;
}
.contractModalHeader span {
  display: block;
  color: #34d399;
  font-size: 12px;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.contractModalHeader h2 {
  margin: 6px 0;
  color: #fff;
  font-size: 30px;
}
.contractModalHeader p {
  margin: 0;
  color: #94a3b8;
  font-weight: 800;
}
.contractModalMeta,
.workerContractFacts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 18px 0;
}
.contractModalMeta div,
.workerContractFacts div {
  padding: 14px;
  border-radius: 16px;
  border: 1px solid rgba(148, 163, 184, .12);
  background: rgba(2, 6, 23, .42);
}
.contractModalMeta span,
.workerContractFacts span {
  display: block;
  color: #94a3b8;
  font-size: 11px;
  font-weight: 1000;
  text-transform: uppercase;
}
.contractModalMeta b,
.workerContractFacts b {
  display: block;
  color: #fff;
  margin-top: 6px;
  overflow-wrap: anywhere;
}
.contractPreviewText {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  max-height: 340px;
  overflow: auto;
  padding: 18px;
  border-radius: 18px;
  border: 1px solid rgba(148, 163, 184, .12);
  background: rgba(2, 6, 23, .62);
  color: #e5e7eb;
  line-height: 1.65;
  font-family: Arial, sans-serif;
  font-size: 13px;
}
.signaturePanel {
  display: grid;
  gap: 12px;
  margin-top: 18px;
}
.signatureCanvas {
  width: 100%;
  height: 190px;
  display: block;
  border-radius: 18px;
  border: 1px dashed rgba(226, 232, 240, .32);
  background: rgba(2, 6, 23, .72);
  touch-action: none;
}
.contractModalActions {
  margin-top: 14px;
}
.workerContractHero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
}
.workerContractHero span,
.workerPendingContract span {
  color: #34d399;
  font-size: 12px;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.workerContractHero h1,
.workerPendingContract h2 {
  margin: 6px 0;
  color: #fff;
}
.workerContractHero p,
.workerPendingContract p,
.emptyContractState p {
  margin: 0;
  color: #94a3b8;
  line-height: 1.5;
  font-weight: 800;
}
.workerContractHero b {
  min-width: 110px;
  text-align: center;
  padding: 12px 14px;
  border-radius: 999px;
  color: #bbf7d0;
  background: rgba(34, 197, 94, .13);
  border: 1px solid rgba(34, 197, 94, .22);
}
.workerPendingContract {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 240px;
  gap: 18px;
  align-items: center;
  border-color: rgba(245, 158, 11, .28) !important;
}
.workerContractHistory {
  display: grid;
  gap: 10px;
}
.workerHistoryContract {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto auto;
  gap: 10px;
  align-items: center;
  padding: 13px;
  border-radius: 16px;
  border: 1px solid rgba(148, 163, 184, .10);
  background: rgba(2, 6, 23, .42);
}
.workerHistoryContract b,
.workerHistoryContract span {
  display: block;
}
.workerHistoryContract span {
  color: #94a3b8;
  font-size: 12px;
  font-weight: 800;
  margin-top: 4px;
}
@media(max-width:1280px) {
  .contractAdminLayout,
  .contractSetupGrid {
    grid-template-columns: 1fr;
  }
  .contractCreatePanel {
    position: static;
  }
}
@media(max-width:900px) {
  .contractKpiGrid,
  .contractToolbar,
  .contractSectionTabs,
  .contractFormGrid,
  .contractFormGrid.compact,
  .contractModalMeta,
  .workerContractFacts,
  .workerPendingContract,
  .workerContractHero,
  .workerHistoryContract {
    grid-template-columns: 1fr;
  }
  .contractDayChecks {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .contractScheduleHeader {
    display: grid;
    align-items: start;
  }
  .contractScheduleHeader span {
    text-align: left;
  }
  .contractScheduleRow {
    grid-template-columns: 1fr 1fr;
  }
  .contractModalBackdrop {
    padding: 10px;
  }
  .contractModalHeader {
    display: grid;
  }
}
.checkoutReadOnlyDate{height:42px;display:flex;align-items:center;padding:0 12px;border-radius:12px;background:rgba(15,23,42,.55);border:1px solid rgba(148,163,184,.16);color:#e5e7eb;font-weight:950;letter-spacing:.04em}

/* ================= DAILY SALES INTELLIGENCE ================= */
.salesPro{display:grid;gap:18px;}
.salesHero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;min-height:176px;padding:24px;border-radius:28px;background:linear-gradient(135deg,rgba(8,13,28,.96),rgba(14,23,46,.84));border:1px solid rgba(148,163,184,.13);box-shadow:0 28px 80px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.05);position:relative;overflow:hidden;}
.salesHero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(34,197,94,.16),transparent 34%,rgba(56,189,248,.11));opacity:.8;}
.salesHero>*{position:relative;z-index:1;}
.salesHero span,.salesMonthHeader span{display:block;color:#86efac;font-size:12px;font-weight:1000;letter-spacing:.12em;text-transform:uppercase;}
.salesHero h1{margin:8px 0 8px;color:#fff;font-size:36px;letter-spacing:-.045em;}
.salesHero p{margin:0;max-width:680px;color:#b8c4d6;font-weight:800;line-height:1.55;}
.salesHeroControls{min-width:330px;}
.salesActionStrip{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px;border-radius:22px;background:rgba(15,23,42,.78);border:1px solid rgba(148,163,184,.12);box-shadow:0 18px 55px rgba(0,0,0,.22);}
.salesActionStrip b{display:block;color:#fff;margin-bottom:5px;}
.salesActionStrip span{color:#94a3b8;font-size:13px;font-weight:800;}
.salesActionButtons{display:flex;gap:10px;align-items:center;}
.salesActionButtons .primaryBtn,.salesActionButtons .secondaryBtn{width:auto;min-width:170px;margin-top:0;}
.salesActionStrip .message{grid-column:1/-1;margin:0;}
.salesBranchTabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;}
.salesBranchTab,.salesDailyCard,.salesBranchRow{cursor:pointer;text-align:left;border:1px solid rgba(148,163,184,.13);background:linear-gradient(180deg,rgba(15,23,42,.82),rgba(2,6,23,.70));color:#e5e7eb;transition:.18s ease;}
.salesBranchTab{min-height:76px;border-radius:18px;padding:13px;display:grid;gap:6px;}
.salesBranchTab span{font-size:12px;color:#94a3b8;font-weight:1000;letter-spacing:.06em;}
.salesBranchTab b{font-size:17px;color:#fff;letter-spacing:-.02em;}
.salesBranchTab:hover,.salesDailyCard:hover,.salesBranchRow:hover{transform:translateY(-2px);border-color:rgba(34,197,94,.34);}
.salesBranchTab.active,.salesDailyCard.active,.salesBranchRow.active{border-color:rgba(34,197,94,.68);box-shadow:0 0 0 1px rgba(34,197,94,.14),0 20px 60px rgba(16,185,129,.10);}
.salesPanel{padding:20px;border-radius:24px;background:rgba(15,23,42,.78);border:1px solid rgba(148,163,184,.12);box-shadow:0 18px 55px rgba(0,0,0,.22);}
.salesPanelHead,.salesMonthHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px;}
.salesPanelHead h2,.salesMonthHeader h2{margin:0;color:#fff;font-size:22px;letter-spacing:-.035em;}
.salesPanelHead p,.salesMonthHeader p{margin:5px 0 0;color:#94a3b8;font-size:13px;font-weight:800;}
.salesPanelHead>span{padding:8px 11px;border-radius:999px;background:rgba(34,197,94,.13);border:1px solid rgba(34,197,94,.22);color:#bbf7d0;font-size:12px;font-weight:1000;white-space:nowrap;}
.salesDailyGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;}
.salesDailyCard{min-height:142px;border-radius:20px;padding:15px;display:grid;gap:7px;}
.salesDailyCard span{color:#94a3b8;font-size:12px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em;}
.salesDailyCard b{font-size:23px;color:#fff;letter-spacing:-.04em;}
.salesDailyCard small{color:#bbf7d0;font-weight:900;}
.salesDailyCard em{color:#94a3b8;font-size:11px;font-style:normal;line-height:1.4;}
.salesDailyCard.missing{border-color:rgba(239,68,68,.28);background:linear-gradient(180deg,rgba(56,20,20,.58),rgba(15,23,42,.70));}
.salesDailyCard.missing small{color:#fecaca;}
.salesMonthHeader{padding:4px 2px;margin-bottom:0;}
.salesKpiGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;}
.salesKpiCard,.salesInsightCard{min-height:122px;padding:16px;border-radius:20px;background:linear-gradient(180deg,rgba(15,23,42,.84),rgba(2,6,23,.72));border:1px solid rgba(148,163,184,.12);display:grid;gap:6px;}
.salesKpiCard span,.salesInsightCard span{color:#94a3b8;font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.07em;}
.salesKpiCard b,.salesInsightCard b{color:#fff;font-size:22px;letter-spacing:-.035em;}
.salesKpiCard small,.salesInsightCard small{color:#aeb8ca;font-size:12px;font-weight:850;line-height:1.45;}
.salesKpiCard.good b,.salesInsightCard.good b{color:#86efac;}
.salesKpiCard.warn b,.salesInsightCard.warn b{color:#fde68a;}
.salesKpiCard.bad b{color:#fecaca;}
.salesSplitGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.salesInsightGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px;}
.salesDataRows{display:grid;gap:10px;}
.salesMetricRow{display:grid;grid-template-columns:minmax(130px,.65fr) minmax(120px,1fr) minmax(110px,.45fr);gap:12px;align-items:center;padding:11px;border-radius:16px;background:rgba(2,6,23,.42);border:1px solid rgba(148,163,184,.09);}
.salesMetricRow span{color:#dbe4f0;font-weight:950;font-size:13px;}
.salesMetricRow small{display:block;color:#94a3b8;font-size:11px;font-weight:800;margin-top:3px;}
.salesMetricRow b{color:#fff;text-align:right;font-size:13px;}
.salesBarTrack{height:10px;border-radius:999px;background:rgba(51,65,85,.70);overflow:hidden;}
.salesBarTrack i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#38bdf8);box-shadow:0 0 20px rgba(34,197,94,.20);}
.salesBranchTable{display:grid;gap:10px;}
.salesBranchRow{display:grid;grid-template-columns:110px minmax(120px,1fr) 130px;gap:12px;align-items:center;border-radius:16px;padding:12px;}
.salesBranchRow span{color:#e5e7eb;font-weight:1000;}
.salesBranchRow b{color:#fff;text-align:right;}
.salesBranchRow small{grid-column:1/-1;color:#94a3b8;font-size:12px;font-weight:800;}
.salesEmptyState{min-height:150px;display:grid;place-items:center;text-align:center;gap:6px;color:#94a3b8;}
.salesEmptyState b{color:#fff;font-size:18px;}
.salesEmptyState span{max-width:360px;line-height:1.5;font-size:13px;}
.salesYoYPanel{border-color:rgba(34,197,94,.20);background:linear-gradient(180deg,rgba(15,23,42,.84),rgba(2,6,23,.72));}
.salesMoMPanel{border-color:rgba(56,189,248,.24);}
.salesMoMPanel .salesYoYCard.main:before{background:#38bdf8;opacity:.24;}
.salesYoYGrid{display:grid;grid-template-columns:1.15fr repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px;}
.salesYoYCard{min-height:126px;padding:16px;border-radius:20px;border:1px solid rgba(148,163,184,.11);background:rgba(2,6,23,.42);display:grid;gap:7px;position:relative;overflow:hidden;}
.salesYoYCard:before{content:"";position:absolute;right:-42px;top:-42px;width:130px;height:130px;border-radius:50%;background:#38bdf8;opacity:.16;filter:blur(10px);}
.salesYoYCard.main:before{background:#22c55e;opacity:.24;}
.salesYoYCard.bad:before{background:#ef4444;}
.salesYoYCard span,.salesYoYCard b,.salesYoYCard small{position:relative;z-index:1;}
.salesYoYCard span{color:#94a3b8;font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.07em;line-height:1.35;}
.salesYoYCard b{color:#fff;font-size:24px;letter-spacing:-.04em;}
.salesYoYCard small{color:#aeb8ca;font-size:12px;font-weight:850;line-height:1.45;}
.salesYoYCard.good b{color:#86efac;}
.salesYoYCard.bad b{color:#fecaca;}
.salesYoYCard.neutral b{color:#dbeafe;}
.salesYoYSourceLine{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:14px;color:#94a3b8;font-size:12px;font-weight:850;}
.salesYoYSourceLine em{font-style:normal;color:#94a3b8;line-height:1.45;}
.salesSourceBadge{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;border:1px solid rgba(148,163,184,.14);background:rgba(15,23,42,.72);color:#dbeafe;font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.04em;}
.salesSourceBadge.live{border-color:rgba(34,197,94,.22);color:#bbf7d0;background:rgba(20,83,45,.14);}
.salesSourceBadge.archive{border-color:rgba(56,189,248,.22);color:#bae6fd;background:rgba(12,74,110,.16);}
.salesSourceBadge.missing{border-color:rgba(248,113,113,.24);color:#fecaca;background:rgba(127,29,29,.16);}
.salesYoYBranchTable{display:grid;gap:9px;}
.salesYoYBranchRow{display:grid;grid-template-columns:minmax(120px,.8fr) repeat(3,minmax(100px,.45fr));gap:12px;align-items:center;padding:12px;border-radius:16px;background:rgba(2,6,23,.42);border:1px solid rgba(148,163,184,.09);}
.salesYoYBranchRow span{color:#e5e7eb;font-weight:1000;}
.salesYoYBranchRow span small{display:block;color:#94a3b8;font-size:11px;font-weight:800;margin-top:3px;}
.salesYoYBranchRow b,.salesYoYBranchRow strong{text-align:right;color:#fff;font-size:13px;}
.salesYoYBranchRow strong{font-size:14px;}
.salesYoYBranchRow.good strong{color:#86efac;}
.salesYoYBranchRow.bad strong{color:#fecaca;}
.salesYoYBranchRow.neutral strong{color:#dbeafe;}
@media(max-width:1240px){.salesBranchTabs,.salesDailyGrid,.salesKpiGrid{grid-template-columns:repeat(3,minmax(0,1fr));}.salesSplitGrid{grid-template-columns:1fr;}}
@media(max-width:1240px){.salesYoYGrid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:820px){.salesHero,.salesActionStrip,.salesPanelHead,.salesMonthHeader{display:block;}.salesHeroControls{min-width:0;margin-top:16px;}.salesActionButtons{margin-top:14px;}.salesActionButtons .primaryBtn,.salesActionButtons .secondaryBtn{flex:1;min-width:0;}.salesBranchTabs,.salesDailyGrid,.salesKpiGrid,.salesInsightGrid,.salesYoYGrid{grid-template-columns:1fr;}.salesMetricRow,.salesBranchRow,.salesYoYBranchRow{grid-template-columns:1fr;}.salesMetricRow b,.salesBranchRow b,.salesYoYBranchRow b,.salesYoYBranchRow strong{text-align:left;}.salesPanelHead>span{display:inline-flex;margin-top:10px;}.salesHero h1{font-size:32px;}}
@media(max-width:520px){.salesActionButtons{display:grid;}.salesHero,.salesActionStrip,.salesPanel{border-radius:20px;padding:16px;}}

.monthlyArchivePanel{border-color:rgba(56,189,248,.20);}
.monthlyArchiveGrid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:16px;align-items:start;}
.monthlyArchiveForm,.monthlyArchiveSummary{
  border:1px solid rgba(148,163,184,.11);
  background:rgba(2,6,23,.40);
  border-radius:20px;
  padding:16px;
}
.monthlyArchiveFormHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;}
.monthlyArchiveFormHead b{color:#fff;font-size:16px;}
.monthlyArchiveFormHead span{color:#94a3b8;font-size:12px;font-weight:850;}
.monthlyArchiveInputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.monthlyArchiveInputs label{display:grid;gap:7px;color:#94a3b8;font-size:12px;font-weight:950;}
.monthlyArchiveInputs label.wide{grid-column:1/-1;}
.monthlyArchiveInputs input,.monthlyArchiveInputs select{
  min-height:44px;
  border-radius:13px;
  border:1px solid rgba(148,163,184,.14);
  background:rgba(2,6,23,.68);
  color:#fff;
  padding:0 12px;
  font-weight:850;
  outline:none;
}
.monthlyArchiveInputs input:focus,.monthlyArchiveInputs select:focus{border-color:rgba(56,189,248,.48);box-shadow:0 0 0 3px rgba(56,189,248,.10);}
.monthlyArchiveActions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px;}
.monthlyArchiveActions .primaryBtn,.monthlyArchiveActions .secondaryBtn{width:auto;margin:0;min-width:150px;}
.monthlyArchiveSummary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.monthlyArchiveSummary div{
  min-height:92px;
  padding:13px;
  border-radius:16px;
  background:linear-gradient(180deg,rgba(15,23,42,.84),rgba(2,6,23,.66));
  border:1px solid rgba(148,163,184,.10);
}
.monthlyArchiveSummary span{display:block;color:#94a3b8;font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.06em;}
.monthlyArchiveSummary b{display:block;color:#fff;font-size:20px;margin-top:12px;letter-spacing:-.035em;}
.monthlyArchiveTableWrap{overflow:auto;margin-top:16px;border-radius:18px;border:1px solid rgba(148,163,184,.10);background:rgba(2,6,23,.34);}
.monthlyArchiveTable{width:100%;border-collapse:separate;border-spacing:0;min-width:920px;}
.monthlyArchiveTable th,.monthlyArchiveTable td{padding:12px 13px;border-bottom:1px solid rgba(148,163,184,.09);color:#cbd5e1;text-align:right;font-size:12px;font-weight:850;white-space:nowrap;}
.monthlyArchiveTable th:first-child,.monthlyArchiveTable td:first-child,
.monthlyArchiveTable th:nth-child(2),.monthlyArchiveTable td:nth-child(2),
.monthlyArchiveTable th:nth-child(7),.monthlyArchiveTable td:nth-child(7){text-align:left;}
.monthlyArchiveTable th{background:rgba(15,23,42,.72);color:#94a3b8;font-size:10px;text-transform:uppercase;letter-spacing:.06em;}
.monthlyArchiveTable td b{color:#fff;}
.monthlyArchiveRowActions{display:flex;justify-content:flex-end;gap:8px;}
.monthlyArchiveRowActions button{min-height:34px;border-radius:11px;border:1px solid rgba(148,163,184,.14);background:rgba(15,23,42,.78);color:#dbeafe;font-weight:900;padding:0 11px;cursor:pointer;}
.monthlyArchiveRowActions button:last-child{color:#fecaca;border-color:rgba(248,113,113,.22);background:rgba(127,29,29,.16);}
.salesArchiveWarning{display:grid;gap:4px;margin-bottom:14px;padding:12px 14px;border-radius:16px;border:1px solid rgba(248,113,113,.24);background:rgba(127,29,29,.16);}
.salesArchiveWarning b{color:#fecaca;}
.salesArchiveWarning span{color:#fca5a5;font-size:12px;font-weight:850;}
@media(max-width:1100px){.monthlyArchiveGrid{grid-template-columns:1fr;}.monthlyArchiveInputs{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:720px){.monthlyArchiveInputs,.monthlyArchiveSummary{grid-template-columns:1fr;}.monthlyArchiveActions{display:grid;}.monthlyArchiveActions .primaryBtn,.monthlyArchiveActions .secondaryBtn{width:100%;}}

/* ================= TAX FORECAST SYSTEM ================= */
.taxLedgerShell .expensesLuxuryHeader h1{letter-spacing:0;text-transform:uppercase;}
.taxHero{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  min-height:210px;
  padding:26px;
  border-radius:28px;
  border:1px solid rgba(148,163,184,.14);
  background:
    linear-gradient(135deg,rgba(26,13,43,.92),rgba(7,18,36,.88)),
    radial-gradient(circle at 80% 20%,rgba(239,68,68,.18),transparent 34%);
  box-shadow:0 28px 80px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05);
  overflow:hidden;
  position:relative;
}
.taxHero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,113,113,.14),transparent 36%,rgba(56,189,248,.10));}
.taxHero>*{position:relative;z-index:1;}
.taxHero span{display:block;color:#fecaca;font-size:12px;font-weight:1000;text-transform:uppercase;letter-spacing:.12em;}
.taxHero h2{margin:8px 0;color:#fff;font-size:38px;letter-spacing:-.04em;}
.taxHero p{max-width:760px;margin:0;color:#b8c4d6;font-weight:800;line-height:1.55;}
.taxHeroStats{min-width:260px;padding:16px;border-radius:20px;background:rgba(2,6,23,.48);border:1px solid rgba(248,113,113,.18);text-align:right;}
.taxHeroStats b{display:block;color:#fff;font-size:28px;margin-top:8px;letter-spacing:-.04em;}
.taxKpiGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;}
.taxKpiCard{
  min-height:138px;
  border-radius:22px;
  padding:18px;
  border:1px solid rgba(148,163,184,.13);
  background:linear-gradient(180deg,rgba(15,23,42,.84),rgba(2,6,23,.74));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 20px 60px rgba(0,0,0,.18);
  position:relative;
  overflow:hidden;
}
.taxKpiCard:before{content:"";position:absolute;right:-38px;top:-38px;width:120px;height:120px;border-radius:50%;background:#8b5cf6;opacity:.24;filter:blur(12px);}
.taxKpiCard.blue:before{background:#60a5fa}.taxKpiCard.cyan:before{background:#22d3ee}.taxKpiCard.amber:before{background:#f59e0b}.taxKpiCard.green:before{background:#22c55e}.taxKpiCard.pink:before{background:#f43f5e}
.taxKpiCard span,.taxKpiCard b,.taxKpiCard small{position:relative;z-index:1;}
.taxKpiCard span{display:block;color:#9fb0c6;font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.06em;line-height:1.35;}
.taxKpiCard b{display:block;color:#fff;font-size:23px;margin:18px 0 8px;letter-spacing:-.04em;}
.taxKpiCard small{color:#94a3b8;font-weight:850;line-height:1.35;}
.taxOwnerGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.taxOwnerCard{border-color:rgba(248,113,113,.18)!important;}
.taxOwnerTop{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px;}
.taxOwnerTop span{display:block;color:#fca5a5;font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em;}
.taxOwnerTop h2{margin:5px 0 0;color:#fff;font-size:28px;letter-spacing:-.04em;}
.taxOwnerTop>b{padding:9px 11px;border-radius:999px;background:rgba(248,113,113,.13);border:1px solid rgba(248,113,113,.22);color:#fecaca;}
.taxOwnerNumbers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.taxOwnerNumbers div,.taxOwnerSplit span{border-radius:16px;background:rgba(2,6,23,.42);border:1px solid rgba(148,163,184,.10);padding:12px;}
.taxOwnerNumbers span,.taxOwnerSplit span{color:#94a3b8;font-size:11px;font-weight:900;}
.taxOwnerNumbers b,.taxOwnerSplit b{display:block;color:#fff;margin-top:5px;font-size:16px;}
.taxOwnerSplit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px;}
.taxOwnerTotal{display:block;margin-top:14px;text-align:right;color:#fff;font-size:30px;letter-spacing:-.04em;}
.taxWorkGrid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);gap:16px;align-items:start;}
.taxAssumptionPanel #resetTaxSettings{height:38px;border-radius:12px;border:1px solid rgba(248,113,113,.22);background:rgba(127,29,29,.18);color:#fecaca;font-weight:950;padding:0 14px;cursor:pointer;}
.taxSettingsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.taxSettingsGrid label{display:grid;gap:8px;color:#95a3b8;font-size:12px;font-weight:950;}
.taxSettingsGrid input,.taxSettingsGrid select{height:44px;border-radius:12px;border:1px solid rgba(148,163,184,.14);background:rgba(2,6,23,.62);color:#fff;padding:0 12px;font-weight:850;outline:none;}
.taxSettingsGrid input:focus,.taxSettingsGrid select:focus{border-color:rgba(248,113,113,.46);box-shadow:0 0 0 3px rgba(248,113,113,.10);}
.taxRuleGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;}
.taxRuleGrid div{padding:13px;border-radius:16px;background:rgba(2,6,23,.42);border:1px solid rgba(148,163,184,.10);}
.taxRuleGrid span{display:block;color:#fca5a5;font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.07em;}
.taxRuleGrid b{display:block;color:#fff;font-size:22px;margin:7px 0;}
.taxRuleGrid small{color:#94a3b8;line-height:1.35;font-weight:800;}
.taxTableWrap{overflow:auto;border-radius:18px;border:1px solid rgba(148,163,184,.10);background:rgba(2,6,23,.32);}
.taxTable{width:100%;border-collapse:separate;border-spacing:0;min-width:880px;}
.taxTable th,.taxTable td{padding:12px 13px;border-bottom:1px solid rgba(148,163,184,.09);text-align:right;color:#cbd5e1;font-size:12px;font-weight:850;white-space:nowrap;}
.taxTable th:first-child,.taxTable td:first-child{text-align:left;}
.taxTable th{background:rgba(15,23,42,.72);color:#94a3b8;font-size:10px;text-transform:uppercase;letter-spacing:.06em;}
.taxTable td b{color:#fff;}
.taxTableWrap.compact .taxTable{min-width:520px;}
.dangerText{color:#fecaca!important;}
@media(max-width:1380px){.taxKpiGrid{grid-template-columns:repeat(3,minmax(0,1fr));}.taxWorkGrid{grid-template-columns:1fr;}}
@media(max-width:900px){.taxHero{display:block;padding:20px;border-radius:22px;}.taxHeroStats{text-align:left;margin-top:16px;min-width:0}.taxKpiGrid,.taxOwnerGrid,.taxOwnerNumbers,.taxOwnerSplit,.taxSettingsGrid,.taxRuleGrid{grid-template-columns:1fr;}.taxHero h2{font-size:31px}.taxOwnerTotal{text-align:left;}}