* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background: linear-gradient(135deg, #0f172a 0%, #1a1f3a 100%);
  color: #e2e8f0;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

.hidden {
  display: none !important;
}

.app {
  display: grid;
  grid-template-columns: 280px 1fr;
  min-height: 100vh;
  gap: 0;
}

.sidebar {
  width: 280px;
  background: linear-gradient(180deg, #0f172a 0%, #1a1f3a 100%);
  border-right: 1px solid rgba(148, 163, 184, 0.12);
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  position: sticky;
  top: 0;
  height: 100vh;
  overflow-y: auto;
  box-shadow: 2px 0 16px rgba(0, 0, 0, 0.3);
}

.brand {
  display: flex;
  gap: 12px;
  align-items: center;
  cursor: pointer;
}

.brand img {
  width: 56px;
  height: 56px;
  border-radius: 12px;
  object-fit: cover;
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.25);
  transition: transform 0.2s;
}

.brand:hover img {
  transform: scale(1.05);
}

.brand h2 {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  background: linear-gradient(135deg, #3b82f6, #8b5cf6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.brand p {
  margin: 4px 0 0;
  font-size: 13px;
  color: #94a3b8;
  font-weight: 500;
}

.sidebar nav {
  display: grid;
  gap: 8px;
}

.nav-btn {
  border: 1px solid transparent;
  background: transparent;
  color: #cbd5e1;
  text-align: left;
  padding: 12px 16px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.nav-btn:hover {
  background: rgba(59, 130, 246, 0.08);
  border-color: rgba(59, 130, 246, 0.2);
  color: #e2e8f0;
}

.nav-btn.active {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(139, 92, 246, 0.2));
  border-color: rgba(59, 130, 246, 0.4);
  color: #60a5fa;
  box-shadow: 0 0 16px rgba(59, 130, 246, 0.15);
}

.count {
  background: linear-gradient(135deg, #ef4444, #dc2626);
  color: white;
  border-radius: 999px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 700;
}

.side-bottom {
  margin-top: auto;
  display: grid;
  gap: 12px;
}

.user-card {
  background: rgba(51, 65, 85, 0.5);
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 12px;
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 12px;
  transition: all 0.2s;
}

.user-card:hover {
  background: rgba(51, 65, 85, 0.7);
  border-color: rgba(148, 163, 184, 0.3);
}

.user-card div {
  background: linear-gradient(135deg, #3b82f6, #8b5cf6);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
  font-size: 18px;
}

.user-card p {
  margin: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.user-card b {
  color: #f1f5f9;
  font-size: 14px;
  font-weight: 600;
}

.user-card small {
  color: #94a3b8;
  font-size: 12px;
  font-weight: 500;
}

.theme-card, .logout-btn {
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 10px;
  padding: 12px;
  color: #cbd5e1;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s;
  background: transparent;
  width: 100%;
  text-align: left;
}

.theme-card:hover {
  background: rgba(59, 130, 246, 0.08);
  border-color: rgba(59, 130, 246, 0.3);
  color: #e2e8f0;
}

.logout-btn {
  background: rgba(239, 68, 68, 0.08);
  border-color: rgba(239, 68, 68, 0.3);
  color: #fca5a5;
}

.logout-btn:hover {
  background: rgba(239, 68, 68, 0.12);
  border-color: rgba(239, 68, 68, 0.4);
  color: #fecaca;
}

.main {
  overflow-y: auto;
  padding: 32px;
  background: linear-gradient(180deg, #0f172a 0%, #1a1f3a 100%);
}

.topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 0 0 32px;
  margin-bottom: 32px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.12);
  flex-wrap: wrap;
}

.topbar p {
  font-size: 18px;
  font-weight: 700;
  color: #f1f5f9;
  margin: 0;
}

.topbar p b {
  background: linear-gradient(135deg, #3b82f6, #8b5cf6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.menu-btn {
  display: none;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(148, 163, 184, 0.2);
  background: rgba(51, 65, 85, 0.5);
  border-radius: 8px;
  color: #cbd5e1;
  font-size: 20px;
  cursor: pointer;
  transition: all 0.2s;
}

.menu-btn:hover {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}

.btn, .login-card button {
  border: 1px solid transparent;
  border-radius: 10px;
  padding: 10px 18px;
  color: white;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  background: rgba(51, 65, 85, 0.5);
  transition: all 0.2s;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.btn:hover {
  transform: translateY(-1px);
  background: rgba(51, 65, 85, 0.7);
}

.btn.primary {
  background: linear-gradient(135deg, #3b82f6, #8b5cf6);
  border-color: rgba(59, 130, 246, 0.3);
}

.btn.primary:hover {
  box-shadow: 0 8px 24px rgba(59, 130, 246, 0.3);
}

.btn.green {
  background: linear-gradient(135deg, #10b981, #059669);
  border-color: rgba(16, 185, 129, 0.3);
}

.btn.blue {
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  border-color: rgba(59, 130, 246, 0.3);
}

.btn.red {
  background: linear-gradient(135deg, #ef4444, #dc2626);
  border-color: rgba(239, 68, 68, 0.3);
}

.btn.purple {
  background: linear-gradient(135deg, #8b5cf6, #7c3aed);
  border-color: rgba(139, 92, 246, 0.3);
}

.btn.secondary {
  background: rgba(51, 65, 85, 0.5);
  border-color: rgba(148, 163, 184, 0.2);
}

.btn.small {
  padding: 8px 14px;
  font-size: 12px;
}

.top-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
}

.page {
  display: none;
}

.active-page {
  display: block;
  animation: fadeIn 0.3s ease-in;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-bottom: 32px;
}

.card, .panel, .form-panel {
  background: rgba(15, 23, 42, 0.8);
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(10px);
  transition: all 0.2s;
}

.card {
  padding: 24px;
  cursor: pointer;
}

.card:hover {
  transform: translateY(-2px);
  border-color: rgba(59, 130, 246, 0.3);
  box-shadow: 0 12px 32px rgba(59, 130, 246, 0.15);
}

.card span {
  display: block;
  color: #94a3b8;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 12px;
}

.card strong {
  display: block;
  font-size: 32px;
  font-weight: 700;
  margin-top: 12px;
  background: linear-gradient(135deg, #60a5fa, #a78bfa);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.green-border {
  border-color: rgba(16, 185, 129, 0.3);
}

.green-border strong {
  background: linear-gradient(135deg, #10b981, #34d399);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.purple-border {
  border-color: rgba(139, 92, 246, 0.3);
}

.purple-border strong {
  background: linear-gradient(135deg, #a78bfa, #c4b5fd);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.red-border {
  border-color: rgba(239, 68, 68, 0.3);
}

.red-border strong {
  background: linear-gradient(135deg, #f87171, #fca5a5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin: 0 0 24px;
}

.panel {
  padding: 28px;
}

.panel h1, .panel h2, .page-title h1 {
  margin: 0 0 20px;
  font-size: 24px;
  font-weight: 700;
  color: #f1f5f9;
}

.stat-line {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12px;
  align-items: center;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 12px;
  background: rgba(51, 65, 85, 0.3);
  transition: all 0.2s;
}

.stat-line:hover {
  border-color: rgba(59, 130, 246, 0.3);
  background: rgba(59, 130, 246, 0.05);
}

.stat-line b {
  color: #cbd5e1;
  font-weight: 600;
}

.stat-line span {
  color: #94a3b8;
  font-size: 13px;
}

.stat-line strong {
  text-align: right;
  background: linear-gradient(135deg, #3b82f6, #8b5cf6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: 700;
}

.alert-item {
  border: 1px solid rgba(245, 158, 11, 0.2);
  border-radius: 12px;
  padding: 16px;
  margin: 12px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgba(245, 158, 11, 0.05);
  transition: all 0.2s;
}

.alert-item:hover {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}

.alert-item b {
  color: #fbbf24;
  font-weight: 600;
}

.alert-item p {
  margin: 8px 0 0;
  color: #e2e8f0;
  font-size: 13px;
}

.panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 24px;
}

.page-title {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-bottom: 24px;
}

.page-title p {
  margin: 8px 0 0;
  color: #94a3b8;
  font-size: 14px;
}

.table-wrap {
  overflow-x: auto;
  border-radius: 12px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  margin-top: 20px;
}

table {
  width: 100%;
  border-collapse: collapse;
  min-width: 950px;
}

th, td {
  padding: 16px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.08);
  text-align: left;
  white-space: nowrap;
}

th {
  background: rgba(51, 65, 85, 0.3);
  color: #cbd5e1;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

tbody tr {
  transition: all 0.2s;
}

tbody tr:hover {
  background: rgba(59, 130, 246, 0.05);
}

.badge, .vip {
  display: inline-flex;
  border-radius: 6px;
  padding: 6px 10px;
  font-weight: 600;
  font-size: 12px;
  align-items: center;
  gap: 6px;
}

.active-b {
  background: rgba(16, 185, 129, 0.15);
  color: #6ee7b7;
  border: 1px solid rgba(16, 185, 129, 0.3);
}

.expired-b {
  background: rgba(239, 68, 68, 0.15);
  color: #fca5a5;
  border: 1px solid rgba(239, 68, 68, 0.3);
}

.expiring-b {
  background: rgba(245, 158, 11, 0.15);
  color: #fcd34d;
  border: 1px solid rgba(245, 158, 11, 0.3);
}

.partner-d {
  background: rgba(139, 92, 246, 0.15);
  color: #d8b4fe;
  border: 1px solid rgba(139, 92, 246, 0.3);
}

.partner-o {
  background: rgba(59, 130, 246, 0.15);
  color: #93c5fd;
  border: 1px solid rgba(59, 130, 246, 0.3);
}

.vip {
  background: rgba(245, 158, 11, 0.15);
  color: #fcd34d;
  border: 1px solid rgba(245, 158, 11, 0.3);
}

.form-panel {
  padding: 28px;
}

.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-bottom: 24px;
}

label {
  font-weight: 600;
  color: #cbd5e1;
  font-size: 14px;
  display: block;
  margin-bottom: 8px;
}

input, select, textarea {
  width: 100%;
  background: rgba(51, 65, 85, 0.5);
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 10px;
  color: #e2e8f0;
  padding: 12px;
  font-size: 14px;
  outline: none;
  transition: all 0.2s;
}

input:focus, select:focus, textarea:focus {
  border-color: rgba(59, 130, 246, 0.5);
  background: rgba(51, 65, 85, 0.7);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

textarea {
  min-height: 120px;
  resize: vertical;
}

.inline-input {
  display: flex;
  gap: 0;
  margin: 8px 0 0;
}

.inline-input input {
  border-radius: 10px 0 0 10px;
  margin: 0;
}

.inline-input button {
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  border: 1px solid rgba(59, 130, 246, 0.3);
  color: white;
  padding: 0 16px;
  border-radius: 0 10px 10px 0;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  font-size: 13px;
}

.inline-input button:hover {
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
}

.choice-box {
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 10px;
  padding: 16px;
  display: flex;
  align-items: center;
  gap: 16px;
  background: rgba(51, 65, 85, 0.3);
}

.choice-box span {
  font-weight: 600;
  color: #cbd5e1;
}

.choice-box input[type=radio], .vip-box input {
  width: 18px;
  height: 18px;
  margin: 0 8px 0 0;
  cursor: pointer;
  accent-color: #60a5fa;
}

.payment-box {
  margin-top: 24px;
  border: 1px solid rgba(59, 130, 246, 0.2);
  border-radius: 12px;
  padding: 24px;
  background: rgba(59, 130, 246, 0.05);
}

.payment-box h2 {
  margin: 0 0 20px;
  color: #f1f5f9;
  font-size: 18px;
  font-weight: 700;
}

.payment-grid {
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr 1fr;
  gap: 20px;
  align-items: start;
}

.pay-buttons {
  display: flex;
  gap: 8px;
  margin-top: 12px;
  flex-wrap: wrap;
}

.pay {
  background: rgba(51, 65, 85, 0.5);
  border: 1px solid rgba(148, 163, 184, 0.2);
  color: #cbd5e1;
  padding: 10px 16px;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  font-size: 13px;
}

.pay:hover {
  background: rgba(51, 65, 85, 0.7);
  border-color: rgba(148, 163, 184, 0.3);
}

.pay.active {
  background: linear-gradient(135deg, #3b82f6, #8b5cf6);
  border-color: transparent;
  color: white;
  box-shadow: 0 6px 20px rgba(59, 130, 246, 0.3);
}

.small-choice {
  display: grid;
  gap: 10px;
}

.small-choice label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 10px 12px;
  border-radius: 8px;
  background: rgba(51, 65, 85, 0.3);
  cursor: pointer;
  transition: all 0.2s;
}

.small-choice label:hover {
  background: rgba(59, 130, 246, 0.1);
}

.small-choice b {
  font-size: 11px;
  background: rgba(16, 185, 129, 0.2);
  color: #6ee7b7;
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: 600;
}

.vip-box {
  background: rgba(245, 158, 11, 0.05);
  border: 1px solid rgba(245, 158, 11, 0.2);
  border-radius: 10px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.vip-box span {
  display: block;
  color: #fbbf24;
  font-weight: 600;
  margin: 8px 0 0;
  font-size: 14px;
}

.form-actions {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 24px;
}

.filters {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
  gap: 12px;
  margin: 20px 0;
}

.actions {
  display: flex;
  gap: 12px;
  margin-bottom: 18px;
  flex-wrap: wrap;
}

.icon-btn {
  background: rgba(51, 65, 85, 0.5);
  border: 1px solid rgba(148, 163, 184, 0.2);
  color: #cbd5e1;
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.2s;
}

.icon-btn:hover {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
  color: #60a5fa;
}

.toast {
  position: fixed;
  top: 20px;
  right: 20px;
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.95), rgba(30, 31, 58, 0.95));
  border: 1px solid rgba(59, 130, 246, 0.3);
  color: #e2e8f0;
  border-radius: 10px;
  padding: 16px 20px;
  z-index: 999;
  opacity: 0;
  transform: translateY(-10px);
  transition: all 0.3s ease;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.toast.show {
  opacity: 1;
  transform: translateY(0);
}

.login-page {
  min-height: 100vh;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #0f172a 0%, #1a1f3a 100%);
  padding: 20px;
}

.login-card {
  width: min(420px, 100%);
  background: rgba(15, 23, 42, 0.8);
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 16px;
  padding: 32px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(10px);
}

.login-card img {
  width: 80px;
  height: 80px;
  border-radius: 12px;
  margin-bottom: 16px;
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.25);
}

.login-card h1 {
  margin: 0 0 8px;
  font-size: 28px;
  font-weight: 700;
  background: linear-gradient(135deg, #3b82f6, #8b5cf6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.login-card p {
  margin: 0 0 20px;
  color: #94a3b8;
  font-size: 14px;
}

.login-card label {
  display: block;
  margin: 16px 0 8px;
  color: #cbd5e1;
  font-weight: 600;
}

.login-card button {
  width: 100%;
  margin-top: 20px;
  background: linear-gradient(135deg, #3b82f6, #8b5cf6);
  border: none;
  padding: 12px;
  border-radius: 10px;
}

.login-card small {
  display: block;
  margin-top: 16px;
  color: #94a3b8;
  text-align: center;
  font-size: 13px;
}

.login-tools {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-bottom: 16px;
}

.mini-control, .theme-select, .lang-btn {
  background: rgba(51, 65, 85, 0.5);
  border: 1px solid rgba(148, 163, 184, 0.2);
  color: #cbd5e1;
  border-radius: 8px;
  padding: 8px 12px;
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.2s;
}

.mini-control:hover, .theme-select:hover, .lang-btn:hover {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}

.theme-select {
  min-width: 140px;
}

.theme-neon {
  background: linear-gradient(135deg, #0f172a 0%, #1a1f3a 100%);
  color: #e2e8f0;
}

.theme-ocean {
  background: linear-gradient(135deg, #0f2231 0%, #1a2a3a 100%);
  color: #d0f1ff;
}

.theme-emerald {
  background: linear-gradient(135deg, #0f1f1a 0%, #1a2f25 100%);
  color: #d4f5e9;
}

.theme-sunset {
  background: linear-gradient(135deg, #1f0f0a 0%, #2f1a15 100%);
  color: #fce8df;
}

.theme-light {
  background: #f8f9fa;
  color: #1f2937;
}

.theme-light body {
  background: #f8f9fa;
}

.theme-light .sidebar {
  background: #ffffff;
  border-right-color: #e5e7eb;
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.08);
}

.theme-light .sidebar nav {
  gap: 8px;
}

.theme-light .nav-btn {
  color: #4b5563;
}

.theme-light .nav-btn:hover {
  background: rgba(59, 130, 246, 0.08);
  color: #1f2937;
}

.theme-light .nav-btn.active {
  color: #3b82f6;
}

.theme-light .card,
.theme-light .panel,
.theme-light .form-panel {
  background: #ffffff;
  border-color: #e5e7eb;
  color: #1f2937;
}

.theme-light input,
.theme-light select,
.theme-light textarea {
  background: #f3f4f6;
  border-color: #d1d5db;
  color: #1f2937;
}

.theme-light .user-card {
  background: #f3f4f6;
  border-color: #d1d5db;
}

@media (max-width: 1200px) {
  .cards {
    grid-template-columns: repeat(2, 1fr);
  }

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

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

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

  .sidebar {
    position: fixed;
    left: 0;
    top: 0;
    width: 280px;
    height: 100vh;
    transform: translateX(-100%);
    transition: transform 0.3s ease;
    z-index: 100;
  }

  .sidebar.open {
    transform: translateX(0);
  }

  .menu-btn {
    display: block;
  }

  .main {
    padding: 20px;
  }

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

  .two-col {
    grid-template-columns: 1fr;
  }

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

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

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

  .table-wrap {
    font-size: 13px;
  }

  th, td {
    padding: 12px 8px;
  }
}

@media (max-width: 640px) {
  .sidebar {
    width: 100%;
  }

  .main {
    padding: 16px;
  }

  .topbar {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding: 0 0 20px;
    margin-bottom: 20px;
  }

  .top-actions {
    width: 100%;
  }

  .top-actions .btn {
    flex: 1;
  }

  .card {
    padding: 16px;
  }

  .card strong {
    font-size: 24px;
  }

  .panel {
    padding: 16px;
  }

  .form-panel {
    padding: 16px;
  }

  .form-actions {
    flex-direction: column;
  }

  .form-actions .btn {
    width: 100%;
  }

  .table-wrap {
    font-size: 12px;
  }

  th, td {
    padding: 10px 6px;
    white-space: normal;
  }

  .payment-box {
    padding: 16px;
  }

  .stat-line {
    grid-template-columns: auto 1fr;
    gap: 8px;
  }

  .stat-line strong {
    grid-column: 1 / -1;
    text-align: left;
  }
}

.rtl {
  direction: rtl;
}

.rtl .sidebar {
  border-right: none;
  border-left: 1px solid rgba(148, 163, 184, 0.12);
  box-shadow: -2px 0 16px rgba(0, 0, 0, 0.3);
}

.rtl .nav-btn {
  text-align: right;
}

.rtl .topbar,
.rtl .panel-head,
.rtl .brand,
.rtl .user-card {
  flex-direction: row-reverse;
}

.rtl table {
  text-align: right;
}

.stock-card {
  background: rgba(15, 23, 42, 0.8);
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 16px;
}

.stock-card h2 {
  margin: 0 0 16px;
  font-size: 18px;
  font-weight: 700;
  color: #f1f5f9;
}

.stock-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 16px;
}

.stock-card textarea {
  width: 100%;
  min-height: 120px;
  background: rgba(51, 65, 85, 0.5);
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 10px;
  color: #e2e8f0;
  padding: 12px;
  font-size: 13px;
  font-family: "Monaco", "Courier New", monospace;
}

.stock-pill {
  display: inline-block;
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  border: 1px solid;
}

.stock-pill.available {
  background: rgba(16, 185, 129, 0.15);
  color: #6ee7b7;
  border-color: rgba(16, 185, 129, 0.3);
}

.stock-pill.sold {
  background: rgba(239, 68, 68, 0.15);
  color: #fca5a5;
  border-color: rgba(239, 68, 68, 0.3);
}

.stock-service-card {
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 12px;
  background: rgba(15, 23, 42, 0.8);
  overflow: hidden;
  margin-bottom: 12px;
}

.stock-service-head {
  width: 100%;
  border: none;
  background: transparent;
  color: #e2e8f0;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  cursor: pointer;
  font-weight: 600;
  transition: all 0.2s;
}

.stock-service-head:hover {
  background: rgba(59, 130, 246, 0.05);
}

.stock-service-head strong {
  display: block;
  font-size: 16px;
  margin-bottom: 4px;
}

.stock-service-head span {
  color: #94a3b8;
  font-size: 13px;
}

.stock-service-counts {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.sold-account-box {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 999;
  width: min(400px, calc(100vw - 36px));
  padding: 20px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 12px;
  background: rgba(15, 23, 42, 0.95);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(10px);
}

.sold-account-box h3 {
  margin: 0 0 16px;
  color: #f1f5f9;
  font-size: 16px;
  font-weight: 700;
}

.sold-account-box label {
  display: block;
  margin: 12px 0 6px;
  color: #cbd5e1;
  font-weight: 600;
  font-size: 13px;
}

.sold-account-box input {
  width: 100%;
  margin: 6px 0 0;
}

.sold-actions {
  display: flex;
  gap: 10px;
  margin-top: 16px;
  flex-wrap: wrap;
}

.order-view-modal {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(5px);
  display: grid;
  place-items: center;
  z-index: 9999;
  padding: 20px;
}

.order-view-modal.hidden {
  display: none;
}

.order-view-card {
  width: min(800px, 100%);
  max-height: 90vh;
  overflow: auto;
  background: rgba(15, 23, 42, 0.95);
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 16px;
  box-shadow: 0 25px 80px rgba(0, 0, 0, 0.5);
  padding: 28px;
  backdrop-filter: blur(10px);
}

.order-view-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}

.order-view-top h2 {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  color: #f1f5f9;
}

.order-view-top button {
  width: 40px;
  height: 40px;
  border: 1px solid rgba(239, 68, 68, 0.3);
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.1), rgba(239, 68, 68, 0.05));
  border-radius: 8px;
  color: #fca5a5;
  font-size: 18px;
  cursor: pointer;
  transition: all 0.2s;
}

.order-view-top button:hover {
  background: rgba(239, 68, 68, 0.15);
}


.new-order-row td,
.new-order-row {
  background: linear-gradient(90deg, rgba(255, 213, 79, 0.28), rgba(255, 213, 79, 0.10)) !important;
}

.new-order-row td:first-child {
  border-left: 5px solid #ffd43b;
}

.new-order-row:hover td,
.new-order-row:hover {
  background: linear-gradient(90deg, rgba(255, 213, 79, 0.38), rgba(255, 213, 79, 0.16)) !important;
}

.new-order-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: 8px;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(255, 212, 59, 0.18);
  color: #fde68a;
  border: 1px solid rgba(255, 212, 59, 0.38);
  font-size: 11px;
  font-weight: 800;
  vertical-align: middle;
}

.sold-account-box {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 9999;
  width: min(460px, calc(100vw - 40px));
  padding: 22px;
  border-radius: 24px;
  background:
    radial-gradient(circle at top left, rgba(59, 130, 246, 0.22), transparent 34%),
    linear-gradient(145deg, rgba(15, 23, 42, 0.98), rgba(24, 35, 56, 0.98));
  border: 1px solid rgba(148, 163, 184, 0.18);
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.52);
  backdrop-filter: blur(14px);
}

.sold-box-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

.sold-box-head h3 {
  margin: 0;
  color: #f8fafc;
  font-size: 18px;
  font-weight: 850;
}

.sold-box-head p {
  margin: 5px 0 0;
  color: #94a3b8;
  font-size: 13px;
}

.sold-close-btn {
  width: 36px;
  height: 36px;
  border-radius: 12px;
  border: 1px solid rgba(239, 68, 68, 0.28);
  background: rgba(239, 68, 68, 0.10);
  color: #fecaca;
  cursor: pointer;
}

.sold-summary-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 14px 0 16px;
}

.sold-summary-item {
  background: rgba(30, 41, 59, 0.72);
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 16px;
  padding: 12px;
}

.sold-summary-item span {
  display: block;
  color: #94a3b8;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 6px;
}

.sold-summary-item strong {
  display: block;
  color: #f8fafc;
  font-size: 14px;
  word-break: break-word;
}

.sold-account-box label {
  display: block;
  margin: 12px 0 6px;
  color: #cbd5e1;
  font-weight: 750;
  font-size: 13px;
}

.sold-account-box input {
  width: 100%;
  background: rgba(15, 23, 42, 0.72);
  border: 1px solid rgba(96, 165, 250, 0.28);
  border-radius: 14px;
  color: #f8fafc;
  padding: 13px;
  font-size: 14px;
}

.sold-actions {
  display: flex;
  gap: 12px;
  margin-top: 16px;
}

.sold-actions button {
  flex: 1;
  border: none;
  border-radius: 14px;
  padding: 12px 14px;
  color: #fff;
  font-weight: 800;
  cursor: pointer;
  background: linear-gradient(135deg, #3b82f6, #8b5cf6);
}

.sold-actions button:last-child {
  background: rgba(51, 65, 85, 0.85);
  border: 1px solid rgba(148, 163, 184, 0.18);
}

.order-view-modal {
  position: fixed;
  inset: 0;
  background: rgba(2, 6, 23, 0.76);
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  padding: 22px;
}

.order-view-modal.hidden {
  display: none !important;
}

.order-view-card {
  width: min(980px, 100%);
  max-height: 90vh;
  overflow: auto;
  background:
    radial-gradient(circle at top left, rgba(59, 130, 246, 0.22), transparent 32%),
    linear-gradient(145deg, rgba(15, 23, 42, 0.98), rgba(17, 24, 39, 0.98));
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 28px;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.58);
  padding: 28px;
}

.order-view-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 20px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.12);
}

.order-view-top h2 {
  margin: 0;
  color: #f8fafc;
  font-size: 26px;
  font-weight: 900;
}

.order-view-top p {
  margin: 6px 0 0;
  color: #94a3b8;
  font-size: 14px;
}

.order-view-top button {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(239, 68, 68, 0.28);
  background: rgba(239, 68, 68, 0.10);
  border-radius: 14px;
  color: #fecaca;
  font-size: 18px;
  cursor: pointer;
}

.order-view-hero {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 18px;
  align-items: center;
  margin-bottom: 22px;
  padding: 18px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.16), rgba(139, 92, 246, 0.12));
  border: 1px solid rgba(96, 165, 250, 0.16);
}

.order-view-avatar {
  width: 74px;
  height: 74px;
  border-radius: 22px;
  background: linear-gradient(135deg, #3b82f6, #8b5cf6);
  display: grid;
  place-items: center;
  color: #fff;
  font-size: 30px;
  font-weight: 900;
  box-shadow: 0 12px 34px rgba(59, 130, 246, 0.28);
}

.order-view-hero h3 {
  margin: 0;
  color: #f8fafc;
  font-size: 24px;
  font-weight: 900;
}

.order-view-hero p {
  margin: 5px 0 0;
  color: #cbd5e1;
}

.order-view-status {
  justify-self: end;
}

.order-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 14px;
}

.order-box {
  border-radius: 18px;
  padding: 16px;
  background: rgba(30, 41, 59, 0.70);
  border: 1px solid rgba(148, 163, 184, 0.12);
}

.order-box.account-box {
  background: linear-gradient(145deg, rgba(21, 128, 61, 0.16), rgba(30, 41, 59, 0.76));
  border-color: rgba(34, 197, 94, 0.20);
}

.order-box span {
  display: block;
  color: #94a3b8;
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  margin-bottom: 8px;
}

.order-box strong {
  display: block;
  color: #f8fafc;
  font-size: 15px;
  line-height: 1.5;
  word-break: break-word;
}

.order-box-full {
  grid-column: 1 / -1;
}

.copy-detail-btn {
  margin-top: 18px;
  width: 100%;
  justify-content: center;
  padding: 13px 18px;
  border-radius: 16px;
  background: linear-gradient(135deg, #10b981, #2563eb);
  border: none;
  color: #fff;
  font-weight: 900;
  cursor: pointer;
}

@media (max-width: 640px) {
  .sold-account-box {
    left: 14px;
    right: 14px;
    bottom: 14px;
    width: auto;
  }

  .sold-summary-grid {
    grid-template-columns: 1fr;
  }

  .order-view-card {
    padding: 18px;
    border-radius: 22px;
  }

  .order-view-hero {
    grid-template-columns: 1fr;
  }

  .order-view-status {
    justify-self: start;
  }
}


.service-brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  white-space: nowrap !important;
}

.service-icon {
  width: 24px !important;
  height: 24px !important;
  border-radius: 7px !important;
  object-fit: cover !important;
  display: inline-block !important;
  vertical-align: middle !important;
  flex: 0 0 auto !important;
}

.service-brand-name {
  display: inline !important;
}

.icon-btn {
  min-width: 68px !important;
  text-align: center !important;
  font-weight: 700 !important;
}

.action-view {
  color: #93c5fd !important;
  border-color: rgba(59,130,246,.35) !important;
}

.action-edit {
  color: #86efac !important;
  border-color: rgba(34,197,94,.35) !important;
}

.action-delete {
  color: #fecaca !important;
  border-color: rgba(239,68,68,.35) !important;
}

.service-brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  white-space: nowrap !important;
}

.service-icon {
  width: 24px !important;
  height: 24px !important;
  border-radius: 7px !important;
  object-fit: cover !important;
}

.disabled-field {
  opacity: .45 !important;
  cursor: not-allowed !important;
}

.stock-note-field,
#stockNotes {
  grid-column: 1 / -1;
}

.stock-note-field textarea,
#stockNotes {
  min-height: 82px !important;
}

.stock-pro-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
  gap: 16px;
  padding: 8px;
}

.stock-pro-card {
  background: linear-gradient(145deg, rgba(15, 23, 42, .96), rgba(30, 41, 59, .86));
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 18px;
  padding: 18px;
  box-shadow: 0 12px 34px rgba(0, 0, 0, .24);
}

.stock-pro-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}

.stock-pro-id {
  color: #94a3b8;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .04em;
}

.stock-pro-head h3 {
  margin: 6px 0 0;
  font-size: 17px;
  color: #f8fafc;
}

.stock-pro-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.stock-pro-grid div {
  background: rgba(15, 23, 42, .48);
  border: 1px solid rgba(148, 163, 184, .12);
  border-radius: 13px;
  padding: 11px;
  min-width: 0;
}

.stock-pro-grid small {
  display: block;
  color: #94a3b8;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.stock-pro-grid strong {
  display: block;
  color: #e2e8f0;
  font-size: 13px;
  word-break: break-word;
  white-space: normal;
}

.stock-pro-actions {
  display: flex;
  gap: 8px;
  margin-top: 14px;
}

.stock-pro-actions .btn {
  flex: 1;
  justify-content: center;
}

@media (max-width: 640px) {
  .stock-pro-list {
    grid-template-columns: 1fr;
    padding: 0;
  }
  .stock-pro-grid {
    grid-template-columns: 1fr;
  }
}

.orders-actions > #viewSelected,
.orders-actions > #editSelected,
.orders-actions > #deleteSelected,
.orders-actions > #allDataBtn {
  display: none !important;
}

.orders-actions {
  justify-content: flex-end;
}

td .icon-btn,
.row-action-btn {
  width: 30px !important;
  min-width: 30px !important;
  height: 30px !important;
  padding: 0 !important;
  border-radius: 9px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  display: inline-grid !important;
  place-items: center !important;
  margin: 0 3px !important;
  color: #cbd5e1 !important;
  background: rgba(51,65,85,.68) !important;
  border: 1px solid rgba(148,163,184,.25) !important;
  vertical-align: middle !important;
}

.row-action-btn:hover {
  background: rgba(59,130,246,.20) !important;
  border-color: rgba(59,130,246,.50) !important;
  color: #bfdbfe !important;
}

.row-action-btn.danger:hover {
  background: rgba(239,68,68,.18) !important;
  border-color: rgba(239,68,68,.50) !important;
  color: #fecaca !important;
}

.compact-actions,
.alert-actions {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: nowrap !important;
}

.alert-actions {
  margin-left: 12px !important;
}


.payment-overdue-row td, .payment-overdue-row {
  background: linear-gradient(90deg, rgba(239,68,68,.30), rgba(127,29,29,.18)) !important;
}
.payment-overdue-row td:first-child { border-left:5px solid #ef4444 !important; }

#stockCustomServiceBox.hidden, #manualStockCustomServiceBox.hidden { display:none !important; }

.filters { grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr; }
@media (max-width:1200px){ .filters{ grid-template-columns:1fr 1fr 1fr; } }
@media (max-width:900px){ .filters{ grid-template-columns:1fr; } }

.top-actions {
  display: flex !important;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
}

#themeModeBtn, #themeSelect, #refreshBtn, #reloadBtn, #backupNowBtn {
  display: inline-flex !important;
}

.row-actions {
  display: inline-flex !important;
  gap: 6px !important;
  align-items: center !important;
}

td .icon-btn,
.row-action-btn {
  width: 30px !important;
  min-width: 30px !important;
  height: 30px !important;
  padding: 0 !important;
  border-radius: 9px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  display: inline-grid !important;
  place-items: center !important;
  margin: 0 2px !important;
  color: #dbeafe !important;
  background: rgba(51,65,85,.75) !important;
  border: 1px solid rgba(148,163,184,.30) !important;
  vertical-align: middle !important;
}

.row-action-btn:hover {
  background: rgba(59,130,246,.22) !important;
  border-color: rgba(59,130,246,.55) !important;
  color: #bfdbfe !important;
}

.row-action-btn.danger:hover {
  background: rgba(239,68,68,.20) !important;
  border-color: rgba(239,68,68,.55) !important;
  color: #fecaca !important;
}

.payment-overdue-row td,
.payment-overdue-row {
  background: linear-gradient(90deg, rgba(239,68,68,.30), rgba(127,29,29,.18)) !important;
}

.payment-overdue-row td:first-child {
  border-left: 5px solid #ef4444 !important;
}

.filters {
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr;
}

@media (max-width: 1200px) {
  .filters { grid-template-columns: 1fr 1fr 1fr; }
}
@media (max-width: 900px) {
  .filters { grid-template-columns: 1fr; }
}

.pro-customer-form {
  position: relative;
  overflow: hidden;
  border-radius: 24px !important;
  padding: 30px !important;
  background:
    radial-gradient(circle at top left, rgba(59,130,246,.18), transparent 34%),
    linear-gradient(145deg, rgba(15,23,42,.96), rgba(24,35,56,.96)) !important;
  border: 1px solid rgba(148,163,184,.18) !important;
  box-shadow: 0 24px 80px rgba(0,0,0,.26) !important;
}

.pro-form-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.pro-customer-form label {
  background: rgba(15,23,42,.42);
  border: 1px solid rgba(148,163,184,.12);
  border-radius: 16px;
  padding: 13px;
  margin: 0 !important;
}

.pro-customer-form input,
.pro-customer-form select,
.pro-customer-form textarea {
  margin-top: 8px !important;
  border-radius: 13px !important;
  background: rgba(30,41,59,.72) !important;
  border-color: rgba(148,163,184,.18) !important;
}

.pro-customer-form input:focus,
.pro-customer-form select:focus,
.pro-customer-form textarea:focus {
  border-color: rgba(96,165,250,.55) !important;
  box-shadow: 0 0 0 4px rgba(59,130,246,.12) !important;
}

.pro-payment-box {
  border-radius: 22px !important;
  margin-top: 22px !important;
  background: rgba(59,130,246,.06) !important;
  border-color: rgba(96,165,250,.20) !important;
}

.pro-payment-box h2 {
  margin-bottom: 18px !important;
}

.payment-status-options {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.payment-status-chip {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  width: auto !important;
  padding: 10px 14px !important;
  cursor: pointer;
}

.form-actions .btn {
  min-width: 180px;
  justify-content: center;
  border-radius: 14px !important;
  padding: 13px 18px !important;
}

@media (max-width: 1100px) {
  .pro-form-grid { grid-template-columns: 1fr 1fr !important; }
}
@media (max-width: 720px) {
  .pro-form-grid { grid-template-columns: 1fr !important; }
}

#stockCustomServiceBox.hidden,
#manualStockCustomServiceBox.hidden {
  display: none !important;
}


#add .page-title {
  margin-bottom: 18px !important;
}

.customer-clean-form {
  max-width: 1180px;
  margin: 0 auto;
  border-radius: 26px !important;
  padding: 28px !important;
  background:
    radial-gradient(circle at top left, rgba(59, 130, 246, .16), transparent 32%),
    linear-gradient(145deg, rgba(15, 23, 42, .98), rgba(20, 31, 52, .98)) !important;
  border: 1px solid rgba(148, 163, 184, .16) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .30) !important;
}

.customer-clean-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin-bottom: 20px !important;
}

.customer-clean-form label {
  margin: 0 !important;
  padding: 14px !important;
  border-radius: 18px !important;
  background: rgba(15, 23, 42, .48) !important;
  border: 1px solid rgba(148, 163, 184, .13) !important;
  color: #dbeafe !important;
  font-weight: 800 !important;
  min-width: 0 !important;
}

.customer-clean-form input,
.customer-clean-form select,
.customer-clean-form textarea {
  height: 46px !important;
  margin-top: 9px !important;
  border-radius: 14px !important;
  background: rgba(30, 41, 59, .78) !important;
  border: 1px solid rgba(148, 163, 184, .18) !important;
  color: #f8fafc !important;
  padding: 0 14px !important;
  font-size: 14px !important;
  box-shadow: none !important;
}

.customer-clean-form textarea {
  height: auto !important;
  min-height: 110px !important;
  padding: 14px !important;
}

.customer-clean-form input:focus,
.customer-clean-form select:focus,
.customer-clean-form textarea:focus {
  border-color: rgba(96, 165, 250, .65) !important;
  box-shadow: 0 0 0 4px rgba(59, 130, 246, .12) !important;
  outline: none !important;
}

.clean-inline-input {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  gap: 8px !important;
  margin-top: 9px !important;
  align-items: stretch !important;
}

.clean-inline-input input {
  margin-top: 0 !important;
  min-width: 0 !important;
  border-radius: 14px !important;
}

.clean-inline-input button {
  height: 46px !important;
  min-width: 70px !important;
  border-radius: 14px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(96, 165, 250, .25) !important;
  background: linear-gradient(135deg, #3b82f6, #2563eb) !important;
  color: white !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

#showPass {
  min-width: 46px !important;
  font-size: 0 !important;
}

#showPass::after {
  content: "Show";
  font-size: 12px;
}

.customer-payment-box {
  margin-top: 22px !important;
  padding: 24px !important;
  border-radius: 24px !important;
  background:
    linear-gradient(145deg, rgba(15, 23, 42, .70), rgba(30, 41, 59, .55)) !important;
  border: 1px solid rgba(96, 165, 250, .18) !important;
}

.customer-payment-box h2 {
  margin: 0 0 18px !important;
  font-size: 21px !important;
  color: #f8fafc !important;
}

.customer-status-box {
  padding: 0 !important;
  margin-bottom: 20px !important;
}

.customer-status-box > label {
  display: block !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin-bottom: 10px !important;
}

.payment-status-options {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.payment-status-chip {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  height: 48px !important;
  border-radius: 15px !important;
  padding: 0 14px !important;
  background: rgba(30, 41, 59, .74) !important;
  border: 1px solid rgba(148, 163, 184, .16) !important;
  cursor: pointer !important;
}

.payment-status-chip input {
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  accent-color: #3b82f6 !important;
}

.payment-status-chip:has(input:checked),
.payment-status-chip.active {
  background: linear-gradient(135deg, rgba(59, 130, 246, .34), rgba(139, 92, 246, .30)) !important;
  border-color: rgba(96, 165, 250, .50) !important;
}

.customer-payment-grid {
  display: grid !important;
  grid-template-columns: 1.4fr 1fr 1fr !important;
  gap: 16px !important;
  align-items: stretch !important;
}

.pay-buttons {
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  margin-top: 10px !important;
}

.pay {
  min-width: 92px !important;
  height: 42px !important;
  border-radius: 13px !important;
  padding: 0 14px !important;
  background: rgba(30, 41, 59, .76) !important;
  border: 1px solid rgba(148, 163, 184, .18) !important;
  color: #dbeafe !important;
  font-weight: 900 !important;
}

.pay.active {
  background: linear-gradient(135deg, #3b82f6, #8b5cf6) !important;
  color: #fff !important;
  border-color: transparent !important;
}

.small-choice,
.vip-box {
  border-radius: 18px !important;
  padding: 16px !important;
  background: rgba(15, 23, 42, .50) !important;
  border: 1px solid rgba(148, 163, 184, .14) !important;
}

.small-choice {
  display: grid !important;
  gap: 10px !important;
}

.small-choice > span,
.vip-box > span:first-child {
  color: #dbeafe !important;
  font-weight: 900 !important;
  margin: 0 0 6px !important;
}

.small-choice label {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  height: 44px !important;
  padding: 0 12px !important;
  border-radius: 14px !important;
  background: rgba(30, 41, 59, .68) !important;
  border: 1px solid rgba(148, 163, 184, .12) !important;
}

.small-choice input,
.vip-box input {
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  accent-color: #60a5fa !important;
}

.vip-box {
  display: flex !important;
  justify-content: center !important;
  gap: 12px !important;
  color: #fbbf24 !important;
}

#notes {
  grid-column: 1 / -1 !important;
}

.customer-payment-box > label[data-i18n="notesOptional"] {
  display: block !important;
  margin-top: 16px !important;
  grid-column: 1 / -1 !important;
}

.form-actions {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  margin-top: 22px !important;
}

.form-actions .btn {
  min-width: 170px !important;
  height: 48px !important;
  border-radius: 15px !important;
  justify-content: center !important;
  font-weight: 900 !important;
}

@media (max-width: 1180px) {
  .customer-clean-grid,
  .customer-payment-grid {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 760px) {
  .customer-clean-form {
    padding: 18px !important;
  }
  .customer-clean-grid,
  .customer-payment-grid,
  .payment-status-options {
    grid-template-columns: 1fr !important;
  }
  .clean-inline-input {
    grid-template-columns: 1fr !important;
  }
  .clean-inline-input button {
    width: 100% !important;
  }
  .form-actions {
    flex-direction: column !important;
  }
  .form-actions .btn {
    width: 100% !important;
  }
}

.order-view-card .order-grid {
  align-items: stretch;
}

.password-box .password-view-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.password-box strong {
  min-width: 0;
  word-break: break-word;
}

.password-eye-btn {
  flex: 0 0 auto;
  border: 1px solid rgba(96, 165, 250, .32);
  background: rgba(59, 130, 246, .12);
  color: #bfdbfe;
  border-radius: 10px;
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}

.password-eye-btn:hover {
  background: rgba(59, 130, 246, .22);
  border-color: rgba(96, 165, 250, .55);
}


#add {
  max-width: 1220px;
  margin: 0 auto;
}

.add-pro-main-title {
  max-width: 1220px;
  margin: 0 auto 16px;
  padding: 18px 22px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(59,130,246,.16), rgba(139,92,246,.10));
  border: 1px solid rgba(148,163,184,.16);
}

.add-pro-main-title h2 {
  margin: 0;
  color: #f8fafc;
  font-size: 24px;
  font-weight: 900;
}

.add-pro-main-title p {
  margin: 6px 0 0;
  color: #94a3b8;
  font-size: 14px;
}

.add-pro-form {
  max-width: 1220px !important;
  margin: 0 auto 40px !important;
  padding: 28px !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at top left, rgba(59,130,246,.18), transparent 34%),
    linear-gradient(145deg, rgba(15,23,42,.98), rgba(19,30,50,.98)) !important;
  border: 1px solid rgba(148,163,184,.16) !important;
  box-shadow: 0 26px 80px rgba(0,0,0,.32) !important;
  overflow: visible !important;
}

.add-pro-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin: 0 !important;
}

.add-pro-form label {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 14px !important;
  border-radius: 18px !important;
  background: rgba(15,23,42,.50) !important;
  border: 1px solid rgba(148,163,184,.13) !important;
  color: #dbeafe !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: .01em !important;
}

.add-pro-form input,
.add-pro-form select,
.add-pro-form textarea {
  width: 100% !important;
  height: 48px !important;
  margin-top: 9px !important;
  padding: 0 14px !important;
  border-radius: 15px !important;
  background: rgba(30,41,59,.82) !important;
  border: 1px solid rgba(148,163,184,.20) !important;
  color: #f8fafc !important;
  font-size: 14px !important;
  outline: none !important;
  box-shadow: none !important;
}

.add-pro-form select {
  appearance: auto !important;
  cursor: pointer !important;
}

.add-pro-form textarea {
  height: auto !important;
  min-height: 116px !important;
  padding: 14px !important;
  resize: vertical !important;
}

.add-pro-form input:focus,
.add-pro-form select:focus,
.add-pro-form textarea:focus {
  border-color: rgba(96,165,250,.65) !important;
  box-shadow: 0 0 0 4px rgba(59,130,246,.13) !important;
}

.add-pro-inline {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  gap: 8px !important;
  align-items: stretch !important;
  margin-top: 9px !important;
}

.add-pro-inline input {
  margin: 0 !important;
  min-width: 0 !important;
}

.add-pro-inline button {
  height: 48px !important;
  min-width: 76px !important;
  padding: 0 14px !important;
  border-radius: 15px !important;
  border: 1px solid rgba(96,165,250,.28) !important;
  background: linear-gradient(135deg, #3b82f6, #2563eb) !important;
  color: #fff !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}

#showPass {
  min-width: 56px !important;
  font-size: 0 !important;
}

#showPass::after {
  content: "Show";
  font-size: 12px;
}

.add-pro-payment {
  margin-top: 24px !important;
  padding: 24px !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at top right, rgba(16,185,129,.10), transparent 30%),
    linear-gradient(145deg, rgba(15,23,42,.74), rgba(30,41,59,.58)) !important;
  border: 1px solid rgba(96,165,250,.20) !important;
}

.add-pro-payment h2 {
  margin: 0 0 20px !important;
  color: #f8fafc !important;
  font-size: 22px !important;
  font-weight: 950 !important;
}

.payment-status-box {
  margin: 0 0 20px !important;
}

.payment-status-box > label {
  display: block !important;
  padding: 0 !important;
  margin-bottom: 10px !important;
  background: transparent !important;
  border: 0 !important;
  color: #dbeafe !important;
}

.payment-status-options {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.payment-status-chip {
  height: 52px !important;
  padding: 0 14px !important;
  border-radius: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  background: rgba(15,23,42,.52) !important;
  border: 1px solid rgba(148,163,184,.16) !important;
  cursor: pointer !important;
}

.payment-status-chip input,
.small-choice input,
.vip-box input {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 999px !important;
  margin: 0 !important;
  background: rgba(248,250,252,.96) !important;
  border: 3px solid rgba(148,163,184,.38) !important;
  box-shadow: inset 0 0 0 5px rgba(255,255,255,.96) !important;
  flex: 0 0 auto !important;
  cursor: pointer !important;
}

.payment-status-chip input:checked,
.small-choice input:checked,
.vip-box input:checked {
  background: #3b82f6 !important;
  border-color: #93c5fd !important;
  box-shadow: inset 0 0 0 5px #fff, 0 0 0 4px rgba(59,130,246,.16) !important;
}

.payment-status-chip.is-selected,
.payment-status-chip.active,
.small-choice label.is-selected,
.vip-box.is-selected {
  background: linear-gradient(135deg, rgba(59,130,246,.30), rgba(139,92,246,.24)) !important;
  border-color: rgba(96,165,250,.54) !important;
}

.add-pro-payment-grid {
  display: grid !important;
  grid-template-columns: 1.35fr 1fr 1fr !important;
  gap: 16px !important;
  align-items: stretch !important;
}

.add-pro-payment-grid > div,
.small-choice,
.vip-box {
  min-width: 0 !important;
  border-radius: 20px !important;
  padding: 16px !important;
  background: rgba(15,23,42,.50) !important;
  border: 1px solid rgba(148,163,184,.14) !important;
}

.pay-buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 12px !important;
}

.pay {
  height: 44px !important;
  min-width: 98px !important;
  padding: 0 15px !important;
  border-radius: 14px !important;
  color: #dbeafe !important;
  font-weight: 950 !important;
  background: rgba(30,41,59,.78) !important;
  border: 1px solid rgba(148,163,184,.20) !important;
}

.pay.active {
  color: white !important;
  background: linear-gradient(135deg, #3b82f6, #8b5cf6) !important;
  border-color: transparent !important;
}

.small-choice {
  display: grid !important;
  gap: 10px !important;
}

.small-choice > span,
.vip-box > span:first-child {
  color: #f8fafc !important;
  font-weight: 950 !important;
  margin: 0 !important;
}

.small-choice label {
  height: 48px !important;
  padding: 0 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  border-radius: 16px !important;
  background: rgba(30,41,59,.64) !important;
  border: 1px solid rgba(148,163,184,.12) !important;
}

.vip-box {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 12px !important;
  color: #fbbf24 !important;
}

.vip-box > span:last-child {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
}

.add-pro-payment > label[data-i18n="notesOptional"] {
  display: block !important;
  margin-top: 16px !important;
  padding: 16px !important;
  border-radius: 20px !important;
  background: rgba(15,23,42,.50) !important;
  border: 1px solid rgba(148,163,184,.14) !important;
}

.form-actions {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  margin-top: 24px !important;
}

.form-actions .btn {
  min-width: 180px !important;
  height: 50px !important;
  border-radius: 16px !important;
  justify-content: center !important;
  font-weight: 950 !important;
  font-size: 14px !important;
}

@media (max-width: 1180px) {
  .add-pro-grid,
  .add-pro-payment-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .add-pro-form {
    padding: 18px !important;
  }
  .add-pro-grid,
  .add-pro-payment-grid,
  .payment-status-options {
    grid-template-columns: 1fr !important;
  }
  .add-pro-inline {
    grid-template-columns: 1fr !important;
  }
  .add-pro-inline button,
  .form-actions .btn {
    width: 100% !important;
  }
  .form-actions {
    flex-direction: column !important;
  }
}

.stock-one-form {
  display: grid !important;
  grid-template-columns: 1.15fr .85fr !important;
  gap: 18px !important;
  margin-bottom: 22px !important;
}

.stock-one-form .stock-card {
  margin: 0 !important;
  border-radius: 24px !important;
  padding: 22px !important;
  background:
    radial-gradient(circle at top left, rgba(59,130,246,.16), transparent 34%),
    linear-gradient(145deg, rgba(15,23,42,.96), rgba(24,35,56,.92)) !important;
  border: 1px solid rgba(148,163,184,.16) !important;
  box-shadow: 0 16px 46px rgba(0,0,0,.24) !important;
}

.stock-one-form .stock-card h2 {
  font-size: 21px !important;
  font-weight: 950 !important;
  margin-bottom: 8px !important;
}

.stock-one-form .stock-card p {
  color: #94a3b8 !important;
  margin-bottom: 16px !important;
}

.stock-one-form .stock-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.stock-one-form label {
  margin: 0 !important;
  padding: 13px !important;
  border-radius: 17px !important;
  background: rgba(15,23,42,.46) !important;
  border: 1px solid rgba(148,163,184,.12) !important;
  color: #dbeafe !important;
  font-weight: 900 !important;
}

.stock-one-form input,
.stock-one-form select,
.stock-one-form textarea {
  margin-top: 8px !important;
  height: 46px !important;
  border-radius: 14px !important;
  background: rgba(30,41,59,.78) !important;
  border: 1px solid rgba(148,163,184,.18) !important;
  color: #f8fafc !important;
}

.stock-one-form textarea {
  height: auto !important;
  min-height: 104px !important;
  padding: 14px !important;
}

.stock-one-form .btn {
  height: 48px !important;
  border-radius: 15px !important;
  font-weight: 950 !important;
  justify-content: center !important;
  margin-top: 14px !important;
}

@media (max-width: 1050px) {
  .stock-one-form {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 720px) {
  .stock-one-form .stock-grid {
    grid-template-columns: 1fr !important;
  }
}

.stock-group-list {
  display: grid;
  gap: 14px;
  padding: 8px;
}

.stock-service-group {
  border: 1px solid rgba(148,163,184,.15);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(15,23,42,.92), rgba(30,41,59,.72));
  overflow: hidden;
  box-shadow: 0 14px 38px rgba(0,0,0,.22);
}

.stock-service-summary {
  width: 100%;
  border: 0;
  padding: 18px;
  background: transparent;
  color: #e2e8f0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  cursor: pointer;
  text-align: left;
}

.stock-service-title {
  display: grid;
  gap: 6px;
}

.stock-service-title .service-brand-name {
  font-size: 18px !important;
  font-weight: 950 !important;
}

.stock-service-title p {
  margin: 0;
  color: #94a3b8;
  font-size: 13px;
}

.stock-service-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.stock-service-meta b {
  border-radius: 999px;
  padding: 8px 12px;
  background: rgba(59,130,246,.14);
  color: #bfdbfe;
  border: 1px solid rgba(96,165,250,.28);
  font-size: 12px;
}

.stock-group-accounts {
  padding: 0 18px 18px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(295px, 1fr));
  gap: 14px;
}

.stock-mini-account {
  border: 1px solid rgba(148,163,184,.13);
  border-radius: 18px;
  background: rgba(15,23,42,.58);
  padding: 14px;
}

.stock-mini-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.stock-mini-top strong {
  color: #f8fafc;
}

.stock-mini-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.stock-mini-grid div {
  min-width: 0;
  padding: 10px;
  border-radius: 13px;
  background: rgba(30,41,59,.55);
  border: 1px solid rgba(148,163,184,.10);
}

.stock-mini-grid small {
  display: block;
  color: #94a3b8;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-bottom: 5px;
  font-weight: 900;
}

.stock-mini-grid b {
  color: #e2e8f0;
  font-size: 12px;
  word-break: break-word;
}

.stock-mini-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 12px;
}

@media (max-width: 680px) {
  .stock-service-summary {
    align-items: flex-start;
    flex-direction: column;
  }
  .stock-group-accounts,
  .stock-mini-grid {
    grid-template-columns: 1fr;
  }
}


.custom-pay-filter {
  position: relative;
  min-width: 155px;
  z-index: 50;
}

.custom-pay-filter-btn {
  width: 100%;
  height: 48px;
  border-radius: 12px;
  padding: 0 14px;
  border: 1px solid rgba(148, 163, 184, .22);
  background: rgba(51, 65, 85, .58);
  color: #e2e8f0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.custom-pay-filter-btn:hover,
.custom-pay-filter.open .custom-pay-filter-btn {
  border-color: rgba(96, 165, 250, .55);
  background: rgba(30, 41, 59, .88);
  box-shadow: 0 0 0 4px rgba(59, 130, 246, .10);
}

.custom-pay-filter-btn b {
  color: #93c5fd;
  font-size: 16px;
}

.custom-pay-filter-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  width: 100%;
  min-width: 190px;
  padding: 8px;
  border-radius: 16px;
  background: rgba(15, 23, 42, .98);
  border: 1px solid rgba(148, 163, 184, .18);
  box-shadow: 0 22px 55px rgba(0, 0, 0, .45);
  backdrop-filter: blur(14px);
  z-index: 9999;
}

.custom-pay-filter-menu.hidden {
  display: none !important;
}

.custom-pay-filter-menu button {
  width: 100%;
  height: 42px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: #e2e8f0;
  text-align: left;
  padding: 0 12px;
  font: inherit;
  font-weight: 750;
  cursor: pointer;
}

.custom-pay-filter-menu button:hover {
  background: rgba(59, 130, 246, .18);
  color: #bfdbfe;
}

.filters .custom-pay-filter {
  width: 100%;
}

@media (max-width: 900px) {
  .custom-pay-filter-menu {
    left: 0;
    right: auto;
  }
}


#themeModeBtn,
#themeSelect,
#loginThemeBtn,
#themeLabel {
  display: none !important;
}

.order-view-modal {
  padding: 14px !important;
  align-items: center !important;
}

.order-view-card {
  width: min(760px, calc(100vw - 28px)) !important;
  max-height: 88vh !important;
  padding: 20px !important;
  border-radius: 22px !important;
}

.order-view-top {
  margin-bottom: 16px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid rgba(148, 163, 184, .12) !important;
}

.order-view-top h2 {
  font-size: 22px !important;
}

.order-view-top p {
  font-size: 13px !important;
}

.order-view-hero {
  padding: 16px !important;
  border-radius: 18px !important;
  margin-bottom: 14px !important;
  gap: 12px !important;
}

.order-view-avatar {
  width: 58px !important;
  height: 58px !important;
  border-radius: 17px !important;
  font-size: 26px !important;
}

.order-view-hero h3 {
  font-size: 20px !important;
  margin: 0 0 4px !important;
}

.order-view-hero p {
  font-size: 13px !important;
}

.order-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.order-box {
  padding: 12px !important;
  border-radius: 15px !important;
  min-height: auto !important;
}

.order-box span {
  font-size: 10px !important;
  margin-bottom: 6px !important;
}

.order-box strong {
  font-size: 13px !important;
  line-height: 1.35 !important;
}

.order-box-full {
  grid-column: 1 / -1 !important;
}

.copy-detail-btn {
  height: 42px !important;
  margin-top: 14px !important;
  border-radius: 14px !important;
  font-size: 13px !important;
}

.password-eye-btn {
  padding: 6px 9px !important;
  font-size: 11px !important;
}

@media (max-width: 780px) {
  .order-view-card {
    width: min(560px, calc(100vw - 20px)) !important;
    padding: 16px !important;
    border-radius: 20px !important;
  }

  .order-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
  }

  .order-view-hero {
    padding: 14px !important;
  }

  .order-view-avatar {
    width: 52px !important;
    height: 52px !important;
    font-size: 22px !important;
  }

  .order-view-hero h3 {
    font-size: 18px !important;
  }
}

@media (max-width: 520px) {
  .order-view-modal {
    padding: 8px !important;
    align-items: flex-start !important;
  }

  .order-view-card {
    width: calc(100vw - 16px) !important;
    max-height: 94vh !important;
    padding: 14px !important;
    margin-top: 8px !important;
    border-radius: 18px !important;
  }

  .order-view-top h2 {
    font-size: 19px !important;
  }

  .order-view-hero {
    display: grid !important;
    grid-template-columns: 48px 1fr auto !important;
    align-items: center !important;
    padding: 12px !important;
  }

  .order-view-avatar {
    width: 48px !important;
    height: 48px !important;
    border-radius: 15px !important;
    font-size: 20px !important;
  }

  .order-grid {
    grid-template-columns: 1fr !important;
  }

  .order-box {
    padding: 11px !important;
  }
}

#serviceFilter {
  min-width: 160px !important;
}

#orders .latest-customer-row td {
  background: linear-gradient(90deg, rgba(245, 158, 11, .42), rgba(250, 204, 21, .20)) !important;
}

#orders .latest-customer-row td:first-child {
  border-left: 5px solid #facc15 !important;
}

#orders .latest-customer-row .new-order-badge {
  background: rgba(250, 204, 21, .18) !important;
  color: #fde68a !important;
  border: 1px solid rgba(250, 204, 21, .48) !important;
}

.dashboard-lang-switch {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  padding: 6px;
  border-radius: 16px;
  background: rgba(15, 23, 42, .56);
  border: 1px solid rgba(148, 163, 184, .16);
}

.dashboard-lang-switch button {
  min-width: 86px;
  height: 38px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: #cbd5e1;
  font-weight: 900;
  cursor: pointer;
}

.dashboard-lang-switch button.active,
.dashboard-lang-switch button:hover {
  background: linear-gradient(135deg, #3b82f6, #8b5cf6);
  color: #fff;
}

.modern-footer-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 10px;
  margin: 10px 0;
  border-radius: 18px;
  background: rgba(15, 23, 42, .58);
  border: 1px solid rgba(148, 163, 184, .16);
}

.modern-footer-controls button {
  flex: 1 1 auto;
  min-width: 72px;
  height: 38px;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 13px;
  background: rgba(30, 41, 59, .72);
  color: #dbeafe;
  font-weight: 900;
  cursor: pointer;
}

.modern-footer-controls button:hover,
.modern-footer-controls button.active {
  background: linear-gradient(135deg, #2563eb, #7c3aed);
  border-color: transparent;
  color: #fff;
}

#footerDarkModeBtn {
  flex-basis: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
}

.mode-dot {
  width: 11px;
  height: 11px;
  border-radius: 999px;
  background: #22c55e;
  box-shadow: 0 0 0 4px rgba(34, 197, 94, .14);
}

@media (max-width: 720px) {
  .dashboard-lang-switch {
    width: 100%;
    justify-content: center;
  }
  .dashboard-lang-switch button {
    flex: 1;
  }
}

#orders .latest-customer-row td,
#orders .latest-customer-row.payment-overdue-row td {
  background: linear-gradient(90deg, rgba(245, 158, 11, .55), rgba(250, 204, 21, .25)) !important;
}

#orders .latest-customer-row td:first-child,
#orders .latest-customer-row.payment-overdue-row td:first-child {
  border-left: 5px solid #facc15 !important;
}

#orders .latest-customer-row .status-badge,
#orders .latest-customer-row .badge {
  box-shadow: 0 0 0 1px rgba(250, 204, 21, .22) inset;
}

#orders .latest-customer-row td,
#orders .latest-customer-row.payment-overdue-row td {
  background: linear-gradient(90deg, rgba(245, 158, 11, .55), rgba(250, 204, 21, .25)) !important;
}
#orders .latest-customer-row td:first-child {
  border-left: 5px solid #facc15 !important;
}

.customer-ready-modal {
  position: fixed;
  inset: 0;
  z-index: 12000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: rgba(2, 6, 23, .72);
  backdrop-filter: blur(10px);
}

.customer-ready-modal.hidden {
  display: none !important;
}

.customer-ready-card {
  width: min(520px, 100%);
  border-radius: 24px;
  padding: 24px;
  background:
    radial-gradient(circle at top left, rgba(59,130,246,.20), transparent 34%),
    linear-gradient(145deg, rgba(15,23,42,.98), rgba(24,35,56,.98));
  border: 1px solid rgba(148,163,184,.18);
  box-shadow: 0 24px 70px rgba(0,0,0,.50);
}

.customer-ready-head {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 18px;
}

.customer-ready-head h2 {
  margin: 0;
  color: #f8fafc;
  font-size: 22px;
}

.customer-ready-head p {
  margin: 6px 0 0;
  color: #94a3b8;
}

.customer-ready-head button,
.customer-ready-actions .btn {
  border: 1px solid rgba(148,163,184,.18);
  background: rgba(51,65,85,.72);
  color: #e2e8f0;
  border-radius: 14px;
  padding: 11px 14px;
  font-weight: 900;
  cursor: pointer;
}

.customer-ready-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 14px;
}

.customer-ready-grid div,
.customer-ready-card label {
  background: rgba(15,23,42,.55);
  border: 1px solid rgba(148,163,184,.14);
  border-radius: 16px;
  padding: 13px;
}

.customer-ready-grid span,
.customer-ready-card label {
  color: #94a3b8;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-weight: 900;
}

.customer-ready-grid strong {
  display: block;
  margin-top: 7px;
  color: #f8fafc;
  font-size: 14px;
}

.customer-ready-card label {
  display: block;
  margin-top: 10px;
}

.customer-ready-card input {
  width: 100%;
  height: 44px;
  margin-top: 8px;
  border-radius: 13px;
  border: 1px solid rgba(96,165,250,.25);
  background: rgba(15,23,42,.76);
  color: #e2e8f0;
  padding: 0 12px;
}

.customer-ready-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 16px;
}

.customer-ready-actions .primary {
  background: linear-gradient(135deg, #3b82f6, #8b5cf6);
  color: #fff;
  border-color: transparent;
}

@media (max-width: 520px) {
  .customer-ready-grid,
  .customer-ready-actions {
    grid-template-columns: 1fr;
  }
}

.trash-bulk-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 14px 0;
  align-items: center;
}
.trash-bulk-actions button {
  height: 42px;
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 13px;
  background: rgba(51,65,85,.72);
  color: #e2e8f0;
  font-weight: 900;
  padding: 0 16px;
  cursor: pointer;
}
.trash-bulk-actions button:hover {
  background: rgba(59,130,246,.18);
  border-color: rgba(96,165,250,.42);
}
.trash-bulk-actions button.danger {
  background: rgba(239,68,68,.14);
  border-color: rgba(239,68,68,.34);
  color: #fecaca;
}
.trash-check {
  width: 20px;
  height: 20px;
  accent-color: #3b82f6;
  cursor: pointer;
}

.trash-bulk-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 14px 0;
  align-items: center;
}
.trash-bulk-actions button {
  height: 42px;
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 13px;
  background: rgba(51,65,85,.72);
  color: #e2e8f0;
  font-weight: 900;
  padding: 0 16px;
  cursor: pointer;
}
.trash-bulk-actions button.danger {
  background: rgba(239,68,68,.14);
  border-color: rgba(239,68,68,.34);
  color: #fecaca;
}
.trash-check {
  width: 20px;
  height: 20px;
  accent-color: #3b82f6;
  cursor: pointer;
}


.trash-toolbar {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 16px 0 10px;
}

.trash-tool-btn {
  height: 42px;
  border: 1px solid rgba(148, 163, 184, .20);
  border-radius: 13px;
  background: rgba(51, 65, 85, .72);
  color: #e2e8f0;
  font-weight: 900;
  padding: 0 16px;
  cursor: pointer;
  transition: .2s ease;
}

.trash-tool-btn:hover {
  background: rgba(59, 130, 246, .18);
  border-color: rgba(96, 165, 250, .45);
}

.trash-tool-btn.danger {
  color: #fecaca;
  background: rgba(239, 68, 68, .14);
  border-color: rgba(239, 68, 68, .35);
}

.trash-tool-btn.danger:hover {
  background: rgba(239, 68, 68, .22);
}

.trash-row-check {
  width: 22px;
  height: 22px;
  accent-color: #3b82f6;
  cursor: pointer;
}

.compact-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}


.trash-toolbar {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 16px 0 10px;
}
.trash-tool-btn {
  height: 42px;
  border: 1px solid rgba(148, 163, 184, .20);
  border-radius: 13px;
  background: rgba(51, 65, 85, .72);
  color: #e2e8f0;
  font-weight: 900;
  padding: 0 16px;
  cursor: pointer;
}
.trash-tool-btn.danger {
  color: #fecaca;
  background: rgba(239, 68, 68, .14);
  border-color: rgba(239, 68, 68, .35);
}
.trash-row-check {
  width: 22px;
  height: 22px;
  accent-color: #3b82f6;
  cursor: pointer;
}
.compact-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}


.trash-toolbar {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 16px 0 10px;
}
.trash-tool-btn {
  height: 42px;
  border: 1px solid rgba(148, 163, 184, .20);
  border-radius: 13px;
  background: rgba(51, 65, 85, .72);
  color: #e2e8f0;
  font-weight: 900;
  padding: 0 16px;
  cursor: pointer;
}
.trash-tool-btn.danger {
  color: #fecaca;
  background: rgba(239, 68, 68, .14);
  border-color: rgba(239, 68, 68, .35);
}
.trash-row-check {
  width: 22px;
  height: 22px;
  accent-color: #3b82f6;
  cursor: pointer;
}
.compact-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}


.trash-id-cell {
  display: inline-flex;
  align-items: center;
  gap: 14px;
}

.trash-id-cell .trash-row-check {
  width: 22px;
  height: 22px;
  accent-color: #3b82f6;
  cursor: pointer;
  flex: 0 0 auto;
}

.trash-row-check {
  width: 22px;
  height: 22px;
  accent-color: #3b82f6;
  cursor: pointer;
}

#trash th:first-child,
#trash td:first-child {
  width: 170px;
}

.trash-id-cell {
  display: flex;
  align-items: center;
  gap: 14px;
}

.trash-id-cell .trash-row-check,
.trash-row-check {
  width: 22px;
  height: 22px;
  accent-color: #3b82f6;
  cursor: pointer;
  flex: 0 0 auto;
}

.trash-toolbar {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 16px 0 10px;
}

.trash-tool-btn {
  height: 42px;
  border: 1px solid rgba(148, 163, 184, .20);
  border-radius: 13px;
  background: rgba(51, 65, 85, .72);
  color: #e2e8f0;
  font-weight: 900;
  padding: 0 16px;
  cursor: pointer;
}

.trash-tool-btn.danger {
  color: #fecaca;
  background: rgba(239, 68, 68, .14);
  border-color: rgba(239, 68, 68, .35);
}

.compact-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

#trash table thead tr th:nth-child(6) {
  display: none !important;
}

#trash table tbody tr td:first-child:has(input.trash-row-check:only-child) {
  display: none !important;
}

#trash table tbody tr:has(td:nth-child(6)) td:first-child {
  display: none !important;
}

#trash table thead th:first-child,
#trash table tbody td:first-child {
  width: 170px;
}

.trash-id-cell {
  min-width: 170px;
}

.trash-id-wrap {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  white-space: nowrap !important;
  margin: 0 !important;
  color: inherit !important;
  font-weight: inherit !important;
}

.trash-row-check {
  width: 22px !important;
  height: 22px !important;
  accent-color: #3b82f6;
  cursor: pointer;
  flex: 0 0 auto;
}

.trash-toolbar {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 16px 0 10px;
}

.trash-tool-btn {
  height: 42px;
  border: 1px solid rgba(148, 163, 184, .20);
  border-radius: 13px;
  background: rgba(51, 65, 85, .72);
  color: #e2e8f0;
  font-weight: 900;
  padding: 0 16px;
  cursor: pointer !important;
  pointer-events: auto !important;
}

.trash-tool-btn.danger,
.trash-bulk-actions button.danger {
  color: #fecaca;
  background: rgba(239, 68, 68, .14);
  border-color: rgba(239, 68, 68, .35);
}

.trash-id-cell {
  min-width: 170px;
}

.trash-id-wrap {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  white-space: nowrap !important;
  margin: 0 !important;
  color: inherit !important;
  font-weight: inherit !important;
}

.trash-row-check,
.stock-trash-row-check {
  width: 22px !important;
  height: 22px !important;
  accent-color: #3b82f6;
  cursor: pointer;
  flex: 0 0 auto;
}


.payment-status-chip { cursor: pointer; }
.payment-status-chip input[type="radio"] { pointer-events: none; }
.payment-status-chip.active {
  border-color: rgba(96, 165, 250, .75) !important;
  background: linear-gradient(135deg, rgba(59,130,246,.28), rgba(139,92,246,.28)) !important;
}

.trash-toolbar,
.stock-toolbar {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 16px 0 10px;
}

.trash-tool-btn {
  height: 42px;
  border: 1px solid rgba(148, 163, 184, .20);
  border-radius: 13px;
  background: rgba(51, 65, 85, .72);
  color: #e2e8f0;
  font-weight: 900;
  padding: 0 16px;
  cursor: pointer !important;
  pointer-events: auto !important;
}

.trash-tool-btn.danger {
  color: #fecaca;
  background: rgba(239, 68, 68, .14);
  border-color: rgba(239, 68, 68, .35);
}

.trash-id-wrap {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  white-space: nowrap !important;
  margin: 0 !important;
}

.stock-row-check,
.trash-row-check {
  width: 22px !important;
  height: 22px !important;
  accent-color: #3b82f6;
  cursor: pointer;
}

.trash-toolbar {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 16px 0 10px;
}
.trash-tool-btn {
  height: 42px;
  border: 1px solid rgba(148, 163, 184, .20);
  border-radius: 13px;
  background: rgba(51, 65, 85, .72);
  color: #e2e8f0;
  font-weight: 900;
  padding: 0 16px;
  cursor: pointer !important;
  pointer-events: auto !important;
}
.trash-tool-btn.danger {
  color: #fecaca;
  background: rgba(239, 68, 68, .14);
  border-color: rgba(239, 68, 68, .35);
}
.trash-id-wrap {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  white-space: nowrap !important;
  margin: 0 !important;
}
.trash-row-check,
.stock-trash-row-check {
  width: 22px !important;
  height: 22px !important;
  accent-color: #3b82f6;
  cursor: pointer;
}
.compact-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}


.hidden { display: none !important; }
#loginBtn {
  cursor: pointer !important;
  pointer-events: auto !important;
}

#loginPage { display:none !important; }
#app { display:grid !important; }
.hidden { display:none !important; }
.page { display:none; }
.page.active-page { display:block; }
button, .btn, .nav-btn, .row-action-btn, .trash-tool-btn { pointer-events:auto !important; cursor:pointer !important; }
.trash-toolbar,.stock-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0 10px}
.trash-tool-btn{height:42px;border:1px solid rgba(148,163,184,.2);border-radius:13px;background:rgba(51,65,85,.72);color:#e2e8f0;font-weight:900;padding:0 16px}
.trash-tool-btn.danger{color:#fecaca;background:rgba(239,68,68,.14);border-color:rgba(239,68,68,.35)}
.trash-id-wrap{display:inline-flex!important;align-items:center!important;gap:12px!important;white-space:nowrap!important;margin:0!important}
.stock-row-check,.stock-trash-row-check,.trash-row-check{width:22px!important;height:22px!important;accent-color:#3b82f6;cursor:pointer}
.compact-actions{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.row-action-btn{border:1px solid rgba(148,163,184,.2);border-radius:8px;background:rgba(51,65,85,.6);color:#e2e8f0;padding:8px 10px}
.row-action-btn.danger{color:#fecaca;background:rgba(239,68,68,.16)}
.service-brand{display:inline-flex;align-items:center;gap:8px}
.service-icon{width:28px;height:28px;border-radius:8px;display:inline-grid;place-items:center;background:rgba(59,130,246,.18);font-size:11px;font-weight:900}


.payment-badge{
  display:inline-flex;
  border-radius:999px;
  padding:5px 10px;
  font-size:12px;
  font-weight:800;
  border:1px solid rgba(148,163,184,.25);
}
.payment-paid{color:#86efac;background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.35)}
.payment-unpaid{color:#fecaca;background:rgba(239,68,68,.14);border-color:rgba(239,68,68,.35)}
.payment-pending{color:#fde68a;background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.35)}

.service-brand{
  display:inline-flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
}
.service-logo-img{
  width:24px;
  height:24px;
  border-radius:6px;
  object-fit:contain;
  background:rgba(255,255,255,.06);
  flex:0 0 auto;
}
#orders .table-wrap{ overflow-x:auto; }
#orders table{ min-width:1450px; table-layout:auto; }
#orders th,#orders td{ white-space:nowrap; vertical-align:middle; }
#orders th:nth-child(1),#orders td:nth-child(1){ min-width:105px; }
#orders th:nth-child(2),#orders td:nth-child(2){ min-width:170px; }
#orders th:nth-child(3),#orders td:nth-child(3){ min-width:135px; }
#orders th:nth-child(4),#orders td:nth-child(4){ min-width:145px; }
#orders th:nth-child(12),#orders td:nth-child(12){ min-width:190px; }

#orders table th,
#orders table td{
  display: table-cell !important;
  white-space: nowrap;
  vertical-align: middle;
}

#orders .table-wrap{
  overflow-x: auto;
}

#orders table{
  min-width: 1500px;
  table-layout: auto;
}

#orders th:nth-child(1), #orders td:nth-child(1){ min-width: 105px; }
#orders th:nth-child(2), #orders td:nth-child(2){ min-width: 180px; }
#orders th:nth-child(3), #orders td:nth-child(3){ min-width: 140px; }
#orders th:nth-child(4), #orders td:nth-child(4){ min-width: 160px; }
#orders th:nth-child(12), #orders td:nth-child(12){ min-width: 210px; }

.service-brand{
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  white-space: nowrap !important;
}

.service-logo-img{
  display: inline-block !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  border-radius: 6px !important;
  object-fit: contain !important;
  background: rgba(255,255,255,.08) !important;
}

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

.dashboard-click-card{
  cursor:pointer !important;
  transition:transform .15s ease, border-color .15s ease;
}
.dashboard-click-card:hover{
  transform:translateY(-2px);
  border-color:rgba(96,165,250,.55) !important;
}

#stock table thead{
  display: table-header-group;
}

#stockBody .stock-service-row > td{
  padding: 14px 24px !important;
  background: transparent !important;
}

.stock-service-card{
  border:1px solid rgba(148,163,184,.14);
  border-radius:24px;
  background:linear-gradient(135deg,rgba(15,23,42,.72),rgba(30,41,59,.50));
  box-shadow:0 18px 45px rgba(0,0,0,.18);
  padding:22px;
}

.stock-service-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

.stock-service-title{
  display:flex;
  flex-direction:column;
  gap:7px;
  font-size:22px;
  font-weight:900;
}

.stock-service-title .service-brand{
  font-size:22px;
  font-weight:900;
}

.stock-service-sub{
  color:#94a3b8;
  font-size:14px;
  font-weight:600;
}

.stock-service-actions{
  display:flex;
  align-items:center;
  gap:12px;
}

.stock-available-pill,
.stock-status-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  padding:9px 13px;
  font-weight:900;
  color:#6ee7b7;
  background:rgba(16,185,129,.13);
  border:1px solid rgba(16,185,129,.35);
}

.stock-open-btn{
  border:1px solid rgba(59,130,246,.38);
  border-radius:18px;
  padding:11px 22px;
  color:#dbeafe;
  background:rgba(37,99,235,.18);
  font-weight:900;
  cursor:pointer;
}

.stock-account-grid{
  margin-top:22px;
  display:grid;
  grid-template-columns:repeat(3,minmax(250px,1fr));
  gap:18px;
}

.stock-account-grid.hidden{
  display:none !important;
}

.stock-account-card{
  border:1px solid rgba(148,163,184,.14);
  border-radius:18px;
  background:rgba(15,23,42,.62);
  padding:18px;
}

.stock-account-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:16px;
  font-size:18px;
}

.stock-info-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.stock-info-grid div{
  border:1px solid rgba(148,163,184,.10);
  border-radius:13px;
  background:rgba(30,41,59,.48);
  padding:13px;
}

.stock-info-grid small{
  display:block;
  color:#94a3b8;
  text-transform:uppercase;
  letter-spacing:.09em;
  font-size:11px;
  margin-bottom:8px;
}

.stock-info-grid b{
  color:#e5e7eb;
  font-size:14px;
  word-break:break-word;
}

.stock-card-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:16px;
}

@media (max-width: 1100px){
  .stock-account-grid{ grid-template-columns:repeat(2,minmax(220px,1fr)); }
}

@media (max-width: 720px){
  .stock-service-head{ align-items:flex-start; flex-direction:column; }
  .stock-service-actions{ width:100%; justify-content:space-between; }
  .stock-account-grid{ grid-template-columns:1fr; }
}

.stock-open-btn{
  display:none !important;
}

#stockBody .stock-service-row > td{
  padding:16px 28px !important;
  overflow:visible !important;
}

.stock-service-card{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

.stock-service-head{
  min-height:64px;
}

.stock-account-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)) !important;
  gap:18px !important;
  width:100% !important;
  box-sizing:border-box !important;
  align-items:start !important;
}

.stock-account-card{
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

.stock-info-grid{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:12px !important;
  width:100% !important;
}

.stock-info-grid .stock-field,
.stock-info-grid div{
  min-width:0 !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

.stock-info-grid b{
  display:block !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

.stock-service-actions{
  flex-shrink:0 !important;
}

@media (max-width: 850px){
  .stock-account-grid{
    grid-template-columns:1fr !important;
  }
  .stock-info-grid{
    grid-template-columns:1fr !important;
  }
}

.stock-service-head{
  width:100% !important;
  border:0 !important;
  background:rgba(15,23,42,.18) !important;
  color:inherit !important;
  cursor:pointer !important;
  text-align:left !important;
  border-radius:16px !important;
  padding:18px !important;
}

.stock-service-head:hover{
  background:rgba(37,99,235,.13) !important;
}

.stock-chevron{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:12px;
  background:rgba(51,65,85,.7);
  color:#dbeafe;
  font-weight:900;
}

.stock-account-grid.hidden{
  display:none !important;
}

.stock-account-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)) !important;
  gap:18px !important;
  width:100% !important;
  box-sizing:border-box !important;
  align-items:start !important;
}

.stock-info-grid{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:12px !important;
}

.stock-info-grid b{
  display:block !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

.stock-service-head{
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  width:100% !important;
  padding:18px !important;
  border-radius:18px !important;
  background:rgba(15,23,42,.18) !important;
}

.stock-service-toggle{
  flex:1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  border:0 !important;
  background:transparent !important;
  color:inherit !important;
  cursor:pointer !important;
  text-align:left !important;
  padding:0 !important;
}

.stock-group-select{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:28px !important;
  height:28px !important;
  flex:0 0 28px !important;
  cursor:pointer !important;
}

.stock-group-select input{
  width:22px !important;
  height:22px !important;
  accent-color:#3b82f6 !important;
  cursor:pointer !important;
}

.stock-service-row.group-selected .stock-service-card{
  border-color:rgba(59,130,246,.65) !important;
  box-shadow:0 0 0 1px rgba(59,130,246,.24), 0 18px 45px rgba(0,0,0,.18) !important;
}

.stock-service-row.group-selected .stock-service-head{
  background:rgba(37,99,235,.14) !important;
}

.custom-service-input{
  margin-top:10px !important;
  width:100% !important;
  height:48px !important;
  border-radius:14px !important;
  border:1px solid rgba(96,165,250,.35) !important;
  background:rgba(15,23,42,.74) !important;
  color:#e5e7eb !important;
  padding:0 14px !important;
  font-weight:800 !important;
}
.custom-service-input.hidden{
  display:none !important;
}


.custom-service-input{
  display:block;
  margin-top:12px !important;
  width:100% !important;
  height:52px !important;
  border-radius:14px !important;
  border:1px solid rgba(96,165,250,.45) !important;
  background:rgba(15,23,42,.82) !important;
  color:#e5e7eb !important;
  padding:0 16px !important;
  font-weight:800 !important;
  outline:none !important;
}
.custom-service-input:focus{
  border-color:#60a5fa !important;
  box-shadow:0 0 0 3px rgba(96,165,250,.16) !important;
}
.custom-service-input.hidden{
  display:none !important;
}


#customServiceBox.custom-service-box{
  position: relative !important;
  display: block;
  grid-column: span 1;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 14px !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at top left, rgba(96,165,250,.16), transparent 42%),
    linear-gradient(145deg, rgba(15,23,42,.68), rgba(30,41,59,.54)) !important;
  border: 1px solid rgba(96,165,250,.30) !important;
  color: #dbeafe !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: .01em !important;
  box-shadow: 0 14px 34px rgba(2,6,23,.18) !important;
}

#customServiceBox.custom-service-box.hidden{
  display: none !important;
}

#customServiceBox.custom-service-box::before{
  content: "CUSTOM";
  position: absolute;
  top: 10px;
  right: 12px;
  padding: 3px 8px;
  border-radius: 999px;
  color: #bfdbfe;
  background: rgba(59,130,246,.18);
  border: 1px solid rgba(96,165,250,.28);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .08em;
}

#customService.custom-service-input,
#customServiceBox #customService{
  width: 100% !important;
  height: 52px !important;
  margin-top: 10px !important;
  padding: 0 16px !important;
  border-radius: 16px !important;
  background: rgba(15,23,42,.86) !important;
  border: 1px solid rgba(96,165,250,.42) !important;
  color: #f8fafc !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  outline: none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}

#customService.custom-service-input::placeholder,
#customServiceBox #customService::placeholder{
  color: #64748b !important;
  font-weight: 700 !important;
}

#customService.custom-service-input:focus,
#customServiceBox #customService:focus{
  border-color: rgba(96,165,250,.86) !important;
  box-shadow:
    0 0 0 4px rgba(59,130,246,.16),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
}

@media (max-width: 720px){
  #customServiceBox.custom-service-box{
    grid-column: 1 / -1 !important;
  }
}


#ordersBody tr.latest-customer-row,
#ordersBody tr.latest-customer-row td,
#ordersBody tr.new-order-row,
#ordersBody tr.new-order-row td{
  background: linear-gradient(90deg, rgba(255, 213, 79, .46), rgba(255, 193, 7, .24)) !important;
  color: #fff7cc !important;
}

#ordersBody tr.latest-customer-row td:first-child,
#ordersBody tr.new-order-row td:first-child{
  border-left: 6px solid #ffd43b !important;
}

#ordersBody tr.latest-customer-row:hover,
#ordersBody tr.latest-customer-row:hover td,
#ordersBody tr.new-order-row:hover,
#ordersBody tr.new-order-row:hover td{
  background: linear-gradient(90deg, rgba(255, 213, 79, .60), rgba(255, 193, 7, .34)) !important;
}

#ordersBody .new-order-badge{
  display:inline-flex !important;
  align-items:center !important;
  margin-left:8px !important;
  padding:3px 8px !important;
  border-radius:999px !important;
  background:rgba(250,204,21,.24) !important;
  border:1px solid rgba(250,204,21,.60) !important;
  color:#fde68a !important;
  font-size:10px !important;
  font-weight:950 !important;
  letter-spacing:.05em !important;
  text-transform:uppercase !important;
}


.order-view-modal{
  position:fixed !important;
  inset:0 !important;
  z-index:10000 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:22px !important;
  background:rgba(2,6,23,.78) !important;
  backdrop-filter:blur(10px) !important;
}
.order-view-modal.hidden{ display:none !important; }

.order-view-card{
  width:min(1040px,100%) !important;
  max-height:90vh !important;
  overflow:auto !important;
  border-radius:28px !important;
  padding:28px !important;
  background:
    radial-gradient(circle at top left, rgba(59,130,246,.24), transparent 33%),
    linear-gradient(145deg, rgba(15,23,42,.98), rgba(17,24,39,.98)) !important;
  border:1px solid rgba(148,163,184,.18) !important;
  box-shadow:0 28px 90px rgba(0,0,0,.58) !important;
}

.view-hero{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:18px;
  align-items:center;
  margin-bottom:22px;
  padding:18px;
  border-radius:22px;
  background:linear-gradient(135deg, rgba(59,130,246,.16), rgba(139,92,246,.12));
  border:1px solid rgba(96,165,250,.16);
}
.view-avatar{
  width:74px;
  height:74px;
  border-radius:22px;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:30px;
  font-weight:950;
  background:linear-gradient(135deg,#3b82f6,#8b5cf6);
  box-shadow:0 12px 34px rgba(59,130,246,.28);
}
.view-hero h3{ margin:0; color:#f8fafc; font-size:24px; font-weight:950; }
.view-hero p{ margin:5px 0 0; color:#cbd5e1; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.view-status-area{ display:flex; flex-direction:column; gap:9px; align-items:flex-end; }

.view-section-title{
  margin:18px 0 12px;
  color:#bfdbfe;
  font-weight:950;
  letter-spacing:.04em;
  text-transform:uppercase;
  font-size:12px;
}
.view-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:14px;
}
.view-box{
  border-radius:18px;
  padding:16px;
  background:rgba(30,41,59,.70);
  border:1px solid rgba(148,163,184,.12);
  min-width:0;
}
.view-box.account-box{
  background:linear-gradient(145deg, rgba(21,128,61,.16), rgba(30,41,59,.76));
  border-color:rgba(34,197,94,.20);
}
.view-box span{
  display:block;
  color:#94a3b8;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.07em;
  margin-bottom:8px;
}
.view-box strong{
  display:block;
  color:#f8fafc;
  font-size:15px;
  line-height:1.5;
  word-break:break-word;
}
.order-box-full{ grid-column:1 / -1; }

.password-view-box{
  position:relative;
  padding-right:82px;
}
.view-mini-btn{
  position:absolute;
  right:12px;
  bottom:14px;
  border:1px solid rgba(96,165,250,.32);
  background:rgba(59,130,246,.12);
  color:#bfdbfe;
  border-radius:10px;
  padding:7px 10px;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
}
.view-payment{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:6px 11px;
  font-size:12px;
  font-weight:950;
  border:1px solid rgba(148,163,184,.18);
}
.view-payment.payment-paid{ color:#86efac; background:rgba(34,197,94,.15); border-color:rgba(34,197,94,.35); }
.view-payment.payment-unpaid{ color:#fecaca; background:rgba(239,68,68,.15); border-color:rgba(239,68,68,.35); }
.view-payment.payment-pending{ color:#fde68a; background:rgba(245,158,11,.15); border-color:rgba(245,158,11,.35); }

.view-actions{
  display:flex;
  gap:12px;
  justify-content:flex-end;
  margin-top:22px;
  flex-wrap:wrap;
}
.view-actions button{
  min-width:140px;
  height:46px;
  border:0;
  border-radius:15px;
  color:#fff;
  font-weight:950;
  cursor:pointer;
  background:linear-gradient(135deg,#3b82f6,#8b5cf6);
}
.view-actions button.danger{
  background:linear-gradient(135deg,#ef4444,#dc2626);
}

@media(max-width:700px){
  .order-view-card{ padding:18px !important; border-radius:22px !important; }
  .view-hero{ grid-template-columns:1fr; }
  .view-status-area{ align-items:flex-start; }
  .view-actions{ flex-direction:column; }
  .view-actions button{ width:100%; }
}


.order-view-card{
  width:min(900px, calc(100vw - 28px)) !important;
  max-height:88vh !important;
  padding:22px !important;
  border-radius:24px !important;
}

.order-view-top{
  margin-bottom:14px !important;
  padding-bottom:12px !important;
}

.order-view-top h2,
#viewModalTitle{
  font-size:20px !important;
  line-height:1.2 !important;
}

.order-view-top p,
#viewModalSubtitle{
  font-size:12px !important;
}

.view-hero.compact{
  grid-template-columns:auto 1fr auto !important;
  gap:14px !important;
  padding:14px !important;
  border-radius:18px !important;
  margin-bottom:16px !important;
}

.view-avatar{
  width:56px !important;
  height:56px !important;
  border-radius:17px !important;
  font-size:23px !important;
}

.view-hero h3{
  font-size:20px !important;
}

.view-hero p{
  font-size:13px !important;
}

.view-section-title{
  margin:14px 0 9px !important;
  font-size:11px !important;
}

.view-grid.compact-grid,
.view-grid{
  grid-template-columns:repeat(auto-fit, minmax(170px, 1fr)) !important;
  gap:10px !important;
}

.view-box{
  border-radius:14px !important;
  padding:12px !important;
}

.view-box span{
  font-size:10px !important;
  margin-bottom:6px !important;
}

.view-box strong{
  font-size:13px !important;
}

.password-view-box{
  padding-right:74px !important;
}

.view-mini-btn{
  right:10px !important;
  bottom:11px !important;
  padding:6px 9px !important;
  font-size:11px !important;
}

.view-actions{
  margin-top:16px !important;
  gap:9px !important;
}

.view-actions button{
  min-width:118px !important;
  height:40px !important;
  border-radius:12px !important;
  font-size:13px !important;
}

.stock-avatar{
  background:linear-gradient(135deg,#10b981,#3b82f6) !important;
}

.trash-avatar{
  background:linear-gradient(135deg,#ef4444,#f97316) !important;
}

.stock-hero{
  background:linear-gradient(135deg, rgba(16,185,129,.13), rgba(59,130,246,.10)) !important;
}

.trash-hero{
  background:linear-gradient(135deg, rgba(239,68,68,.14), rgba(249,115,22,.09)) !important;
}

@media(max-width:700px){
  .order-view-card{ padding:16px !important; }
  .view-hero.compact{ grid-template-columns:1fr !important; }
  .view-status-area{ align-items:flex-start !important; }
  .view-grid.compact-grid,
  .view-grid{ grid-template-columns:1fr !important; }
}


.dashboard-lang-switch button.active{
  background: linear-gradient(135deg,#3b82f6,#8b5cf6) !important;
  color:#fff !important;
  border-color:transparent !important;
}
body.rtl{ direction:rtl; text-align:right; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Arial, sans-serif; }
body.rtl .app{ direction:rtl; }
body.rtl .sidebar{ border-right:0 !important; border-left:1px solid rgba(148,163,184,.12) !important; }
body.rtl .main{ direction:rtl; }
body.rtl .topbar, body.rtl .panel-head, body.rtl .page-title, body.rtl .brand, body.rtl .user-card{ flex-direction:row-reverse; }
body.rtl .top-actions, body.rtl .dashboard-lang-switch{ direction:rtl; }
body.rtl th, body.rtl td{ text-align:right; }
body.rtl .nav-btn{ text-align:right; }
body.rtl input, body.rtl textarea, body.rtl select{ text-align:right; }
body.rtl .compact-actions, body.rtl .view-actions, body.rtl .stock-card-actions{ direction:rtl; }
body.rtl .order-view-card, body.rtl .sold-account-box{ direction:rtl; text-align:right; }
body.rtl .order-view-top, body.rtl .view-hero{ direction:rtl; }
body.rtl .view-status-area{ align-items:flex-start; }
body.rtl .new-order-badge{ margin-left:0 !important; margin-right:8px !important; }
body.rtl .service-brand{ direction:rtl; }
body.rtl .payment-status-options, body.rtl .pay-buttons{ direction:rtl; }


.dashboard-lang-switch button.active-lang,#langKuBtn.active-lang,#langEnBtn.active-lang{background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;color:#fff!important;border-color:rgba(96,165,250,.55)!important}
body.rtl{direction:rtl;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif}
body.rtl .main,body.rtl .panel,body.rtl .form-panel,body.rtl .card,body.rtl input,body.rtl select,body.rtl textarea,body.rtl table{direction:rtl;text-align:right}
body.rtl .topbar,body.rtl .panel-head,body.rtl .page-title,body.rtl .stock-service-toggle,body.rtl .stock-service-head{direction:rtl}
body.rtl .top-actions,body.rtl .dashboard-lang-switch,body.rtl .compact-actions,body.rtl .stock-card-actions,body.rtl .view-actions{direction:rtl}
body.rtl .sidebar{direction:rtl}
body.rtl .nav-btn{text-align:right}
body.rtl th,body.rtl td{text-align:right}
body.rtl .service-brand{direction:rtl}
body.rtl .new-order-badge{margin-left:0!important;margin-right:8px!important}


.pro-form-grid label,
.add-pro-grid label,
.form-grid label{
  display:block !important;
}
.pro-form-grid label > input,
.pro-form-grid label > select,
.pro-form-grid label > textarea,
.add-pro-grid label > input,
.add-pro-grid label > select,
.add-pro-grid label > textarea,
.form-grid label > input,
.form-grid label > select,
.form-grid label > textarea{
  margin-top:10px !important;
}


#customPlanBox.hidden{
  display:none !important;
}
#customPlanBox{
  display:block;
}


.brand img.brand-logo,
.login-card img.login-logo,
img.brand-logo,
img.login-logo{
  display:block !important;
}

.brand-logo{
  width:58px !important;
  height:58px !important;
  object-fit:cover !important;
  border-radius:16px !important;
  box-shadow:0 10px 30px rgba(14,165,233,.22), 0 0 0 1px rgba(250,204,21,.22) !important;
  margin-right:12px !important;
  flex:0 0 auto !important;
}

.login-logo{
  width:96px !important;
  height:96px !important;
  object-fit:cover !important;
  border-radius:24px !important;
  margin:0 auto 16px !important;
  box-shadow:0 14px 44px rgba(14,165,233,.25), 0 0 0 1px rgba(250,204,21,.26) !important;
}

.partner-finance-panel{
  margin-bottom:24px !important;
  border-color:rgba(16,185,129,.20) !important;
  background:radial-gradient(circle at top left, rgba(16,185,129,.10), transparent 35%), rgba(15,23,42,.82) !important;
}

.finance-summary-grid{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:14px !important;
  margin:18px 0 !important;
}

.finance-card{
  padding:18px !important;
  border-radius:18px !important;
  background:rgba(30,41,59,.62) !important;
  border:1px solid rgba(148,163,184,.14) !important;
}

.finance-card span{
  display:block !important;
  color:#94a3b8 !important;
  font-size:12px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
  margin-bottom:8px !important;
}

.finance-card strong{
  color:#f8fafc !important;
  font-size:22px !important;
  font-weight:950 !important;
  background:none !important;
  -webkit-text-fill-color:initial !important;
}

.partner-invest-form{
  display:grid !important;
  grid-template-columns:1.2fr 1fr auto !important;
  gap:12px !important;
  align-items:end !important;
  padding:14px !important;
  border-radius:18px !important;
  background:rgba(2,6,23,.22) !important;
  border:1px solid rgba(148,163,184,.12) !important;
}

.partner-finance-table table{ min-width:900px !important; }

.partner-stat-pro{
  display:grid !important;
  grid-template-columns:1fr auto !important;
  gap:8px 14px !important;
  align-items:center !important;
  padding:14px !important;
  margin:10px 0 !important;
  border-radius:16px !important;
  background:rgba(30,41,59,.55) !important;
  border:1px solid rgba(148,163,184,.14) !important;
}

.partner-stat-pro b{ color:#f8fafc !important; font-size:15px !important; }
.partner-stat-pro span{ display:block !important; color:#94a3b8 !important; font-size:12px !important; margin-top:2px !important; }
.partner-stat-pro strong{ color:#86efac !important; font-size:15px !important; }
.partner-stat-pro small{ grid-column:1 / -1 !important; color:#cbd5e1 !important; font-size:12px !important; }

.finance-profit{ color:#86efac !important; font-weight:900 !important; }
.finance-balance{ color:#bfdbfe !important; font-weight:900 !important; }
.finance-negative{ color:#fecaca !important; font-weight:900 !important; }

#customPartnerBox.hidden{ display:none !important; }

@media(max-width:1100px){
  .finance-summary-grid{grid-template-columns:repeat(2,1fr)!important}
  .partner-invest-form{grid-template-columns:1fr!important}
}

@media(max-width:640px){
  .finance-summary-grid{grid-template-columns:1fr!important}
  .brand-logo{width:46px!important;height:46px!important}
}


.orange-border,.admin-cost-card{border-color:rgba(245,158,11,.35)!important}
.orange-border strong,.admin-cost-card strong{background:linear-gradient(135deg,#f59e0b,#facc15)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}
.admin-expense-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 0 22px}
.admin-expense-stat{padding:18px;border-radius:18px;background:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.14);box-shadow:0 12px 28px rgba(0,0,0,.20)}
.admin-expense-stat span{display:block;color:#94a3b8;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}
.admin-expense-stat strong{display:block;color:#f8fafc;font-size:25px;font-weight:950}
.admin-expense-stat.pending{border-color:rgba(245,158,11,.35);background:linear-gradient(145deg,rgba(245,158,11,.12),rgba(15,23,42,.78))}
.admin-expense-stat.admins{border-color:rgba(59,130,246,.35)}
.admin-expense-stat.month{border-color:rgba(139,92,246,.35)}
.admin-expense-stat.returned{border-color:rgba(34,197,94,.35)}
.admin-expense-form{padding:20px;border-radius:18px;background:rgba(30,41,59,.50);border:1px solid rgba(148,163,184,.14);margin-bottom:22px}
.admin-expense-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.admin-expense-note{grid-column:1/-1}
.admin-expense-note textarea{min-height:80px}
.admin-summary-panel{padding:18px;border-radius:18px;background:rgba(15,23,42,.58);border:1px solid rgba(148,163,184,.12);margin-bottom:18px}
.admin-summary-panel h2{margin:0 0 14px;font-size:18px;color:#f8fafc}
.admin-expense-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.admin-summary-card{text-align:left;border:1px solid rgba(245,158,11,.26);border-radius:16px;padding:14px;background:linear-gradient(145deg,rgba(245,158,11,.12),rgba(30,41,59,.55));cursor:pointer;transition:.2s;color:#e2e8f0}
.admin-summary-card:hover{transform:translateY(-2px);border-color:rgba(245,158,11,.55)}
.admin-summary-card span{display:block;color:#fde68a;font-weight:900;margin-bottom:7px}
.admin-summary-card strong{display:block;color:#f8fafc;font-size:21px;margin-bottom:4px}
.admin-summary-card small{color:#94a3b8;font-weight:700}
.admin-expense-filters{grid-template-columns:2fr 1fr!important}
.admin-expense-badge{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900;border:1px solid}
.admin-expense-badge.pending{color:#fde68a;background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.35)}
.admin-expense-badge.paid{color:#86efac;background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.35)}
.pending-money{color:#fde68a}.paid-money{color:#86efac}.empty-mini{color:#94a3b8;padding:12px}
@media(max-width:1100px){.admin-expense-cards{grid-template-columns:repeat(2,1fr)}.admin-expense-form-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.admin-expense-cards,.admin-expense-form-grid,.admin-expense-filters{grid-template-columns:1fr!important}}

.admin-expense-stat.returned span::after{
  content:"";
}
#adminExpenseStatusFilter,
label[for="adminExpenseReturnedInput"]{
  display:none !important;
}
.admin-expense-filters{
  grid-template-columns:1fr !important;
}

.admin-spending-hero{
  background:linear-gradient(135deg, rgba(245,158,11,.14), rgba(59,130,246,.10)) !important;
}
.admin-spending-avatar{
  background:linear-gradient(135deg,#f59e0b,#8b5cf6) !important;
}
.admin-expenses-page .trash-toolbar{
  margin-bottom:16px;
}
.admin-expenses-page .trash-id-wrap{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0;
}
.admin-expenses-page .trash-id-wrap input{
  width:16px;
  height:16px;
}

.trash-tool-btn.danger span,
#stockTrashDeleteAllBtn span,
#trashDeleteAllBtn span,
#adminTrashDeleteAllBtn span{
  letter-spacing:.01em;
}

#customWarrantyBox.hidden{
  display:none !important;
}
#customWarrantyBox{
  display:block;
}

.btn,
.trash-tool-btn,
.row-action-btn,
.icon-btn,
.pay,
.custom-pay-filter-btn,
.admin-summary-card,
button{
  min-height:42px;
  border-radius:14px !important;
  font-weight:850 !important;
  letter-spacing:.01em;
}

input, select, textarea{
  min-height:48px;
  border-radius:14px !important;
}

textarea{
  min-height:92px;
}

.form-actions .btn{
  min-width:150px;
  justify-content:center;
}

.admin-expenses-page{
  padding:30px !important;
}

.admin-expense-cards{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin:0 0 24px;
}

.admin-expense-stat{
  min-height:118px;
  padding:20px;
  border-radius:22px;
  background:
    radial-gradient(circle at top left, rgba(59,130,246,.16), transparent 45%),
    rgba(15,23,42,.74);
  border:1px solid rgba(148,163,184,.16);
  box-shadow:0 18px 44px rgba(0,0,0,.24);
}

.admin-expense-stat span{
  display:block;
  color:#94a3b8;
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.075em;
  margin-bottom:12px;
}

.admin-expense-stat strong{
  display:block;
  color:#f8fafc;
  font-size:25px;
  font-weight:950;
  line-height:1.25;
}

.admin-expense-stat.pending{
  border-color:rgba(245,158,11,.34);
  background:linear-gradient(145deg,rgba(245,158,11,.13),rgba(15,23,42,.82));
}

.admin-expense-stat.admins{
  border-color:rgba(59,130,246,.34);
}

.admin-expense-stat.month{
  border-color:rgba(139,92,246,.34);
}

.admin-expense-stat.returned{
  border-color:rgba(16,185,129,.34);
}

.admin-expense-form{
  padding:24px;
  border-radius:24px;
  background:
    radial-gradient(circle at top right, rgba(139,92,246,.13), transparent 38%),
    rgba(15,23,42,.60);
  border:1px solid rgba(148,163,184,.16);
  margin-bottom:24px;
}

.admin-expense-form-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  align-items:start;
}

.admin-expense-form-grid label{
  padding:16px;
  border-radius:20px;
  background:rgba(15,23,42,.45);
  border:1px solid rgba(148,163,184,.12);
  margin:0;
}

.admin-expense-form-grid label input,
.admin-expense-form-grid label select,
.admin-expense-form-grid label textarea{
  margin-top:10px;
}

.admin-expense-note{
  grid-column:1 / -1;
}

.admin-summary-panel{
  padding:22px;
  border-radius:24px;
  background:rgba(15,23,42,.55);
  border:1px solid rgba(148,163,184,.14);
  margin-bottom:22px;
}

.admin-summary-panel h2{
  margin:0 0 16px;
  color:#f8fafc;
  font-size:20px;
  font-weight:950;
}

.admin-expense-summary{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:14px;
}

.admin-summary-card{
  text-align:left;
  padding:17px;
  border:1px solid rgba(245,158,11,.28);
  background:linear-gradient(145deg,rgba(245,158,11,.13),rgba(30,41,59,.58));
  color:#e2e8f0;
  transition:.2s ease;
  cursor:pointer;
}

.admin-summary-card:hover{
  transform:translateY(-2px);
  border-color:rgba(245,158,11,.58);
  box-shadow:0 14px 36px rgba(0,0,0,.24);
}

.admin-summary-card span{
  display:block;
  color:#fde68a;
  font-weight:950;
  margin-bottom:8px;
}

.admin-summary-card strong{
  display:block;
  color:#f8fafc;
  font-size:22px;
  margin-bottom:4px;
}

.admin-summary-card small{
  color:#94a3b8;
  font-weight:800;
}

.admin-money,
.pending-money{
  color:#fde68a !important;
  font-weight:950 !important;
}

.admin-spending-hero{
  background:linear-gradient(135deg,rgba(245,158,11,.16),rgba(59,130,246,.11)) !important;
}

.admin-spending-avatar{
  background:linear-gradient(135deg,#f59e0b,#8b5cf6) !important;
}

.admin-spending-amount-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:999px;
  color:#fde68a;
  background:rgba(245,158,11,.16);
  border:1px solid rgba(245,158,11,.36);
  font-weight:950;
  white-space:nowrap;
}

.admin-expenses-page .trash-toolbar{
  margin-bottom:18px;
  gap:12px;
}

.admin-expenses-page .trash-id-wrap{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0;
}

.admin-expenses-page .trash-id-wrap input{
  width:16px;
  height:16px;
  min-height:16px;
}

.order-view-card{
  width:min(960px, calc(100vw - 32px)) !important;
  border-radius:28px !important;
}

.view-grid.compact-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:14px;
}

.view-box{
  border-radius:18px;
  padding:16px;
  background:rgba(30,41,59,.70);
  border:1px solid rgba(148,163,184,.12);
}

.view-box span{
  display:block;
  color:#94a3b8;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.07em;
  margin-bottom:8px;
}

.view-box strong{
  display:block;
  color:#f8fafc;
  font-size:15px;
  line-height:1.5;
  word-break:break-word;
}

.view-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:20px;
}

.view-actions button{
  min-width:130px;
  padding:12px 16px;
  border:1px solid rgba(96,165,250,.25);
  background:rgba(51,65,85,.65);
  color:#e2e8f0;
  cursor:pointer;
}

.view-actions button.danger{
  color:#fecaca;
  border-color:rgba(239,68,68,.35);
  background:rgba(239,68,68,.12);
}

@media(max-width:1100px){
  .admin-expense-cards{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .admin-expense-form-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:700px){
  .admin-expense-cards,
  .admin-expense-form-grid{
    grid-template-columns:1fr;
  }
  .admin-expenses-page{
    padding:18px !important;
  }
  .view-actions button{
    width:100%;
  }
}


.add-customer-copy-box{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:99999;
  width:min(470px, calc(100vw - 44px));
  padding:22px;
  border-radius:24px;
  background:
    radial-gradient(circle at top left, rgba(16,185,129,.22), transparent 36%),
    linear-gradient(145deg, rgba(15,23,42,.98), rgba(30,41,59,.98));
  border:1px solid rgba(148,163,184,.18);
  box-shadow:0 28px 90px rgba(0,0,0,.55);
  transform:translateY(18px);
  opacity:0;
  pointer-events:none;
  transition:.25s ease;
  backdrop-filter:blur(14px);
}

.add-customer-copy-box.show{
  transform:translateY(0);
  opacity:1;
  pointer-events:auto;
}

.add-copy-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  margin-bottom:16px;
}

.add-copy-head h3{
  margin:0;
  color:#f8fafc;
  font-size:20px;
  font-weight:950;
}

.add-copy-head p{
  margin:5px 0 0;
  color:#94a3b8;
  font-size:13px;
}

.add-copy-head button{
  width:38px;
  height:38px;
  border-radius:14px;
  border:1px solid rgba(239,68,68,.30);
  background:rgba(239,68,68,.10);
  color:#fecaca;
  font-size:18px;
  cursor:pointer;
}

.add-copy-preview{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-bottom:14px;
}

.add-copy-preview div{
  background:rgba(15,23,42,.60);
  border:1px solid rgba(148,163,184,.14);
  border-radius:16px;
  padding:12px;
  min-width:0;
}

.add-copy-preview .full{
  grid-column:1 / -1;
}

.add-copy-preview span{
  display:block;
  color:#94a3b8;
  font-size:11px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
  margin-bottom:6px;
}

.add-copy-preview strong{
  display:block;
  color:#f8fafc;
  font-size:14px;
  font-weight:850;
  word-break:break-word;
}

#addCustomerCopyText{
  width:100%;
  min-height:210px;
  resize:none;
  border-radius:18px;
  padding:14px;
  background:rgba(2,6,23,.72);
  border:1px solid rgba(96,165,250,.22);
  color:#e2e8f0;
  font-family:"SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size:13px;
  line-height:1.6;
  margin:0 0 14px;
}

.add-copy-actions{
  display:flex;
  gap:12px;
}

.add-copy-actions button{
  flex:1;
  min-height:46px;
  border-radius:16px;
  border:0;
  color:#fff;
  font-weight:950;
  cursor:pointer;
}

.copy-main-btn{
  background:linear-gradient(135deg,#10b981,#2563eb);
}

.copy-close-btn{
  background:rgba(51,65,85,.85);
  border:1px solid rgba(148,163,184,.18) !important;
}

@media(max-width:640px){
  .add-customer-copy-box{
    right:14px;
    left:14px;
    bottom:14px;
    width:auto;
    padding:18px;
  }
  .add-copy-preview{
    grid-template-columns:1fr;
  }
  .add-copy-actions{
    flex-direction:column;
  }
}

#getStockBtn{
  min-width:96px;
  white-space:nowrap;
}
#selectedStockId:not([value=""]) ~ *{
  --stock-selected: 1;
}

.login-msg{
  display:block;
  min-height:20px;
  margin-top:12px !important;
  color:#fbbf24 !important;
  text-align:center;
  font-weight:800;
}
#app.hidden,
#loginPage.hidden{
  display:none !important;
}
.login-page{
  min-height:100vh !important;
  display:grid;
  place-items:center;
}

#loginPage{
  display:grid !important;
  min-height:100vh !important;
  place-items:center !important;
  opacity:1 !important;
  visibility:visible !important;
}
#loginPage.hidden{
  display:none !important;
}
#app.hidden{
  display:none !important;
}
.login-msg{
  display:block;
  min-height:22px;
  margin-top:12px !important;
  color:#fbbf24 !important;
  text-align:center;
  font-weight:800;
}

.login-msg{display:block;min-height:22px;margin-top:12px!important;color:#fbbf24!important;text-align:center;font-weight:800;}#app.hidden,#loginPage.hidden{display:none!important;}


.add-customer-copy-modal{
  position:fixed;
  inset:0;
  z-index:20000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(2,6,23,.76);
  backdrop-filter:blur(12px);
}
.add-customer-copy-modal.hidden{display:none!important;}
.add-customer-copy-card{
  width:min(560px,100%);
  border-radius:28px;
  padding:24px;
  background:
    radial-gradient(circle at top left, rgba(250,204,21,.24), transparent 34%),
    radial-gradient(circle at bottom right, rgba(59,130,246,.18), transparent 32%),
    linear-gradient(145deg, rgba(15,23,42,.98), rgba(30,41,59,.98));
  border:1px solid rgba(250,204,21,.22);
  box-shadow:0 28px 90px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.06);
  color:#f8fafc;
}
.add-customer-copy-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:18px;}
.add-customer-copy-head h2{margin:0;font-size:23px;color:#fff7cc;}
.add-customer-copy-head p{margin:7px 0 0;color:#cbd5e1;font-weight:700;}
.copy-close-x{width:42px;height:42px;border-radius:14px;border:1px solid rgba(148,163,184,.22);background:rgba(15,23,42,.66);color:#f8fafc;font-size:24px;font-weight:900;cursor:pointer;}
.copy-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;}
.copy-preview-grid div{padding:13px;border-radius:17px;background:rgba(15,23,42,.58);border:1px solid rgba(250,204,21,.16);}
.copy-preview-grid span{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#facc15;font-weight:900;margin-bottom:7px;}
.copy-preview-grid strong{display:block;font-size:14px;color:#f8fafc;word-break:break-word;}
#addCustomerCopyText{width:100%;min-height:230px;resize:vertical;border-radius:18px;border:1px solid rgba(96,165,250,.24);background:rgba(2,6,23,.62);color:#e2e8f0;padding:16px;line-height:1.75;font-weight:800;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);}
.copy-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;}
.copy-modal-actions button{border:1px solid rgba(148,163,184,.20);background:rgba(51,65,85,.72);color:#e2e8f0;border-radius:16px;padding:13px 15px;font-weight:950;cursor:pointer;}
.copy-modal-actions .copy-primary{background:linear-gradient(135deg,#facc15,#f59e0b);border-color:transparent;color:#1f2937;box-shadow:0 12px 30px rgba(245,158,11,.25);}
#ordersBody tr.latest-customer-row,#ordersBody tr.latest-customer-row td,#ordersBody tr.new-order-row,#ordersBody tr.new-order-row td{background:linear-gradient(90deg,rgba(250,204,21,.70),rgba(234,179,8,.42))!important;color:#fffbe6!important;}
#ordersBody tr.latest-customer-row td:first-child,#ordersBody tr.new-order-row td:first-child{border-left:7px solid #eab308!important;}
@media(max-width:520px){.copy-preview-grid,.copy-modal-actions{grid-template-columns:1fr}.add-customer-copy-card{padding:18px}#addCustomerCopyText{min-height:210px}}


#addCustomerCopyBox.ks-copy-modal{position:fixed!important;inset:0!important;z-index:2147483000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:22px!important;background:rgba(2,6,23,.78)!important;backdrop-filter:blur(14px)!important;opacity:1!important;transform:none!important;pointer-events:auto!important;width:auto!important;height:auto!important;right:auto!important;bottom:auto!important;left:auto!important;top:auto!important;border:0!important;box-shadow:none!important;}
#addCustomerCopyBox.ks-copy-modal.hidden{display:none!important;}
#addCustomerCopyBox .ks-copy-card{position:relative!important;width:min(680px,96vw)!important;max-height:92vh!important;overflow:auto!important;border-radius:30px!important;padding:26px!important;color:#f8fafc!important;background:radial-gradient(circle at top left,rgba(250,204,21,.30),transparent 34%),radial-gradient(circle at bottom right,rgba(59,130,246,.20),transparent 34%),linear-gradient(145deg,#0f172a,#111827 55%,#172033)!important;border:1px solid rgba(250,204,21,.26)!important;box-shadow:0 30px 100px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.08)!important;}
#addCustomerCopyBox .ks-copy-x{position:absolute!important;top:18px!important;right:18px!important;width:42px!important;height:42px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.14)!important;background:rgba(15,23,42,.74)!important;color:#fff!important;font-size:24px!important;font-weight:900!important;cursor:pointer!important;}
#addCustomerCopyBox .ks-copy-top{display:flex!important;align-items:center!important;gap:16px!important;padding-right:46px!important;margin-bottom:18px!important;}
#addCustomerCopyBox .ks-copy-icon{width:58px!important;height:58px!important;border-radius:20px!important;display:grid!important;place-items:center!important;font-size:28px!important;background:linear-gradient(135deg,#facc15,#f97316)!important;box-shadow:0 14px 34px rgba(250,204,21,.25)!important;}
#addCustomerCopyBox .ks-copy-top h2{margin:0!important;font-size:25px!important;line-height:1.25!important;color:#fff7cc!important;font-weight:950!important;}
#addCustomerCopyBox .ks-copy-top p{margin:7px 0 0!important;color:#cbd5e1!important;font-weight:800!important;}
#addCustomerCopyBox .ks-copy-info-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin:16px 0!important;}
#addCustomerCopyBox .ks-copy-info-grid div{padding:14px!important;border-radius:18px!important;background:rgba(15,23,42,.62)!important;border:1px solid rgba(250,204,21,.16)!important;min-width:0!important;}
#addCustomerCopyBox .ks-copy-info-grid span{display:block!important;margin-bottom:7px!important;color:#facc15!important;font-size:12px!important;font-weight:950!important;letter-spacing:.03em!important;}
#addCustomerCopyBox .ks-copy-info-grid strong{display:block!important;color:#f8fafc!important;font-size:15px!important;font-weight:900!important;word-break:break-word!important;}
#addCustomerCopyBox .ks-copy-message{white-space:pre-wrap!important;direction:rtl!important;text-align:right!important;border-radius:22px!important;padding:18px 20px!important;margin-top:12px!important;background:linear-gradient(180deg,rgba(2,6,23,.76),rgba(15,23,42,.72))!important;border:1px solid rgba(96,165,250,.24)!important;color:#e5e7eb!important;line-height:1.9!important;font-size:15px!important;font-weight:850!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;}
#addCustomerCopyBox .ks-copy-hidden-text{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;}
#addCustomerCopyBox .ks-copy-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;margin-top:18px!important;}
#addCustomerCopyBox .ks-copy-actions button{height:50px!important;border-radius:17px!important;font-weight:950!important;font-size:15px!important;cursor:pointer!important;}
#addCustomerCopyBox .ks-copy-main{border:0!important;background:linear-gradient(135deg,#facc15,#f59e0b)!important;color:#1f2937!important;box-shadow:0 14px 34px rgba(245,158,11,.26)!important;}
#addCustomerCopyBox .ks-copy-secondary{border:1px solid rgba(148,163,184,.22)!important;background:rgba(51,65,85,.78)!important;color:#e2e8f0!important;}
@media(max-width:560px){#addCustomerCopyBox.ks-copy-modal{padding:12px!important;align-items:flex-end!important}#addCustomerCopyBox .ks-copy-card{border-radius:24px 24px 0 0!important;padding:20px!important;width:100%!important;max-height:88vh!important}#addCustomerCopyBox .ks-copy-info-grid,#addCustomerCopyBox .ks-copy-actions{grid-template-columns:1fr!important}#addCustomerCopyBox .ks-copy-top h2{font-size:21px!important}}

#ordersBody tr.latest-customer-row,
#ordersBody tr.latest-customer-row td,
#ordersBody tr.new-order-row,
#ordersBody tr.new-order-row td{
  background:#facc15 !important;
  background-image:linear-gradient(90deg,#facc15,#eab308) !important;
  color:#111827 !important;
  font-weight:950 !important;
}
#ordersBody tr.latest-customer-row td *,
#ordersBody tr.new-order-row td *{
  color:#111827 !important;
}
#ordersBody tr.latest-customer-row td:first-child,
#ordersBody tr.new-order-row td:first-child{
  border-left:8px solid #92400e !important;
}
#ordersBody tr.latest-customer-row:hover,
#ordersBody tr.latest-customer-row:hover td,
#ordersBody tr.new-order-row:hover,
#ordersBody tr.new-order-row:hover td{
  background:#fbbf24 !important;
  background-image:linear-gradient(90deg,#fbbf24,#f59e0b) !important;
  color:#111827 !important;
}
#ordersBody .new-order-badge{
  display:inline-flex !important;
  margin-left:8px !important;
  padding:3px 8px !important;
  border-radius:999px !important;
  background:#111827 !important;
  color:#facc15 !important;
  font-size:11px !important;
  font-weight:1000 !important;
  vertical-align:middle !important;
}
#ordersBody tr.latest-customer-row .new-order-badge,
#ordersBody tr.new-order-row .new-order-badge{
  color:#facc15 !important;
}

.ks-copy-overlay{position:fixed;inset:0;z-index:99999;background:rgba(2,6,23,.72);display:flex;align-items:center;justify-content:center;padding:22px;backdrop-filter:blur(10px)}
.ks-copy-card{width:min(560px,96vw);border:1px solid rgba(96,165,250,.45);border-radius:26px;background:linear-gradient(145deg,#0f172a,#111c38 55%,#0b3b55);box-shadow:0 25px 80px rgba(0,0,0,.45);padding:24px;color:#fff;text-align:right;direction:rtl}
.ks-copy-card h2{margin:0 0 14px;font-size:28px}.ks-copy-card pre{white-space:pre-wrap;direction:rtl;text-align:right;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:18px;line-height:1.9;font-size:16px}.ks-copy-card>div:last-child{display:flex;gap:12px;justify-content:flex-start;margin-top:16px}

.ks-beauty-copy-overlay{position:fixed;inset:0;background:rgba(2,6,23,.72);backdrop-filter:blur(12px);z-index:99999;display:flex;align-items:center;justify-content:center;padding:24px}.ks-beauty-copy-card{width:min(520px,96vw);background:linear-gradient(145deg,#101a33,#111827 60%,#172554);border:1px solid rgba(96,165,250,.35);box-shadow:0 25px 70px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.06);border-radius:28px;padding:28px;position:relative;text-align:center;color:#f8fafc}.ks-copy-x{position:absolute;top:14px;right:16px;width:34px;height:34px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;font-size:22px}.ks-copy-icon{width:74px;height:74px;border-radius:24px;margin:0 auto 12px;display:grid;place-items:center;font-size:34px;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 14px 34px rgba(59,130,246,.28)}.ks-beauty-copy-card h2{font-size:28px;margin:4px 0 6px}.ks-beauty-copy-card p{color:#cbd5e1;margin:0 0 18px}.ks-beauty-copy-card pre{text-align:right;direction:rtl;white-space:pre-wrap;line-height:1.9;font-size:16px;background:rgba(15,23,42,.82);border:1px solid rgba(148,163,184,.22);border-radius:20px;padding:18px;margin:0 0 18px;color:#e5e7eb;max-height:42vh;overflow:auto}.ks-copy-actions{display:flex;gap:12px;justify-content:center}.ks-copy-actions .btn{min-width:130px}


#addCustomerCopyBox{display:none!important;}
.ks-beauty-copy-overlay.ks-final-modal{
  position:fixed!important; inset:0!important; z-index:999999!important;
  display:flex!important; align-items:center!important; justify-content:center!important;
  padding:24px!important; background:rgba(5,10,25,.72)!important; backdrop-filter:blur(14px)!important;
}
.ks-final-card{
  width:min(760px,94vw)!important; max-height:92vh!important; overflow:auto!important;
  border-radius:30px!important; padding:34px!important; margin:0!important;
  background:linear-gradient(145deg,rgba(16,30,58,.98),rgba(13,22,43,.98))!important;
  border:1px solid rgba(90,130,230,.35)!important; box-shadow:0 30px 90px rgba(0,0,0,.55)!important;
  color:#fff!important; direction:ltr!important; transform:none!important; left:auto!important; top:auto!important;
}
.ks-final-card .ks-copy-x{position:absolute!important; right:28px!important; top:26px!important; width:42px!important; height:42px!important; border-radius:16px!important; border:1px solid rgba(255,255,255,.12)!important; background:rgba(255,255,255,.06)!important; color:#fff!important; font-size:24px!important; cursor:pointer!important;}
.ks-final-top{display:flex!important; gap:16px!important; align-items:center!important; margin-bottom:26px!important;}
.ks-final-top h2{font-size:30px!important; line-height:1.2!important; margin:0 0 8px!important; color:#fff!important;}
.ks-final-top p{font-size:18px!important; margin:0!important; color:rgba(230,238,255,.70)!important;}
.ks-final-card .ks-copy-icon{width:58px!important; height:58px!important; display:grid!important; place-items:center!important; border-radius:18px!important; background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important; font-size:26px!important; flex:0 0 auto!important;}
.ks-final-grid{display:grid!important; grid-template-columns:1fr 1fr!important; gap:18px!important; margin-bottom:22px!important;}
.ks-final-grid>div{background:rgba(255,255,255,.055)!important; border:1px solid rgba(120,160,255,.18)!important; border-radius:22px!important; padding:20px!important;}
.ks-final-grid span,.ks-final-card label{display:block!important; text-transform:uppercase!important; letter-spacing:.12em!important; font-size:14px!important; font-weight:800!important; color:rgba(220,230,255,.62)!important; margin-bottom:12px!important;}
.ks-final-grid strong{display:block!important; font-size:24px!important; color:#fff!important; word-break:break-word!important;}
.ks-final-field{border-radius:18px!important; padding:20px!important; margin:0 0 20px!important; background:rgba(8,18,40,.75)!important; border:1px solid rgba(80,130,255,.32)!important; font-size:22px!important; color:#fff!important; min-height:66px!important; word-break:break-word!important;}
.ks-final-copy-text{position:absolute!important; left:-9999px!important; width:1px!important; height:1px!important; opacity:0!important;}
.ks-final-card .ks-copy-actions{display:grid!important; grid-template-columns:1fr 1fr!important; gap:18px!important; margin-top:8px!important;}
.ks-final-card .ks-copy-actions button{height:64px!important; border-radius:18px!important; font-size:18px!important; font-weight:900!important; cursor:pointer!important; border:0!important;}
.ks-final-card .ks-copy-main{background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important; color:#fff!important;}
.ks-final-card .ks-copy-close{background:rgba(255,255,255,.10)!important; color:#fff!important; border:1px solid rgba(255,255,255,.14)!important;}
@media(max-width:700px){.ks-final-card{padding:24px!important;border-radius:24px!important}.ks-final-grid{grid-template-columns:1fr!important}.ks-final-card .ks-copy-actions{grid-template-columns:1fr!important}.ks-final-top h2{font-size:24px!important}.ks-final-field,.ks-final-grid strong{font-size:18px!important}}

.add-customer-copy-box,
.add-customer-copy-modal,
.ks-copy-modal,
.ks-beauty-copy-overlay{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}
#ksCustomerReadyOverlay.ks-customer-ready-overlay{
  position:fixed !important;
  inset:0 !important;
  z-index:2147483647 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:24px !important;
  background:rgba(3,7,18,.72) !important;
  backdrop-filter:blur(14px) !important;
}
.ks-customer-ready-card{
  width:min(760px,94vw) !important;
  max-height:90vh !important;
  overflow:auto !important;
  border-radius:28px !important;
  padding:36px !important;
  background:linear-gradient(145deg,#132037 0%,#101a2f 45%,#0f172a 100%) !important;
  border:1px solid rgba(96,165,250,.25) !important;
  box-shadow:0 30px 90px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.06) !important;
  color:#f8fafc !important;
  position:relative !important;
  font-family:inherit !important;
}
.ks-ready-x{
  position:absolute !important;
  top:24px !important;
  right:28px !important;
  width:48px !important;
  height:48px !important;
  border-radius:16px !important;
  border:1px solid rgba(248,113,113,.45) !important;
  background:rgba(127,29,29,.18) !important;
  color:#fecaca !important;
  font-size:26px !important;
  cursor:pointer !important;
}
.ks-ready-head h2{
  margin:0 0 10px !important;
  font-size:30px !important;
  line-height:1.15 !important;
  color:#fff !important;
  font-weight:900 !important;
}
.ks-ready-head p{
  margin:0 0 30px !important;
  font-size:18px !important;
  color:#94a3b8 !important;
}
.ks-ready-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:20px !important;
  margin-bottom:24px !important;
}
.ks-ready-grid>div,
.ks-ready-field{
  background:rgba(30,41,59,.74) !important;
  border:1px solid rgba(148,163,184,.18) !important;
  border-radius:22px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.ks-ready-grid>div{
  padding:22px !important;
  min-height:92px !important;
}
.ks-ready-grid span{
  display:block !important;
  color:#9ca3af !important;
  text-transform:uppercase !important;
  letter-spacing:.14em !important;
  font-size:14px !important;
  font-weight:900 !important;
  margin-bottom:14px !important;
}
.ks-ready-grid strong{
  display:block !important;
  color:#fff !important;
  font-size:23px !important;
  font-weight:900 !important;
  overflow-wrap:anywhere !important;
}
.ks-customer-ready-card label{
  display:block !important;
  color:#cbd5e1 !important;
  font-size:18px !important;
  font-weight:900 !important;
  margin:18px 0 10px !important;
}
.ks-ready-field{
  padding:18px 22px !important;
  min-height:62px !important;
  color:#fff !important;
  font-size:22px !important;
  display:flex !important;
  align-items:center !important;
  overflow-wrap:anywhere !important;
}
#ksReadyCopyText{
  position:absolute !important;
  left:-9999px !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
}
#ksReadyCopyText.ks-copy-visible-fallback{
  position:static !important;
  width:100% !important;
  height:140px !important;
  opacity:1 !important;
  margin-top:18px !important;
}
.ks-ready-actions{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:20px !important;
  margin-top:28px !important;
}
.ks-ready-actions button{
  height:64px !important;
  border:0 !important;
  border-radius:20px !important;
  font-weight:900 !important;
  font-size:18px !important;
  color:#fff !important;
  cursor:pointer !important;
}
.ks-ready-copy{
  background:linear-gradient(135deg,#3b82f6,#8b5cf6) !important;
  box-shadow:0 16px 36px rgba(59,130,246,.28) !important;
}
.ks-ready-close{
  background:#334155 !important;
}
#ordersBody tr.ks-latest-row-force,
#ordersBody tr.latest-customer-row,
#ordersBody tr.new-order-row{
  background:linear-gradient(90deg,#facc15 0%,#f59e0b 100%) !important;
  color:#111827 !important;
  box-shadow:inset 0 0 0 9999px rgba(250,204,21,.78) !important;
}
#ordersBody tr.ks-latest-row-force td,
#ordersBody tr.latest-customer-row td,
#ordersBody tr.new-order-row td{
  color:#111827 !important;
  font-weight:900 !important;
  border-color:rgba(120,53,15,.28) !important;
}
#ordersBody tr.ks-latest-row-force .badge,
#ordersBody tr.ks-latest-row-force .status-badge,
#ordersBody tr.ks-latest-row-force .payment-badge,
#ordersBody tr.ks-latest-row-force .row-action-btn{
  box-shadow:none !important;
}
@media(max-width:700px){
  .ks-customer-ready-card{padding:24px !important;border-radius:24px !important;}
  .ks-ready-grid{grid-template-columns:1fr !important;}
  .ks-ready-actions{grid-template-columns:1fr !important;}
}

#soldAccountBox,
#addCustomerCopyBox,
.add-customer-copy-box,
.add-customer-copy-modal,
.ks-copy-modal,
.ks-beauty-copy-overlay{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}
#ksProCustomerReady{position:fixed!important;inset:0!important;z-index:2147483647!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:24px!important;background:rgba(2,6,23,.72)!important;backdrop-filter:blur(16px)!important;}
#ksProCustomerReady .ks-pro-ready-card{width:min(760px,94vw)!important;max-height:92vh!important;overflow:auto!important;border-radius:30px!important;padding:30px!important;color:#f8fafc!important;background:radial-gradient(circle at top left,rgba(59,130,246,.24),transparent 36%),linear-gradient(145deg,#0f172a,#111827 62%,#172033)!important;border:1px solid rgba(148,163,184,.22)!important;box-shadow:0 30px 95px rgba(0,0,0,.60),inset 0 1px 0 rgba(255,255,255,.08)!important;position:relative!important;direction:ltr!important;text-align:left!important;}
#ksProCustomerReady .ks-pro-close-x{position:absolute!important;top:22px!important;right:24px!important;width:56px!important;height:56px!important;border-radius:18px!important;border:1px solid rgba(244,63,94,.45)!important;background:rgba(244,63,94,.10)!important;color:#fff!important;font-size:0!important;cursor:pointer!important;}
#ksProCustomerReady .ks-pro-close-x:before{content:"×";font-size:30px!important;line-height:1!important;font-weight:900!important;}
#ksProCustomerReady h2{font-size:30px!important;line-height:1.15!important;margin:0 70px 10px 0!important;font-weight:950!important;color:#fff!important;}
#ksProCustomerReady .ks-pro-sub{margin:0 0 28px!important;color:#94a3b8!important;font-size:18px!important;font-weight:700!important;}
#ksProCustomerReady .ks-pro-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important;margin-bottom:26px!important;}
#ksProCustomerReady .ks-pro-cell{min-height:96px!important;border-radius:22px!important;padding:20px!important;background:rgba(30,41,59,.72)!important;border:1px solid rgba(148,163,184,.20)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;}
#ksProCustomerReady .ks-pro-cell span{display:block!important;letter-spacing:.16em!important;text-transform:uppercase!important;font-size:15px!important;font-weight:950!important;color:#a7b3c7!important;margin-bottom:14px!important;}
#ksProCustomerReady .ks-pro-cell strong{display:block!important;font-size:24px!important;font-weight:950!important;color:#f8fafc!important;word-break:break-word!important;}
#ksProCustomerReady .ks-pro-label{display:block!important;color:#dbe4f0!important;font-size:18px!important;font-weight:950!important;margin:16px 0 10px!important;}
#ksProCustomerReady .ks-pro-field{width:100%!important;min-height:66px!important;border-radius:18px!important;border:1px solid rgba(59,130,246,.36)!important;background:#0f172a!important;color:#fff!important;padding:18px 20px!important;font-size:22px!important;font-weight:800!important;display:flex!important;align-items:center!important;word-break:break-all!important;}
#ksProCustomerReady .ks-pro-copy-text{position:absolute!important;left:-99999px!important;top:auto!important;width:1px!important;height:1px!important;opacity:.01!important;}
#ksProCustomerReady .ks-pro-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important;margin-top:26px!important;}
#ksProCustomerReady .ks-pro-actions button{height:66px!important;border:0!important;border-radius:20px!important;color:#fff!important;font-size:18px!important;font-weight:950!important;cursor:pointer!important;}
#ksProCustomerReady .ks-pro-copy{background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;box-shadow:0 16px 34px rgba(59,130,246,.28)!important;}
#ksProCustomerReady .ks-pro-close{background:#334155!important;}
#ordersBody tr.ks-real-latest-row,
#ordersBody tr.ks-real-latest-row td{background:#facc15!important;color:#111827!important;font-weight:950!important;}
#ordersBody tr.ks-real-latest-row{box-shadow:inset 0 0 0 9999px rgba(250,204,21,.88)!important;}
#ordersBody tr.ks-real-latest-row .row-action-btn,
#ordersBody tr.ks-real-latest-row .badge,
#ordersBody tr.ks-real-latest-row .payment-badge{box-shadow:none!important;}
@media(max-width:720px){#ksProCustomerReady .ks-pro-ready-card{padding:24px!important;border-radius:24px!important;}#ksProCustomerReady .ks-pro-grid,#ksProCustomerReady .ks-pro-actions{grid-template-columns:1fr!important;}#ksProCustomerReady h2{font-size:26px!important;}}

#soldAccountBox,
.sold-account-box,
.customer-ready-modal,
.add-customer-copy-box,
.add-customer-copy-modal,
.ks-copy-modal,
.ks-beauty-copy-overlay,
.ks-customer-ready-overlay {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.order-edit-only{
  position:relative;
}
.order-edit-only input,
.order-edit-only select{
  border-color:rgba(96,165,250,.35)!important;
  background:rgba(15,23,42,.62)!important;
}
body:not(.editing-order-mode) .order-edit-only{
  display:none!important;
}
body.editing-order-mode .order-edit-only{
  display:flex!important;
}

.orders-table tbody tr.order-expired-row,
.table-wrap tbody tr.order-expired-row,
tr.order-expired-row{
  background: linear-gradient(90deg, rgba(239,68,68,.88), rgba(185,28,28,.78)) !important;
  color: #fff !important;
}
.orders-table tbody tr.order-warning-row,
.table-wrap tbody tr.order-warning-row,
tr.order-warning-row{
  background: linear-gradient(90deg, rgba(249,115,22,.88), rgba(234,88,12,.78)) !important;
  color: #fff !important;
}
.orders-table tbody tr.order-expired-row td,
.orders-table tbody tr.order-warning-row td,
.table-wrap tbody tr.order-expired-row td,
.table-wrap tbody tr.order-warning-row td,
tr.order-expired-row td,
tr.order-warning-row td{
  background: transparent !important;
  color: inherit !important;
  border-color: rgba(255,255,255,.14) !important;
}
tr.order-expired-row .badge,
tr.order-warning-row .badge,
tr.order-expired-row .payment-badge,
tr.order-warning-row .payment-badge{
  box-shadow: 0 0 0 1px rgba(255,255,255,.22) inset;
}


#ordersBody tr.ks-expired-row-force > td{background:linear-gradient(90deg,rgba(239,68,68,.78),rgba(127,29,29,.78))!important;color:#fff!important;font-weight:800!important;}
#ordersBody tr.ks-warning-row-force > td{background:linear-gradient(90deg,rgba(249,115,22,.82),rgba(251,146,60,.72))!important;color:#111827!important;font-weight:800!important;}
#ordersBody tr.ks-real-latest-row > td,#ordersBody tr.ks-latest-row-force > td{background:linear-gradient(90deg,rgba(250,204,21,.85),rgba(161,98,7,.82))!important;color:#111827!important;font-weight:800!important;}
#ordersBody tr.ks-expired-row-force .row-action-btn,#ordersBody tr.ks-warning-row-force .row-action-btn,#ordersBody tr.ks-real-latest-row .row-action-btn{color:#fff!important;background:rgba(15,23,42,.55)!important;border-color:rgba(255,255,255,.25)!important;}

body.adding-order-mode .order-edit-only,
body:not(.editing-order-mode) .order-edit-only{
  display:none!important;
}
body.editing-order-mode .order-edit-only{
  display:flex!important;
}

.manage-users-panel .users-form{margin-bottom:18px;}
.permissions-box{margin-top:16px;padding:16px;border:1px solid rgba(98,132,255,.25);border-radius:18px;background:rgba(11,18,36,.55)}
.permissions-box h3{margin:0 0 12px;font-size:18px;color:#fff}
.perm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}
.perm-grid label{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.035);font-weight:700;color:#dbe7ff}
.perm-grid input{width:20px;height:20px;accent-color:#21d07a}
.permission-denied{opacity:.45;pointer-events:none;filter:grayscale(.7)}
.hidden-by-permission{display:none!important}
.perm-pill{display:inline-block;margin:2px;padding:4px 8px;border-radius:999px;background:rgba(47,132,255,.16);border:1px solid rgba(47,132,255,.25);font-size:12px;color:#cfe0ff}
.role-badge{display:inline-block;padding:6px 10px;border-radius:999px;background:rgba(139,92,246,.18);border:1px solid rgba(139,92,246,.35);font-weight:800;color:#e6dcff}


@media (max-width: 768px) {
  :root {
    --ksm-bg: linear-gradient(180deg,#f3f4f6 0%,#e5e7eb 100%);
    --ksm-bg-2: linear-gradient(135deg, rgba(22,163,74,.08), transparent 45%), linear-gradient(225deg, rgba(15,23,42,.06), transparent 38%);
    --ksm-card: #ffffff;
    --ksm-card-2: #f8fafc;
    --ksm-text: #111827;
    --ksm-muted: #6b7280;
    --ksm-line: rgba(17,24,39,.12);
    --ksm-primary: #0f766e;
    --ksm-primary-2: #155e75;
    --ksm-success: #16a34a;
    --ksm-danger: #b91c1c;
    --ksm-warning: #ca8a04;
    --ksm-radius: 16px;
    --ksm-shadow: 0 18px 45px rgba(17,24,39,.12);
    --ksm-soft-shadow: 0 8px 22px rgba(17,24,39,.08);
    --ksm-input: #ffffff;
    --ksm-pill: #f3f4f6;
  }

  html, body {
    width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    background: var(--ksm-bg) !important;
    color: var(--ksm-text) !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: var(--ksm-bg-2);
  }

  .login-page {
    padding: 18px !important;
    background: var(--ksm-bg) !important;
  }

  .login-card {
    width: 100% !important;
    max-width: 420px !important;
    border-radius: calc(var(--ksm-radius) + 8px) !important;
    background: var(--ksm-card) !important;
    border: 1px solid var(--ksm-line) !important;
    box-shadow: var(--ksm-shadow) !important;
    color: var(--ksm-text) !important;
    padding: 24px !important;
  }

  .login-logo, .brand-logo {
    border-radius: 18px !important;
    box-shadow: var(--ksm-soft-shadow) !important;
  }

  .login-card h1, .brand h2, .page-title h1, .panel h1, .panel h2, .topbar p b {
    color: var(--ksm-text) !important;
    -webkit-text-fill-color: var(--ksm-text) !important;
    background: none !important;
  }

  .login-card p, .login-card label, .brand p, .page-title p, .panel p, .topbar p, small, .card span {
    color: var(--ksm-muted) !important;
  }

  .login-card input, input, select, textarea {
    width: 100% !important;
    min-height: 48px !important;
    border-radius: calc(var(--ksm-radius) - 4px) !important;
    border: 1px solid var(--ksm-line) !important;
    background: var(--ksm-input) !important;
    color: var(--ksm-text) !important;
    font-size: 16px !important;
    outline: none !important;
    box-shadow: none !important;
  }

  textarea { min-height: 116px !important; }

  input::placeholder, textarea::placeholder { color: color-mix(in srgb, var(--ksm-muted) 70%, transparent) !important; }

  .login-card button, button, .btn, .row-action-btn, .trash-tool-btn {
    min-height: 44px !important;
    border-radius: calc(var(--ksm-radius) - 5px) !important;
    font-weight: 900 !important;
    letter-spacing: .01em !important;
  }

  #loginBtn, .btn.primary, .btn.blue, .btn.purple, .copy-main-btn {
    background: linear-gradient(135deg, var(--ksm-primary), var(--ksm-primary-2)) !important;
    color: #fff !important;
    border: 0 !important;
    box-shadow: 0 14px 28px color-mix(in srgb, var(--ksm-primary) 30%, transparent) !important;
  }

  .btn.green { background: linear-gradient(135deg, var(--ksm-success), var(--ksm-primary)) !important; color:#fff !important; border:0!important; }
  .btn.secondary { background: var(--ksm-pill) !important; color: var(--ksm-text) !important; border:1px solid var(--ksm-line)!important; }
  .danger, .row-action-btn.danger { background: color-mix(in srgb, var(--ksm-danger) 18%, transparent) !important; color: var(--ksm-danger) !important; border: 1px solid color-mix(in srgb, var(--ksm-danger) 35%, transparent) !important; }

  .app {
    display: block !important;
    grid-template-columns: 1fr !important;
    min-width: 0 !important;
    background: var(--ksm-bg) !important;
  }

  .main {
    width: 100% !important;
    min-width: 0 !important;
    padding: 14px 12px 94px !important;
    background: transparent !important;
    overflow: visible !important;
  }

  .page { width: 100% !important; min-width: 0 !important; }

  .sidebar {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    max-height: 82px !important;
    padding: 8px 8px calc(8px + env(safe-area-inset-bottom)) !important;
    transform: none !important;
    z-index: 9999 !important;
    overflow: hidden !important;
    background: var(--ksm-card) !important;
    border-top: 1px solid var(--ksm-line) !important;
    border-right: 0 !important;
    box-shadow: 0 -16px 45px rgba(0,0,0,.16) !important;
    backdrop-filter: blur(18px) !important;
  }

  .sidebar .brand, .side-bottom, .modern-footer-controls, .logout-btn { display: none !important; }

  .sidebar nav {
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    padding: 0 2px !important;
  }
  .sidebar nav::-webkit-scrollbar { display:none !important; }

  .nav-btn {
    flex: 0 0 auto !important;
    min-width: 88px !important;
    height: 52px !important;
    padding: 6px 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    border-radius: calc(var(--ksm-radius) - 4px) !important;
    color: var(--ksm-muted) !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
    white-space: normal !important;
  }

  .nav-btn.active, .nav-btn:hover {
    color: #fff !important;
    background: linear-gradient(135deg, var(--ksm-primary), var(--ksm-primary-2)) !important;
    border-color: transparent !important;
    box-shadow: 0 10px 24px color-mix(in srgb, var(--ksm-primary) 27%, transparent) !important;
  }

  .nav-btn .count {
    position: absolute !important;
    top: 2px !important;
    right: 3px !important;
    font-size: 10px !important;
    padding: 1px 6px !important;
  }

  .menu-btn { display: none !important; }

  .topbar {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 6px 0 12px !important;
    margin: 0 0 12px !important;
    border: 0 !important;
  }

  .topbar p {
    font-size: 17px !important;
    line-height: 1.3 !important;
    padding: 2px 2px !important;
  }

  .dashboard-lang-switch {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 6px !important;
    border-radius: var(--ksm-radius) !important;
    background: var(--ksm-card) !important;
    border: 1px solid var(--ksm-line) !important;
  }
  .dashboard-lang-switch button {
    min-width: 0 !important;
    color: var(--ksm-text) !important;
    background: transparent !important;
  }
  .dashboard-lang-switch button.active,
  .dashboard-lang-switch button:hover {
    color: #fff !important;
    background: linear-gradient(135deg, var(--ksm-primary), var(--ksm-primary-2)) !important;
  }

  .top-actions {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .top-actions .btn { width: 100% !important; justify-content: center !important; }

  .cards,
  .finance-summary-grid,
  .admin-expense-cards {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }

  .card,
  .finance-card,
  .admin-expense-stat,
  .panel,
  .form-panel,
  .customer-ready-card,
  .order-view-card,
  .stock-service-card,
  .stock-account-card,
  .alert-item,
  .user-card,
  .permissions-box,
  .partner-invest-form,
  .admin-summary-card {
    background: var(--ksm-card) !important;
    border: 1px solid var(--ksm-line) !important;
    border-radius: var(--ksm-radius) !important;
    box-shadow: var(--ksm-soft-shadow) !important;
    color: var(--ksm-text) !important;
  }

  .card {
    padding: 16px !important;
    min-height: 112px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
  }
  .card strong, .finance-card strong, .admin-expense-stat strong {
    color: var(--ksm-text) !important;
    font-size: 24px !important;
    line-height: 1.15 !important;
    word-break: break-word !important;
  }

  .green-border, .purple-border, .red-border { border-color: var(--ksm-line) !important; }

  .panel { padding: 16px !important; margin: 0 0 12px !important; }
  .panel-head, .page-title { display: grid !important; grid-template-columns: 1fr !important; gap: 12px !important; align-items: stretch !important; }
  .panel-head .btn, .page-title .btn { width: 100% !important; }
  .two-col { grid-template-columns: 1fr !important; gap: 12px !important; }

  .form-grid,
  .add-pro-grid,
  .pro-form-grid,
  .payment-grid,
  .filters,
  .stock-form-grid,
  .admin-expense-form-grid,
  .partner-invest-form,
  .perm-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  label {
    color: var(--ksm-muted) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
  }

  .form-actions, .add-copy-actions, .copy-modal-actions, .sold-actions, .stock-card-actions, .view-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  .form-actions .btn, .stock-card-actions button, .sold-actions button, .view-actions button { width: 100% !important; }

  .table-wrap {
    width: 100% !important;
    border: 0 !important;
    background: transparent !important;
    overflow: visible !important;
    margin-top: 12px !important;
  }
  .table-wrap table {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    border-collapse: separate !important;
  }
  .table-wrap thead { display: none !important; }
  .table-wrap tbody {
    display: grid !important;
    gap: 12px !important;
    width: 100% !important;
  }
  .table-wrap tr {
    display: block !important;
    width: 100% !important;
    padding: 12px !important;
    border-radius: var(--ksm-radius) !important;
    background: var(--ksm-card) !important;
    border: 1px solid var(--ksm-line) !important;
    box-shadow: var(--ksm-soft-shadow) !important;
    overflow: hidden !important;
  }
  .table-wrap td {
    display: grid !important;
    grid-template-columns: minmax(92px, 36%) 1fr !important;
    align-items: start !important;
    gap: 10px !important;
    width: 100% !important;
    padding: 8px 0 !important;
    border: 0 !important;
    white-space: normal !important;
    min-width: 0 !important;
    color: var(--ksm-text) !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    word-break: break-word !important;
  }
  .table-wrap td::before {
    content: "";
    color: var(--ksm-muted) !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
  }

  #orders table, #ordersBody { min-width: 0 !important; }
  #ordersBody td:nth-child(1),
  #ordersBody td:nth-child(3),
  #ordersBody td:nth-child(7) { display: none !important; }
  #ordersBody td:nth-child(2) {
    display: block !important;
    padding-bottom: 12px !important;
    margin-bottom: 8px !important;
    border-bottom: 1px solid var(--ksm-line) !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    color: var(--ksm-text) !important;
  }
  #ordersBody td:nth-child(2)::before { display: none !important; }
  #ordersBody td:nth-child(4)::before { content: "Service"; }
  #ordersBody td:nth-child(5)::before { content: "Plan"; }
  #ordersBody td:nth-child(6)::before { content: "Expiry"; }
  #ordersBody td:nth-child(8)::before { content: "Status"; }
  #ordersBody td:nth-child(9)::before { content: "Partner"; }
  #ordersBody td:nth-child(10)::before { content: "VIP"; }
  #ordersBody td:nth-child(11)::before { content: "Payment"; }
  #ordersBody td:nth-child(12)::before { content: "Action"; }
  #ordersBody td:nth-child(12) { display: block !important; }
  #ordersBody td:nth-child(12)::before { display: block !important; margin-bottom: 8px !important; }

  #ordersBody tr.latest-customer-row,
  #ordersBody tr.new-order-row,
  #ordersBody tr.ks-real-latest-row,
  #ordersBody tr.ks-latest-row-force {
    background: linear-gradient(135deg, color-mix(in srgb, var(--ksm-warning) 23%, var(--ksm-card)), var(--ksm-card)) !important;
    border-color: color-mix(in srgb, var(--ksm-warning) 48%, var(--ksm-line)) !important;
    color: var(--ksm-text) !important;
  }
  #ordersBody tr.latest-customer-row td,
  #ordersBody tr.new-order-row td,
  #ordersBody tr.ks-real-latest-row td,
  #ordersBody tr.ks-latest-row-force td {
    background: transparent !important;
    color: var(--ksm-text) !important;
  }

  #recentBody td:nth-child(1){ display:none!important; }
  #recentBody td:nth-child(2)::before{ content:"Customer"; }
  #recentBody td:nth-child(3)::before{ content:"Service"; }
  #recentBody td:nth-child(4)::before{ content:"Plan"; }
  #recentBody td:nth-child(5)::before{ content:"Expiry"; }
  #recentBody td:nth-child(6)::before{ content:"Status"; }
  #recentBody td:nth-child(7)::before{ content:"Partner"; }
  #recentBody td:nth-child(8)::before{ content:"VIP"; }

  #trashBody td:nth-child(1)::before{ content:"ID"; }
  #trashBody td:nth-child(2)::before{ content:"Name"; }
  #trashBody td:nth-child(3)::before{ content:"Service"; }
  #trashBody td:nth-child(4)::before{ content:"Purchase"; }
  #trashBody td:nth-child(5)::before{ content:"Action"; }
  #stockTrashBody td:nth-child(1)::before{ content:"ID"; }
  #stockTrashBody td:nth-child(2)::before{ content:"Service"; }
  #stockTrashBody td:nth-child(3)::before{ content:"Email"; }
  #stockTrashBody td:nth-child(4)::before{ content:"Password"; }
  #stockTrashBody td:nth-child(5)::before{ content:"Profile"; }
  #stockTrashBody td:nth-child(6)::before{ content:"Expiry"; }
  #stockTrashBody td:nth-child(7)::before{ content:"Action"; }
  #adminExpensesBody td:nth-child(1)::before{ content:"ID"; }
  #adminExpensesBody td:nth-child(2)::before{ content:"Date"; }
  #adminExpensesBody td:nth-child(3)::before{ content:"Admin"; }
  #adminExpensesBody td:nth-child(4)::before{ content:"Purpose"; }
  #adminExpensesBody td:nth-child(5)::before{ content:"Amount"; }
  #adminExpensesBody td:nth-child(6)::before{ content:"Note"; }
  #adminExpensesBody td:nth-child(7)::before{ content:"Action"; }
  #adminExpensesTrashBody td:nth-child(1)::before{ content:"Select"; }
  #adminExpensesTrashBody td:nth-child(2)::before{ content:"ID"; }
  #adminExpensesTrashBody td:nth-child(3)::before{ content:"Date"; }
  #adminExpensesTrashBody td:nth-child(4)::before{ content:"Admin"; }
  #adminExpensesTrashBody td:nth-child(5)::before{ content:"Purpose"; }
  #adminExpensesTrashBody td:nth-child(6)::before{ content:"Amount"; }
  #adminExpensesTrashBody td:nth-child(7)::before{ content:"Note"; }
  #adminExpensesTrashBody td:nth-child(8)::before{ content:"Action"; }
  #partnerFinanceBody td:nth-child(1)::before{ content:"Partner"; }
  #partnerFinanceBody td:nth-child(2)::before{ content:"Capital"; }
  #partnerFinanceBody td:nth-child(3)::before{ content:"Orders"; }
  #partnerFinanceBody td:nth-child(4)::before{ content:"Cost"; }
  #partnerFinanceBody td:nth-child(5)::before{ content:"Sales"; }
  #partnerFinanceBody td:nth-child(6)::before{ content:"Profit"; }
  #partnerFinanceBody td:nth-child(7)::before{ content:"Balance"; }
  #partnerFinanceBody td:nth-child(8)::before{ content:"Action"; }
  #usersBody td:nth-child(1)::before{ content:"Username"; }
  #usersBody td:nth-child(2)::before{ content:"Name"; }
  #usersBody td:nth-child(3)::before{ content:"Role"; }
  #usersBody td:nth-child(4)::before{ content:"Partner"; }
  #usersBody td:nth-child(5)::before{ content:"Permissions"; }
  #usersBody td:nth-child(6)::before{ content:"Action"; }

  #stockBody tr { padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
  #stockBody td { display: block !important; padding: 0 !important; }
  #stockBody td::before { display:none !important; }
  .stock-service-head, .stock-service-toggle {
    width: 100% !important;
    min-width: 0 !important;
    background: transparent !important;
    color: var(--ksm-text) !important;
  }
  .stock-service-head { padding: 12px !important; border-radius: var(--ksm-radius) !important; }
  .stock-service-title { min-width: 0 !important; }
  .stock-service-sub { color: var(--ksm-muted) !important; }
  .stock-account-grid, .stock-info-grid { grid-template-columns: 1fr !important; gap: 10px !important; }
  .stock-account-card { padding: 14px !important; }
  .stock-info-grid .stock-field, .stock-info-grid div {
    background: var(--ksm-card-2) !important;
    border: 1px solid var(--ksm-line) !important;
    border-radius: calc(var(--ksm-radius) - 6px) !important;
    padding: 10px !important;
  }
  .stock-info-grid small { color: var(--ksm-muted) !important; }
  .stock-info-grid b { color: var(--ksm-text) !important; white-space: normal !important; word-break: break-word !important; }

  .compact-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: 8px !important;
    width: 100% !important;
  }
  .compact-actions .row-action-btn { width: 100% !important; min-width: 0 !important; padding: 10px 8px !important; }

  .badge, .status-badge, .payment-badge, .vip, .stock-status-pill, .stock-available-pill, .perm-pill, .role-badge {
    border-radius: 999px !important;
    padding: 6px 10px !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    background: var(--ksm-pill) !important;
    color: var(--ksm-text) !important;
    border: 1px solid var(--ksm-line) !important;
    white-space: normal !important;
  }

  .service-brand { gap: 8px !important; white-space: normal !important; color: var(--ksm-text) !important; }
  .service-brand img, .service-logo { width: 28px !important; height: 28px !important; border-radius: 10px !important; }

  .order-view-modal, .customer-ready-modal, .ks-copy-modal, #addCustomerCopyBox.ks-copy-modal {
    align-items: flex-end !important;
    padding: 10px !important;
    background: rgba(0,0,0,.45) !important;
    backdrop-filter: blur(14px) !important;
  }
  .order-view-card, .customer-ready-card, .ks-copy-card, .ks-final-card, .add-customer-copy-box {
    width: 100% !important;
    max-width: 100% !important;
    max-height: calc(100vh - 20px) !important;
    overflow-y: auto !important;
    border-radius: calc(var(--ksm-radius) + 8px) calc(var(--ksm-radius) + 8px) 0 0 !important;
    background: var(--ksm-card) !important;
    border: 1px solid var(--ksm-line) !important;
    color: var(--ksm-text) !important;
  }
  .order-grid, .sold-summary-grid, .copy-preview-grid, .ks-final-grid { grid-template-columns: 1fr !important; }

  @media (max-width: 390px) {
    .cards, .finance-summary-grid, .admin-expense-cards { grid-template-columns: 1fr !important; }
    .nav-btn { min-width: 78px !important; font-size: 10px !important; }
    .table-wrap td { grid-template-columns: 1fr !important; gap: 4px !important; }
    .table-wrap td::before { display:block !important; }
  }
}


@media (max-width:768px){
  .main{padding-left:10px!important;padding-right:10px!important;}
  .panel,.card,.table-wrap tr{border-radius:16px!important;}
  .table-wrap tr{padding:10px!important;}
  .table-wrap td{padding:6px 0!important;font-size:13px!important;}
  .nav-btn{height:48px!important;min-width:82px!important;}
}


@media (max-width: 768px) {
  body.theme-light {
    --ksm-bg: linear-gradient(180deg,#f3f4f6 0%,#e5e7eb 100%);
    --ksm-bg-2: linear-gradient(135deg, rgba(22,163,74,.08), transparent 45%), linear-gradient(225deg, rgba(15,23,42,.06), transparent 38%);
    --ksm-card: #ffffff;
    --ksm-card-2: #f8fafc;
    --ksm-text: #111827;
    --ksm-muted: #6b7280;
    --ksm-line: rgba(17,24,39,.12);
    --ksm-primary: #0f766e;
    --ksm-primary-2: #155e75;
    --ksm-success: #16a34a;
    --ksm-danger: #b91c1c;
    --ksm-warning: #ca8a04;
    --ksm-input: #ffffff;
    --ksm-pill: #f3f4f6;
  }

  body.theme-neon,
  body.theme-ocean {
    --ksm-bg: linear-gradient(180deg,#070b14 0%,#0f172a 55%,#111827 100%);
    --ksm-bg-2: radial-gradient(circle at 15% 0%, rgba(20,184,166,.22), transparent 38%), radial-gradient(circle at 92% 12%, rgba(59,130,246,.18), transparent 34%), linear-gradient(180deg, rgba(255,255,255,.02), transparent);
    --ksm-card: #111827;
    --ksm-card-2: #0b1220;
    --ksm-text: #f8fafc;
    --ksm-muted: #a7b0c2;
    --ksm-line: rgba(226,232,240,.12);
    --ksm-primary: #14b8a6;
    --ksm-primary-2: #2563eb;
    --ksm-success: #22c55e;
    --ksm-danger: #fb7185;
    --ksm-warning: #fbbf24;
    --ksm-input: #0b1220;
    --ksm-pill: rgba(255,255,255,.07);
  }

  body.theme-neon .login-card,
  body.theme-ocean .login-card,
  body.theme-neon .panel,
  body.theme-ocean .panel,
  body.theme-neon .card,
  body.theme-ocean .card,
  body.theme-neon .table-wrap tr,
  body.theme-ocean .table-wrap tr,
  body.theme-neon .sidebar,
  body.theme-ocean .sidebar,
  body.theme-neon .stock-account-card,
  body.theme-ocean .stock-account-card,
  body.theme-neon .order-view-card,
  body.theme-ocean .order-view-card {
    box-shadow: 0 18px 42px rgba(0,0,0,.34) !important;
  }

  #sidebarFooter.side-bottom {
    display: block !important;
    position: fixed !important;
    top: calc(8px + env(safe-area-inset-top)) !important;
    right: 10px !important;
    left: auto !important;
    bottom: auto !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    z-index: 10020 !important;
    pointer-events: none !important;
  }
  #sidebarFooter .sidebar-user-clean,
  #sidebarFooter .logout-btn,
  #footerNeonBtn,
  #footerOceanBtn {
    display: none !important;
  }
  #sidebarFooter .modern-footer-controls {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 4px !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--ksm-card) 88%, transparent) !important;
    border: 1px solid var(--ksm-line) !important;
    box-shadow: 0 12px 30px rgba(0,0,0,.14) !important;
    backdrop-filter: blur(14px) !important;
    pointer-events: auto !important;
  }
  #footerDarkModeBtn,
  #footerLightBtn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    width: auto !important;
    min-width: 42px !important;
    min-height: 32px !important;
    height: 32px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    color: var(--ksm-muted) !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    box-shadow: none !important;
  }
  #footerDarkModeBtn span:last-child { font-size: 0 !important; }
  #footerDarkModeBtn span:last-child::after { content: "Dark"; font-size: 11px !important; }
  #footerLightBtn { font-size: 0 !important; }
  #footerLightBtn::after { content: "Light"; font-size: 11px !important; }
  body.theme-light #footerLightBtn,
  body.theme-neon #footerDarkModeBtn,
  body.theme-ocean #footerDarkModeBtn {
    color: #fff !important;
    background: linear-gradient(135deg, var(--ksm-primary), var(--ksm-primary-2)) !important;
    border-color: transparent !important;
  }
  .mode-dot {
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    background: currentColor !important;
    display: inline-block !important;
  }

  .sidebar .nav-btn[data-page="add"],
  .panel-head > .btn.primary[data-page-jump="add"],
  .page-title > .btn.primary[data-page-jump="add"] {
    position: relative !important;
    font-size: 0 !important;
    overflow: hidden !important;
  }
  .sidebar .nav-btn[data-page="add"] {
    min-width: 58px !important;
    width: 58px !important;
    border-radius: 18px !important;
    background: linear-gradient(135deg, var(--ksm-primary), var(--ksm-primary-2)) !important;
    color: #fff !important;
    box-shadow: 0 10px 24px color-mix(in srgb, var(--ksm-primary) 30%, transparent) !important;
  }
  .sidebar .nav-btn[data-page="add"]::after,
  .panel-head > .btn.primary[data-page-jump="add"]::after,
  .page-title > .btn.primary[data-page-jump="add"]::after {
    content: "+" !important;
    font-size: 30px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .panel-head > .btn.primary[data-page-jump="add"],
  .page-title > .btn.primary[data-page-jump="add"] {
    width: 54px !important;
    height: 54px !important;
    min-height: 54px !important;
    justify-self: end !important;
    border-radius: 999px !important;
    padding: 0 !important;
    box-shadow: 0 15px 28px color-mix(in srgb, var(--ksm-primary) 32%, transparent) !important;
  }
  .panel-head > .btn.primary[data-page-jump="add"] span,
  .page-title > .btn.primary[data-page-jump="add"] span {
    display: none !important;
  }
}

.mobile-menu-title,
.mobile-menu-close {
  display: none;
}

@media (max-width: 768px) {
  body {
    --ksm-menu-bg: radial-gradient(circle at 20% 0%, rgba(80,92,255,.34), transparent 34%),
                    radial-gradient(circle at 95% 10%, rgba(20,184,166,.20), transparent 30%),
                    linear-gradient(180deg, #11154b 0%, #0b123a 44%, #071027 100%);
    --ksm-menu-card: rgba(255,255,255,.075);
    --ksm-menu-card-2: rgba(255,255,255,.045);
    --ksm-menu-line: rgba(255,255,255,.22);
    --ksm-menu-text: #f8fafc;
    --ksm-menu-muted: #aeb8ff;
    --ksm-menu-accent: #6974ff;
    --ksm-menu-radius: 18px;
  }

  .main {
    padding: 12px 12px 28px !important;
  }

  .topbar {
    position: sticky !important;
    top: max(6px, env(safe-area-inset-top)) !important;
    z-index: 9000 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    padding: 8px !important;
    margin: 0 0 14px !important;
    border: 1px solid var(--ksm-line) !important;
    border-radius: 20px !important;
    background: color-mix(in srgb, var(--ksm-card) 88%, transparent) !important;
    box-shadow: 0 12px 32px rgba(15,23,42,.10) !important;
    backdrop-filter: blur(16px) !important;
  }

  .topbar p {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    font-size: 15px !important;
    padding: 0 !important;
    margin: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .menu-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    border-radius: 14px !important;
    border: 1px solid var(--ksm-line) !important;
    background: var(--ksm-pill) !important;
    color: var(--ksm-text) !important;
    box-shadow: none !important;
  }

  .menu-btn::before {
    content: "☰" !important;
    font-size: 22px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
  }

  .dashboard-lang-switch {
    order: 4 !important;
    flex: 1 0 100% !important;
  }

  .top-actions {
    order: 5 !important;
    width: 100% !important;
  }

  .sidebar {
    position: fixed !important;
    top: 0 !important;
    bottom: auto !important;
    left: 0 !important;
    right: auto !important;
    width: min(92vw, 430px) !important;
    height: 100dvh !important;
    max-height: none !important;
    padding: calc(18px + env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom)) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    transform: translateX(-108%) !important;
    transition: transform .26s cubic-bezier(.22,.61,.36,1) !important;
    z-index: 10050 !important;
    background: var(--ksm-menu-bg) !important;
    border: 0 !important;
    border-right: 1px solid rgba(255,255,255,.18) !important;
    box-shadow: 24px 0 70px rgba(2,6,23,.52) !important;
    backdrop-filter: blur(24px) !important;
  }

  .sidebar.open {
    transform: translateX(0) !important;
  }

  .mobile-menu-title {
    display: block !important;
    color: var(--ksm-menu-text) !important;
    text-align: center !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    line-height: 38px !important;
    min-height: 38px !important;
    margin: 0 44px 4px !important;
    letter-spacing: -.01em !important;
  }

  .mobile-menu-close {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    top: calc(18px + env(safe-area-inset-top)) !important;
    left: 16px !important;
    width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    border-radius: 14px !important;
    color: #ffffff !important;
    background: rgba(255,255,255,.07) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: 0 10px 22px rgba(0,0,0,.18) !important;
    font-size: 27px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  .sidebar .brand {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    padding: 14px !important;
    margin: 2px 0 8px !important;
    border-radius: 22px !important;
    background: linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.055)) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.09), 0 16px 42px rgba(0,0,0,.18) !important;
  }

  .sidebar .brand img,
  .sidebar .brand-logo {
    width: 50px !important;
    height: 50px !important;
    border-radius: 999px !important;
    border: 2px solid rgba(255,255,255,.18) !important;
    box-shadow: 0 10px 28px rgba(105,116,255,.30) !important;
  }

  .sidebar .brand h2 {
    margin: 0 !important;
    color: #8490ff !important;
    -webkit-text-fill-color: #8490ff !important;
    background: none !important;
    font-size: 20px !important;
    line-height: 1.15 !important;
    font-weight: 950 !important;
  }

  .sidebar .brand p {
    margin: 4px 0 0 !important;
    color: var(--ksm-menu-muted) !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    font-weight: 900 !important;
    letter-spacing: .08em !important;
  }

  .sidebar nav {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  .sidebar nav::-webkit-scrollbar { display: none !important; }

  .nav-btn {
    width: 100% !important;
    min-width: 0 !important;
    height: 55px !important;
    min-height: 55px !important;
    flex: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    padding: 7px 12px !important;
    text-align: left !important;
    border-radius: 17px !important;
    background: var(--ksm-menu-card-2) !important;
    border: 1px solid var(--ksm-menu-line) !important;
    color: var(--ksm-menu-text) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }

  .nav-btn:hover,
  .nav-btn.active {
    background: linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.06)) !important;
    color: #ffffff !important;
    border-color: rgba(255,255,255,.48) !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,.05), 0 12px 26px rgba(0,0,0,.18) !important;
  }

  .nav-btn::before {
    content: "▣" !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 11px !important;
    background: linear-gradient(135deg, rgba(105,116,255,.85), rgba(20,184,166,.70)) !important;
    color: #fff !important;
    font-size: 17px !important;
    line-height: 1 !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.20) !important;
  }

  .nav-btn::after {
    content: "›" !important;
    margin-left: auto !important;
    color: rgba(255,255,255,.86) !important;
    font-size: 29px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
  }

  .nav-btn[data-page="dashboard"]::before { content: "⌂" !important; }
  .nav-btn[data-page="add"]::before { content: "+" !important; font-size: 27px !important; font-weight: 1000 !important; }
  .nav-btn[data-page="orders"]::before { content: "☷" !important; }
  .nav-btn[data-page="stock"]::before { content: "▤" !important; }
  .nav-btn[data-page="stockTrash"]::before { content: "🗑" !important; font-size: 16px !important; }
  .nav-btn[data-page="alerts"]::before { content: "⚠" !important; }
  .nav-btn[data-page="trash"]::before { content: "⌫" !important; }
  .nav-btn[data-page="adminExpenses"]::before { content: "$" !important; font-size: 18px !important; font-weight: 1000 !important; }
  .nav-btn[data-page="adminExpensesTrash"]::before { content: "♻" !important; }
  .nav-btn[data-page="users"]::before { content: "👥" !important; font-size: 15px !important; }

  .nav-btn .count {
    position: static !important;
    transform: none !important;
    margin-left: 8px !important;
    margin-right: 0 !important;
    padding: 2px 7px !important;
    font-size: 10px !important;
    line-height: 1.3 !important;
  }

  .sidebar .nav-btn[data-page="add"] {
    font-size: 0 !important;
    color: transparent !important;
  }
  .sidebar .nav-btn[data-page="add"]::before,
  .sidebar .nav-btn[data-page="add"]::after {
    color: #fff !important;
  }
  .sidebar .nav-btn[data-page="add"]::after {
    content: "›" !important;
    font-size: 29px !important;
  }

  #sidebarFooter.side-bottom {
    display: grid !important;
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    padding: 10px 0 0 !important;
    margin: auto 0 0 !important;
    gap: 9px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    pointer-events: auto !important;
  }

  #sidebarFooter .sidebar-user-clean {
    display: none !important;
  }

  #sidebarFooter .modern-footer-controls {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    width: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    pointer-events: auto !important;
  }

  #footerNeonBtn,
  #footerOceanBtn {
    display: none !important;
  }

  #footerDarkModeBtn,
  #footerLightBtn,
  #sidebarFooter .logout-btn {
    width: 100% !important;
    min-height: 50px !important;
    height: 50px !important;
    border-radius: 16px !important;
    border: 1px solid var(--ksm-menu-line) !important;
    background: var(--ksm-menu-card-2) !important;
    color: var(--ksm-menu-text) !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    box-shadow: none !important;
  }

  #footerDarkModeBtn span:last-child { font-size: 13px !important; }
  #footerDarkModeBtn span:last-child::after { content: none !important; }
  #footerLightBtn { font-size: 13px !important; }
  #footerLightBtn::after { content: none !important; }

  #sidebarFooter .logout-btn {
    grid-column: 1 / -1 !important;
    color: #ff7a9b !important;
    border-color: rgba(255,122,155,.34) !important;
    background: rgba(255,122,155,.075) !important;
  }

  #sidebarFooter .logout-btn::before {
    content: "↪" !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255,255,255,.08) !important;
    color: inherit !important;
  }

  body.rtl .sidebar {
    left: auto !important;
    right: 0 !important;
    border-right: 0 !important;
    border-left: 1px solid rgba(255,255,255,.18) !important;
    transform: translateX(108%) !important;
  }

  body.rtl .sidebar.open {
    transform: translateX(0) !important;
  }

  body.rtl .mobile-menu-close {
    left: auto !important;
    right: 16px !important;
  }

  body.rtl .nav-btn {
    text-align: right !important;
  }

  body.rtl .nav-btn::after {
    content: "‹" !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }
}


.mobile-taskbar,
.mobile-menu-head { display: none; }

@media (max-width: 768px) {
  .main {
    padding-bottom: calc(102px + env(safe-area-inset-bottom)) !important;
  }

  .topbar {
    position: sticky !important;
    top: max(6px, env(safe-area-inset-top)) !important;
    min-height: 58px !important;
    padding: 10px 12px 10px 60px !important;
    justify-content: center !important;
  }

  #menuBtn.menu-btn {
    position: fixed !important;
    top: calc(12px + env(safe-area-inset-top)) !important;
    left: 14px !important;
    right: auto !important;
    z-index: 10120 !important;
    margin: 0 !important;
  }

  body.rtl .topbar {
    padding-left: 12px !important;
    padding-right: 60px !important;
  }

  body.rtl #menuBtn.menu-btn {
    left: auto !important;
    right: 14px !important;
  }

  .mobile-menu-head {
    display: grid !important;
    grid-template-columns: 42px 1fr 42px !important;
    align-items: center !important;
    gap: 6px !important;
    width: 100% !important;
    margin: 0 0 4px !important;
  }

  .mobile-menu-title {
    display: block !important;
    margin: 0 !important;
    min-height: auto !important;
    line-height: 1.2 !important;
    text-align: center !important;
    color: var(--ksm-menu-text) !important;
    font-size: 18px !important;
    font-weight: 950 !important;
  }

  #mobileMenuClose.mobile-menu-close {
    display: inline-flex !important;
    position: static !important;
    width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    color: #fff !important;
    box-shadow: 0 10px 22px rgba(0,0,0,.16) !important;
    font-size: 26px !important;
    line-height: 1 !important;
  }

  .sidebar .nav-btn[data-page="add"] {
    font-size: 15px !important;
    color: var(--ksm-menu-text) !important;
  }

  .sidebar .nav-btn[data-page="add"]::before {
    content: "+" !important;
    font-size: 25px !important;
    font-weight: 1000 !important;
  }

  .sidebar .nav-btn[data-page="add"]::after {
    content: "›" !important;
    font-size: 29px !important;
    color: rgba(255,255,255,.86) !important;
  }

  .mobile-taskbar {
    display: grid !important;
    grid-template-columns: 1fr 74px 1fr !important;
    gap: 10px !important;
    align-items: stretch !important;
    position: fixed !important;
    left: 12px !important;
    right: 12px !important;
    bottom: calc(12px + env(safe-area-inset-bottom)) !important;
    z-index: 10040 !important;
    padding: 10px !important;
    border-radius: 24px !important;
    background: linear-gradient(180deg, rgba(10,15,45,.96), rgba(7,13,35,.96)) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: 0 18px 45px rgba(2,6,23,.34), inset 0 1px 0 rgba(255,255,255,.04) !important;
    backdrop-filter: blur(16px) !important;
  }

  .mobile-taskbar .mobile-taskbar-btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 58px !important;
    height: 58px !important;
    padding: 8px 10px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    background: rgba(255,255,255,.045) !important;
    color: #e5e7eb !important;
    text-align: center !important;
    box-shadow: none !important;
    white-space: normal !important;
    position: relative !important;
  }

  .mobile-taskbar .mobile-taskbar-btn .mt-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    height: 26px !important;
    font-size: 18px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
  }

  .mobile-taskbar .mobile-taskbar-btn .mt-label {
    display: block !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
    letter-spacing: .01em !important;
  }

  .mobile-taskbar .mobile-taskbar-btn::before,
  .mobile-taskbar .mobile-taskbar-btn::after {
    content: none !important;
  }

  .mobile-taskbar .mobile-taskbar-btn.active,
  .mobile-taskbar .mobile-taskbar-btn:hover {
    background: linear-gradient(135deg, rgba(80,92,255,.92), rgba(35,83,255,.95)) !important;
    border-color: rgba(255,255,255,.14) !important;
    color: #fff !important;
    box-shadow: 0 14px 26px rgba(35,83,255,.28) !important;
  }

  .mobile-taskbar .mobile-taskbar-btn.add {
    border-radius: 20px !important;
    background: linear-gradient(135deg, #4f46e5, #2563eb) !important;
    color: #fff !important;
    box-shadow: 0 14px 30px rgba(37,99,235,.34) !important;
  }

  .mobile-taskbar .mobile-taskbar-btn.add .mt-icon {
    width: 34px !important;
    height: 34px !important;
    font-size: 28px !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.14) !important;
  }

  .mobile-taskbar .mobile-taskbar-btn.add .mt-label {
    font-size: 0 !important;
  }

  .mobile-taskbar .mobile-taskbar-btn .count {
    display: none !important;
  }
}


@media (max-width: 768px) {
  .sidebar .nav-btn[data-page="add"] {
    font-size: 15px !important;
    color: var(--ksm-menu-text) !important;
  }

  .sidebar .nav-btn[data-page="add"]::before {
    content: "+" !important;
    font-size: 25px !important;
    font-weight: 1000 !important;
  }

  .sidebar .nav-btn[data-page="add"]::after {
    content: "›" !important;
    font-size: 29px !important;
    color: rgba(255,255,255,.86) !important;
  }

  .panel-head > .btn.primary[data-page-jump="add"],
  .page-title > .btn.primary[data-page-jump="add"] {
    width: 100% !important;
    max-width: none !important;
    height: 50px !important;
    min-height: 50px !important;
    padding: 0 18px !important;
    justify-self: stretch !important;
    border-radius: 16px !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    color: #fff !important;
    box-shadow: 0 12px 26px color-mix(in srgb, var(--ksm-primary) 28%, transparent) !important;
  }

  .panel-head > .btn.primary[data-page-jump="add"]::after,
  .page-title > .btn.primary[data-page-jump="add"]::after {
    content: "Add Customer" !important;
    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    color: #fff !important;
  }

  .panel-head > .btn.primary[data-page-jump="add"] span,
  .page-title > .btn.primary[data-page-jump="add"] span {
    display: none !important;
  }

  #mobileTaskbar .mobile-taskbar-btn.add,
  #mobileTaskbar .mobile-taskbar-btn.add .mt-icon {
    font-size: inherit;
  }

  #mobileTaskbar .mobile-taskbar-btn.add .mt-icon {
    font-size: 28px !important;
  }

  #mobileTaskbar .mobile-taskbar-btn.add .mt-label {
    font-size: 0 !important;
  }
}


@media (max-width: 768px) {
  .main {
    padding-top: 10px !important;
    padding-bottom: calc(108px + env(safe-area-inset-bottom)) !important;
    overflow-x: hidden !important;
  }

  .topbar {
    position: relative !important;
    top: auto !important;
    z-index: 50 !important;
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-height: auto !important;
    height: auto !important;
    padding: 12px !important;
    margin: 0 0 16px !important;
    overflow: visible !important;
    border-radius: 22px !important;
    box-sizing: border-box !important;
  }

  #menuBtn.menu-btn {
    position: static !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    justify-self: start !important;
    z-index: 1 !important;
  }

  body.rtl #menuBtn.menu-btn {
    justify-self: end !important;
  }

  .topbar p {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .dashboard-lang-switch {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    order: initial !important;
    flex: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  .top-actions {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    width: 100% !important;
    min-width: 0 !important;
    order: initial !important;
    flex: none !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  .top-actions .btn {
    width: 100% !important;
    min-width: 0 !important;
    height: 48px !important;
    min-height: 48px !important;
    border-radius: 15px !important;
    box-sizing: border-box !important;
  }

  .cards {
    position: relative !important;
    z-index: 1 !important;
    margin-top: 0 !important;
    clear: both !important;
  }

  .card {
    overflow: hidden !important;
  }

  .mobile-taskbar {
    z-index: 10030 !important;
  }

  .sidebar {
    z-index: 10060 !important;
  }
}


@media (max-width: 768px) {
  .login-card p[data-i18n="googleSystem"],
  .login-card p:empty {
    display: none !important;
  }

  .sidebar .nav-btn[data-page="add"] {
    font-size: 15px !important;
    color: var(--ksm-menu-text) !important;
    text-indent: 0 !important;
  }

  .sidebar .nav-btn[data-page="add"]::before {
    content: "+" !important;
    font-size: 25px !important;
    font-weight: 1000 !important;
  }

  .sidebar .nav-btn[data-page="add"]::after {
    content: "›" !important;
    font-size: 29px !important;
    color: rgba(255,255,255,.86) !important;
  }

  body.rtl .sidebar .nav-btn[data-page="add"]::after {
    content: "‹" !important;
  }

  #mobileTaskbar .mobile-taskbar-btn.add .mt-label {
    font-size: 0 !important;
  }

  #mobileTaskbar .mobile-taskbar-btn.add .mt-icon {
    font-size: 28px !important;
  }

  #stockAddShortcut {
    width: 100% !important;
    min-height: 50px !important;
    border-radius: 16px !important;
    font-size: 15px !important;
    font-weight: 950 !important;
  }

  #stockAddShortcut span {
    display: inline !important;
    font-size: 15px !important;
  }
}

body.theme-neon .login-page,
body.theme-ocean .login-page {
  background: linear-gradient(180deg,#070b14 0%,#0f172a 55%,#111827 100%) !important;
}


@media (max-width: 768px) {
  .sidebar nav .nav-btn[data-page="add"] {
    font-size: 15px !important;
    color: var(--ksm-menu-text) !important;
    -webkit-text-fill-color: var(--ksm-menu-text) !important;
    text-indent: 0 !important;
    letter-spacing: 0 !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    overflow: hidden !important;
  }
  .sidebar nav .nav-btn[data-page="add"]::before {
    content: "+" !important;
    font-size: 25px !important;
    font-weight: 1000 !important;
    color: #fff !important;
  }
  .sidebar nav .nav-btn[data-page="add"]::after {
    content: "›" !important;
    font-size: 29px !important;
    color: rgba(255,255,255,.86) !important;
  }
  body.rtl .sidebar nav .nav-btn[data-page="add"]::after {
    content: "‹" !important;
  }
}


@media (max-width: 768px) {
  .sidebar {
    width: min(88vw, 390px) !important;
    padding: calc(14px + env(safe-area-inset-top)) 14px calc(16px + env(safe-area-inset-bottom)) !important;
    background:
      radial-gradient(circle at 20% -8%, rgba(99,102,241,.55), transparent 34%),
      radial-gradient(circle at 100% 14%, rgba(14,165,233,.32), transparent 30%),
      linear-gradient(180deg, rgba(19,25,73,.98), rgba(8,13,35,.99) 58%, rgba(4,8,24,.99)) !important;
    border-right: 1px solid rgba(255,255,255,.14) !important;
    box-shadow: 26px 0 80px rgba(2,6,23,.64), inset -1px 0 0 rgba(255,255,255,.03) !important;
    backdrop-filter: blur(26px) saturate(150%) !important;
  }

  .mobile-menu-head {
    display: grid !important;
    grid-template-columns: 42px 1fr 42px !important;
    align-items: center !important;
    margin-bottom: 8px !important;
  }

  .mobile-menu-title {
    font-size: 19px !important;
    font-weight: 1000 !important;
    letter-spacing: -.02em !important;
    color: #ffffff !important;
    text-shadow: 0 8px 22px rgba(0,0,0,.35) !important;
  }

  #mobileMenuClose.mobile-menu-close {
    width: 40px !important;
    height: 40px !important;
    border-radius: 15px !important;
    background: rgba(255,255,255,.10) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    color: #fff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 10px 24px rgba(0,0,0,.18) !important;
  }

  .sidebar .brand {
    min-height: 82px !important;
    padding: 13px 14px !important;
    margin: 0 0 12px !important;
    border-radius: 24px !important;
    background:
      linear-gradient(135deg, rgba(255,255,255,.15), rgba(255,255,255,.055)),
      radial-gradient(circle at 90% 0%, rgba(59,130,246,.26), transparent 40%) !important;
    border: 1px solid rgba(255,255,255,.15) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 18px 42px rgba(0,0,0,.20) !important;
  }

  .sidebar .brand img,
  .sidebar .brand-logo {
    width: 52px !important;
    height: 52px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255,255,255,.28) !important;
    box-shadow: 0 14px 28px rgba(37,99,235,.24) !important;
  }

  .sidebar .brand h2 {
    font-size: 19px !important;
    color: #dbe7ff !important;
    -webkit-text-fill-color: #dbe7ff !important;
    text-shadow: 0 8px 20px rgba(0,0,0,.24) !important;
  }

  .sidebar .brand p {
    color: rgba(219,234,254,.74) !important;
    font-size: 10px !important;
    letter-spacing: .16em !important;
  }

  .sidebar nav {
    gap: 9px !important;
    padding: 0 1px 4px !important;
  }

  .sidebar nav .nav-btn {
    position: relative !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 8px 12px !important;
    gap: 12px !important;
    border-radius: 18px !important;
    background: linear-gradient(135deg, rgba(255,255,255,.092), rgba(255,255,255,.042)) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    letter-spacing: -.01em !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 10px 24px rgba(0,0,0,.10) !important;
    transform: translateZ(0) !important;
  }

  .sidebar nav .nav-btn:hover,
  .sidebar nav .nav-btn.active {
    background:
      linear-gradient(135deg, rgba(59,130,246,.34), rgba(124,58,237,.22)),
      rgba(255,255,255,.06) !important;
    border-color: rgba(147,197,253,.58) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 16px 34px rgba(37,99,235,.20) !important;
  }

  .sidebar nav .nav-btn::before {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    border-radius: 14px !important;
    background:
      radial-gradient(circle at 30% 15%, rgba(255,255,255,.38), transparent 28%),
      linear-gradient(135deg, #06b6d4, #2563eb 55%, #7c3aed) !important;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 1000 !important;
    box-shadow: 0 12px 22px rgba(37,99,235,.30), inset 0 1px 0 rgba(255,255,255,.18) !important;
  }

  .sidebar nav .nav-btn::after {
    content: "›" !important;
    margin-left: auto !important;
    width: 26px !important;
    height: 26px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.08) !important;
    color: rgba(255,255,255,.88) !important;
    font-size: 24px !important;
    line-height: 1 !important;
  }

  body.rtl .sidebar nav .nav-btn::after {
    content: "‹" !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  .sidebar nav .nav-btn .count {
    position: absolute !important;
    top: 50% !important;
    right: 47px !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    min-width: 20px !important;
    height: 20px !important;
    padding: 0 6px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #fb7185, #ef4444) !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 1000 !important;
    line-height: 20px !important;
    text-align: center !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    box-shadow: 0 8px 18px rgba(239,68,68,.30) !important;
  }

  body.rtl .sidebar nav .nav-btn .count {
    right: auto !important;
    left: 47px !important;
  }

  .sidebar nav .nav-btn[data-page="dashboard"]::before { content: "⌂" !important; }
  .sidebar nav .nav-btn[data-page="add"]::before { content: "+" !important; font-size: 27px !important; }
  .sidebar nav .nav-btn[data-page="orders"]::before { content: "☷" !important; }
  .sidebar nav .nav-btn[data-page="stock"]::before { content: "▤" !important; }
  .sidebar nav .nav-btn[data-page="stockTrash"]::before { content: "⌫" !important; }
  .sidebar nav .nav-btn[data-page="alerts"]::before { content: "⚠" !important; font-size: 17px !important; }
  .sidebar nav .nav-btn[data-page="trash"]::before { content: "✕" !important; font-size: 17px !important; }
  .sidebar nav .nav-btn[data-page="adminExpenses"]::before { content: "$" !important; font-size: 19px !important; }
  .sidebar nav .nav-btn[data-page="adminExpensesTrash"]::before { content: "♻" !important; }
  .sidebar nav .nav-btn[data-page="users"]::before { content: "👥" !important; font-size: 15px !important; }

  .sidebar nav .nav-btn[data-page="add"] .menu-add-label {
    display: inline !important;
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
    font-size: 15px !important;
    font-weight: 950 !important;
  }

  #sidebarFooter.side-bottom {
    padding-top: 12px !important;
    border-top: 1px solid rgba(255,255,255,.10) !important;
  }
}


@media (max-width: 768px) {
  .sidebar nav .nav-btn[data-page="add"] {
    gap: 10px !important;
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
    font-size: 15px !important;
    font-weight: 950 !important;
  }

  .sidebar nav .nav-btn[data-page="add"]::before {
    content: "Add Customer" !important;
    width: auto !important;
    min-width: 128px !important;
    height: 38px !important;
    padding: 0 14px !important;
    border-radius: 14px !important;
    font-size: 14px !important;
    font-weight: 1000 !important;
    letter-spacing: -.01em !important;
    white-space: nowrap !important;
    background:
      radial-gradient(circle at 30% 15%, rgba(255,255,255,.34), transparent 28%),
      linear-gradient(135deg, #06b6d4, #2563eb 55%, #7c3aed) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    box-shadow: 0 12px 22px rgba(37,99,235,.30), inset 0 1px 0 rgba(255,255,255,.18) !important;
  }

  .sidebar nav .nav-btn[data-page="add"] .ks-best-menu-label,
  .sidebar nav .nav-btn[data-page="add"] .menu-add-label,
  .sidebar nav .nav-btn[data-page="add"] span:not(.count) {
    display: none !important;
  }

  .sidebar nav .nav-btn[data-page="add"]::after {
    content: "›" !important;
    margin-left: auto !important;
    color: rgba(255,255,255,.88) !important;
  }

  body.rtl .sidebar nav .nav-btn[data-page="add"]::after {
    content: "‹" !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  #mobileTaskbar .mobile-taskbar-btn.add .mt-icon {
    font-size: 28px !important;
  }
  #mobileTaskbar .mobile-taskbar-btn.add .mt-label {
    font-size: 0 !important;
  }
}


@media (max-width: 768px) {
  .sidebar nav .nav-btn[data-page="add"] {
    justify-content: flex-start !important;
    gap: 12px !important;
    padding-left: 18px !important;
    padding-right: 12px !important;
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
    font-size: 15px !important;
    font-weight: 950 !important;
  }

  .sidebar nav .nav-btn[data-page="add"]::before {
    content: none !important;
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    box-shadow: none !important;
  }

  .sidebar nav .nav-btn[data-page="add"] .ks-menu-add-text-final {
    display: inline-flex !important;
    align-items: center !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    overflow: visible !important;
    white-space: nowrap !important;
    text-overflow: clip !important;
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
    pointer-events: none !important;
  }

  .sidebar nav .nav-btn[data-page="add"] .ks-menu-add-text-final::before {
    content: "＋" !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    margin-right: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 14px !important;
    background:
      radial-gradient(circle at 30% 15%, rgba(255,255,255,.38), transparent 28%),
      linear-gradient(135deg, #06b6d4, #2563eb 55%, #7c3aed) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 23px !important;
    font-weight: 1000 !important;
    box-shadow: 0 12px 22px rgba(37,99,235,.30), inset 0 1px 0 rgba(255,255,255,.18) !important;
  }

  body.rtl .sidebar nav .nav-btn[data-page="add"] .ks-menu-add-text-final::before {
    margin-right: 0 !important;
    margin-left: 12px !important;
  }

  .sidebar nav .nav-btn[data-page="add"] .ks-best-menu-label,
  .sidebar nav .nav-btn[data-page="add"] .menu-add-label,
  .sidebar nav .nav-btn[data-page="add"] span:not(.count):not(.ks-menu-add-text-final) {
    display: none !important;
  }

  .sidebar nav .nav-btn[data-page="add"]::after {
    content: "›" !important;
    margin-left: auto !important;
    color: rgba(255,255,255,.88) !important;
  }

  body.rtl .sidebar nav .nav-btn[data-page="add"]::after {
    content: "‹" !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  #mobileTaskbar .mobile-taskbar-btn.add .mt-label {
    font-size: 0 !important;
  }
}


@media (max-width: 768px) {
  .panel-head > .btn.primary[data-page-jump="add"],
  .page-title > .btn.primary[data-page-jump="add"] {
    width: 100% !important;
    max-width: none !important;
    height: 50px !important;
    min-height: 50px !important;
    padding: 0 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    white-space: nowrap !important;
  }

  .panel-head > .btn.primary[data-page-jump="add"]::before,
  .page-title > .btn.primary[data-page-jump="add"]::before,
  .panel-head > .btn.primary[data-page-jump="add"]::after,
  .page-title > .btn.primary[data-page-jump="add"]::after {
    content: none !important;
    display: none !important;
  }

  .panel-head > .btn.primary[data-page-jump="add"] span,
  .page-title > .btn.primary[data-page-jump="add"] span {
    display: inline !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }
}


@media (max-width: 768px) {
  .sidebar nav .nav-btn[data-page="add"] {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    min-height: 58px !important;
    height: 58px !important;
    padding: 8px 12px !important;
    overflow: hidden !important;
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    text-align: left !important;
    white-space: nowrap !important;
  }

  .sidebar nav .nav-btn[data-page="add"]::before {
    content: none !important;
    display: none !important;
  }

  .sidebar nav .nav-btn[data-page="add"] .ks-add-final-icon {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 14px !important;
    background:
      radial-gradient(circle at 30% 15%, rgba(255,255,255,.38), transparent 28%),
      linear-gradient(135deg, #06b6d4, #2563eb 55%, #7c3aed) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 24px !important;
    line-height: 1 !important;
    font-weight: 1000 !important;
    box-shadow: 0 12px 22px rgba(37,99,235,.30), inset 0 1px 0 rgba(255,255,255,.18) !important;
    pointer-events: none !important;
  }

  .sidebar nav .nav-btn[data-page="add"] .ks-add-final-text {
    display: inline-block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
    pointer-events: none !important;
  }

  .sidebar nav .nav-btn[data-page="add"]::after {
    content: "›" !important;
    margin-left: auto !important;
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.08) !important;
    color: rgba(255,255,255,.88) !important;
    -webkit-text-fill-color: rgba(255,255,255,.88) !important;
    font-size: 24px !important;
    line-height: 1 !important;
  }

  body.rtl .sidebar nav .nav-btn[data-page="add"] {
    text-align: right !important;
  }

  body.rtl .sidebar nav .nav-btn[data-page="add"]::after {
    content: "‹" !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  #mobileTaskbar .mobile-taskbar-btn.add .mt-label {
    font-size: 0 !important;
  }
}


@media (max-width: 768px) {
  #adminExpenses .table-wrap tr,
  #adminExpensesTrash .table-wrap tr {
    padding: 14px !important;
    border-radius: 20px !important;
  }

  #adminExpenses .compact-actions,
  #adminExpensesTrash .compact-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }

  #adminExpenses .compact-actions .row-action-btn,
  #adminExpensesTrash .compact-actions .row-action-btn {
    min-height: 40px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
  }
}


@media (max-width: 768px) {
  .sidebar nav .nav-btn[data-page="add"] {
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 58px !important;
    min-height: 58px !important;
    flex: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    padding: 8px 12px !important;
    text-align: left !important;
    border-radius: 18px !important;
    background: linear-gradient(135deg, rgba(255,255,255,.092), rgba(255,255,255,.042)) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 10px 24px rgba(0,0,0,.10) !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
    letter-spacing: -.01em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }

  .sidebar nav .nav-btn[data-page="add"]:hover,
  .sidebar nav .nav-btn[data-page="add"].active {
    background:
      linear-gradient(135deg, rgba(59,130,246,.34), rgba(124,58,237,.22)),
      rgba(255,255,255,.06) !important;
    border-color: rgba(147,197,253,.58) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 16px 34px rgba(37,99,235,.20) !important;
  }

  .sidebar nav .nav-btn[data-page="add"]::before {
    content: none !important;
    display: none !important;
  }

  .sidebar nav .nav-btn[data-page="add"] .ks-add-final-icon {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    flex: 0 0 38px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 14px !important;
    background:
      radial-gradient(circle at 30% 15%, rgba(255,255,255,.38), transparent 28%),
      linear-gradient(135deg, #06b6d4, #2563eb 55%, #7c3aed) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 24px !important;
    line-height: 1 !important;
    font-weight: 1000 !important;
    box-shadow: 0 12px 22px rgba(37,99,235,.30), inset 0 1px 0 rgba(255,255,255,.18) !important;
    pointer-events: none !important;
  }

  .sidebar nav .nav-btn[data-page="add"] .ks-add-final-text {
    display: inline-block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
    letter-spacing: -.01em !important;
    pointer-events: none !important;
  }

  .sidebar nav .nav-btn[data-page="add"] .ks-best-menu-label,
  .sidebar nav .nav-btn[data-page="add"] .menu-add-label,
  .sidebar nav .nav-btn[data-page="add"] span:not(.count):not(.ks-add-final-icon):not(.ks-add-final-text) {
    display: none !important;
  }

  .sidebar nav .nav-btn[data-page="add"]::after {
    content: "›" !important;
    margin-left: auto !important;
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    flex: 0 0 26px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.08) !important;
    color: rgba(255,255,255,.88) !important;
    -webkit-text-fill-color: rgba(255,255,255,.88) !important;
    font-size: 24px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
  }

  body.rtl .sidebar nav .nav-btn[data-page="add"] {
    text-align: right !important;
  }

  body.rtl .sidebar nav .nav-btn[data-page="add"]::after {
    content: "‹" !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  #mobileTaskbar .mobile-taskbar-btn.add .mt-label {
    font-size: 0 !important;
  }
}


@media (max-width: 768px) {
  #ordersBody .compact-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }

  #ordersBody .compact-actions .row-action-btn,
  #ordersBody .compact-actions .ks-order-copy-btn {
    min-height: 40px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    padding: 8px 10px !important;
  }

  #ordersBody .compact-actions .ks-order-copy-btn {
    background: rgba(20,184,166,.14) !important;
    border: 1px solid rgba(20,184,166,.32) !important;
    color: #5eead4 !important;
    -webkit-text-fill-color: #5eead4 !important;
  }

  #orderViewModal .view-actions button[onclick*="copyViewOrder"] {
    display: none !important;
  }

  .sidebar nav .nav-btn[data-page="add"] {
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 58px !important;
    min-height: 58px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 8px 12px !important;
    border-radius: 18px !important;
    background: linear-gradient(135deg, rgba(255,255,255,.092), rgba(255,255,255,.042)) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 10px 24px rgba(0,0,0,.10) !important;
    overflow: hidden !important;
  }

  .sidebar nav .nav-btn[data-page="add"]::before {
    content: none !important;
    display: none !important;
  }

  .sidebar nav .nav-btn[data-page="add"] .ks-add-menu-label-only {
    display: inline-block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
    letter-spacing: -.01em !important;
    pointer-events: none !important;
  }

  .sidebar nav .nav-btn[data-page="add"]::after {
    content: "›" !important;
    margin-left: auto !important;
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.08) !important;
    color: rgba(255,255,255,.88) !important;
    -webkit-text-fill-color: rgba(255,255,255,.88) !important;
    font-size: 24px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
  }

  body.rtl .sidebar nav .nav-btn[data-page="add"]::after {
    content: "‹" !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  #mobileTaskbar .mobile-taskbar-btn.add .mt-label {
    font-size: 0 !important;
  }
}


@media (max-width: 768px) {
  .sidebar nav button.nav-btn[data-page="add"],
  .sidebar nav .nav-btn[data-page="add"] {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 8px 12px !important;
    gap: 12px !important;
    overflow: hidden !important;
    text-align: left !important;
  }

  .sidebar nav button.nav-btn[data-page="add"]::before,
  .sidebar nav .nav-btn[data-page="add"]::before {
    content: none !important;
    display: none !important;
  }

  .sidebar nav button.nav-btn[data-page="add"] > span.ks-add-menu-label-only,
  .sidebar nav .nav-btn[data-page="add"] > span.ks-add-menu-label-only,
  body .sidebar nav button.nav-btn[data-page="add"] > span.ks-add-menu-label-only {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
    height: auto !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
    letter-spacing: -.01em !important;
    pointer-events: none !important;
  }

  .sidebar nav button.nav-btn[data-page="add"]::after,
  .sidebar nav .nav-btn[data-page="add"]::after {
    content: "›" !important;
    margin-left: auto !important;
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.08) !important;
    color: rgba(255,255,255,.88) !important;
    -webkit-text-fill-color: rgba(255,255,255,.88) !important;
    font-size: 24px !important;
    line-height: 1 !important;
  }

  body.rtl .sidebar nav button.nav-btn[data-page="add"]::after,
  body.rtl .sidebar nav .nav-btn[data-page="add"]::after {
    content: "‹" !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  #mobileTaskbar .mobile-taskbar-btn.add .mt-label {
    font-size: 0 !important;
  }
}


@media (max-width: 768px) {
  .ks-taskbar-plus-sheet {
    position: fixed !important;
    left: 14px !important;
    right: 14px !important;
    bottom: calc(94px + env(safe-area-inset-bottom)) !important;
    z-index: 2147483000 !important;
    display: none !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 12px !important;
    border-radius: 24px !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(59,130,246,.30), transparent 42%),
      linear-gradient(180deg, rgba(15,23,42,.98), rgba(5,10,28,.98)) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    box-shadow: 0 24px 58px rgba(2,6,23,.55), inset 0 1px 0 rgba(255,255,255,.06) !important;
    backdrop-filter: blur(18px) saturate(150%) !important;
  }

  .ks-taskbar-plus-sheet.open {
    display: grid !important;
    animation: ksPlusSheetUp .16s ease-out both !important;
  }

  @keyframes ksPlusSheetUp {
    from { transform: translateY(12px) scale(.98); opacity: 0; }
    to { transform: translateY(0) scale(1); opacity: 1; }
  }

  .ks-taskbar-plus-option {
    width: 100% !important;
    min-height: 54px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 10px 12px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    background: linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.045)) !important;
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    text-align: left !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 10px 24px rgba(0,0,0,.14) !important;
  }

  .ks-taskbar-plus-option .ks-plus-opt-icon {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 14px !important;
    background:
      radial-gradient(circle at 30% 15%, rgba(255,255,255,.38), transparent 28%),
      linear-gradient(135deg, #06b6d4, #2563eb 55%, #7c3aed) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 20px !important;
    font-weight: 1000 !important;
    box-shadow: 0 12px 22px rgba(37,99,235,.30), inset 0 1px 0 rgba(255,255,255,.18) !important;
  }

  .ks-taskbar-plus-option:hover,
  .ks-taskbar-plus-option:active {
    background:
      linear-gradient(135deg, rgba(59,130,246,.34), rgba(124,58,237,.24)),
      rgba(255,255,255,.06) !important;
    border-color: rgba(147,197,253,.46) !important;
  }

  .ks-taskbar-plus-backdrop {
    display: none !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147482999 !important;
    background: rgba(2,6,23,.20) !important;
  }

  .ks-taskbar-plus-backdrop.open {
    display: block !important;
  }

  #mobileTaskbar .mobile-taskbar-btn.add {
    transform: translateY(-2px) !important;
  }

  #mobileTaskbar .mobile-taskbar-btn.add .mt-icon {
    font-size: 29px !important;
  }

  #mobileTaskbar .mobile-taskbar-btn.add .mt-label {
    font-size: 0 !important;
  }
}


@media (max-width: 768px) {
  #users,
  #users .panel,
  #users .manage-users-panel,
  #users .users-form,
  #users .permissions-box,
  #users .perm-grid {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  #users .panel {
    padding: 14px !important;
    border-radius: 22px !important;
  }

  #users .panel-head {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    align-items: start !important;
  }

  #users .panel-head h1 {
    font-size: 22px !important;
    line-height: 1.15 !important;
    margin: 0 !important;
  }

  #users .panel-head p {
    font-size: 13px !important;
    line-height: 1.35 !important;
    margin: 5px 0 0 !important;
    opacity: .78 !important;
  }

  #users #reloadUsersBtn {
    width: 100% !important;
    min-height: 46px !important;
    border-radius: 15px !important;
  }

  #users .form-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
  }

  #users .form-grid > label {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #e5e7eb !important;
    -webkit-text-fill-color: #e5e7eb !important;
    font-size: 13px !important;
    font-weight: 850 !important;
  }

  #users .form-grid input,
  #users .form-grid select {
    width: 100% !important;
    min-width: 0 !important;
    height: 46px !important;
    border-radius: 14px !important;
    box-sizing: border-box !important;
  }

  #users .permissions-box {
    margin-top: 14px !important;
    padding: 14px !important;
    border-radius: 20px !important;
    background: rgba(255,255,255,.045) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
  }

  #users .permissions-box h3 {
    margin: 0 0 12px !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }

  #users .perm-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }

  #users .perm-grid > label {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 54px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    border-radius: 17px !important;
    background: linear-gradient(135deg, rgba(255,255,255,.085), rgba(255,255,255,.035)) !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    text-align: left !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    white-space: normal !important;
  }

  #users .perm-grid > label > input[type="checkbox"] {
    grid-column: 1 !important;
    justify-self: center !important;
    align-self: center !important;
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 34px !important;
    accent-color: #22c55e !important;
    transform: none !important;
  }

  #users .perm-grid > label > .ks-perm-text {
    grid-column: 2 !important;
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
    line-height: 1.25 !important;
  }

  #users .form-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    margin-top: 14px !important;
  }

  #users .form-actions .btn {
    width: 100% !important;
    min-height: 46px !important;
    border-radius: 15px !important;
  }

  #users .table-wrap {
    width: 100% !important;
    overflow-x: auto !important;
    margin-bottom: calc(112px + env(safe-area-inset-bottom)) !important;
  }

  .sidebar nav .nav-btn[data-page="add"] {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 8px 12px !important;
    border-radius: 18px !important;
    gap: 12px !important;
    overflow: hidden !important;
    text-align: left !important;
  }

  .sidebar nav .nav-btn[data-page="add"]::before {
    content: none !important;
    display: none !important;
  }

  .sidebar nav .nav-btn[data-page="add"] > .ks-menu-add-customer-stable {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
    letter-spacing: -.01em !important;
    pointer-events: none !important;
  }

  .sidebar nav .nav-btn[data-page="add"]::after {
    content: "›" !important;
    margin-left: auto !important;
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.08) !important;
    color: rgba(255,255,255,.88) !important;
    -webkit-text-fill-color: rgba(255,255,255,.88) !important;
    font-size: 24px !important;
    line-height: 1 !important;
  }

  body.rtl .sidebar nav .nav-btn[data-page="add"]::after {
    content: "‹" !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }
}


@media (max-width: 768px) {
  #ordersBody .ks-order-clean-row > td {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  #ordersBody .ks-order-clean-card {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 64px minmax(0, 1fr) auto !important;
    gap: 14px !important;
    align-items: start !important;
    padding: 16px !important;
    margin: 0 0 14px !important;
    border-radius: 24px !important;
    background:
      linear-gradient(180deg, rgba(7,19,66,.96), rgba(4,14,54,.96)) !important;
    border: 1px solid rgba(78,112,255,.18) !important;
    box-shadow:
      0 16px 38px rgba(2,6,23,.22),
      inset 0 1px 0 rgba(255,255,255,.05) !important;
    overflow: hidden !important;
  }

  #ordersBody .ks-order-clean-card.is-latest {
    border-color: rgba(250,204,21,.36) !important;
    box-shadow:
      0 18px 40px rgba(2,6,23,.24),
      0 0 0 1px rgba(250,204,21,.08) inset !important;
  }

  #ordersBody .ks-order-avatar {
    width: 56px !important;
    height: 56px !important;
    border-radius: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 30px !important;
    font-weight: 1000 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background: linear-gradient(135deg, #7c3aed, #2563eb) !important;
    box-shadow: 0 12px 24px rgba(37,99,235,.28) !important;
    flex: 0 0 56px !important;
  }

  #ordersBody .ks-order-main {
    min-width: 0 !important;
  }

  #ordersBody .ks-order-topline {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    margin-bottom: 6px !important;
  }

  #ordersBody .ks-order-id {
    font-size: 16px !important;
    font-weight: 1000 !important;
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
    line-height: 1.15 !important;
  }

  #ordersBody .ks-order-status {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    padding: 4px 12px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  #ordersBody .ks-order-status.active {
    color: #b8f8c5 !important;
    background: rgba(34,197,94,.18) !important;
    border: 1px solid rgba(34,197,94,.28) !important;
  }
  #ordersBody .ks-order-status.expiring {
    color: #fde68a !important;
    background: rgba(245,158,11,.18) !important;
    border: 1px solid rgba(245,158,11,.28) !important;
  }
  #ordersBody .ks-order-status.expired {
    color: #fca5a5 !important;
    background: rgba(239,68,68,.18) !important;
    border: 1px solid rgba(239,68,68,.28) !important;
  }

  #ordersBody .ks-order-name {
    font-size: 14px !important;
    font-weight: 900 !important;
    color: #e5e7eb !important;
    -webkit-text-fill-color: #e5e7eb !important;
    line-height: 1.2 !important;
    margin-bottom: 8px !important;
    word-break: break-word !important;
  }

  #ordersBody .ks-order-meta {
    display: grid !important;
    gap: 4px !important;
  }

  #ordersBody .ks-order-meta-line {
    font-size: 13px !important;
    line-height: 1.35 !important;
    color: rgba(226,232,240,.85) !important;
    -webkit-text-fill-color: rgba(226,232,240,.85) !important;
    word-break: break-word !important;
  }

  #ordersBody .ks-order-meta-line strong {
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
    font-weight: 850 !important;
  }

  #ordersBody .ks-order-price {
    min-width: 96px !important;
    text-align: right !important;
    font-size: 18px !important;
    font-weight: 1000 !important;
    line-height: 1.1 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    white-space: nowrap !important;
    margin-top: 2px !important;
  }

  #ordersBody .ks-order-actions {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 12px !important;
  }

  #ordersBody .ks-order-actions .row-action-btn {
    min-height: 40px !important;
    border-radius: 14px !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    padding: 8px 10px !important;
  }

  #ordersBody .ks-order-actions .row-action-btn.copy {
    background: rgba(20,184,166,.14) !important;
    border: 1px solid rgba(20,184,166,.30) !important;
    color: #5eead4 !important;
    -webkit-text-fill-color: #5eead4 !important;
  }

  #ordersBody .ks-order-actions .row-action-btn.danger {
    color: #fecaca !important;
    -webkit-text-fill-color: #fecaca !important;
  }

  @media (max-width: 420px) {
    #ordersBody .ks-order-clean-card {
      grid-template-columns: 56px minmax(0, 1fr) !important;
    }
    #ordersBody .ks-order-price {
      grid-column: 2 !important;
      text-align: left !important;
      margin-top: 4px !important;
      margin-bottom: 2px !important;
      min-width: 0 !important;
    }
    #ordersBody .ks-order-actions {
      grid-template-columns: 1fr 1fr !important;
    }
  }
}


@media (min-width: 769px) {
  #mobileTaskbar,
  .ks-taskbar-plus-sheet,
  .ks-taskbar-plus-backdrop,
  #ksTaskbarPlusSheet,
  #ksTaskbarPlusBackdrop {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  body {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 768px) {
  #orders .table-wrap {
    overflow: visible !important;
    width: 100% !important;
  }

  #orders table {
    width: 100% !important;
    display: block !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: transparent !important;
  }

  #orders thead {
    display: none !important;
  }

  #orders tbody,
  #ordersBody {
    display: block !important;
    width: 100% !important;
  }

  #ordersBody .ks-order-clean-row {
    display: block !important;
    width: 100% !important;
    background: transparent !important;
  }

  #ordersBody .ks-order-clean-row > td {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  #ordersBody .ks-order-clean-card {
    width: 100% !important;
    box-sizing: border-box !important;
  }

  #ordersBody tr:not(.ks-order-clean-row) {
    display: none !important;
  }
}


@media (max-width: 768px) {
  #orders .table-wrap,
  #orders table,
  #orders tbody,
  #ordersBody {
    width: 100% !important;
    display: block !important;
  }

  #orders thead {
    display: none !important;
  }

  #ordersBody tr.ks-order-standard-row,
  #ordersBody tr.ks-order-standard-row > td {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
  }

  #ordersBody .ks-order-standard-card {
    width: 100% !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr) auto !important;
    gap: 12px !important;
    align-items: start !important;
    margin: 0 0 14px !important;
    padding: 16px !important;
    border-radius: 22px !important;
    background: linear-gradient(180deg, rgba(8,22,68,.98), rgba(7,18,58,.98)) !important;
    border: 1px solid rgba(120,145,255,.18) !important;
    box-shadow: 0 12px 30px rgba(2,6,23,.20), inset 0 1px 0 rgba(255,255,255,.05) !important;
    overflow: hidden !important;
  }

  #ordersBody .ks-order-standard-card.is-latest {
    border-color: rgba(250,204,21,.34) !important;
    box-shadow: 0 14px 34px rgba(2,6,23,.24), 0 0 0 1px rgba(250,204,21,.08) inset !important;
  }

  #ordersBody .ks-order-standard-avatar {
    width: 54px !important;
    height: 54px !important;
    border-radius: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #7c3aed, #2563eb) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 28px !important;
    font-weight: 1000 !important;
    box-shadow: 0 10px 22px rgba(59,130,246,.28) !important;
    flex: 0 0 54px !important;
  }

  #ordersBody .ks-order-standard-main {
    min-width: 0 !important;
  }

  #ordersBody .ks-order-standard-header {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    margin-bottom: 4px !important;
  }

  #ordersBody .ks-order-standard-id {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 18px !important;
    line-height: 1.1 !important;
    font-weight: 1000 !important;
  }

  #ordersBody .ks-order-standard-status {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 26px !important;
    padding: 4px 10px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  #ordersBody .ks-order-standard-status.active {
    background: rgba(34,197,94,.18) !important;
    border: 1px solid rgba(34,197,94,.30) !important;
    color: #bbf7d0 !important;
    -webkit-text-fill-color: #bbf7d0 !important;
  }

  #ordersBody .ks-order-standard-status.expiring {
    background: rgba(245,158,11,.18) !important;
    border: 1px solid rgba(245,158,11,.30) !important;
    color: #fde68a !important;
    -webkit-text-fill-color: #fde68a !important;
  }

  #ordersBody .ks-order-standard-status.expired {
    background: rgba(239,68,68,.18) !important;
    border: 1px solid rgba(239,68,68,.30) !important;
    color: #fecaca !important;
    -webkit-text-fill-color: #fecaca !important;
  }

  #ordersBody .ks-order-standard-name {
    color: #e5e7eb !important;
    -webkit-text-fill-color: #e5e7eb !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 850 !important;
    margin-bottom: 8px !important;
    word-break: break-word !important;
  }

  #ordersBody .ks-order-standard-lines {
    display: grid !important;
    gap: 5px !important;
  }

  #ordersBody .ks-order-standard-line {
    color: rgba(226,232,240,.86) !important;
    -webkit-text-fill-color: rgba(226,232,240,.86) !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    word-break: break-word !important;
  }

  #ordersBody .ks-order-standard-line strong {
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
    font-weight: 850 !important;
  }

  #ordersBody .ks-order-standard-price {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 17px !important;
    line-height: 1.1 !important;
    font-weight: 1000 !important;
    white-space: nowrap !important;
    text-align: right !important;
    min-width: 92px !important;
    margin-top: 2px !important;
  }

  #ordersBody .ks-order-standard-actions {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 12px !important;
    width: 100% !important;
  }

  #ordersBody .ks-order-standard-actions .row-action-btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    height: 42px !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 8px 10px !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    writing-mode: horizontal-tb !important;
  }

  #ordersBody .ks-order-standard-actions .row-action-btn.copy {
    background: rgba(20,184,166,.14) !important;
    border: 1px solid rgba(20,184,166,.32) !important;
    color: #5eead4 !important;
    -webkit-text-fill-color: #5eead4 !important;
  }

  #ordersBody .ks-order-standard-actions .row-action-btn.delete,
  #ordersBody .ks-order-standard-actions .row-action-btn.danger {
    background: rgba(239,68,68,.14) !important;
    border: 1px solid rgba(239,68,68,.28) !important;
    color: #fecaca !important;
    -webkit-text-fill-color: #fecaca !important;
  }

  #ordersBody tr:not(.ks-order-standard-row) {
    display: none !important;
  }
}

@media (max-width: 420px) {
  #ordersBody .ks-order-standard-card {
    grid-template-columns: 54px minmax(0, 1fr) !important;
  }

  #ordersBody .ks-order-standard-price {
    grid-column: 2 !important;
    min-width: 0 !important;
    text-align: left !important;
    margin-top: 3px !important;
  }

  #ordersBody .ks-order-standard-actions {
    grid-template-columns: 1fr 1fr !important;
  }
}


@media (max-width: 768px) {
  #mobileTaskbar .mobile-taskbar-btn[data-page="dashboard"] .mt-icon {
    font-size: 19px !important;
    font-weight: 1000 !important;
  }

  #mobileTaskbar .mobile-taskbar-btn[data-page="dashboard"] .mt-label {
    font-size: 11px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
  }

  #ordersBody .ks-order-standard-card,
  #ordersBody .ks-order-clean-card {
    background:
      linear-gradient(180deg, rgba(8,22,68,.98), rgba(7,18,58,.98)) !important;
    border-color: rgba(120,145,255,.18) !important;
  }

  #ordersBody .ks-order-standard-card.is-warning,
  #ordersBody .ks-order-clean-card.is-warning {
    background:
      radial-gradient(circle at 8% 0%, rgba(251,146,60,.30), transparent 42%),
      linear-gradient(180deg, rgba(91,46,12,.98), rgba(67,32,9,.98)) !important;
    border-color: rgba(251,146,60,.46) !important;
    box-shadow:
      0 16px 36px rgba(124,45,18,.28),
      inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  #ordersBody .ks-order-standard-card.is-expired,
  #ordersBody .ks-order-clean-card.is-expired {
    background:
      radial-gradient(circle at 8% 0%, rgba(248,113,113,.30), transparent 42%),
      linear-gradient(180deg, rgba(92,17,26,.98), rgba(62,12,22,.98)) !important;
    border-color: rgba(248,113,113,.48) !important;
    box-shadow:
      0 16px 36px rgba(127,29,29,.30),
      inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  #ordersBody .ks-order-standard-card.is-latest,
  #ordersBody .ks-order-clean-card.is-latest {
    background:
      radial-gradient(circle at 8% 0%, rgba(250,204,21,.38), transparent 44%),
      linear-gradient(180deg, rgba(98,75,10,.98), rgba(68,50,7,.98)) !important;
    border-color: rgba(250,204,21,.62) !important;
    box-shadow:
      0 18px 40px rgba(113,63,18,.32),
      0 0 0 1px rgba(250,204,21,.14) inset !important;
  }

  #ordersBody .ks-order-standard-card.is-latest .ks-order-standard-id,
  #ordersBody .ks-order-clean-card.is-latest .ks-order-id {
    color: #fff7cc !important;
    -webkit-text-fill-color: #fff7cc !important;
  }
}


@media (max-width: 768px) {
  #orders.ks-data-loading::before,
  #stock.ks-data-loading::before {
    content: "Loading data..." !important;
    display: block !important;
    width: 100% !important;
    margin: 0 0 12px !important;
    padding: 12px 14px !important;
    border-radius: 16px !important;
    background: rgba(59,130,246,.12) !important;
    border: 1px solid rgba(59,130,246,.22) !important;
    color: #bfdbfe !important;
    -webkit-text-fill-color: #bfdbfe !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    box-sizing: border-box !important;
  }

  #ordersBody .ks-order-standard-row,
  #ordersBody .ks-order-standard-row > td {
    visibility: visible !important;
    opacity: 1 !important;
  }
}


.ks-orders-pager {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  margin: 16px 0 8px !important;
  padding: 12px !important;
  border-radius: 18px !important;
  background: rgba(15, 23, 42, .72) !important;
  border: 1px solid rgba(148, 163, 184, .18) !important;
}

.ks-orders-pager button,
.ks-orders-pager select {
  min-height: 40px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(148, 163, 184, .22) !important;
  background: rgba(30, 41, 59, .95) !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  padding: 8px 12px !important;
  font-weight: 850 !important;
}

.ks-orders-pager button:disabled {
  opacity: .45 !important;
}

.ks-orders-pager .ks-page-info {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

@media (max-width: 768px) {
  .ks-orders-pager {
    margin-bottom: calc(105px + env(safe-area-inset-bottom)) !important;
  }
}


.ks-speed-note {
  display: none !important;
}

@media (max-width: 768px) {
  #orders .table-wrap {
    contain: content !important;
  }

  #ordersBody {
    contain: content !important;
  }

  #ordersBody .ks-order-standard-card,
  #ordersBody .ks-order-clean-card {
    transform: translateZ(0) !important;
  }
}

.ks-orders-pager{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;margin:16px 0;padding:12px;border-radius:18px;background:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.18)}
.ks-orders-pager button,.ks-orders-pager select{min-height:40px;border-radius:12px;border:1px solid rgba(148,163,184,.22);background:rgba(30,41,59,.95);color:#fff;padding:8px 12px;font-weight:850}
.ks-orders-pager button:disabled{opacity:.45}.ks-page-info{color:#cbd5e1;font-size:13px;font-weight:800}
@media(max-width:768px){.ks-orders-pager{margin-bottom:calc(105px + env(safe-area-inset-bottom))}}


#dashboard .cards .card{cursor:pointer;transition:transform .15s ease, border-color .15s ease}#dashboard .cards .card:hover{transform:translateY(-2px);border-color:rgba(96,165,250,.55)}
.ks-orders-pager{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;margin:16px 0;padding:12px;border-radius:18px;background:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.18)}
.ks-orders-pager button,.ks-orders-pager select{min-height:40px;border-radius:12px;border:1px solid rgba(148,163,184,.22);background:rgba(30,41,59,.95);color:#fff;-webkit-text-fill-color:#fff;padding:8px 12px;font-weight:850}.ks-orders-pager button:disabled{opacity:.45}.ks-page-info{color:#cbd5e1;font-size:13px;font-weight:800}.row-action-btn{cursor:pointer}.row-action-btn.danger{background:rgba(239,68,68,.16)!important;border-color:rgba(239,68,68,.35)!important}.row-action-btn.copy{background:rgba(34,197,94,.16)!important;border-color:rgba(34,197,94,.35)!important}.row-check,.trash-check,.stock-trash-check,.admin-trash-check{width:18px;height:18px;vertical-align:middle;margin-right:8px}.alert-list{display:grid;gap:10px}.alert-item{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:16px;background:rgba(30,41,59,.75);border:1px solid rgba(148,163,184,.18)}.alert-item span{color:#cbd5e1}.alert-item.is-warning{background:rgba(234,179,8,.14);border-color:rgba(234,179,8,.3)}.alert-item.is-expired{background:rgba(239,68,68,.14);border-color:rgba(239,68,68,.3)}.alert-item button{border:0;border-radius:10px;padding:8px 10px;background:#334155;color:#fff;font-weight:800}.payment-status-chip.active,.pay.active{outline:2px solid rgba(96,165,250,.5)!important}
@media(max-width:768px){.ks-orders-pager{margin-bottom:calc(105px + env(safe-area-inset-bottom))}.alert-item{display:grid;align-items:start}.filters{display:grid!important;grid-template-columns:1fr!important}.custom-pay-filter{width:100%!important}.custom-pay-filter-btn{width:100%!important}}


.admin-summary-hint{
  margin: 2px 0 14px !important;
  color: #aab6cc !important;
  font-size: 13px !important;
  font-weight: 650 !important;
}
.admin-expense-summary{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr)) !important;
  gap:14px !important;
  align-items:stretch !important;
}
.admin-summary-total-card{
  grid-column:1/-1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  flex-wrap:wrap !important;
  padding:18px !important;
  border-radius:22px !important;
  border:1px solid rgba(250,204,21,.38) !important;
  background:linear-gradient(135deg,rgba(250,204,21,.15),rgba(15,23,42,.55)) !important;
}
.admin-summary-total-card div{
  display:flex !important;
  flex-direction:column !important;
  gap:5px !important;
}
.admin-summary-total-card span,
.admin-summary-account-card .admin-summary-topline span,
.admin-summary-account-card small{
  color:#fde68a !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
}
.admin-summary-total-card strong{
  font-size:28px !important;
  color:#ffffff !important;
}
.admin-summary-total-card small{
  color:#cbd5e1 !important;
  font-weight:800 !important;
}
.admin-summary-account-card{
  padding:16px !important;
  border-radius:20px !important;
  border:1px solid rgba(148,163,184,.20) !important;
  background:linear-gradient(135deg,rgba(30,41,59,.92),rgba(15,23,42,.84)) !important;
  box-shadow:0 12px 36px rgba(0,0,0,.18) !important;
}
.admin-summary-topline{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  margin-bottom:8px !important;
}
.admin-summary-topline b{
  color:#fff !important;
  font-size:16px !important;
}
.admin-summary-money{
  display:block !important;
  color:#fde68a !important;
  font-size:25px !important;
  margin:4px 0 12px !important;
}
.admin-summary-meta{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:8px !important;
  margin-bottom:10px !important;
}
.admin-summary-meta span,
.admin-summary-purpose{
  color:#cbd5e1 !important;
  background:rgba(148,163,184,.08) !important;
  border:1px solid rgba(148,163,184,.12) !important;
  border-radius:12px !important;
  padding:8px !important;
  font-size:12px !important;
  font-weight:750 !important;
}
.admin-summary-purpose{
  margin-top:8px !important;
}
.admin-summary-actions{
  display:flex !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  margin-top:12px !important;
}
.admin-empty-summary{
  grid-column:1/-1 !important;
  padding:18px !important;
  color:#cbd5e1 !important;
  border-radius:18px !important;
  border:1px dashed rgba(148,163,184,.35) !important;
}
@media (max-width:768px){
  .admin-expense-summary{grid-template-columns:1fr !important;}
  .admin-summary-meta{grid-template-columns:1fr !important;}
  .admin-summary-total-card strong{font-size:23px !important;}
}


.selected-stock-info{
  margin-top:8px !important;
  padding:9px 11px !important;
  border-radius:12px !important;
  font-size:12px !important;
  font-weight:800 !important;
  color:#cbd5e1 !important;
  background:rgba(148,163,184,.08) !important;
  border:1px solid rgba(148,163,184,.16) !important;
}
.selected-stock-info:empty{
  display:none !important;
}
.selected-stock-info.ok{
  color:#bbf7d0 !important;
  background:rgba(34,197,94,.13) !important;
  border-color:rgba(34,197,94,.35) !important;
}
.selected-stock-info.warning{
  color:#fde68a !important;
  background:rgba(245,158,11,.12) !important;
  border-color:rgba(245,158,11,.34) !important;
}
#getStockBtn:disabled{
  opacity:.65 !important;
  cursor:wait !important;
}

#adminExpenseId:not([value=""]) ~ .admin-expense-form-grid::before{
  content:"Edit mode";
  display:block;
}
.admin-edit-btn,.admin-delete-btn{
  min-width:74px !important;
}


#partnerStats .dash-empty{
  padding:14px !important;
  border-radius:14px !important;
  color:#cbd5e1 !important;
  border:1px dashed rgba(148,163,184,.28) !important;
  background:rgba(148,163,184,.06) !important;
}
.partner-analytics-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr)) !important;
  gap:12px !important;
}
.partner-analytics-card{
  padding:14px !important;
  border-radius:18px !important;
  background:linear-gradient(135deg,rgba(30,41,59,.92),rgba(15,23,42,.86)) !important;
  border:1px solid rgba(148,163,184,.18) !important;
}
.partner-analytics-head{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:10px !important;
  margin-bottom:8px !important;
}
.partner-analytics-head b{
  color:#fff !important;
  font-size:15px !important;
}
.partner-analytics-head span{
  color:#93c5fd !important;
  font-size:12px !important;
  font-weight:900 !important;
}
.partner-analytics-card strong{
  display:block !important;
  color:#fde68a !important;
  font-size:23px !important;
  margin-bottom:10px !important;
}
.partner-analytics-meta{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:7px !important;
  margin-bottom:10px !important;
}
.partner-analytics-meta span{
  color:#cbd5e1 !important;
  background:rgba(148,163,184,.08) !important;
  border:1px solid rgba(148,163,184,.12) !important;
  border-radius:10px !important;
  padding:7px !important;
  font-size:12px !important;
  font-weight:800 !important;
}
.partner-analytics-footer{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin-top:12px !important;
  color:#cbd5e1 !important;
  font-weight:800 !important;
}
.partner-analytics-footer span{
  padding:8px 10px !important;
  border-radius:12px !important;
  background:rgba(148,163,184,.08) !important;
  border:1px solid rgba(148,163,184,.12) !important;
}
#recentBody tr.dashboard-recent-row{
  cursor:pointer !important;
}
#recentBody tr.dashboard-recent-row:hover{
  background:rgba(59,130,246,.12) !important;
}
.status-pill{
  display:inline-flex !important;
  padding:5px 9px !important;
  border-radius:999px !important;
  font-size:12px !important;
  font-weight:900 !important;
  background:rgba(148,163,184,.16) !important;
  color:#e5e7eb !important;
}
.status-pill.active{background:rgba(34,197,94,.16) !important;color:#bbf7d0 !important;}
.status-pill.expiring{background:rgba(245,158,11,.18) !important;color:#fde68a !important;}
.status-pill.expired{background:rgba(239,68,68,.18) !important;color:#fecaca !important;}
@media(max-width:768px){
  .partner-analytics-grid{grid-template-columns:1fr !important;}
  .partner-analytics-meta{grid-template-columns:1fr !important;}
}


.custom-service-input.hidden{display:none !important;}
.custom-service-input{
  margin-top:10px !important;
  width:100% !important;
  border-color:rgba(59,130,246,.55) !important;
}
.dashboard-lang-switch button.active,
#loginLangBtn.active{
  background:linear-gradient(135deg,#2563eb,#7c3aed) !important;
  color:#fff !important;
}
body.lang-ku [data-i18n],
body.lang-ku input,
body.lang-ku textarea,
body.lang-ku select,
body.lang-ku button{
  font-family:inherit !important;
}
body.lang-ku .login-card,
body.lang-ku .panel,
body.lang-ku .form-panel{
  direction:rtl;
}
body.lang-ku input,
body.lang-ku textarea{
  text-align:right;
}
body.lang-ku .table-wrap,
body.lang-ku table{
  direction:ltr;
}
body.lang-ku table th,
body.lang-ku table td{
  text-align:left;
}
body.lang-ku .sidebar,
body.lang-ku .topbar{
  direction:ltr;
}


.backup-security-panel{
  margin-top:18px !important;
}
.backup-status-line{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:12px 14px !important;
  border-radius:16px !important;
  margin-bottom:12px !important;
  background:rgba(34,197,94,.10) !important;
  border:1px solid rgba(34,197,94,.24) !important;
  color:#bbf7d0 !important;
  font-weight:900 !important;
}
.backup-security-panel a.row-action-btn{
  text-decoration:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}
#backupNowBtn:disabled,
#backupPanelBtn:disabled{
  opacity:.65 !important;
  cursor:wait !important;
}
@media(max-width:768px){
  .backup-security-panel .panel-head{
    align-items:stretch !important;
  }
  .backup-security-panel .panel-head .btn{
    width:100% !important;
  }
}


.backup-action-buttons{
  display:flex !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  justify-content:flex-end !important;
}
.backup-action-buttons .btn{
  min-width:150px !important;
}
.backup-status-line{
  flex-wrap:wrap !important;
}
#autoBackupStatusText{
  color:#bfdbfe !important;
}
.backup-type-badge{
  display:inline-flex !important;
  margin-top:4px !important;
  padding:3px 8px !important;
  border-radius:999px !important;
  background:rgba(59,130,246,.16) !important;
  color:#bfdbfe !important;
  font-weight:900 !important;
}
#excelBackupBtn:disabled,
#dailyExcelBackupBtn:disabled{
  opacity:.65 !important;
  cursor:wait !important;
}
@media(max-width:768px){
  .backup-action-buttons{
    width:100% !important;
    flex-direction:column !important;
  }
  .backup-action-buttons .btn{
    width:100% !important;
  }
}


#googleDriveStatusText{
  color:#d8b4fe !important;
}
.drive-ok,
.drive-pending,
.drive-fail{
  display:inline-flex !important;
  max-width:180px !important;
  padding:4px 8px !important;
  border-radius:999px !important;
  font-size:12px !important;
  font-weight:900 !important;
  text-decoration:none !important;
  white-space:normal !important;
}
.drive-ok{
  color:#bbf7d0 !important;
  background:rgba(34,197,94,.15) !important;
  border:1px solid rgba(34,197,94,.28) !important;
}
.drive-pending{
  color:#fde68a !important;
  background:rgba(245,158,11,.13) !important;
  border:1px solid rgba(245,158,11,.26) !important;
}
.drive-fail{
  color:#fecaca !important;
  background:rgba(239,68,68,.13) !important;
  border:1px solid rgba(239,68,68,.25) !important;
}


#hourlyBackupStatusText{
  color:#a7f3d0 !important;
}
#hourlyDriveBackupBtn:disabled{
  opacity:.65 !important;
  cursor:wait !important;
}


.activity-log-panel .panel-head{
  align-items:flex-start !important;
}
.activity-log-actions{
  display:flex !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  justify-content:flex-end !important;
}
.activity-log-filters{
  display:grid !important;
  grid-template-columns: 1fr 220px 120px !important;
  gap:12px !important;
  margin:16px 0 !important;
}
.activity-log-table th,
.activity-log-table td{
  vertical-align:top !important;
}
.activity-action-badge,
.activity-result{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:4px 9px !important;
  border-radius:999px !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
  white-space:nowrap !important;
}
.activity-action-badge{
  background:rgba(99,102,241,.16) !important;
  border:1px solid rgba(99,102,241,.28) !important;
  color:#c7d2fe !important;
}
.activity-result.ok{
  background:rgba(34,197,94,.14) !important;
  border:1px solid rgba(34,197,94,.28) !important;
  color:#bbf7d0 !important;
}
.activity-result.bad{
  background:rgba(239,68,68,.14) !important;
  border:1px solid rgba(239,68,68,.28) !important;
  color:#fecaca !important;
}
.activity-result.mid{
  background:rgba(245,158,11,.14) !important;
  border:1px solid rgba(245,158,11,.28) !important;
  color:#fde68a !important;
}
.activity-detail-cell{
  max-width:360px !important;
  white-space:normal !important;
  word-break:break-word !important;
}
@media(max-width:768px){
  .activity-log-actions{
    width:100% !important;
    flex-direction:column !important;
  }
  .activity-log-actions .btn{
    width:100% !important;
  }
  .activity-log-filters{
    grid-template-columns:1fr !important;
  }
  .activity-log-table tr{
    display:block !important;
    margin-bottom:12px !important;
    border:1px solid rgba(148,163,184,.18) !important;
    border-radius:16px !important;
    padding:10px !important;
    background:rgba(15,23,42,.42) !important;
  }
  .activity-log-table td{
    display:flex !important;
    justify-content:space-between !important;
    gap:14px !important;
    border:0 !important;
    padding:8px 4px !important;
  }
  .activity-log-table thead{
    display:none !important;
  }
}


.activity-log-filters select option{
  font-size:14px !important;
}
.activity-action-badge{
  white-space:normal !important;
  text-align:center !important;
  max-width:180px !important;
  line-height:1.25 !important;
}


.reports-page .panel-head{
  align-items:flex-start !important;
}
.reports-actions{
  display:flex !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  justify-content:flex-end !important;
}
.reports-filters{
  display:grid !important;
  grid-template-columns: repeat(4, minmax(160px, 1fr)) !important;
  gap:12px !important;
  margin:16px 0 !important;
}
.reports-filters label{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  font-weight:900 !important;
  color:#cbd5e1 !important;
}
.report-summary-grid{
  display:grid !important;
  grid-template-columns: repeat(6, minmax(130px, 1fr)) !important;
  gap:12px !important;
  margin:18px 0 !important;
}
.report-card{
  padding:16px !important;
  border-radius:18px !important;
  background:rgba(15,23,42,.55) !important;
  border:1px solid rgba(148,163,184,.18) !important;
}
.report-card span{
  display:block !important;
  font-size:12px !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  color:#94a3b8 !important;
  font-weight:900 !important;
  margin-bottom:8px !important;
}
.report-card b{
  display:block !important;
  font-size:24px !important;
  color:#e5e7eb !important;
  line-height:1.1 !important;
}
.report-card small{
  color:#94a3b8 !important;
  font-weight:900 !important;
}
.reports-tabs{
  display:flex !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  margin:18px 0 12px !important;
}
.report-tab{
  border:1px solid rgba(148,163,184,.22) !important;
  background:rgba(30,41,59,.7) !important;
  color:#cbd5e1 !important;
  padding:10px 14px !important;
  border-radius:14px !important;
  font-weight:900 !important;
  cursor:pointer !important;
}
.report-tab.active{
  color:#fff !important;
  border-color:rgba(99,102,241,.65) !important;
  background:linear-gradient(135deg, rgba(59,130,246,.85), rgba(139,92,246,.85)) !important;
}
.reports-table th,
.reports-table td{
  white-space:normal !important;
}
@media(max-width:1024px){
  .report-summary-grid{
    grid-template-columns: repeat(3, minmax(140px, 1fr)) !important;
  }
  .reports-filters{
    grid-template-columns: repeat(2, minmax(160px, 1fr)) !important;
  }
}
@media(max-width:768px){
  .reports-actions{
    width:100% !important;
    flex-direction:column !important;
  }
  .reports-actions .btn{
    width:100% !important;
  }
  .reports-filters,
  .report-summary-grid{
    grid-template-columns:1fr !important;
  }
  .reports-tabs{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
  }
  .report-tab{
    width:100% !important;
  }
}


.stock-alert-summary{
  display:grid !important;
  grid-template-columns: repeat(5, minmax(130px, 1fr)) !important;
  gap:12px !important;
  margin:16px 0 !important;
}
.stock-alert-card{
  padding:14px !important;
  border-radius:18px !important;
  background:rgba(15,23,42,.60) !important;
  border:1px solid rgba(148,163,184,.18) !important;
}
.stock-alert-card span{
  display:block !important;
  color:#94a3b8 !important;
  font-size:12px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
}
.stock-alert-card b{
  display:block !important;
  margin-top:8px !important;
  font-size:26px !important;
  line-height:1 !important;
  color:#e5e7eb !important;
}
.stock-alert-card.ok b{ color:#34d399 !important; }
.stock-alert-card.sold b{ color:#a78bfa !important; }
.stock-alert-card.warn b{ color:#fbbf24 !important; }
.stock-alert-card.danger b{ color:#fb7185 !important; }
.stock-alert-list{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr)) !important;
  gap:10px !important;
  margin:0 0 16px !important;
}
.stock-alert-item{
  border-radius:16px !important;
  padding:12px 14px !important;
  border:1px solid rgba(148,163,184,.18) !important;
  background:rgba(30,41,59,.52) !important;
}
.stock-alert-item b{
  display:block !important;
  margin-bottom:4px !important;
}
.stock-alert-item span{
  color:#cbd5e1 !important;
  font-size:13px !important;
  font-weight:800 !important;
}
.stock-alert-item.ok{
  border-color:rgba(34,197,94,.25) !important;
  background:rgba(34,197,94,.08) !important;
}
.stock-alert-item.warn{
  border-color:rgba(245,158,11,.32) !important;
  background:rgba(245,158,11,.10) !important;
}
.stock-alert-item.danger{
  border-color:rgba(239,68,68,.32) !important;
  background:rgba(239,68,68,.10) !important;
}
@media(max-width:1024px){
  .stock-alert-summary{ grid-template-columns: repeat(3, minmax(130px, 1fr)) !important; }
}
@media(max-width:768px){
  .stock-alert-summary{ grid-template-columns: repeat(2, minmax(120px, 1fr)) !important; }
  .stock-alert-list{ grid-template-columns:1fr !important; }
}


#stock .table-wrap table thead{ display:none !important; }
.stock-filter-card{ cursor:pointer !important; user-select:none !important; transition:transform .16s ease,border-color .16s ease, box-shadow .16s ease, background .16s ease; }
.stock-filter-card:hover{ transform:translateY(-2px); border-color:rgba(96,165,250,.35) !important; }
.stock-filter-card.active{ border-color:rgba(96,165,250,.55) !important; box-shadow:0 0 0 1px rgba(96,165,250,.25) inset, 0 12px 28px rgba(2,6,23,.25); background:linear-gradient(135deg,rgba(15,23,42,.82),rgba(30,41,59,.72)) !important; }
.stock-alert-link{ width:100%; text-align:left; cursor:pointer; }
.stock-service-card.warn{ border-color:rgba(245,158,11,.30); box-shadow:0 18px 45px rgba(245,158,11,.08); }
.stock-service-card.danger{ border-color:rgba(244,63,94,.30); box-shadow:0 18px 45px rgba(244,63,94,.08); }
.stock-available-pill.warn{ color:#fbbf24; background:rgba(245,158,11,.13); border-color:rgba(245,158,11,.35); }
.stock-available-pill.danger{ color:#fb7185; background:rgba(244,63,94,.13); border-color:rgba(244,63,94,.35); }
.stock-select-line{ display:flex; align-items:center; gap:10px; font-size:15px; color:#e5e7eb; }
.stock-select-line input{ width:18px; height:18px; accent-color:#60a5fa; }
.stock-account-top strong{ font-size:16px; line-height:1.2; }
.stock-info-grid .stock-field.empty b{ color:#94a3b8; }
.stock-card-actions{ justify-content:flex-start !important; }
@media (min-width: 769px){
  #stockBody td{ display:table-cell; }
  #stockBody .stock-service-row > td{ display:block !important; }
}


.stock-service-row.collapsed .stock-account-grid{ display:none !important; }
.stock-service-card{ border-radius:22px !important; overflow:hidden; }
.stock-service-card.is-open{ box-shadow:0 18px 60px rgba(15,23,42,.34), 0 0 0 1px rgba(96,165,250,.10) inset; }
.stock-service-head{ padding:26px 28px !important; }
.stock-service-title-row{ display:flex; align-items:center; gap:18px; min-width:0; }
.stock-service-icon{ width:34px; height:34px; border-radius:10px; display:inline-flex; align-items:center; justify-content:center; background:linear-gradient(180deg, rgba(59,130,246,.35), rgba(99,102,241,.25)); border:1px solid rgba(148,163,184,.22); color:#f8fafc; font-weight:800; font-size:14px; letter-spacing:.06em; flex:0 0 34px; }
.stock-service-card.warn .stock-service-icon{ background:linear-gradient(180deg, rgba(245,158,11,.35), rgba(217,119,6,.25)); }
.stock-service-card.danger .stock-service-icon{ background:linear-gradient(180deg, rgba(244,63,94,.35), rgba(225,29,72,.25)); }
.stock-service-title{ display:flex; flex-direction:column; gap:4px; min-width:0; }
.stock-service-title .service-brand{ font-size:24px; font-weight:800; line-height:1.15; color:#f8fafc; }
.stock-service-sub{ font-size:16px !important; color:#a8b4c7 !important; }
.stock-service-actions{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; justify-content:flex-end; }
.stock-open-btn{ display:inline-flex; align-items:center; justify-content:center; min-width:92px; padding:14px 20px; border-radius:999px; border:1px solid rgba(96,165,250,.28); background:rgba(37,99,235,.10); color:#dbeafe; font-weight:800; }
.stock-service-card.is-open .stock-open-btn{ background:rgba(59,130,246,.18); }
.stock-account-grid{ padding:0 28px 28px !important; grid-template-columns:repeat(3,minmax(260px,1fr)) !important; gap:18px !important; }
.stock-account-card{ border-radius:22px !important; padding:20px !important; background:linear-gradient(180deg, rgba(16,24,40,.90), rgba(18,28,54,.88)) !important; border:1px solid rgba(148,163,184,.12) !important; }
.stock-account-top{ display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:16px; }
.stock-status-pill.available{ background:rgba(22,163,74,.16); color:#9ae6b4; border:1px solid rgba(34,197,94,.30); }
.stock-status-pill.sold{ background:rgba(244,63,94,.16); color:#fda4af; border:1px solid rgba(244,63,94,.30); }
.stock-info-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:14px !important; }
.stock-field{ border-radius:16px !important; min-height:90px; padding:14px !important; background:rgba(30,41,59,.56) !important; border:1px solid rgba(148,163,184,.12) !important; }
.stock-field small{ font-size:12px !important; letter-spacing:.14em !important; color:#9ca3af !important; font-weight:800 !important; }
.stock-field b{ display:block; margin-top:12px; font-size:14px; line-height:1.5; word-break:break-word; color:#f8fafc; }
.stock-card-actions.compact-actions{ display:flex; gap:12px; justify-content:flex-end !important; margin-top:18px; }
.icon-btn{ width:42px; height:42px; border-radius:14px; border:1px solid rgba(148,163,184,.18); background:rgba(51,65,85,.65); color:#f8fafc; font-size:18px; font-weight:700; cursor:pointer; }
.icon-btn:hover{ transform:translateY(-1px); background:rgba(71,85,105,.75); }
.icon-btn.danger{ color:#fecaca; }
@media(max-width:1200px){ .stock-account-grid{ grid-template-columns:repeat(2,minmax(240px,1fr)) !important; } }
@media(max-width:768px){ .stock-service-head{ padding:18px !important; } .stock-service-title .service-brand{ font-size:20px; } .stock-service-sub{ font-size:14px !important; } .stock-service-title-row{ gap:14px; } .stock-service-actions{ width:100%; justify-content:space-between; } .stock-open-btn{ min-width:84px; padding:12px 16px; } .stock-account-grid{ padding:0 16px 16px !important; grid-template-columns:1fr !important; } .stock-info-grid{ grid-template-columns:1fr 1fr !important; } }
@media(max-width:540px){ .stock-info-grid{ grid-template-columns:1fr !important; } }


.stock-service-card{
  transition:max-height .28s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}
.stock-service-row.expanded .stock-service-card{
  animation: stockOpenFade .22s ease both;
}
@keyframes stockOpenFade{
  from{ transform:translateY(-3px); opacity:.88; }
  to{ transform:translateY(0); opacity:1; }
}
.stock-group-controls{
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 28px 18px !important;
  flex-wrap:wrap;
}
.stock-group-search{
  flex:1 1 260px;
  min-height:46px;
  border-radius:16px;
  border:1px solid rgba(148,163,184,.18);
  background:rgba(15,23,42,.55);
  color:#f8fafc;
  padding:0 16px;
  font-weight:800;
  outline:none;
}
.stock-group-search:focus{
  border-color:rgba(96,165,250,.55);
  box-shadow:0 0 0 3px rgba(59,130,246,.12);
}
.stock-group-tabs{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.stock-group-tab{
  min-height:42px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.18);
  background:rgba(30,41,59,.62);
  color:#cbd5e1;
  font-weight:900;
  cursor:pointer;
}
.stock-group-tab.active{
  color:#fff;
  background:linear-gradient(135deg, rgba(59,130,246,.75), rgba(139,92,246,.72));
  border-color:rgba(96,165,250,.55);
}
.stock-visible-count{
  color:#94a3b8;
  font-size:13px;
  font-weight:900;
}
.stock-account-card.hidden-by-filter{
  display:none !important;
}
.stock-card-actions.compact-actions{
  display:grid !important;
  grid-template-columns:1fr 1fr 1fr !important;
  gap:10px !important;
}
.stock-action-btn{
  min-height:40px;
  border-radius:14px;
  border:1px solid rgba(148,163,184,.16);
  background:rgba(51,65,85,.68);
  color:#f8fafc;
  font-weight:900;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:0 10px;
}
.stock-action-btn.view{
  background:rgba(37,99,235,.15);
  border-color:rgba(96,165,250,.22);
}
.stock-action-btn.copy{
  background:rgba(16,185,129,.12);
  border-color:rgba(52,211,153,.20);
}
.stock-action-btn.danger{
  background:rgba(244,63,94,.12);
  border-color:rgba(251,113,133,.22);
  color:#fecaca;
}
.stock-action-btn:hover{
  transform:translateY(-1px);
  filter:brightness(1.08);
}
@media(max-width:768px){
  .stock-group-controls{
    padding:0 16px 16px !important;
  }
  .stock-group-search{
    flex-basis:100%;
  }
  .stock-group-tabs{
    width:100%;
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
  }
  .stock-card-actions.compact-actions{
    grid-template-columns:1fr !important;
  }
}


.stock-account-grid{
  grid-template-columns:1fr !important;
  gap:16px !important;
  padding:0 20px 22px !important;
}
.stock-account-card{
  padding:18px 18px 16px !important;
  border-radius:20px !important;
}
.stock-account-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:14px;
}
.stock-select-line{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.stock-select-line strong{
  font-size:18px;
  line-height:1.25;
  letter-spacing:.01em;
}
.stock-group-controls{
  align-items:stretch;
}
.stock-group-search{
  flex:1 1 320px;
}
.stock-group-tabs{
  flex:0 0 auto;
}
.stock-visible-count{
  display:inline-flex;
  align-items:center;
  min-height:42px;
}
.stock-info-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
}
.stock-info-grid .stock-field{
  min-width:0;
}
.stock-info-grid b{
  white-space:normal !important;
  word-break:break-word !important;
  overflow-wrap:anywhere;
}
.stock-card-actions.compact-actions{
  display:flex !important;
  justify-content:flex-start !important;
  gap:10px !important;
  flex-wrap:wrap;
  margin-top:14px !important;
}
.stock-action-btn{
  min-width:116px;
  min-height:42px;
}
@media (max-width:1200px){
  .stock-info-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media (max-width:768px){
  .stock-account-grid{
    padding:0 14px 16px !important;
  }
  .stock-account-card{
    padding:15px !important;
  }
  .stock-info-grid{
    grid-template-columns:1fr !important;
  }
  .stock-group-controls{
    gap:10px;
  }
  .stock-group-tabs{
    width:100%;
    grid-template-columns:1fr 1fr 1fr;
  }
  .stock-action-btn{
    flex:1 1 calc(33.333% - 8px);
    min-width:0;
  }
}

.settings-panel{
  max-width:1200px !important;
}
.settings-form{
  margin-top:18px !important;
}
.settings-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(220px,1fr)) !important;
  gap:16px !important;
}
.settings-grid label{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  padding:14px !important;
  border-radius:18px !important;
  background:rgba(15,23,42,.42) !important;
  border:1px solid rgba(148,163,184,.14) !important;
}
.settings-grid label span{
  color:#cbd5e1 !important;
  font-weight:900 !important;
  font-size:13px !important;
  letter-spacing:.03em !important;
}
.settings-check-row{
  flex-direction:row !important;
  align-items:center !important;
  min-height:70px !important;
}
.settings-check-row input{
  width:22px !important;
  height:22px !important;
  accent-color:#60a5fa !important;
}
.settings-help{
  margin:18px 0 !important;
  padding:16px !important;
  border-radius:18px !important;
  border:1px solid rgba(59,130,246,.22) !important;
  background:rgba(37,99,235,.10) !important;
}
.settings-help b{
  color:#bfdbfe !important;
}
.settings-help p{
  margin:8px 0 0 !important;
  color:#cbd5e1 !important;
}
@media(max-width:768px){
  .settings-grid{
    grid-template-columns:1fr !important;
  }
}


.top-actions .btn.is-loading{
  opacity:.78 !important;
  pointer-events:none !important;
  filter:saturate(.8) !important;
  position:relative !important;
}
.top-actions .btn.is-loading::after{
  content:"";
  width:14px;
  height:14px;
  border-radius:999px;
  border:2px solid rgba(255,255,255,.45);
  border-top-color:#fff;
  margin-left:8px;
  display:inline-block;
  vertical-align:-2px;
  animation:ksSpin .75s linear infinite;
}
@keyframes ksSpin{to{transform:rotate(360deg)}}


.service-logo-wrap{
  width:34px;
  height:34px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg, rgba(59,130,246,.22), rgba(99,102,241,.18));
  border:1px solid rgba(148,163,184,.22);
  overflow:hidden;
  flex:0 0 34px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.service-logo-wrap .service-logo-img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  background:rgba(15,23,42,.55);
}
.service-logo-wrap .service-icon-fallback{
  display:none;
  width:100%;
  height:100%;
  align-items:center;
  justify-content:center;
  color:#f8fafc;
  font-weight:800;
  font-size:14px;
  letter-spacing:.06em;
}
.service-logo-wrap.no-image .service-icon-fallback{ display:inline-flex; }
.service-name-wrap{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.service-name-text{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}
.stock-service-title .service-brand{
  display:inline-flex;
  align-items:center;
  gap:10px;
  white-space:normal;
}
.stock-alert-brand{
  display:inline-flex;
  align-items:center;
  gap:10px;
}
.stock-alert-brand .service-name-text{ font-weight:800; }
.stock-alert-brand .service-logo-wrap{
  width:26px;
  height:26px;
  border-radius:8px;
  flex:0 0 26px;
}
.stock-service-icon-wrap{
  width:40px;
  height:40px;
  border-radius:12px;
  flex:0 0 40px;
}
.stock-service-icon-wrap .service-logo-img{ background:rgba(15,23,42,.38); }
.stock-service-card.warn .service-logo-wrap{
  background:linear-gradient(180deg, rgba(245,158,11,.28), rgba(217,119,6,.16));
}
.stock-service-card.danger .service-logo-wrap{
  background:linear-gradient(180deg, rgba(244,63,94,.28), rgba(225,29,72,.16));
}
@media(max-width:768px){
  .stock-service-title .service-brand{ gap:8px; }
  .stock-service-icon-wrap{ width:36px; height:36px; border-radius:10px; }
  .service-name-wrap{ gap:8px; }
}


#stock .table-wrap table thead{display:none!important;}
#stockBody .stock-service-row>td{display:block!important;padding:10px 0!important;border:0!important;}
.stock-service-card{
  border-radius:24px!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,rgba(16,24,40,.78),rgba(17,28,50,.88))!important;
  border:1px solid rgba(148,163,184,.14)!important;
  box-shadow:0 14px 45px rgba(2,6,23,.20)!important;
}
.stock-service-card.is-open{
  border-color:rgba(96,165,250,.22)!important;
  box-shadow:0 22px 70px rgba(2,6,23,.30), inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.stock-service-list-head{
  width:100%!important;
  min-height:112px!important;
  border:0!important;
  background:transparent!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:24px 28px!important;
  cursor:pointer!important;
  text-align:left!important;
}
.stock-service-list-head:hover{background:rgba(59,130,246,.05)!important;}
.stock-service-title-row{display:flex!important;align-items:center!important;gap:18px!important;min-width:0!important;}
.stock-service-main-icon{width:46px!important;height:46px!important;flex:0 0 46px!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.stock-service-main-icon .service-logo-wrap,
.stock-service-icon-wrap{
  width:46px!important;height:46px!important;flex:0 0 46px!important;border-radius:14px!important;
}
.stock-service-main-icon .service-logo-img{width:100%!important;height:100%!important;object-fit:contain!important;}
.stock-service-title{min-width:0!important;display:flex!important;flex-direction:column!important;gap:5px!important;}
.stock-service-title .clean-brand{display:block!important;font-size:24px!important;font-weight:900!important;color:#f8fafc!important;line-height:1.15!important;}
.stock-service-sub{font-size:16px!important;color:#a8b4c7!important;font-weight:700!important;}
.stock-service-actions{display:flex!important;align-items:center!important;gap:18px!important;flex:0 0 auto!important;}
.stock-available-pill{min-width:122px!important;justify-content:center!important;border-radius:13px!important;padding:13px 16px!important;font-size:15px!important;font-weight:900!important;}
.stock-open-btn{width:56px!important;height:56px!important;min-width:56px!important;padding:0!important;border-radius:18px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:rgba(51,65,85,.78)!important;border:1px solid rgba(148,163,184,.15)!important;color:#dbeafe!important;font-size:18px!important;}
.stock-group-panel{padding:0 28px 26px!important;border-top:1px solid rgba(148,163,184,.08)!important;}
.stock-group-controls{padding:18px 0 16px!important;display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important;}
.stock-group-search{flex:1 1 360px!important;min-height:48px!important;border-radius:14px!important;background:rgba(15,23,42,.58)!important;border:1px solid rgba(148,163,184,.13)!important;color:#f8fafc!important;padding:0 16px!important;font-weight:800!important;}
.stock-group-tabs{display:flex!important;gap:8px!important;}
.stock-group-tab{min-height:44px!important;border-radius:14px!important;padding:0 16px!important;border:1px solid rgba(148,163,184,.13)!important;background:rgba(30,41,59,.64)!important;color:#cbd5e1!important;font-weight:900!important;}
.stock-group-tab.active{background:linear-gradient(135deg,rgba(79,70,229,.92),rgba(124,58,237,.82))!important;color:#fff!important;border-color:rgba(129,140,248,.48)!important;}
.stock-visible-count{min-height:44px!important;display:inline-flex!important;align-items:center!important;color:#94a3b8!important;font-weight:900!important;}
.stock-mini-list{border:1px solid rgba(148,163,184,.10)!important;border-radius:18px!important;overflow:hidden!important;background:rgba(15,23,42,.30)!important;}
.stock-mini-head,.stock-mini-row{display:grid!important;grid-template-columns:48px 140px minmax(210px,1.5fr) minmax(150px,1fr) minmax(120px,.75fr) 130px 118px 220px!important;align-items:center!important;gap:12px!important;}
.stock-mini-head{padding:13px 16px!important;background:rgba(30,41,59,.64)!important;color:#94a3b8!important;font-size:12px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important;}
.stock-mini-row{padding:13px 16px!important;border-top:1px solid rgba(148,163,184,.08)!important;color:#e5e7eb!important;min-height:70px!important;}
.stock-mini-row:hover{background:rgba(59,130,246,.055)!important;}
.stock-mini-check input{width:20px!important;height:20px!important;accent-color:#60a5fa!important;}
.stock-mini-id{font-weight:900!important;color:#f8fafc!important;}
.stock-mini-email,.stock-mini-pass,.stock-mini-profile,.stock-mini-expiry{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-width:0!important;}
.stock-mini-actions{display:flex!important;justify-content:flex-end!important;gap:8px!important;}
.stock-mini-actions .stock-action-btn{min-width:62px!important;min-height:38px!important;border-radius:12px!important;padding:0 12px!important;font-size:12px!important;}
.stock-account-card.hidden-by-filter{display:none!important;}
.stock-service-card .service-logo-wrap .service-icon-fallback{display:none!important;}
.stock-service-card .service-logo-wrap.no-image .service-icon-fallback{display:inline-flex!important;}
.stock-service-card .service-name-wrap .service-logo-wrap{display:none!important;}
.stock-alert-brand .service-name-wrap .service-logo-wrap{display:inline-flex!important;}
@media(max-width:1200px){
  .stock-mini-head{display:none!important;}
  .stock-mini-list{border:0!important;background:transparent!important;display:grid!important;gap:12px!important;}
  .stock-mini-row{grid-template-columns:40px 1fr 110px!important;border:1px solid rgba(148,163,184,.10)!important;border-radius:16px!important;background:rgba(15,23,42,.36)!important;}
  .stock-mini-id{grid-column:2/3!important;font-size:17px!important;}
  .stock-mini-email{grid-column:2/4!important;}
  .stock-mini-pass,.stock-mini-profile,.stock-mini-expiry{grid-column:2/4!important;white-space:normal!important;}
  .stock-mini-row>span:nth-child(7){grid-column:3/4!important;grid-row:1!important;justify-self:end!important;}
  .stock-mini-actions{grid-column:2/4!important;justify-content:flex-start!important;}
}
@media(max-width:768px){
  .stock-service-list-head{padding:18px!important;min-height:96px!important;align-items:flex-start!important;}
  .stock-service-actions{gap:10px!important;}
  .stock-available-pill{min-width:auto!important;padding:11px 12px!important;font-size:13px!important;}
  .stock-open-btn{width:46px!important;height:46px!important;min-width:46px!important;border-radius:15px!important;}
  .stock-service-title .clean-brand{font-size:20px!important;}
  .stock-service-sub{font-size:14px!important;}
  .stock-service-main-icon,.stock-service-main-icon .service-logo-wrap,.stock-service-icon-wrap{width:38px!important;height:38px!important;flex-basis:38px!important;}
  .stock-group-panel{padding:0 14px 16px!important;}
  .stock-group-search{flex-basis:100%!important;}
  .stock-group-tabs{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr 1fr!important;}
}


#orders tbody td .order-service-name,
#dashboard .dashboard-recent-row td .service-name-wrap,
.ks-order-standard-line .order-service-name{
  display:inline-flex;
  align-items:center;
  gap:10px;
  vertical-align:middle;
}
#orders tbody td .order-service-name .service-logo-wrap,
#dashboard .dashboard-recent-row td .service-logo-wrap,
.ks-order-standard-line .order-service-name .service-logo-wrap{
  width:26px;
  height:26px;
  border-radius:8px;
  flex:0 0 26px;
}
#orders tbody td .order-service-name .service-name-text,
#dashboard .dashboard-recent-row td .service-name-text,
.ks-order-standard-line .order-service-name .service-name-text{
  font-weight:700;
}
.ks-order-standard-line .order-service-name .service-name-text{
  font-weight:600;
}


.sidebar .menu-groups{
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
  margin-top:8px !important;
}
.nav-group{
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
}
.nav-group-title{
  padding:0 14px 2px !important;
  font-size:11px !important;
  font-weight:950 !important;
  color:#64748b !important;
  text-transform:uppercase !important;
  letter-spacing:.12em !important;
}
.nav-btn{
  justify-content:space-between !important;
  gap:10px !important;
  min-height:44px !important;
  padding:10px 12px !important;
  border-radius:14px !important;
  font-weight:900 !important;
}
.nav-btn .nav-main{
  display:inline-flex !important;
  align-items:center !important;
  gap:11px !important;
  min-width:0 !important;
}
.nav-btn .nav-main span[data-i18n],
.nav-btn .nav-main span:not(.nav-icon){
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
.nav-icon{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:10px !important;
  background:rgba(148,163,184,.10) !important;
  border:1px solid rgba(148,163,184,.12) !important;
  font-size:15px !important;
  line-height:1 !important;
}
.nav-btn.active{
  background:linear-gradient(135deg, rgba(59,130,246,.24), rgba(139,92,246,.24)) !important;
  border-color:rgba(96,165,250,.48) !important;
  color:#93c5fd !important;
  box-shadow:0 12px 30px rgba(59,130,246,.12), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.nav-btn.active .nav-icon{
  background:linear-gradient(135deg, rgba(59,130,246,.40), rgba(139,92,246,.36)) !important;
  border-color:rgba(96,165,250,.40) !important;
}
.nav-btn:not(.active):focus,
.nav-btn:not(.active):focus-visible{
  outline:none !important;
  box-shadow:none !important;
}
.nav-btn:not(.active):focus:not(:hover){
  background:transparent !important;
  border-color:transparent !important;
  color:#cbd5e1 !important;
}
.user-card .user-role,
#sideUserRole{
  color:#a5b4fc !important;
  font-weight:850 !important;
  text-transform:capitalize !important;
}
.sidebar-user-clean{
  border-radius:18px !important;
}
@media(max-width:768px){
  .sidebar .menu-groups{
    gap:12px !important;
  }
  .nav-group{
    gap:5px !important;
  }
  .nav-group-title{
    font-size:10px !important;
    padding-left:12px !important;
  }
  .nav-btn{
    min-height:42px !important;
    padding:9px 11px !important;
  }
  .nav-icon{
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    font-size:14px !important;
  }
}


.modern-footer-controls,
#footerDarkModeBtn,
#footerNeonBtn,
#footerOceanBtn,
#footerLightBtn{
  display:none !important;
}
.sidebar .side-bottom{
  gap:14px !important;
}
.sidebar{
  background:#0f172a !important;
}
body.theme-neon{
  background:#050914 !important;
}


body.theme-midnight,
body.theme-neon{
  --ks-bg:#050914;
  --ks-sidebar:#0f172a;
  --ks-card:#111827;
  --ks-card-2:#172033;
  --ks-line:rgba(148,163,184,.16);
  --ks-text:#f8fafc;
  --ks-muted:#94a3b8;
  --ks-accent:#6366f1;
  --ks-accent-2:#8b5cf6;
  --ks-good:#10b981;
  background:
    radial-gradient(circle at top left, rgba(59,130,246,.16), transparent 34%),
    radial-gradient(circle at top right, rgba(139,92,246,.13), transparent 32%),
    var(--ks-bg) !important;
}
body.theme-aurora{
  --ks-bg:#0d0618;
  --ks-sidebar:#151026;
  --ks-card:#1a1430;
  --ks-card-2:#21183b;
  --ks-line:rgba(196,181,253,.18);
  --ks-text:#fbf7ff;
  --ks-muted:#b9a9d6;
  --ks-accent:#a855f7;
  --ks-accent-2:#ec4899;
  --ks-good:#34d399;
  background:
    radial-gradient(circle at 15% 10%, rgba(168,85,247,.22), transparent 32%),
    radial-gradient(circle at 80% 0%, rgba(236,72,153,.16), transparent 34%),
    var(--ks-bg) !important;
}
body.theme-oceanPro{
  --ks-bg:#04111f;
  --ks-sidebar:#081827;
  --ks-card:#0b2033;
  --ks-card-2:#0e2a42;
  --ks-line:rgba(125,211,252,.18);
  --ks-text:#ecfeff;
  --ks-muted:#9cc7d8;
  --ks-accent:#0ea5e9;
  --ks-accent-2:#06b6d4;
  --ks-good:#2dd4bf;
  background:
    radial-gradient(circle at 10% 0%, rgba(14,165,233,.20), transparent 36%),
    radial-gradient(circle at 88% 15%, rgba(6,182,212,.14), transparent 34%),
    var(--ks-bg) !important;
}
body.theme-emerald{
  --ks-bg:#04150f;
  --ks-sidebar:#082016;
  --ks-card:#0b251a;
  --ks-card-2:#103523;
  --ks-line:rgba(74,222,128,.17);
  --ks-text:#f0fdf4;
  --ks-muted:#9ecdb0;
  --ks-accent:#10b981;
  --ks-accent-2:#22c55e;
  --ks-good:#86efac;
  background:
    radial-gradient(circle at 12% 8%, rgba(16,185,129,.20), transparent 34%),
    radial-gradient(circle at 85% 0%, rgba(34,197,94,.12), transparent 32%),
    var(--ks-bg) !important;
}
body.theme-goldVip,
body.theme-light{
  --ks-bg:#150f04;
  --ks-sidebar:#1f1608;
  --ks-card:#251a0a;
  --ks-card-2:#33230c;
  --ks-line:rgba(251,191,36,.20);
  --ks-text:#fff7ed;
  --ks-muted:#d7b98a;
  --ks-accent:#f59e0b;
  --ks-accent-2:#f97316;
  --ks-good:#facc15;
  background:
    radial-gradient(circle at 10% 0%, rgba(245,158,11,.22), transparent 35%),
    radial-gradient(circle at 85% 5%, rgba(249,115,22,.13), transparent 32%),
    var(--ks-bg) !important;
}

body.theme-midnight .sidebar, body.theme-neon .sidebar,
body.theme-aurora .sidebar, body.theme-oceanPro .sidebar,
body.theme-emerald .sidebar, body.theme-goldVip .sidebar{
  background:linear-gradient(180deg, color-mix(in srgb, var(--ks-sidebar) 96%, transparent), color-mix(in srgb, var(--ks-card) 94%, transparent)) !important;
}
body.theme-midnight .panel, body.theme-neon .panel,
body.theme-aurora .panel, body.theme-oceanPro .panel,
body.theme-emerald .panel, body.theme-goldVip .panel,
body.theme-midnight .card, body.theme-neon .card,
body.theme-aurora .card, body.theme-oceanPro .card,
body.theme-emerald .card, body.theme-goldVip .card{
  background:linear-gradient(180deg, color-mix(in srgb, var(--ks-card) 88%, transparent), color-mix(in srgb, var(--ks-card-2) 80%, transparent)) !important;
  border-color:var(--ks-line) !important;
}
body.theme-midnight .nav-btn.active, body.theme-neon .nav-btn.active,
body.theme-aurora .nav-btn.active, body.theme-oceanPro .nav-btn.active,
body.theme-emerald .nav-btn.active, body.theme-goldVip .nav-btn.active{
  background:linear-gradient(135deg, color-mix(in srgb, var(--ks-accent) 30%, transparent), color-mix(in srgb, var(--ks-accent-2) 26%, transparent)) !important;
  border-color:color-mix(in srgb, var(--ks-accent) 52%, transparent) !important;
  color:#fff !important;
}
body.theme-midnight .btn.primary, body.theme-neon .btn.primary,
body.theme-aurora .btn.primary, body.theme-oceanPro .btn.primary,
body.theme-emerald .btn.primary, body.theme-goldVip .btn.primary{
  background:linear-gradient(135deg, var(--ks-accent), var(--ks-accent-2)) !important;
}

.theme-modern-card{
  padding:14px !important;
  border-radius:18px !important;
  background:rgba(15,23,42,.45) !important;
  border:1px solid rgba(148,163,184,.16) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.theme-modern-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  margin-bottom:12px !important;
}
.theme-modern-head span{
  color:#cbd5e1 !important;
  font-size:12px !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
}
.theme-modern-head b{
  color:#fff !important;
  font-size:12px !important;
  font-weight:950 !important;
}
.theme-modern-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:8px !important;
}
.theme-chip{
  min-height:40px !important;
  border-radius:14px !important;
  border:1px solid rgba(148,163,184,.16) !important;
  background:rgba(30,41,59,.58) !important;
  color:#e5e7eb !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  font-size:12px !important;
  font-weight:950 !important;
  cursor:pointer !important;
}
.theme-chip.active{
  border-color:color-mix(in srgb, var(--ks-accent) 58%, transparent) !important;
  background:linear-gradient(135deg, color-mix(in srgb, var(--ks-accent) 34%, transparent), color-mix(in srgb, var(--ks-accent-2) 24%, transparent)) !important;
  box-shadow:0 8px 22px color-mix(in srgb, var(--ks-accent) 16%, transparent) !important;
}
.theme-dot{
  width:12px !important;
  height:12px !important;
  border-radius:50% !important;
  display:inline-block !important;
}
.theme-dot.midnight{ background:linear-gradient(135deg,#3b82f6,#8b5cf6); }
.theme-dot.aurora{ background:linear-gradient(135deg,#a855f7,#ec4899); }
.theme-dot.oceanPro{ background:linear-gradient(135deg,#0ea5e9,#06b6d4); }
.theme-dot.emerald{ background:linear-gradient(135deg,#10b981,#22c55e); }
.theme-dot.goldVip{ background:linear-gradient(135deg,#f59e0b,#f97316); }

@media(max-width:768px){
  .theme-modern-card{
    display:none !important;
  }
}


.theme-modern-card{ display:none !important; }

@media (max-width: 767px){

  html, body{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
    -webkit-text-size-adjust:100% !important;
    background:#07101f !important;
  }

  body{
    min-height:100dvh !important;
    background:
      radial-gradient(circle at 16% 0%, rgba(37,99,235,.16), transparent 34%),
      radial-gradient(circle at 90% 4%, rgba(124,58,237,.12), transparent 30%),
      linear-gradient(180deg,#07101f 0%,#0f172a 100%) !important;
  }

  #app.app{
    width:100% !important;
    max-width:100% !important;
    min-height:100dvh !important;
    overflow-x:hidden !important;
  }

  .main{
    position:relative !important;
    z-index:1 !important;
    width:100% !important;
    max-width:100% !important;
    min-height:100dvh !important;
    margin:0 !important;
    padding:calc(92px + env(safe-area-inset-top)) 12px calc(24px + env(safe-area-inset-bottom)) !important;
    overflow-x:hidden !important;
    opacity:1 !important;
    filter:none !important;
    transform:none !important;
    pointer-events:auto !important;
  }

  #loginPage:not(.hidden){
    position:fixed !important;
    inset:0 !important;
    z-index:50000 !important;
    display:grid !important;
    place-items:center !important;
    width:100vw !important;
    height:100dvh !important;
    min-height:100dvh !important;
    padding:18px !important;
    overflow-y:auto !important;
    pointer-events:auto !important;
    background:
      radial-gradient(circle at 20% 0%, rgba(59,130,246,.18), transparent 36%),
      radial-gradient(circle at 90% 10%, rgba(139,92,246,.16), transparent 32%),
      #050914 !important;
  }

  #loginPage.hidden{
    display:none !important;
    pointer-events:none !important;
    visibility:hidden !important;
  }

  #loginPage:not(.hidden) *{
    pointer-events:auto !important;
  }

  #loginPage:not(.hidden) .login-card{
    position:relative !important;
    z-index:50001 !important;
    width:min(100%,390px) !important;
    max-width:390px !important;
    padding:22px !important;
    border-radius:24px !important;
    transform:none !important;
    opacity:1 !important;
  }

  #loginPage:not(.hidden) input,
  #loginPage:not(.hidden) #loginUser,
  #loginPage:not(.hidden) #loginPass{
    position:relative !important;
    z-index:50002 !important;
    width:100% !important;
    min-height:54px !important;
    height:54px !important;
    padding:0 15px !important;
    border-radius:16px !important;
    font-size:16px !important;
    line-height:54px !important;
    -webkit-appearance:none !important;
    appearance:none !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
    -webkit-user-select:text !important;
    user-select:text !important;
    caret-color:#60a5fa !important;
  }

  #loginPage:not(.hidden) #loginBtn{
    position:relative !important;
    z-index:50002 !important;
    width:100% !important;
    min-height:54px !important;
    margin-top:18px !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
  }

  .topbar{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    z-index:15000 !important;
    min-height:82px !important;
    padding:calc(8px + env(safe-area-inset-top)) 12px 8px !important;
    display:grid !important;
    grid-template-columns:44px minmax(0,1fr) auto !important;
    gap:8px !important;
    align-items:center !important;
    margin:0 !important;
    border:0 !important;
    border-bottom:1px solid rgba(148,163,184,.14) !important;
    background:rgba(7,16,31,.94) !important;
    backdrop-filter:blur(18px) !important;
    box-shadow:0 10px 32px rgba(0,0,0,.22) !important;
  }

  #menuBtn.menu-btn{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:44px !important;
    height:44px !important;
    min-height:44px !important;
    padding:0 !important;
    margin:0 !important;
    border-radius:14px !important;
    pointer-events:auto !important;
    background:rgba(255,255,255,.08) !important;
    border:1px solid rgba(148,163,184,.18) !important;
  }

  #menuBtn.menu-btn::before{
    content:"☰" !important;
    color:#fff !important;
    font-size:22px !important;
  }

  .topbar > p{
    min-width:0 !important;
    margin:0 !important;
  }

  .topbar > p span{
    display:block !important;
    font-size:11px !important;
    color:#94a3b8 !important;
  }

  .topbar > p b{
    display:block !important;
    max-width:100% !important;
    font-size:15px !important;
    color:#fff !important;
    background:none !important;
    -webkit-text-fill-color:initial !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .dashboard-lang-switch{
    display:flex !important;
    gap:4px !important;
    padding:4px !important;
    margin:0 !important;
    border-radius:999px !important;
    background:rgba(15,23,42,.70) !important;
    border:1px solid rgba(148,163,184,.16) !important;
  }

  .dashboard-lang-switch button{
    min-width:44px !important;
    min-height:32px !important;
    height:32px !important;
    padding:0 7px !important;
    border-radius:999px !important;
    font-size:10px !important;
  }

  .top-actions{
    grid-column:1 / -1 !important;
    display:grid !important;
    grid-template-columns:1fr 1fr 1fr !important;
    gap:8px !important;
    width:100% !important;
    margin-top:4px !important;
    pointer-events:auto !important;
  }

  .top-actions .btn{
    width:100% !important;
    min-height:40px !important;
    padding:0 8px !important;
    border-radius:14px !important;
    font-size:11px !important;
    justify-content:center !important;
  }

  #sidebar.sidebar{
    position:fixed !important;
    top:0 !important;
    bottom:0 !important;
    left:0 !important;
    width:min(86vw,330px) !important;
    max-width:330px !important;
    height:100dvh !important;
    z-index:25000 !important;
    transform:translateX(-112%) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transition:transform .24s ease, opacity .18s ease, visibility .18s ease !important;
    overflow-y:auto !important;
    background:rgba(15,23,42,.98) !important;
  }

  body.rtl #sidebar.sidebar{
    left:auto !important;
    right:0 !important;
    transform:translateX(112%) !important;
  }

  #sidebar.sidebar.open,
  body.mobile-menu-open #sidebar.sidebar{
    transform:translateX(0) !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  #sidebar .theme-modern-card,
  #sidebar .theme-modern-grid,
  #sidebar .theme-modern-head,
  #themeCurrentLabel{
    display:none !important;
    visibility:hidden !important;
    height:0 !important;
    max-height:0 !important;
    overflow:hidden !important;
  }

  #mobileTaskbar,
  .mobile-taskbar{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    overflow:hidden !important;
  }

  .page{
    width:100% !important;
    max-width:100% !important;
  }

  .cards,
  .finance-summary-grid,
  .report-summary-grid,
  .admin-expense-cards,
  .stock-alert-summary{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
  }

  .card,
  .panel,
  .form-panel,
  .stock-card{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    border-radius:20px !important;
    padding:14px !important;
  }

  .panel-head{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:10px !important;
  }

  .filters,
  .form-grid,
  .stock-grid,
  .settings-grid,
  .reports-filters,
  .partner-invest-form{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    width:100% !important;
  }

  input,
  select,
  textarea{
    width:100% !important;
    max-width:100% !important;
    min-height:46px !important;
    border-radius:14px !important;
    font-size:16px !important;
  }

  textarea{
    min-height:90px !important;
  }

  .btn,
  .row-action-btn,
  .trash-tool-btn{
    min-height:42px !important;
    border-radius:14px !important;
    touch-action:manipulation !important;
  }

  .table-wrap{
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch !important;
    border-radius:18px !important;
  }

  table{
    min-width:760px !important;
  }

  #orders .table-wrap{
    overflow:visible !important;
  }

  #orders table,
  #orders thead,
  #orders tbody,
  #orders tr,
  #orders td{
    display:block !important;
    width:100% !important;
  }

  #orders thead{
    display:none !important;
  }

  #ordersBody{
    display:grid !important;
    gap:10px !important;
  }

  .ks-order-standard-card{
    width:100% !important;
    max-width:100% !important;
    border-radius:18px !important;
  }

  .ks-order-standard-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }

  .ks-order-standard-actions .row-action-btn{
    width:100% !important;
  }
}

@media (max-width: 390px){
  .main{
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .topbar{
    grid-template-columns:42px minmax(0,1fr) auto !important;
    gap:7px !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .top-actions{
    grid-template-columns:1fr !important;
  }

  .cards,
  .finance-summary-grid,
  .report-summary-grid,
  .admin-expense-cards,
  .stock-alert-summary{
    grid-template-columns:1fr !important;
  }
}


#mobileThemeModesCard.theme-modern-card,
#mobileThemeModesCard .theme-modern-head,
#mobileThemeModesCard .theme-modern-grid,
#mobileThemeModesCard .theme-chip,
#mobileThemeModesCard [data-theme-mode],
#mobileThemeModesCard #themeCurrentLabel{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
  position:static !important;
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  overflow:visible !important;
  left:auto !important;
  top:auto !important;
}

#mobileThemeModesCard .theme-modern-head{
  display:flex !important;
}

#mobileThemeModesCard .theme-modern-grid{
  display:grid !important;
}

#mobileThemeModesCard .theme-chip{
  display:flex !important;
}

body.theme-mode-midnight{
  --theme-bg:#050914;
  --theme-panel:#111827;
  --theme-accent:#6366f1;
}
body.theme-mode-aurora{
  --theme-bg:#120a24;
  --theme-panel:#211138;
  --theme-accent:#a855f7;
}
body.theme-mode-oceanPro{
  --theme-bg:#04131f;
  --theme-panel:#082235;
  --theme-accent:#0ea5e9;
}
body.theme-mode-emerald{
  --theme-bg:#051a14;
  --theme-panel:#0b2b22;
  --theme-accent:#10b981;
}
body.theme-mode-goldVip{
  --theme-bg:#1e1607;
  --theme-panel:#33230b;
  --theme-accent:#f59e0b;
}

@media (max-width: 767px){

  body.theme-mode-midnight,
  body.theme-mode-aurora,
  body.theme-mode-oceanPro,
  body.theme-mode-emerald,
  body.theme-mode-goldVip{
    background:linear-gradient(180deg,var(--theme-bg) 0%, #0f172a 100%) !important;
  }

  body.theme-mode-midnight .main,
  body.theme-mode-aurora .main,
  body.theme-mode-oceanPro .main,
  body.theme-mode-emerald .main,
  body.theme-mode-goldVip .main{
    background:linear-gradient(180deg,var(--theme-bg) 0%, #0f172a 100%) !important;
  }

  #sidebar.sidebar #mobileThemeModesCard{
    display:block !important;
    width:100% !important;
    padding:12px !important;
    margin:12px 0 !important;
    border-radius:18px !important;
    background:rgba(255,255,255,.055) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    box-shadow:none !important;
  }

  #mobileThemeModesCard .theme-modern-head{
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    margin:0 0 10px !important;
    color:#fff !important;
    font-size:12px !important;
    font-weight:900 !important;
  }

  #mobileThemeModesCard #themeCurrentLabel{
    color:var(--theme-accent, #8b5cf6) !important;
    font-size:11px !important;
    font-weight:950 !important;
    white-space:nowrap !important;
  }

  #mobileThemeModesCard .theme-modern-grid{
    grid-template-columns:1fr !important;
    gap:8px !important;
    width:100% !important;
  }

  #mobileThemeModesCard .theme-chip{
    width:100% !important;
    min-height:44px !important;
    align-items:center !important;
    gap:10px !important;
    padding:0 12px !important;
    border-radius:14px !important;
    color:#fff !important;
    background:rgba(15,23,42,.72) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    font-size:13px !important;
    font-weight:900 !important;
    text-align:left !important;
    touch-action:manipulation !important;
  }

  #mobileThemeModesCard .theme-chip.active{
    border-color:var(--theme-accent, #8b5cf6) !important;
    background:color-mix(in srgb, var(--theme-accent, #8b5cf6) 24%, rgba(15,23,42,.82)) !important;
    box-shadow:0 0 0 3px color-mix(in srgb, var(--theme-accent, #8b5cf6) 14%, transparent) !important;
  }

  #mobileThemeModesCard .theme-chip.active::before{
    content:"✓" !important;
    color:#fff !important;
    font-size:14px !important;
    font-weight:1000 !important;
  }

  #mobileThemeModesCard .theme-dot{
    display:inline-block !important;
    width:14px !important;
    height:14px !important;
    border-radius:999px !important;
    flex:0 0 14px !important;
    opacity:1 !important;
    visibility:visible !important;
    position:static !important;
  }

  #mobileThemeModesCard .theme-dot.midnight{ background:#6366f1 !important; }
  #mobileThemeModesCard .theme-dot.aurora{ background:#a855f7 !important; }
  #mobileThemeModesCard .theme-dot.oceanPro{ background:#0ea5e9 !important; }
  #mobileThemeModesCard .theme-dot.emerald{ background:#10b981 !important; }
  #mobileThemeModesCard .theme-dot.goldVip{ background:#f59e0b !important; }

  #sidebar.sidebar:not(.open) #mobileThemeModesCard{
    pointer-events:none !important;
  }
}


#sidebar #mobileThemeModesCard,
#sidebar .theme-modern-card,
#sidebar .theme-modern-grid,
#sidebar .theme-modern-head,
#sidebar .theme-chip,
#sidebar [data-theme-mode],
#sidebar #themeCurrentLabel{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
  height:0 !important;
  max-height:0 !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  position:absolute !important;
  left:-9999px !important;
  top:-9999px !important;
}

body.theme-mode-midnight{
  --ks-theme-bg:#050914;
  --ks-theme-panel:#111827;
  --ks-theme-accent:#6366f1;
}
body.theme-mode-aurora{
  --ks-theme-bg:#120a24;
  --ks-theme-panel:#211138;
  --ks-theme-accent:#a855f7;
}
body.theme-mode-oceanPro{
  --ks-theme-bg:#04131f;
  --ks-theme-panel:#082235;
  --ks-theme-accent:#0ea5e9;
}
body.theme-mode-emerald{
  --ks-theme-bg:#051a14;
  --ks-theme-panel:#0b2b22;
  --ks-theme-accent:#10b981;
}
body.theme-mode-goldVip{
  --ks-theme-bg:#1e1607;
  --ks-theme-panel:#33230b;
  --ks-theme-accent:#f59e0b;
}

body.theme-mode-midnight,
body.theme-mode-aurora,
body.theme-mode-oceanPro,
body.theme-mode-emerald,
body.theme-mode-goldVip{
  background:linear-gradient(180deg,var(--ks-theme-bg) 0%, #0f172a 100%) !important;
}

body.theme-mode-midnight .main,
body.theme-mode-aurora .main,
body.theme-mode-oceanPro .main,
body.theme-mode-emerald .main,
body.theme-mode-goldVip .main{
  background:linear-gradient(180deg,var(--ks-theme-bg) 0%, #0f172a 100%) !important;
}

.settings-theme-panel{
  border-color:color-mix(in srgb, var(--ks-theme-accent, #6366f1) 34%, rgba(148,163,184,.20)) !important;
}

.settings-theme-grid{
  display:grid !important;
  grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
  gap:10px !important;
  width:100% !important;
}

.settings-theme-option{
  min-height:66px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  padding:10px !important;
  border-radius:18px !important;
  border:1px solid rgba(148,163,184,.18) !important;
  background:rgba(15,23,42,.62) !important;
  color:#fff !important;
  font-weight:950 !important;
  cursor:pointer !important;
  touch-action:manipulation !important;
}

.settings-theme-option.active{
  border-color:var(--ks-theme-accent, #6366f1) !important;
  background:color-mix(in srgb, var(--ks-theme-accent, #6366f1) 22%, rgba(15,23,42,.75)) !important;
  box-shadow:0 0 0 3px color-mix(in srgb, var(--ks-theme-accent, #6366f1) 16%, transparent) !important;
}

.settings-theme-option.active::before{
  content:"✓" !important;
  font-weight:1000 !important;
}

.theme-swatch{
  width:16px !important;
  height:16px !important;
  border-radius:999px !important;
  flex:0 0 16px !important;
}

.theme-swatch.midnight{ background:#6366f1 !important; }
.theme-swatch.aurora{ background:#a855f7 !important; }
.theme-swatch.oceanPro{ background:#0ea5e9 !important; }
.theme-swatch.emerald{ background:#10b981 !important; }
.theme-swatch.goldVip{ background:#f59e0b !important; }

@media (max-width: 767px){
  .settings-theme-grid{
    grid-template-columns:1fr !important;
    gap:9px !important;
  }

  .settings-theme-option{
    min-height:52px !important;
    justify-content:flex-start !important;
    padding:0 14px !important;
    font-size:14px !important;
  }

  #sidebar.sidebar:not(.open){
    pointer-events:none !important;
  }

  #sidebar.sidebar:not(.open) *{
    pointer-events:none !important;
  }
}


#sidebar #mobileThemeModesCard,
#sidebar .theme-modern-card,
#sidebar .theme-modern-grid,
#sidebar .theme-modern-head,
#sidebar .theme-chip,
#sidebar [data-theme-mode],
#sidebar #themeCurrentLabel{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
  position:absolute !important;
  left:-99999px !important;
  top:-99999px !important;
  width:0 !important;
  height:0 !important;
  min-width:0 !important;
  min-height:0 !important;
  max-width:0 !important;
  max-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  overflow:hidden !important;
}

#settings #settingsThemePanel,
#settings #settingsThemeGrid,
#settings #settingsThemeGrid [data-theme-mode],
#settings .settings-theme-option{
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
}

body > .theme-modern-card,
body > .theme-modern-grid,
body > .theme-modern-head,
body > #themeCurrentLabel,
body > [data-theme-mode],
.theme-popover,
.theme-dropdown,
.theme-floating,
.theme-menu{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

@media (max-width: 767px){
  #sidebar.sidebar:not(.open){
    pointer-events:none !important;
  }

  #sidebar.sidebar:not(.open) *{
    pointer-events:none !important;
  }

  #settings #settingsThemeGrid{
    grid-template-columns:1fr !important;
    gap:9px !important;
  }

  #settings .settings-theme-option{
    display:flex !important;
    min-height:52px !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    width:100% !important;
  }
}


.mobile-top-logo-v49,
.mobile-v49-hero,
.mobile-v49-nav{ display:none; }

@media (max-width: 767px){

  :root{
    --v49-bg:#050817;
    --v49-panel:rgba(8,15,39,.88);
    --v49-card:rgba(10,20,55,.90);
    --v49-line:rgba(116,137,255,.24);
    --v49-text:#f8fbff;
    --v49-muted:#aab6d3;
    --v49-blue:#356dff;
    --v49-purple:#6c32ff;
    --v49-green:#2ee88b;
    --v49-orange:#ff8a42;
  }

  html,body{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
    background:#050817 !important;
  }

  body{
    min-height:100dvh !important;
    background:
      radial-gradient(circle at 14% 0%, rgba(67,92,255,.28), transparent 34%),
      radial-gradient(circle at 86% 3%, rgba(118,60,255,.18), transparent 28%),
      linear-gradient(180deg,#030712 0%,#050817 42%,#071124 100%) !important;
  }

  #app.app{
    width:100% !important;
    max-width:100% !important;
    min-height:100dvh !important;
    overflow-x:hidden !important;
  }

  .main{
    width:100% !important;
    max-width:100% !important;
    min-height:100dvh !important;
    margin:0 !important;
    padding:calc(82px + env(safe-area-inset-top)) 14px calc(110px + env(safe-area-inset-bottom)) !important;
    overflow-x:hidden !important;
    background:transparent !important;
  }

  .topbar{
    position:fixed !important;
    top:0 !important; left:0 !important; right:0 !important;
    z-index:15000 !important;
    display:grid !important;
    grid-template-columns:48px 50px minmax(0,1fr) auto !important;
    gap:10px !important;
    align-items:center !important;
    min-height:78px !important;
    padding:calc(12px + env(safe-area-inset-top)) 14px 10px !important;
    background:linear-gradient(180deg,rgba(3,7,18,.96),rgba(3,7,18,.62)) !important;
    backdrop-filter:blur(22px) saturate(1.15) !important;
    border:0 !important;
    box-shadow:0 14px 46px rgba(0,0,0,.30) !important;
  }

  #menuBtn.menu-btn{
    width:48px !important;
    height:48px !important;
    min-height:48px !important;
    border-radius:18px !important;
    background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035)) !important;
    border:1px solid rgba(130,149,255,.18) !important;
    box-shadow:0 12px 30px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06) !important;
  }

  #menuBtn.menu-btn::before{
    content:"☰" !important;
    color:#fff !important;
    font-size:24px !important;
    line-height:1 !important;
  }

  .mobile-top-logo-v49{
    display:block !important;
    width:50px !important;
    height:50px !important;
    border-radius:50% !important;
    object-fit:cover !important;
    border:1.5px solid rgba(112,84,255,.85) !important;
    box-shadow:0 0 0 4px rgba(95,76,255,.10),0 0 24px rgba(101,91,255,.26) !important;
  }

  .topbar > p{
    margin:0 !important;
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    gap:1px !important;
  }

  .topbar > p span{
    font-size:11px !important;
    color:rgba(230,236,255,.72) !important;
    font-weight:700 !important;
  }

  .topbar > p b{
    max-width:100% !important;
    font-size:22px !important;
    line-height:1.05 !important;
    color:#fff !important;
    -webkit-text-fill-color:initial !important;
    background:none !important;
    font-weight:1000 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .topbar > p b::after{ content:" 👋" !important; }

  .dashboard-lang-switch{
    display:flex !important;
    gap:4px !important;
    min-width:154px !important;
    max-width:154px !important;
    padding:4px !important;
    border-radius:999px !important;
    background:rgba(18,25,56,.72) !important;
    border:1px solid rgba(135,156,255,.16) !important;
  }

  .dashboard-lang-switch button{
    flex:1 !important;
    min-width:0 !important;
    height:38px !important;
    min-height:38px !important;
    padding:0 8px !important;
    border-radius:999px !important;
    border:0 !important;
    background:transparent !important;
    color:rgba(226,232,240,.72) !important;
    font-size:12px !important;
    font-weight:900 !important;
  }

  .dashboard-lang-switch button.active,
  .dashboard-lang-switch button:hover{
    color:#fff !important;
    background:linear-gradient(135deg,var(--v49-blue),var(--v49-purple)) !important;
    box-shadow:0 12px 24px rgba(86,78,255,.28) !important;
  }

  .top-actions{
    position:relative !important;
    z-index:1 !important;
    grid-column:1 / -1 !important;
    display:grid !important;
    grid-template-columns:1fr 1fr 1fr !important;
    gap:10px !important;
    width:100% !important;
    margin:10px 0 0 !important;
    padding:14px !important;
    border-radius:26px !important;
    background:var(--v49-panel) !important;
    border:1px solid var(--v49-line) !important;
    box-shadow:0 16px 40px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.05) !important;
  }

  .top-actions::before{
    content:"Quick Actions" !important;
    position:absolute !important;
    left:14px !important;
    top:-28px !important;
    color:#fff !important;
    font-size:16px !important;
    font-weight:1000 !important;
  }

  .top-actions .btn{
    width:100% !important;
    min-height:58px !important;
    border-radius:18px !important;
    padding:0 9px !important;
    font-size:12px !important;
    font-weight:950 !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    text-align:center !important;
    line-height:1.18 !important;
    border:1px solid rgba(97,127,255,.30) !important;
    color:#e3ecff !important;
    background:linear-gradient(135deg,rgba(48,90,255,.58),rgba(17,37,106,.82)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.09) !important;
  }

  .top-actions .btn.green{ background:linear-gradient(135deg,rgba(35,202,110,.74),rgba(15,79,55,.84)) !important; }
  .top-actions .btn.blue{ background:linear-gradient(135deg,rgba(44,151,255,.58),rgba(10,68,116,.82)) !important; }
  .top-actions .btn.purple{ background:linear-gradient(135deg,rgba(143,70,255,.62),rgba(59,24,125,.82)) !important; }

  #dashboard.active-page{
    display:flex !important;
    flex-direction:column !important;
    gap:14px !important;
  }

  .mobile-v49-hero{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 126px !important;
    min-height:194px !important;
    align-items:stretch !important;
    overflow:hidden !important;
    position:relative !important;
    padding:16px !important;
    border-radius:28px !important;
    border:1px solid rgba(106,89,255,.55) !important;
    background:
      radial-gradient(circle at 82% 24%,rgba(166,141,255,.34),transparent 30%),
      radial-gradient(circle at 24% 4%,rgba(52,110,255,.34),transparent 38%),
      linear-gradient(136deg,#0b2c8a 0%,#0a1b63 42%,#3b08ae 100%) !important;
    box-shadow:0 24px 70px rgba(20,33,140,.34),inset 0 1px 0 rgba(255,255,255,.12) !important;
  }

  .mobile-v49-hero::before{
    content:"" !important;
    position:absolute !important;
    right:-42px !important;
    bottom:-62px !important;
    width:280px !important;
    height:180px !important;
    border-radius:50% !important;
    background:repeating-radial-gradient(circle at center,rgba(163,141,255,.22) 0 1px,transparent 1px 7px) !important;
    transform:rotate(-18deg) !important;
    opacity:.9 !important;
  }

  .mobile-v49-copy{ position:relative !important; z-index:2 !important; min-width:0 !important; }
  .mobile-v49-pill{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    height:36px !important;
    padding:0 14px !important;
    border-radius:14px !important;
    background:linear-gradient(135deg,rgba(62,111,255,.98),rgba(105,54,255,.92)) !important;
    color:#fff !important;
    font-size:15px !important;
    font-weight:1000 !important;
    box-shadow:0 10px 30px rgba(84,73,255,.30) !important;
  }

  .mobile-v49-hero h1{
    margin:18px 0 4px !important;
    color:#fff !important;
    font-size:30px !important;
    line-height:1 !important;
    letter-spacing:-.06em !important;
    font-weight:1000 !important;
  }

  .mobile-v49-hero h2{
    margin:0 0 12px !important;
    color:rgba(241,245,255,.82) !important;
    font-size:19px !important;
    line-height:1.12 !important;
    font-weight:850 !important;
  }

  .mobile-v49-hero p{
    margin:0 !important;
    max-width:190px !important;
    color:rgba(235,241,255,.76) !important;
    font-size:14px !important;
    line-height:1.52 !important;
    font-weight:650 !important;
  }

  .mobile-v49-art{ position:relative !important; z-index:2 !important; display:grid !important; place-items:center !important; }
  .mobile-v49-crown{
    font-size:78px !important;
    color:#dce5ff !important;
    text-shadow:0 0 26px rgba(181,181,255,.88),0 18px 30px rgba(0,0,0,.26) !important;
    transform:translateY(4px) rotate(8deg) !important;
  }
  .mobile-v49-shield{
    position:absolute !important;
    right:6px !important;
    bottom:18px !important;
    width:52px !important;
    height:64px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:18px 18px 22px 22px !important;
    background:linear-gradient(135deg,#d9e3ff,#8174ff) !important;
    color:#fff !important;
    font-size:24px !important;
    box-shadow:0 12px 32px rgba(0,0,0,.22),0 0 26px rgba(123,112,255,.45) !important;
  }

  .cards{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:12px !important;
  }

  .cards .card{
    position:relative !important;
    min-height:136px !important;
    padding:18px 16px 16px 86px !important;
    border-radius:28px !important;
    overflow:hidden !important;
    background:linear-gradient(180deg,rgba(8,19,56,.92),rgba(6,14,40,.94)) !important;
    border:1px solid rgba(88,108,205,.34) !important;
    box-shadow:0 18px 46px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.06) !important;
  }

  .cards .card::before{
    content:"👥" !important;
    position:absolute !important;
    left:16px !important;
    top:24px !important;
    width:54px !important;
    height:54px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:20px !important;
    font-size:25px !important;
    background:linear-gradient(135deg,rgba(57,105,255,.78),rgba(30,57,162,.48)) !important;
    box-shadow:0 0 36px rgba(57,105,255,.22),inset 0 1px 0 rgba(255,255,255,.18) !important;
  }

  .cards .card.green-border::before{ content:"💰" !important; background:linear-gradient(135deg,rgba(53,216,124,.70),rgba(10,73,47,.44)) !important; }
  .cards .card.purple-border::before{ content:"✅" !important; background:linear-gradient(135deg,rgba(147,88,255,.70),rgba(57,34,130,.45)) !important; }
  .cards .card.red-border::before{ content:"⏳" !important; background:linear-gradient(135deg,rgba(255,126,71,.74),rgba(92,40,22,.50)) !important; }

  .cards .card::after{
    content:"•••" !important;
    position:absolute !important;
    top:14px !important;
    right:16px !important;
    color:rgba(227,233,251,.85) !important;
    font-size:15px !important;
    letter-spacing:1px !important;
  }

  .cards .card span{
    display:block !important;
    margin:0 0 12px !important;
    color:#aab8ff !important;
    font-size:12px !important;
    font-weight:850 !important;
    text-transform:none !important;
  }

  .cards .card.green-border span{ color:#62f19a !important; }
  .cards .card.purple-border span{ color:#ce97ff !important; }
  .cards .card.red-border span{ color:#ff8f69 !important; }

  .cards .card strong{
    display:block !important;
    color:#fff !important;
    font-size:25px !important;
    line-height:1.08 !important;
    letter-spacing:-.04em !important;
    font-weight:1000 !important;
    word-break:break-word !important;
  }

  .cards .card strong::after{ content:none !important; display:none !important; }
  .cards .card.green-border strong span{ display:inline !important; font-size:inherit !important; color:inherit !important; margin:0 !important; }

  .partner-finance-panel{
    padding:14px !important;
    border-radius:26px !important;
    background:var(--v49-panel) !important;
    border:1px solid var(--v49-line) !important;
    box-shadow:0 18px 44px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.05) !important;
  }

  .partner-finance-panel .panel-head{
    display:flex !important;
    flex-direction:row !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:12px !important;
    margin-bottom:12px !important;
  }

  .partner-finance-panel .panel-head h2{
    margin:0 !important;
    color:#fff !important;
    font-size:17px !important;
    font-weight:1000 !important;
  }

  .partner-finance-panel .panel-head p{
    display:none !important;
  }

  .finance-summary-grid{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:12px !important;
  }

  .finance-card{
    position:relative !important;
    min-height:144px !important;
    padding:16px 14px !important;
    border-radius:22px !important;
    overflow:hidden !important;
    background:linear-gradient(180deg,rgba(18,78,200,.52),rgba(9,22,56,.92)) !important;
    border:1px solid rgba(45,122,255,.34) !important;
    color:#fff !important;
    box-shadow:0 16px 38px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.06) !important;
  }

  .finance-card.cost{ background:linear-gradient(180deg,rgba(125,50,231,.52),rgba(33,14,73,.92)) !important; border-color:rgba(153,102,255,.35) !important; }
  .finance-card.sales{ background:linear-gradient(180deg,rgba(24,114,88,.54),rgba(10,43,39,.92)) !important; border-color:rgba(43,204,152,.32) !important; }
  .finance-card.profit{ background:linear-gradient(180deg,rgba(143,80,22,.56),rgba(61,31,14,.92)) !important; border-color:rgba(250,150,44,.34) !important; }

  .finance-card span{
    display:block !important;
    margin:0 0 10px !important;
    color:rgba(233,240,255,.78) !important;
    font-size:12px !important;
    font-weight:800 !important;
  }

  .finance-card strong{
    display:block !important;
    color:#fff !important;
    font-size:19px !important;
    line-height:1.24 !important;
    font-weight:1000 !important;
    letter-spacing:-.03em !important;
    word-break:break-word !important;
  }

  .finance-card strong span{
    display:block !important;
    color:#fff !important;
    font-size:19px !important;
    margin:0 !important;
  }

  .mobile-v49-nav{
    position:fixed !important;
    left:14px !important;
    right:14px !important;
    bottom:calc(12px + env(safe-area-inset-bottom)) !important;
    z-index:14000 !important;
    height:78px !important;
    padding:8px !important;
    display:grid !important;
    grid-template-columns:repeat(4,1fr) !important;
    gap:4px !important;
    border-radius:28px !important;
    background:rgba(8,14,39,.92) !important;
    border:1px solid rgba(91,116,255,.22) !important;
    box-shadow:0 24px 72px rgba(0,0,0,.50),inset 0 1px 0 rgba(255,255,255,.06) !important;
    backdrop-filter:blur(24px) !important;
  }

  body.mobile-menu-open .mobile-v49-nav,
  #loginPage:not(.hidden) ~ #app .mobile-v49-nav{ display:none !important; }

  .mobile-v49-nav-btn{
    min-height:60px !important;
    height:60px !important;
    border-radius:22px !important;
    background:transparent !important;
    color:rgba(211,220,243,.72) !important;
    border:0 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;
    gap:4px !important;
    box-shadow:none !important;
  }

  .mobile-v49-nav-btn.active{
    background:rgba(75,82,255,.10) !important;
    color:#6673ff !important;
  }

  .mobile-v49-nav-btn span{ font-size:24px !important; line-height:1 !important; }
  .mobile-v49-nav-btn b{ font-size:11px !important; line-height:1 !important; font-weight:850 !important; }

  .mobile-taskbar,#mobileTaskbar{ display:none !important; }

  #orders .table-wrap{ overflow:visible !important; }
  #orders thead{ display:none !important; }

  #sidebar #mobileThemeModesCard,
  #sidebar .theme-modern-card,
  #sidebar [data-theme-mode]{
    display:none !important;
  }
}

@media (max-width: 390px){
  .topbar{ grid-template-columns:44px 46px minmax(0,1fr) auto !important; gap:7px !important; padding-inline:10px !important; }
  .mobile-top-logo-v49{ width:46px !important; height:46px !important; }
  .dashboard-lang-switch{ min-width:138px !important; max-width:138px !important; }
  .dashboard-lang-switch button{ height:34px !important; min-height:34px !important; font-size:10px !important; padding:0 5px !important; }
  .mobile-v49-hero{ grid-template-columns:minmax(0,1fr) 110px !important; min-height:184px !important; }
  .mobile-v49-hero h1{ font-size:27px !important; }
  .mobile-v49-crown{ font-size:70px !important; }
  .cards .card{ min-height:126px !important; padding-left:76px !important; }
  .cards .card::before{ width:48px !important; height:48px !important; }
  .top-actions{ gap:8px !important; }
  .top-actions .btn{ font-size:10px !important; min-height:54px !important; }
  .finance-card strong,.finance-card strong span{ font-size:17px !important; }
}


.mobile-v50-quick-actions{ display:none; }

@media (max-width: 767px){

  .topbar{
    grid-template-columns:48px 50px minmax(0,1fr) auto !important;
    min-height:78px !important;
    height:auto !important;
    padding:calc(12px + env(safe-area-inset-top)) 14px 10px !important;
    overflow:visible !important;
  }

  .topbar .top-actions{
    display:none !important;
    visibility:hidden !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    overflow:hidden !important;
    pointer-events:none !important;
    margin:0 !important;
    padding:0 !important;
  }

  .main{
    padding-top:calc(84px + env(safe-area-inset-top)) !important;
  }

  .mobile-v50-quick-actions{
    display:block !important;
    padding:14px !important;
    border-radius:26px !important;
    background:rgba(8,15,39,.88) !important;
    border:1px solid rgba(116,137,255,.24) !important;
    box-shadow:0 16px 40px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.05) !important;
  }

  .mobile-v50-quick-actions h3{
    margin:0 0 12px !important;
    color:#fff !important;
    font-size:16px !important;
    font-weight:1000 !important;
  }

  .mobile-v50-quick-grid{
    display:grid !important;
    grid-template-columns:1fr 1fr 1fr !important;
    gap:10px !important;
  }

  .mobile-v50-qbtn{
    min-height:58px !important;
    border-radius:18px !important;
    padding:0 9px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    text-align:center !important;
    color:#e3ecff !important;
    border:1px solid rgba(97,127,255,.30) !important;
    background:linear-gradient(135deg,rgba(48,90,255,.58),rgba(17,37,106,.82)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.09) !important;
    touch-action:manipulation !important;
  }

  .mobile-v50-qbtn.refresh{
    background:linear-gradient(135deg,rgba(35,202,110,.74),rgba(15,79,55,.84)) !important;
  }

  .mobile-v50-qbtn.reload{
    background:linear-gradient(135deg,rgba(44,151,255,.58),rgba(10,68,116,.82)) !important;
  }

  .mobile-v50-qbtn.backup{
    background:linear-gradient(135deg,rgba(143,70,255,.62),rgba(59,24,125,.82)) !important;
  }

  .mobile-v50-qbtn span{
    font-size:22px !important;
    line-height:1 !important;
  }

  .mobile-v50-qbtn b{
    font-size:11px !important;
    line-height:1.15 !important;
    font-weight:950 !important;
  }

  #sidebar.sidebar{
    transform:translateX(-112%) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  body.rtl #sidebar.sidebar{
    transform:translateX(112%) !important;
  }

  #sidebar.sidebar.open,
  body.mobile-menu-open #sidebar.sidebar{
    transform:translateX(0) !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  #sidebar.sidebar:not(.open){
    pointer-events:none !important;
  }

  .mobile-v49-nav{
    z-index:14500 !important;
  }

  body.mobile-menu-open .mobile-v49-nav{
    display:none !important;
  }

  .sidebar .nav-btn{
    min-height:46px !important;
    border-radius:16px !important;
  }

  .mobile-menu-head{
    position:sticky !important;
    top:0 !important;
    z-index:2 !important;
    background:rgba(15,23,42,.98) !important;
    padding-bottom:8px !important;
  }
}

@media (max-width:390px){
  .topbar{
    grid-template-columns:44px 46px minmax(0,1fr) auto !important;
  }

  .mobile-v50-quick-grid{
    gap:8px !important;
  }

  .mobile-v50-qbtn{
    min-height:54px !important;
    padding:0 6px !important;
  }

  .mobile-v50-qbtn b{
    font-size:10px !important;
  }
}


@media (max-width: 767px){
  .topbar{
    display:grid !important;
    grid-template-columns:44px 40px minmax(0,1fr) !important;
    grid-template-areas:
      "menu logo user"
      "lang lang lang" !important;
    align-items:center !important;
    row-gap:10px !important;
    column-gap:10px !important;
    min-height:auto !important;
    height:auto !important;
    padding:calc(10px + env(safe-area-inset-top)) 12px 12px !important;
    overflow:visible !important;
  }
  #menuBtn.menu-btn{ grid-area:menu !important; }
  .mobile-top-logo-v49{
    grid-area:logo !important;
    display:block !important;
    width:40px !important;
    height:40px !important;
    border-radius:50% !important;
    align-self:center !important;
    justify-self:start !important;
  }
  .topbar > p{
    grid-area:user !important;
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    gap:2px !important;
  }
  .topbar > p span{ font-size:11px !important; line-height:1.1 !important; }
  .topbar > p b{ font-size:19px !important; line-height:1.05 !important; }
  .dashboard-lang-switch{
    grid-area:lang !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    justify-self:stretch !important;
  }
  .dashboard-lang-switch button{ flex:1 1 0 !important; }
  .top-actions{ display:none !important; }
  .main{ padding-top:calc(132px + env(safe-area-inset-top)) !important; }
  #dashboard.active-page{ gap:16px !important; }
}

@media (max-width: 390px){
  .topbar{
    grid-template-columns:42px 38px minmax(0,1fr) !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }
  .mobile-top-logo-v49{ width:38px !important; height:38px !important; }
  .topbar > p b{ font-size:18px !important; }
}

body.theme-midnight, body.theme-mode-midnight{
  --ks51-page-bg:#050914;
  --ks51-surface:#0f172a;
  --ks51-surface-2:#111827;
  --ks51-card:linear-gradient(180deg,rgba(17,24,39,.96),rgba(9,14,27,.96));
  --ks51-border:rgba(148,163,184,.16);
  --ks51-text:#f8fafc;
  --ks51-muted:#94a3b8;
  --ks51-accent:#6366f1;
}
body.theme-aurora, body.theme-mode-aurora{
  --ks51-page-bg:#11081f;
  --ks51-surface:#1b1232;
  --ks51-surface-2:#21143d;
  --ks51-card:linear-gradient(180deg,rgba(40,19,70,.96),rgba(19,12,37,.96));
  --ks51-border:rgba(196,181,253,.18);
  --ks51-text:#faf5ff;
  --ks51-muted:#c4b5fd;
  --ks51-accent:#a855f7;
}
body.theme-oceanPro, body.theme-mode-oceanPro{
  --ks51-page-bg:#04131f;
  --ks51-surface:#082235;
  --ks51-surface-2:#0b2940;
  --ks51-card:linear-gradient(180deg,rgba(8,34,53,.96),rgba(5,18,30,.96));
  --ks51-border:rgba(125,211,252,.18);
  --ks51-text:#ecfeff;
  --ks51-muted:#a5f3fc;
  --ks51-accent:#0ea5e9;
}
body.theme-emerald, body.theme-mode-emerald{
  --ks51-page-bg:#051a14;
  --ks51-surface:#0b2b22;
  --ks51-surface-2:#103327;
  --ks51-card:linear-gradient(180deg,rgba(11,43,34,.96),rgba(6,23,18,.96));
  --ks51-border:rgba(110,231,183,.18);
  --ks51-text:#ecfdf5;
  --ks51-muted:#a7f3d0;
  --ks51-accent:#10b981;
}
body.theme-goldVip, body.theme-mode-goldVip{
  --ks51-page-bg:#1a1206;
  --ks51-surface:#2a1d0b;
  --ks51-surface-2:#33230b;
  --ks51-card:linear-gradient(180deg,rgba(51,35,11,.96),rgba(25,18,8,.96));
  --ks51-border:rgba(251,191,36,.22);
  --ks51-text:#fff7ed;
  --ks51-muted:#fcd34d;
  --ks51-accent:#f59e0b;
}

body.theme-midnight .main, body.theme-aurora .main, body.theme-oceanPro .main, body.theme-emerald .main, body.theme-goldVip .main,
body.theme-mode-midnight .main, body.theme-mode-aurora .main, body.theme-mode-oceanPro .main, body.theme-mode-emerald .main, body.theme-mode-goldVip .main{
  background:linear-gradient(180deg,var(--ks51-page-bg) 0%, color-mix(in srgb, var(--ks51-page-bg) 68%, #0f172a) 100%) !important;
  color:var(--ks51-text) !important;
}

body.theme-midnight .panel, body.theme-aurora .panel, body.theme-oceanPro .panel, body.theme-emerald .panel, body.theme-goldVip .panel,
body.theme-midnight .card, body.theme-aurora .card, body.theme-oceanPro .card, body.theme-emerald .card, body.theme-goldVip .card,
body.theme-midnight .stock-card, body.theme-aurora .stock-card, body.theme-oceanPro .stock-card, body.theme-emerald .stock-card, body.theme-goldVip .stock-card,
body.theme-midnight .user-card, body.theme-aurora .user-card, body.theme-oceanPro .user-card, body.theme-emerald .user-card, body.theme-goldVip .user-card,
body.theme-midnight .order-view-card, body.theme-aurora .order-view-card, body.theme-oceanPro .order-view-card, body.theme-emerald .order-view-card, body.theme-goldVip .order-view-card,
body.theme-midnight .stock-service-card, body.theme-aurora .stock-service-card, body.theme-oceanPro .stock-service-card, body.theme-emerald .stock-service-card, body.theme-goldVip .stock-service-card,
body.theme-midnight .stock-account-card, body.theme-aurora .stock-account-card, body.theme-oceanPro .stock-account-card, body.theme-emerald .stock-account-card, body.theme-goldVip .stock-account-card,
body.theme-midnight .report-card, body.theme-aurora .report-card, body.theme-oceanPro .report-card, body.theme-emerald .report-card, body.theme-goldVip .report-card,
body.theme-midnight .admin-expense-stat, body.theme-aurora .admin-expense-stat, body.theme-oceanPro .admin-expense-stat, body.theme-emerald .admin-expense-stat, body.theme-goldVip .admin-expense-stat,
body.theme-mode-midnight .panel, body.theme-mode-aurora .panel, body.theme-mode-oceanPro .panel, body.theme-mode-emerald .panel, body.theme-mode-goldVip .panel,
body.theme-mode-midnight .card, body.theme-mode-aurora .card, body.theme-mode-oceanPro .card, body.theme-mode-emerald .card, body.theme-mode-goldVip .card,
body.theme-mode-midnight .stock-card, body.theme-mode-aurora .stock-card, body.theme-mode-oceanPro .stock-card, body.theme-mode-emerald .stock-card, body.theme-mode-goldVip .stock-card,
body.theme-mode-midnight .user-card, body.theme-mode-aurora .user-card, body.theme-mode-oceanPro .user-card, body.theme-mode-emerald .user-card, body.theme-mode-goldVip .user-card,
body.theme-mode-midnight .order-view-card, body.theme-mode-aurora .order-view-card, body.theme-mode-oceanPro .order-view-card, body.theme-mode-emerald .order-view-card, body.theme-mode-goldVip .order-view-card,
body.theme-mode-midnight .stock-service-card, body.theme-mode-aurora .stock-service-card, body.theme-mode-oceanPro .stock-service-card, body.theme-mode-emerald .stock-service-card, body.theme-mode-goldVip .stock-service-card,
body.theme-mode-midnight .stock-account-card, body.theme-mode-aurora .stock-account-card, body.theme-mode-oceanPro .stock-account-card, body.theme-mode-emerald .stock-account-card, body.theme-mode-goldVip .stock-account-card,
body.theme-mode-midnight .report-card, body.theme-mode-aurora .report-card, body.theme-mode-oceanPro .report-card, body.theme-mode-emerald .report-card, body.theme-mode-goldVip .report-card,
body.theme-mode-midnight .admin-expense-stat, body.theme-mode-aurora .admin-expense-stat, body.theme-mode-oceanPro .admin-expense-stat, body.theme-mode-emerald .admin-expense-stat, body.theme-mode-goldVip .admin-expense-stat{
  background:var(--ks51-card) !important;
  color:var(--ks51-text) !important;
  border:1px solid var(--ks51-border) !important;
}

body.theme-midnight .table-wrap tr, body.theme-aurora .table-wrap tr, body.theme-oceanPro .table-wrap tr, body.theme-emerald .table-wrap tr, body.theme-goldVip .table-wrap tr,
body.theme-mode-midnight .table-wrap tr, body.theme-mode-aurora .table-wrap tr, body.theme-mode-oceanPro .table-wrap tr, body.theme-mode-emerald .table-wrap tr, body.theme-mode-goldVip .table-wrap tr,
body.theme-midnight .stock-mini-row, body.theme-aurora .stock-mini-row, body.theme-oceanPro .stock-mini-row, body.theme-emerald .stock-mini-row, body.theme-goldVip .stock-mini-row,
body.theme-mode-midnight .stock-mini-row, body.theme-mode-aurora .stock-mini-row, body.theme-mode-oceanPro .stock-mini-row, body.theme-mode-emerald .stock-mini-row, body.theme-mode-goldVip .stock-mini-row{
  background:var(--ks51-card) !important;
  color:var(--ks51-text) !important;
  border:1px solid var(--ks51-border) !important;
}

body.theme-midnight .table-wrap td, body.theme-aurora .table-wrap td, body.theme-oceanPro .table-wrap td, body.theme-emerald .table-wrap td, body.theme-goldVip .table-wrap td,
body.theme-mode-midnight .table-wrap td, body.theme-mode-aurora .table-wrap td, body.theme-mode-oceanPro .table-wrap td, body.theme-mode-emerald .table-wrap td, body.theme-mode-goldVip .table-wrap td,
body.theme-midnight .table-wrap td *, body.theme-aurora .table-wrap td *, body.theme-oceanPro .table-wrap td *, body.theme-emerald .table-wrap td *, body.theme-goldVip .table-wrap td *,
body.theme-mode-midnight .table-wrap td *, body.theme-mode-aurora .table-wrap td *, body.theme-mode-oceanPro .table-wrap td *, body.theme-mode-emerald .table-wrap td *, body.theme-mode-goldVip .table-wrap td *{
  color:var(--ks51-text) !important;
}

body.theme-midnight .table-wrap td::before, body.theme-aurora .table-wrap td::before, body.theme-oceanPro .table-wrap td::before, body.theme-emerald .table-wrap td::before, body.theme-goldVip .table-wrap td::before,
body.theme-mode-midnight .table-wrap td::before, body.theme-mode-aurora .table-wrap td::before, body.theme-mode-oceanPro .table-wrap td::before, body.theme-mode-emerald .table-wrap td::before, body.theme-mode-goldVip .table-wrap td::before{
  color:var(--ks51-muted) !important;
}

body.theme-midnight input, body.theme-midnight select, body.theme-midnight textarea,
body.theme-aurora input, body.theme-aurora select, body.theme-aurora textarea,
body.theme-oceanPro input, body.theme-oceanPro select, body.theme-oceanPro textarea,
body.theme-emerald input, body.theme-emerald select, body.theme-emerald textarea,
body.theme-goldVip input, body.theme-goldVip select, body.theme-goldVip textarea,
body.theme-mode-midnight input, body.theme-mode-midnight select, body.theme-mode-midnight textarea,
body.theme-mode-aurora input, body.theme-mode-aurora select, body.theme-mode-aurora textarea,
body.theme-mode-oceanPro input, body.theme-mode-oceanPro select, body.theme-mode-oceanPro textarea,
body.theme-mode-emerald input, body.theme-mode-emerald select, body.theme-mode-emerald textarea,
body.theme-mode-goldVip input, body.theme-mode-goldVip select, body.theme-mode-goldVip textarea{
  background:color-mix(in srgb, var(--ks51-surface-2) 88%, black) !important;
  color:var(--ks51-text) !important;
  border-color:var(--ks51-border) !important;
}

body.theme-midnight label, body.theme-aurora label, body.theme-oceanPro label, body.theme-emerald label, body.theme-goldVip label,
body.theme-mode-midnight label, body.theme-mode-aurora label, body.theme-mode-oceanPro label, body.theme-mode-emerald label, body.theme-mode-goldVip label,
body.theme-midnight p, body.theme-aurora p, body.theme-oceanPro p, body.theme-emerald p, body.theme-goldVip p,
body.theme-mode-midnight p, body.theme-mode-aurora p, body.theme-mode-oceanPro p, body.theme-mode-emerald p, body.theme-mode-goldVip p,
body.theme-midnight span, body.theme-aurora span, body.theme-oceanPro span, body.theme-emerald span, body.theme-goldVip span,
body.theme-mode-midnight span, body.theme-mode-aurora span, body.theme-mode-oceanPro span, body.theme-mode-emerald span, body.theme-mode-goldVip span{
  color:inherit;
}

body.theme-midnight .stock-mini-list, body.theme-aurora .stock-mini-list, body.theme-oceanPro .stock-mini-list, body.theme-emerald .stock-mini-list, body.theme-goldVip .stock-mini-list,
body.theme-mode-midnight .stock-mini-list, body.theme-mode-aurora .stock-mini-list, body.theme-mode-oceanPro .stock-mini-list, body.theme-mode-emerald .stock-mini-list, body.theme-mode-goldVip .stock-mini-list{
  background:transparent !important;
}


@media (max-width: 767px){
  body.mobile-dashboard-page .topbar{
    display:grid !important;
    grid-template-columns:44px 40px minmax(0,1fr) !important;
    grid-template-areas:
      "menu logo user"
      "lang lang lang" !important;
    align-items:center !important;
    gap:10px !important;
    padding:calc(10px + env(safe-area-inset-top)) 12px 12px !important;
    min-height:auto !important;
    height:auto !important;
    background:linear-gradient(180deg,rgba(4,9,24,.98),rgba(6,12,30,.92)) !important;
    border-bottom:1px solid rgba(99,102,241,.14) !important;
    box-shadow:0 12px 28px rgba(2,6,23,.22) !important;
    backdrop-filter:blur(18px) saturate(140%) !important;
    -webkit-backdrop-filter:blur(18px) saturate(140%) !important;
  }
  body.mobile-dashboard-page .main{
    padding-top:calc(128px + env(safe-area-inset-top)) !important;
  }
  body.mobile-dashboard-page .topbar .top-actions{ display:none !important; }
  body.mobile-dashboard-page .topbar > p{
    grid-area:user !important;
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    gap:1px !important;
  }
  body.mobile-dashboard-page .topbar > p span{
    font-size:11px !important;
    color:#a5b4fc !important;
    letter-spacing:.03em !important;
  }
  body.mobile-dashboard-page .topbar > p b{
    font-size:20px !important;
    line-height:1.05 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  body.mobile-dashboard-page .topbar .dashboard-lang-switch{
    grid-area:lang !important;
    width:100% !important;
  }
  body.mobile-dashboard-page .topbar #menuBtn{ grid-area:menu !important; }
  body.mobile-dashboard-page .topbar .mobile-top-logo-v49{
    grid-area:logo !important;
    width:40px !important;
    height:40px !important;
    border-radius:50% !important;
    box-shadow:0 0 0 1px rgba(129,140,248,.22),0 0 18px rgba(99,102,241,.26) !important;
  }

  body.mobile-inner-page .topbar{ display:none !important; }
  body.mobile-inner-page .main{
    padding-top:calc(16px + env(safe-area-inset-top)) !important;
  }

  .mobile-page-menu-fab{
    position:fixed !important;
    top:calc(12px + env(safe-area-inset-top)) !important;
    left:12px !important;
    width:46px !important;
    height:46px !important;
    border-radius:16px !important;
    display:none !important;
    align-items:center !important;
    justify-content:center !important;
    background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(16,24,39,.94)) !important;
    border:1px solid rgba(129,140,248,.18) !important;
    box-shadow:0 12px 30px rgba(2,6,23,.28), inset 0 1px 0 rgba(255,255,255,.04) !important;
    color:#f8fafc !important;
    z-index:1300 !important;
  }
  .mobile-page-menu-fab.show{ display:flex !important; }
  .mobile-page-menu-fab::before{ content:"☰"; font-size:18px; font-weight:900; }

  body.mobile-inner-page .page.active-page{
    padding-top:12px !important;
  }
  body.mobile-inner-page #orders.page.active-page,
  body.mobile-inner-page #stock.page.active-page,
  body.mobile-inner-page #settings.page.active-page,
  body.mobile-inner-page #reports.page.active-page,
  body.mobile-inner-page #users.page.active-page,
  body.mobile-inner-page #alerts.page.active-page,
  body.mobile-inner-page #trash.page.active-page,
  body.mobile-inner-page #stockTrash.page.active-page,
  body.mobile-inner-page #adminExpenses.page.active-page,
  body.mobile-inner-page #adminExpensesTrash.page.active-page{
    padding-top:52px !important;
  }

  #settingsThemeGrid{
    grid-template-columns:1fr !important;
  }
  .settings-theme-option{
    min-height:58px !important;
    border-radius:18px !important;
  }
}

body[class*="theme-"] .table-wrap,
body[class*="theme-"] .table-wrap table,
body[class*="theme-"] .table-wrap tbody,
body[class*="theme-"] .table-wrap tr,
body[class*="theme-"] .table-wrap td,
body[class*="theme-"] .table-wrap th{
  background-color:transparent !important;
}

body[class*="theme-"] #ordersBody .ks-order-standard-card,
body[class*="theme-"] .stock-service-card,
body[class*="theme-"] .stock-group-panel,
body[class*="theme-"] .stock-mini-row,
body[class*="theme-"] .settings-theme-panel,
body[class*="theme-"] .settings-panel{
  color:#f8fafc !important;
}

body[class*="theme-"] .stock-service-card{
  background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(10,15,28,.96)) !important;
  border:1px solid rgba(148,163,184,.14) !important;
  box-shadow:0 18px 36px rgba(2,6,23,.22), inset 0 1px 0 rgba(255,255,255,.03) !important;
}
body[class*="theme-"] .stock-group-panel{
  background:rgba(7,12,24,.55) !important;
  border-top:1px solid rgba(148,163,184,.10) !important;
}
body[class*="theme-"] .stock-available-pill{
  color:#eef2ff !important;
  background:rgba(79,70,229,.18) !important;
  border:1px solid rgba(129,140,248,.22) !important;
}
body[class*="theme-"] .stock-available-pill.warn{
  color:#fde68a !important;
  background:rgba(245,158,11,.16) !important;
  border-color:rgba(245,158,11,.30) !important;
}
body[class*="theme-"] .stock-available-pill.danger{
  color:#fda4af !important;
  background:rgba(244,63,94,.16) !important;
  border-color:rgba(244,63,94,.30) !important;
}
body[class*="theme-"] .stock-open-btn{
  background:rgba(17,24,39,.85) !important;
  color:#eef2ff !important;
  border:1px solid rgba(148,163,184,.16) !important;
}
body[class*="theme-"] .stock-group-search,
body[class*="theme-"] .stock-group-tab,
body[class*="theme-"] #stockSearch,
body[class*="theme-"] #stockStatusFilter{
  background:rgba(15,23,42,.76) !important;
  color:#f8fafc !important;
  border-color:rgba(148,163,184,.18) !important;
}
body[class*="theme-"] .stock-group-search::placeholder,
body[class*="theme-"] #stockSearch::placeholder{
  color:#94a3b8 !important;
}
body[class*="theme-"] .stock-service-sub,
body[class*="theme-"] .stock-visible-count,
body[class*="theme-"] .panel-head p,
body[class*="theme-"] .page-title p{
  color:#a8b0c6 !important;
}

@media (max-width: 767px){
  .stock-service-head{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
  }
  .stock-service-title-row{
    flex:1 1 auto !important;
    min-width:0 !important;
  }
  .stock-service-title{ min-width:0 !important; }
  .stock-service-sub{
    display:block !important;
    font-size:12px !important;
    white-space:normal !important;
  }
  .stock-service-actions{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    width:auto !important;
    flex:0 0 auto !important;
    gap:8px !important;
  }
  .stock-available-pill{
    min-width:auto !important;
    max-width:122px !important;
    padding:10px 12px !important;
    font-size:12px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  .stock-open-btn{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    border-radius:14px !important;
    font-size:16px !important;
  }

  .stock-mini-check{ display:none !important; }
  .stock-mini-head{ display:none !important; }
  .stock-mini-row{
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-auto-rows:auto !important;
    gap:8px 10px !important;
    padding:14px !important;
    border-radius:18px !important;
    background:linear-gradient(180deg,rgba(15,23,42,.82),rgba(9,14,25,.82)) !important;
  }
  .stock-mini-id{
    grid-column:1/2 !important;
    grid-row:1 !important;
    font-size:11px !important;
    color:#93c5fd !important;
  }
  .stock-mini-pass{
    grid-column:2/3 !important;
    grid-row:1 !important;
    justify-self:end !important;
    font-size:12px !important;
    color:#e2e8f0 !important;
  }
  .stock-mini-email{
    grid-column:1/3 !important;
    grid-row:2 !important;
    font-weight:800 !important;
    word-break:break-word !important;
  }
  .stock-mini-profile{
    grid-column:1/2 !important;
    grid-row:3 !important;
  }
  .stock-mini-expiry{
    grid-column:2/3 !important;
    grid-row:3 !important;
    justify-self:end !important;
  }
  .stock-mini-row > span:nth-child(7){
    grid-column:1/2 !important;
    grid-row:4 !important;
    justify-self:start !important;
  }
  .stock-mini-actions{
    grid-column:1/3 !important;
    grid-row:5 !important;
    display:grid !important;
    grid-template-columns:1fr 1fr 1fr !important;
    gap:8px !important;
  }
  .stock-mini-actions .stock-action-btn{ width:100% !important; }
}


#ordersBody .ks-order-standard-card.is-warning{
  background:
    radial-gradient(circle at 8% 0%, rgba(251,146,60,.34), transparent 42%),
    linear-gradient(180deg, rgba(96,47,13,.98), rgba(67,32,9,.98)) !important;
  border-color: rgba(251,146,60,.55) !important;
  box-shadow:0 16px 36px rgba(124,45,18,.30), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
#ordersBody .ks-order-standard-card.is-expired{
  background:
    radial-gradient(circle at 8% 0%, rgba(248,113,113,.34), transparent 42%),
    linear-gradient(180deg, rgba(92,17,26,.98), rgba(62,12,22,.98)) !important;
  border-color: rgba(248,113,113,.55) !important;
  box-shadow:0 16px 36px rgba(127,29,29,.32), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
#ordersBody .ks-order-standard-card.is-latest{
  background:
    radial-gradient(circle at 8% 0%, rgba(250,204,21,.44), transparent 45%),
    linear-gradient(180deg, rgba(104,79,12,.98), rgba(72,52,7,.98)) !important;
  border-color: rgba(250,204,21,.70) !important;
  box-shadow:0 18px 42px rgba(113,63,18,.34), 0 0 0 1px rgba(250,204,21,.18) inset !important;
}
#ordersBody .ks-order-standard-card.is-latest .ks-order-standard-id,
#ordersBody .ks-order-standard-card.is-latest .ks-order-standard-name,
#ordersBody .ks-order-standard-card.is-latest .ks-order-standard-line,
#ordersBody .ks-order-standard-card.is-latest .ks-order-standard-line strong{
  color:#fff7cc !important;
  -webkit-text-fill-color:#fff7cc !important;
}

.stock-mini-pass{
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
  overflow-wrap:anywhere !important;
}

.perm-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
}
.perm-grid label,
.perm-grid .ks53-perm-label{
  min-height:44px !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:10px 12px !important;
  border-radius:14px !important;
  background:rgba(15,23,42,.48) !important;
  border:1px solid rgba(148,163,184,.14) !important;
  color:#e5e7eb !important;
  font-weight:850 !important;
}
.perm-grid input[type="checkbox"]{
  width:18px !important;
  height:18px !important;
  min-height:18px !important;
  accent-color:#8b5cf6 !important;
}

@media (max-width: 767px){
  .perm-grid{
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }
  .perm-grid label{
    font-size:12px !important;
    min-height:42px !important;
    padding:9px 10px !important;
  }
}


.nav-btn[data-page="settings"],
.settings-nav,
.mobile-v49-nav-btn[data-page="settings"]{
  pointer-events:auto !important;
  opacity:1 !important;
  cursor:pointer !important;
}

#users .manage-users-panel,
#users .users-form,
#users .permissions-box,
#users .table-wrap,
#users .panel,
#users .card{
  background:linear-gradient(180deg, rgba(15,23,42,.96), rgba(8,13,25,.96)) !important;
  color:#f8fafc !important;
  border-color:rgba(148,163,184,.18) !important;
}

#users .manage-users-panel h1,
#users .manage-users-panel h2,
#users .manage-users-panel h3,
#users .manage-users-panel p,
#users .manage-users-panel label,
#users .manage-users-panel span,
#users .manage-users-panel td,
#users .manage-users-panel th{
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
}

#users .manage-users-panel p,
#users .manage-users-panel small{
  color:#b8c2d6 !important;
  -webkit-text-fill-color:#b8c2d6 !important;
}

#users input,
#users select,
#users textarea,
#users .users-form input,
#users .users-form select{
  background:rgba(2,6,23,.72) !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  border:1px solid rgba(148,163,184,.22) !important;
}

#users input::placeholder,
#users textarea::placeholder{
  color:#94a3b8 !important;
  -webkit-text-fill-color:#94a3b8 !important;
}

#users .perm-grid{
  background:transparent !important;
}

#users .perm-grid label,
#users .ks53-perm-label{
  background:rgba(2,6,23,.48) !important;
  color:#e5e7eb !important;
  -webkit-text-fill-color:#e5e7eb !important;
  border:1px solid rgba(148,163,184,.18) !important;
}

#users .perm-grid label:hover{
  border-color:rgba(139,92,246,.42) !important;
  background:rgba(88,28,135,.24) !important;
}

#users .table-wrap table,
#users .table-wrap thead,
#users .table-wrap tbody,
#users .table-wrap tr,
#users .table-wrap td,
#users .table-wrap th{
  background:transparent !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
}

#users .table-wrap tr{
  border-color:rgba(148,163,184,.14) !important;
}

#users .table-wrap th{
  background:rgba(15,23,42,.88) !important;
  color:#cbd5e1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
}

#users .table-wrap td{
  background:rgba(2,6,23,.30) !important;
}

#settings .panel,
#settings .settings-theme-panel,
#settings #settingsForm,
#settings .form-panel{
  background:linear-gradient(180deg, rgba(15,23,42,.96), rgba(8,13,25,.96)) !important;
  color:#f8fafc !important;
  border-color:rgba(148,163,184,.18) !important;
}

#settings label,
#settings h1,
#settings h2,
#settings p,
#settings span{
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
}

#settings input,
#settings select{
  background:rgba(2,6,23,.72) !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  border-color:rgba(148,163,184,.22) !important;
}

@media (max-width: 767px){
  #users .perm-grid{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  #users .perm-grid label{
    min-height:44px !important;
    font-size:13px !important;
  }

  #users .manage-users-panel,
  #users .users-form,
  #users .permissions-box{
    border-radius:20px !important;
  }

  #users .table-wrap{
    border-radius:18px !important;
    overflow-x:auto !important;
  }

  #users .table-wrap table{
    min-width:720px !important;
  }

  .mobile-v49-nav-btn[data-page="settings"]{
    pointer-events:auto !important;
  }
}


.nav-btn[data-page="settings"],
.settings-nav,
.mobile-v49-nav-btn[data-page="settings"],
#settings button,
#settings input,
#settings select{
  pointer-events:auto !important;
  touch-action:manipulation !important;
}

#add input,
#add select,
#add textarea,
#add button,
#paymentMethod,
#paymentAccount,
#paymentStatus,
#currency,
#vip,
#sellPrice,
#costPrice,
#profit{
  pointer-events:auto !important;
  touch-action:manipulation !important;
  user-select:auto !important;
  -webkit-user-select:auto !important;
  opacity:1 !important;
}

#add input[type="checkbox"],
#vip{
  width:22px !important;
  height:22px !important;
  min-height:22px !important;
  accent-color:#8b5cf6 !important;
}

#add .form-grid label,
#add label{
  position:relative !important;
  z-index:2 !important;
}

#add select,
#add input{
  position:relative !important;
  z-index:3 !important;
}

#add *,
#settings *{
  -webkit-tap-highlight-color:transparent !important;
}

#settings .panel,
#settings #settingsForm,
#settings .settings-theme-panel{
  background:linear-gradient(180deg, rgba(15,23,42,.96), rgba(8,13,25,.96)) !important;
  color:#f8fafc !important;
  border-color:rgba(148,163,184,.18) !important;
}

#settings label,
#settings h1,
#settings h2,
#settings p,
#settings span{
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
}

#settings input,
#settings select{
  background:rgba(2,6,23,.72) !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  border-color:rgba(148,163,184,.22) !important;
}

@media (max-width: 767px){
  #add .form-grid,
  #settings .form-grid,
  #settings .settings-grid{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  #paymentMethod,
  #currency,
  #paymentStatus{
    min-height:52px !important;
  }

  #add .checkbox-row,
  #add .vip-row,
  #add label:has(#vip){
    min-height:52px !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
  }

  .mobile-v49-nav,
  .mobile-v49-nav *{
    touch-action:manipulation !important;
  }
}


#settingsForm,
#settingsForm *,
#add,
#add *{
  pointer-events:auto !important;
}

#settings input,
#settings select,
#settings button,
#add input,
#add select,
#add textarea,
#add button,
.payment-status-chip,
.pay,
.choice-box.small-choice label,
.vip-box,
.vip-box *{
  pointer-events:auto !important;
  touch-action:manipulation !important;
  -webkit-tap-highlight-color:transparent !important;
}

#settings input,
#settings select,
#add input,
#add select,
#add textarea{
  user-select:auto !important;
  -webkit-user-select:auto !important;
  opacity:1 !important;
}

.payment-status-options,
.pay-buttons,
.choice-box.small-choice{
  position:relative !important;
  z-index:8 !important;
}

.payment-status-chip,
.pay,
.choice-box.small-choice label{
  cursor:pointer !important;
  min-height:46px !important;
  border-radius:16px !important;
  transition:transform .12s ease, border-color .12s ease, background .12s ease !important;
}

.payment-status-chip:active,
.pay:active,
.choice-box.small-choice label:active{
  transform:scale(.98) !important;
}

.payment-status-chip.active,
.choice-box.small-choice label.active,
.vip-box.active{
  border-color:#8b5cf6 !important;
  background:rgba(139,92,246,.20) !important;
  box-shadow:0 0 0 3px rgba(139,92,246,.14) !important;
}

.pay.active{
  border-color:#8b5cf6 !important;
  background:linear-gradient(135deg,#3b82f6,#8b5cf6) !important;
  color:#fff !important;
}

#vip,
input[name="paymentStatus"],
input[name="currency"]{
  accent-color:#8b5cf6 !important;
}

#vip{
  width:24px !important;
  height:24px !important;
  min-height:24px !important;
}

#settings .form-actions button,
#settings #reloadSettingsBtn,
#settings #saveSettingsBtn,
#settings #resetSettingsBtn{
  pointer-events:auto !important;
  position:relative !important;
  z-index:20 !important;
}

#settings .panel,
#settings #settingsForm,
#settings .settings-theme-panel{
  background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(8,13,25,.96)) !important;
  color:#f8fafc !important;
  border-color:rgba(148,163,184,.18) !important;
}

#settings label,
#settings h1,
#settings h2,
#settings p,
#settings span{
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
}

#settings input,
#settings select{
  background:rgba(2,6,23,.72) !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  border:1px solid rgba(148,163,184,.22) !important;
}

@media (max-width:767px){
  #settings .settings-grid,
  #add .payment-grid,
  #add .form-grid{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .payment-status-options,
  .pay-buttons{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }

  .choice-box.small-choice{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }

  .choice-box.small-choice > span{
    grid-column:1 / -1 !important;
  }

  .vip-box{
    min-height:54px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
  }
}


.setting-switch-row{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  padding:14px 16px !important;
  border-radius:20px !important;
  background:linear-gradient(180deg, rgba(15,23,42,.82), rgba(8,13,25,.82)) !important;
  border:1px solid rgba(148,163,184,.18) !important;
  color:#f8fafc !important;
  cursor:pointer !important;
}
.setting-switch-row.is-on{
  border-color:rgba(34,197,94,.42) !important;
  background:radial-gradient(circle at 100% 0%, rgba(34,197,94,.18), transparent 38%), linear-gradient(180deg, rgba(15,23,42,.88), rgba(8,13,25,.88)) !important;
}
.setting-switch-text{min-width:0 !important;display:flex !important;flex-direction:column !important;gap:4px !important;}
.setting-switch-text strong{color:#fff !important;-webkit-text-fill-color:#fff !important;font-size:14px !important;font-weight:950 !important;line-height:1.25 !important;}
.setting-switch-text small{color:#a8b0c6 !important;-webkit-text-fill-color:#a8b0c6 !important;font-size:12px !important;line-height:1.3 !important;}
.ios-switch{
  flex:0 0 auto !important;
  position:relative !important;
  width:92px !important;
  height:44px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  padding:0 !important;
  margin:0 !important;
  cursor:pointer !important;
  pointer-events:auto !important;
  touch-action:manipulation !important;
  user-select:none !important;
  -webkit-user-select:none !important;
}
.ios-switch input{
  position:absolute !important;
  inset:0 !important;
  opacity:0 !important;
  width:100% !important;
  height:100% !important;
  min-height:44px !important;
  margin:0 !important;
  cursor:pointer !important;
  pointer-events:auto !important;
}
.ios-switch-slider{
  position:absolute !important;
  inset:0 !important;
  border-radius:999px !important;
  background:rgba(71,85,105,.92) !important;
  border:1px solid rgba(148,163,184,.22) !important;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.30) !important;
  transition:background .18s ease, border-color .18s ease !important;
}
.ios-switch-slider::before{
  content:"" !important;
  position:absolute !important;
  width:36px !important;
  height:36px !important;
  left:4px !important;
  top:3px !important;
  border-radius:50% !important;
  background:#fff !important;
  box-shadow:0 6px 14px rgba(0,0,0,.32) !important;
  transition:transform .18s ease !important;
}
.ios-switch input:checked + .ios-switch-slider{
  background:linear-gradient(135deg,#22c55e,#16a34a) !important;
  border-color:rgba(34,197,94,.55) !important;
}
.ios-switch input:checked + .ios-switch-slider::before{transform:translateX(47px) !important;}
.ios-switch-state{
  position:relative !important;
  z-index:2 !important;
  min-width:34px !important;
  margin-right:8px !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  font-size:11px !important;
  font-weight:1000 !important;
  line-height:1 !important;
  pointer-events:none !important;
  text-align:center !important;
}
@media(max-width:767px){
  .setting-switch-row{padding:14px !important;gap:12px !important;}
  .ios-switch{width:86px !important;height:42px !important;}
  .ios-switch-slider::before{width:34px !important;height:34px !important;}
  .ios-switch input:checked + .ios-switch-slider::before{transform:translateX(43px) !important;}
}


#stockPasswordSwitchRow,
.setting-switch-row{
  display:none !important;
}

.setting-option-row{
  width:100% !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(160px,240px) !important;
  align-items:center !important;
  gap:14px !important;
  padding:14px 16px !important;
  border-radius:20px !important;
  background:linear-gradient(180deg, rgba(15,23,42,.82), rgba(8,13,25,.82)) !important;
  border:1px solid rgba(148,163,184,.18) !important;
  color:#f8fafc !important;
}

.setting-option-row span{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:14px !important;
  font-weight:950 !important;
  line-height:1.25 !important;
}

.setting-option-row select{
  width:100% !important;
  min-height:48px !important;
  border-radius:16px !important;
  background:rgba(2,6,23,.72) !important;
  border:1px solid rgba(148,163,184,.22) !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  padding:0 14px !important;
  font-weight:900 !important;
  pointer-events:auto !important;
  touch-action:manipulation !important;
}

@media(max-width:767px){
  .setting-option-row{
    grid-template-columns:1fr !important;
    padding:14px !important;
    gap:10px !important;
  }
  .setting-option-row select{
    min-height:52px !important;
    font-size:15px !important;
  }
}


#add #stockPasswordOptionRow,
#orders #stockPasswordOptionRow,
#stock #stockPasswordOptionRow,
#dashboard #stockPasswordOptionRow{
  display:none !important;
}

#settings #stockPasswordOptionRow{
  width:100% !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(150px,220px) !important;
  align-items:center !important;
  gap:14px !important;
  padding:14px 16px !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,rgba(15,23,42,.82),rgba(8,13,25,.82)) !important;
  border:1px solid rgba(148,163,184,.18) !important;
  color:#f8fafc !important;
}

#settings #stockPasswordOptionRow span{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:14px !important;
  font-weight:950 !important;
  line-height:1.25 !important;
}

#settings #settingShowPasswordInStock{
  display:block !important;
  width:100% !important;
  min-height:48px !important;
  border-radius:16px !important;
  background:rgba(2,6,23,.72) !important;
  border:1px solid rgba(148,163,184,.22) !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  padding:0 14px !important;
  font-weight:900 !important;
  pointer-events:auto !important;
  touch-action:manipulation !important;
  opacity:1 !important;
  visibility:visible !important;
}

#settings #stockPasswordSwitchRow,
#settings .setting-switch-row,
#settings .settings-check-row:empty{
  display:none !important;
}

@media(max-width:767px){
  #settings #stockPasswordOptionRow{
    grid-template-columns:1fr !important;
    padding:14px !important;
    gap:10px !important;
  }
  #settings #settingShowPasswordInStock{
    min-height:52px !important;
    font-size:15px !important;
  }
}


#settings #stockPasswordOptionRow,
#settings #stockPasswordSwitchRow,
#settings .setting-option-row,
#settings .setting-switch-row{
  display:none !important;
}

#settings #stockPasswordCheckCircleRow{
  width:100% !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(210px,280px) !important;
  align-items:center !important;
  gap:14px !important;
  padding:14px 16px !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,rgba(15,23,42,.84),rgba(8,13,25,.84)) !important;
  border:1px solid rgba(148,163,184,.18) !important;
  color:#f8fafc !important;
}

#settings .setting-checkcircle-title{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:14px !important;
  font-weight:950 !important;
  line-height:1.25 !important;
}

#settings .setting-checkcircle-options{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:8px !important;
}

#settings .checkcircle-option{
  min-height:48px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  padding:0 12px !important;
  border-radius:16px !important;
  background:rgba(2,6,23,.58) !important;
  border:1px solid rgba(148,163,184,.18) !important;
  color:#cbd5e1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
  cursor:pointer !important;
  pointer-events:auto !important;
  touch-action:manipulation !important;
  user-select:none !important;
  -webkit-user-select:none !important;
  transition:transform .12s ease, border-color .12s ease, background .12s ease, color .12s ease !important;
}

#settings .checkcircle-option:active{
  transform:scale(.98) !important;
}

#settings .checkcircle-option input{
  position:absolute !important;
  opacity:0 !important;
  pointer-events:none !important;
  width:0 !important;
  height:0 !important;
}

#settings .checkcircle-mark{
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
  border-radius:50% !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:2px solid rgba(148,163,184,.44) !important;
  background:rgba(15,23,42,.66) !important;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.28) !important;
}

#settings .checkcircle-mark::after{
  content:"✓" !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:1000 !important;
  opacity:0 !important;
  transform:scale(.55) !important;
  transition:opacity .12s ease, transform .12s ease !important;
}

#settings .checkcircle-option b{
  color:inherit !important;
  -webkit-text-fill-color:inherit !important;
  font-size:13px !important;
  font-weight:1000 !important;
}

#settings .checkcircle-option.active{
  background:linear-gradient(135deg,rgba(59,130,246,.88),rgba(124,58,237,.84)) !important;
  border-color:rgba(167,139,250,.62) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  box-shadow:0 10px 24px rgba(99,102,241,.20), inset 0 1px 0 rgba(255,255,255,.12) !important;
}

#settings .checkcircle-option.active .checkcircle-mark{
  background:linear-gradient(135deg,#22c55e,#16a34a) !important;
  border-color:rgba(187,247,208,.90) !important;
}

#settings .checkcircle-option.active .checkcircle-mark::after{
  opacity:1 !important;
  transform:scale(1) !important;
}

#settings #settingShowPasswordInStock[type="hidden"]{
  display:none !important;
}

@media(max-width:767px){
  #settings #stockPasswordCheckCircleRow{
    grid-template-columns:1fr !important;
    padding:14px !important;
    gap:10px !important;
  }
  #settings .setting-checkcircle-options{
    grid-template-columns:1fr 1fr !important;
  }
  #settings .checkcircle-option{
    min-height:52px !important;
  }
}


.stock-mini-pass.is-hidden-password{
  color:#dbeafe !important;
  -webkit-text-fill-color:#dbeafe !important;
  background:rgba(15,23,42,.68) !important;
  border:1px solid rgba(148,163,184,.20) !important;
  border-radius:999px !important;
  padding:5px 12px !important;
  min-width:74px !important;
  text-align:center !important;
  letter-spacing:.18em !important;
}

.stock-mini-pass:not(.is-hidden-password){
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  letter-spacing:normal !important;
}

#settings .checkcircle-option{
  pointer-events:auto !important;
  cursor:pointer !important;
}
#settings .checkcircle-option.active{
  transform:translateY(-1px) !important;
}


.stock-mini-pass.stock-pass-hidden,
.stock-mini-pass.is-hidden-password{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:82px !important;
  max-width:120px !important;
  padding:5px 12px !important;
  border-radius:999px !important;
  background:rgba(15,23,42,.72) !important;
  border:1px solid rgba(148,163,184,.24) !important;
  color:#dbeafe !important;
  -webkit-text-fill-color:#dbeafe !important;
  letter-spacing:.20em !important;
  font-weight:950 !important;
}

.stock-mini-pass.stock-pass-visible{
  display:inline !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  letter-spacing:normal !important;
  font-weight:900 !important;
  word-break:break-all !important;
}


.stock-mini-row .stock-status-pill,
.stock-mini-row .stock-mini-pass,
.stock-mini-row .stock-mini-row > span,
#stock .stock-status-pill{
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
}

.stock-mini-row .stock-status-pill{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:86px !important;
  max-width:120px !important;
  min-height:30px !important;
  padding:5px 12px !important;
  border-radius:999px !important;
  background:rgba(15,23,42,.72) !important;
  border:1px solid rgba(148,163,184,.22) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
  font-size:11px !important;
  font-weight:950 !important;
  letter-spacing:.01em !important;
  line-height:1 !important;
  white-space:nowrap !important;
  text-transform:none !important;
}

.stock-mini-row .stock-status-pill.available{
  color:#bbf7d0 !important;
  -webkit-text-fill-color:#bbf7d0 !important;
  background:rgba(34,197,94,.16) !important;
  border-color:rgba(34,197,94,.34) !important;
}

.stock-mini-row .stock-status-pill.sold{
  color:#c7d2fe !important;
  -webkit-text-fill-color:#c7d2fe !important;
  background:rgba(99,102,241,.16) !important;
  border-color:rgba(99,102,241,.34) !important;
}

.stock-mini-row .stock-status-pill.trash,
.stock-mini-row .stock-status-pill.deleted{
  color:#fecaca !important;
  -webkit-text-fill-color:#fecaca !important;
  background:rgba(239,68,68,.16) !important;
  border-color:rgba(239,68,68,.34) !important;
}

.stock-mini-row .stock-mini-pass.stock-pass-hidden,
.stock-mini-row .stock-mini-pass.is-hidden-password{
  background:rgba(15,23,42,.72) !important;
  border:1px solid rgba(148,163,184,.24) !important;
  color:#dbeafe !important;
  -webkit-text-fill-color:#dbeafe !important;
}

.stock-mini-row span,
.stock-mini-row span::before,
.stock-mini-row span::after{
  background-color:transparent;
}

@media(max-width:767px){
  .stock-mini-row > span:nth-child(7){
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    min-width:0 !important;
  }

  .stock-mini-row .stock-status-pill{
    min-width:88px !important;
    min-height:30px !important;
  }

  .stock-mini-row .stock-mini-pass.stock-pass-hidden,
  .stock-mini-row .stock-mini-pass.is-hidden-password{
    min-width:82px !important;
    max-width:112px !important;
  }
}


.stock-card-v64{
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  padding:16px !important;
  border-radius:22px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(99,102,241,.14), transparent 34%),
    linear-gradient(180deg, rgba(15,23,42,.92), rgba(8,13,25,.94)) !important;
  border:1px solid rgba(148,163,184,.18) !important;
  box-shadow:0 16px 36px rgba(2,6,23,.22), inset 0 1px 0 rgba(255,255,255,.04) !important;
  color:#f8fafc !important;
  overflow:hidden !important;
}

.stock-v64-head{
  width:100% !important;
  display:grid !important;
  grid-template-columns:auto minmax(28px,1fr) auto !important;
  gap:10px !important;
  align-items:center !important;
}

.stock-v64-id{
  min-width:0 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:13px !important;
  font-weight:1000 !important;
  line-height:1.2 !important;
  letter-spacing:.01em !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

.stock-v64-line{
  height:1px !important;
  min-width:28px !important;
  background:linear-gradient(90deg, rgba(148,163,184,.30), rgba(148,163,184,.04)) !important;
}

.stock-v64-status{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:82px !important;
  min-height:28px !important;
  padding:5px 12px !important;
  border-radius:999px !important;
  font-size:11px !important;
  font-weight:1000 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  color:#bbf7d0 !important;
  -webkit-text-fill-color:#bbf7d0 !important;
  background:rgba(34,197,94,.16) !important;
  border:1px solid rgba(34,197,94,.34) !important;
}

.stock-v64-status.sold{
  color:#c7d2fe !important;
  -webkit-text-fill-color:#c7d2fe !important;
  background:rgba(99,102,241,.16) !important;
  border-color:rgba(99,102,241,.34) !important;
}

.stock-v64-status.trash,
.stock-v64-status.deleted{
  color:#fecaca !important;
  -webkit-text-fill-color:#fecaca !important;
  background:rgba(239,68,68,.16) !important;
  border-color:rgba(239,68,68,.34) !important;
}

.stock-v64-body{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
}

.stock-v64-field,
.stock-v64-expire{
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
  min-width:0 !important;
}

.stock-v64-field span,
.stock-v64-expire span{
  color:#93a4c7 !important;
  -webkit-text-fill-color:#93a4c7 !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
}

.stock-v64-field b,
.stock-v64-expire b{
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  font-size:14px !important;
  font-weight:950 !important;
  line-height:1.24 !important;
  word-break:break-word !important;
}

.stock-v64-password .stock-mini-pass{
  display:inline-flex !important;
  align-self:flex-start !important;
  max-width:100% !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
}

.stock-v64-password .stock-mini-pass.stock-pass-hidden,
.stock-v64-password .stock-mini-pass.is-hidden-password{
  min-width:94px !important;
  padding:6px 13px !important;
  border-radius:999px !important;
  color:#dbeafe !important;
  -webkit-text-fill-color:#dbeafe !important;
  background:rgba(15,23,42,.74) !important;
  border:1px solid rgba(148,163,184,.24) !important;
  letter-spacing:.20em !important;
  text-align:center !important;
  justify-content:center !important;
}

.stock-v64-expire{
  margin-top:2px !important;
  padding-top:10px !important;
  border-top:1px dashed rgba(148,163,184,.18) !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:space-between !important;
}

.stock-v64-expire span{
  font-size:11px !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  color:#c4b5fd !important;
  -webkit-text-fill-color:#c4b5fd !important;
}

.stock-v64-expire b{
  font-size:13px !important;
  color:#e0e7ff !important;
  -webkit-text-fill-color:#e0e7ff !important;
}

.stock-v64-actions{
  display:grid !important;
  grid-template-columns:1fr 1fr 1fr !important;
  gap:8px !important;
  margin-top:2px !important;
}

.stock-v64-actions .stock-action-btn{
  width:100% !important;
  min-height:44px !important;
  border-radius:14px !important;
  font-size:12px !important;
  font-weight:1000 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

@media(max-width:767px){
  .stock-card-v64{
    padding:15px !important;
    gap:11px !important;
    border-radius:21px !important;
  }
  .stock-v64-id{
    max-width:145px !important;
    font-size:12px !important;
  }
  .stock-v64-status{
    min-width:78px !important;
    padding:5px 10px !important;
  }
  .stock-v64-field b{
    font-size:13px !important;
  }
}


body.orders-view-mode #add .add-pro-main-title,
body.orders-view-mode #add #customerForm{
  display:none !important;
}

body.orders-view-mode #add .page-title{
  display:flex !important;
  margin-bottom:12px !important;
}

body.orders-view-mode #add .page-title h1{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

body.orders-view-mode #add .page-title p{
  display:none !important;
}

body.orders-view-mode #add .orders-actions,
body.orders-view-mode #add .table-wrap{
  display:block !important;
}

.stock-v65-head{
  grid-template-columns:minmax(0,auto) minmax(24px,1fr) auto !important;
  gap:10px !important;
}

.stock-v65-brand{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  min-width:0 !important;
}

.stock-v65-icon{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  border-radius:16px !important;
  display:grid !important;
  place-items:center !important;
  background:linear-gradient(135deg,rgba(59,130,246,.22),rgba(124,58,237,.22)) !important;
  border:1px solid rgba(148,163,184,.18) !important;
  box-shadow:0 10px 26px rgba(59,130,246,.14), inset 0 1px 0 rgba(255,255,255,.06) !important;
  overflow:hidden !important;
}

.stock-v65-icon img,
.stock-v65-icon .service-icon,
.stock-v65-icon-img img{
  width:28px !important;
  height:28px !important;
  object-fit:contain !important;
  border-radius:8px !important;
}

.stock-v65-title{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:2px !important;
}

.stock-v65-service{
  color:#9fb2d8 !important;
  -webkit-text-fill-color:#9fb2d8 !important;
  font-size:11px !important;
  font-weight:850 !important;
  line-height:1.1 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

.stock-card-v64{
  position:relative !important;
}

.stock-card-v64::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(120deg, rgba(255,255,255,.06), transparent 22%, transparent 76%, rgba(139,92,246,.08)) !important;
  opacity:.8 !important;
}

.stock-v64-email b::before{
  content:"📧 " !important;
}

.stock-v64-password b::before{
  content:"🔐 " !important;
}

.stock-v64-password .stock-mini-pass.stock-pass-hidden::before,
.stock-v64-password .stock-mini-pass.is-hidden-password::before{
  content:"" !important;
}

.stock-v64-expire span::before{
  content:"📅 " !important;
}

.stock-v64-actions .stock-action-btn{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 10px 18px rgba(2,6,23,.16) !important;
}

@media(max-width:767px){
  body.orders-view-mode #add{
    padding-top:52px !important;
  }

  .stock-v65-icon{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    border-radius:14px !important;
  }

  .stock-v65-icon img,
  .stock-v65-icon .service-icon,
  .stock-v65-icon-img img{
    width:25px !important;
    height:25px !important;
  }

  .stock-v65-head{
    grid-template-columns:minmax(0,1fr) auto !important;
  }

  .stock-v65-head .stock-v64-line{
    display:none !important;
  }

  .stock-v65-brand{
    max-width:100% !important;
  }

  .stock-v65-title .stock-v64-id{
    max-width:150px !important;
  }
}


.orders-real-panel{
  padding:18px !important;
  border-radius:26px !important;
  background:linear-gradient(180deg,rgba(15,23,42,.94),rgba(8,13,25,.96)) !important;
  border:1px solid rgba(148,163,184,.16) !important;
}

.orders-page-title{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin-bottom:14px !important;
}

.orders-page-title h1{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:24px !important;
  font-weight:1000 !important;
}

.orders-page-title p,
#loadedText{
  color:#a8b0c6 !important;
  -webkit-text-fill-color:#a8b0c6 !important;
  font-size:13px !important;
  font-weight:800 !important;
}

#add .orders-actions,
#add #ordersBody,
#add .table-wrap:has(#ordersBody){
  display:none !important;
}

.stock-v64-field{
  display:grid !important;
  grid-template-columns:82px minmax(0,1fr) !important;
  align-items:center !important;
  gap:8px !important;
  min-height:34px !important;
  padding:8px 10px !important;
  border-radius:14px !important;
  background:rgba(2,6,23,.28) !important;
  border:1px solid rgba(148,163,184,.10) !important;
}

.stock-v64-field span{
  color:#a5b4fc !important;
  -webkit-text-fill-color:#a5b4fc !important;
  font-size:12px !important;
  font-weight:1000 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}

.stock-v64-field b{
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  font-size:13px !important;
  font-weight:950 !important;
  line-height:1.25 !important;
  overflow-wrap:anywhere !important;
}

.stock-v64-email b::before,
.stock-v64-password b::before{
  content:"" !important;
}

.stock-v64-password .stock-mini-pass{
  display:inline-block !important;
  max-width:100% !important;
  overflow-wrap:anywhere !important;
}

.stock-card-v64{
  border-color:rgba(129,140,248,.22) !important;
}

.stock-card-v64:hover{
  border-color:rgba(167,139,250,.38) !important;
}

.stock-v64-expire{
  background:rgba(79,70,229,.10) !important;
  padding:10px 12px !important;
  border:1px solid rgba(129,140,248,.14) !important;
  border-radius:14px !important;
}

@media(max-width:767px){
  .orders-real-panel{
    padding:14px !important;
    border-radius:22px !important;
  }

  .orders-page-title{
    align-items:center !important;
  }

  .orders-page-title h1{
    font-size:21px !important;
  }

  .orders-page-title .btn{
    min-height:42px !important;
    border-radius:14px !important;
    padding:0 12px !important;
    font-size:12px !important;
  }

  .stock-v64-field{
    grid-template-columns:72px minmax(0,1fr) !important;
    padding:8px 9px !important;
  }

  .stock-v64-field span{
    font-size:11px !important;
  }

  .stock-v64-field b{
    font-size:12.5px !important;
  }
}


.stock-v64-actions,
.stock-v65-actions,
.stock-mini-actions{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  gap:7px !important;
}

.stock-v64-actions .stock-action-btn,
.stock-mini-actions .stock-action-btn{
  min-width:0 !important;
  padding:0 6px !important;
  white-space:nowrap !important;
}

.stock-action-btn.use{
  color:#ecfdf5 !important;
  -webkit-text-fill-color:#ecfdf5 !important;
  background:linear-gradient(135deg,#16a34a,#22c55e) !important;
  border-color:rgba(134,239,172,.45) !important;
  box-shadow:0 10px 20px rgba(22,163,74,.18), inset 0 1px 0 rgba(255,255,255,.12) !important;
}

.stock-action-btn.use::before{
  content:"✓ " !important;
}

#orders.active-page{
  display:block !important;
}

#orders #ordersBody,
#orders .table-wrap{
  display:revert !important;
  visibility:visible !important;
  opacity:1 !important;
}

#orders .orders-real-panel{
  display:block !important;
}

@media(max-width:767px){
  .stock-v64-actions,
  .stock-mini-actions{
    grid-template-columns:repeat(4, minmax(0,1fr)) !important;
    gap:6px !important;
  }

  .stock-v64-actions .stock-action-btn,
  .stock-mini-actions .stock-action-btn{
    min-height:42px !important;
    border-radius:13px !important;
    font-size:11px !important;
  }
}


@media(max-width:767px){
  #add.active-page{
    padding-bottom:calc(116px + env(safe-area-inset-bottom)) !important;
  }

  #add #customerForm{
    padding-bottom:calc(90px + env(safe-area-inset-bottom)) !important;
  }

  #add #customerForm .form-actions,
  #add #customerForm .add-customer-mobile-actions{
    position:sticky !important;
    bottom:calc(72px + env(safe-area-inset-bottom)) !important;
    left:0 !important;
    right:0 !important;
    z-index:1250 !important;
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr 1.25fr !important;
    gap:10px !important;
    padding:12px !important;
    margin:16px 0 0 !important;
    border-radius:22px !important;
    background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(8,13,25,.98)) !important;
    border:1px solid rgba(148,163,184,.20) !important;
    box-shadow:0 18px 42px rgba(2,6,23,.45), inset 0 1px 0 rgba(255,255,255,.05) !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }

  #add #customerForm .form-actions button,
  #add #customerForm .add-customer-mobile-actions button,
  #clearCustomerBtn,
  #saveCustomerBtn{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:52px !important;
    border-radius:17px !important;
    font-size:14px !important;
    font-weight:1000 !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
    position:relative !important;
    z-index:1260 !important;
  }

  #clearCustomerBtn,
  #add #customerForm .form-actions button[type="reset"],
  #add #customerForm .form-actions .ghost{
    color:#e5e7eb !important;
    -webkit-text-fill-color:#e5e7eb !important;
    background:rgba(30,41,59,.72) !important;
    border:1px solid rgba(148,163,184,.28) !important;
  }

  #saveCustomerBtn,
  #add #customerForm .form-actions button[type="submit"],
  #add #customerForm .form-actions .primary{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    background:linear-gradient(135deg,#2563eb,#7c3aed) !important;
    border:1px solid rgba(167,139,250,.45) !important;
    box-shadow:0 12px 24px rgba(99,102,241,.24), inset 0 1px 0 rgba(255,255,255,.13) !important;
  }

  body.orders-view-mode #add #customerForm .form-actions,
  body.orders-view-mode #add #customerForm .add-customer-mobile-actions{
    display:none !important;
  }
}


@media(max-width:767px){
  #add.modern-add-page,
  #add.active-page{
    padding-top:52px !important;
    padding-bottom:calc(126px + env(safe-area-inset-bottom)) !important;
  }

  #add .page-title{
    display:none !important;
  }

  #add .modern-add-mobile-hero{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
    margin:0 0 14px !important;
    padding:18px !important;
    border-radius:28px !important;
    background:
      radial-gradient(circle at 92% 0%, rgba(99,102,241,.30), transparent 40%),
      linear-gradient(135deg, rgba(15,23,42,.96), rgba(17,24,39,.96)) !important;
    border:1px solid rgba(129,140,248,.22) !important;
    box-shadow:0 18px 44px rgba(2,6,23,.32), inset 0 1px 0 rgba(255,255,255,.07) !important;
    overflow:hidden !important;
  }

  #add .modern-add-mobile-hero::after{
    content:"" !important;
    position:absolute !important;
    width:130px !important;
    height:130px !important;
    right:-54px !important;
    bottom:-66px !important;
    border-radius:50% !important;
    background:rgba(124,58,237,.16) !important;
    pointer-events:none !important;
  }

  #add .modern-add-mobile-hero span{
    display:block !important;
    color:#a5b4fc !important;
    -webkit-text-fill-color:#a5b4fc !important;
    font-size:11px !important;
    font-weight:1000 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
  }

  #add .modern-add-mobile-hero b{
    display:block !important;
    margin-top:3px !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-size:25px !important;
    line-height:1.04 !important;
    font-weight:1000 !important;
  }

  #add .modern-add-mobile-hero small{
    display:block !important;
    margin-top:6px !important;
    color:#cbd5e1 !important;
    -webkit-text-fill-color:#cbd5e1 !important;
    font-size:12px !important;
    font-weight:750 !important;
  }

  #add .modern-add-glow{
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
    border-radius:18px !important;
    display:grid !important;
    place-items:center !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-size:28px !important;
    font-weight:1000 !important;
    background:linear-gradient(135deg,#2563eb,#7c3aed) !important;
    box-shadow:0 12px 26px rgba(99,102,241,.35), inset 0 1px 0 rgba(255,255,255,.16) !important;
    position:relative !important;
    z-index:2 !important;
  }

  #add .add-pro-main-title{
    display:none !important;
  }

  #add #customerForm.modern-mobile-form,
  #add #customerForm{
    display:flex !important;
    flex-direction:column !important;
    gap:14px !important;
    padding:0 0 calc(98px + env(safe-area-inset-bottom)) !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  #add #customerForm .form-grid,
  #add #customerForm .add-pro-grid,
  #add #customerForm .pro-form-grid{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
    background:transparent !important;
  }

  #add .modern-form-section{
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
    margin:8px 0 2px !important;
    padding:0 2px !important;
    color:#e2e8f0 !important;
    -webkit-text-fill-color:#e2e8f0 !important;
  }

  #add .modern-form-section span{
    width:28px !important;
    height:28px !important;
    border-radius:10px !important;
    display:grid !important;
    place-items:center !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-size:11px !important;
    font-weight:1000 !important;
    background:linear-gradient(135deg,#2563eb,#7c3aed) !important;
    box-shadow:0 8px 18px rgba(99,102,241,.22) !important;
  }

  #add .modern-form-section b{
    color:#f8fafc !important;
    -webkit-text-fill-color:#f8fafc !important;
    font-size:15px !important;
    font-weight:1000 !important;
  }

  #add #customerForm label,
  #add #customerForm .field,
  #add .custom-partner-box,
  #add #customServiceBox,
  #add #customPlanBox,
  #add #customWarrantyBox{
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    gap:7px !important;
    margin:0 !important;
    padding:13px 14px !important;
    border-radius:20px !important;
    background:
      linear-gradient(180deg, rgba(15,23,42,.82), rgba(8,13,25,.86)) !important;
    border:1px solid rgba(148,163,184,.14) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
    color:#cbd5e1 !important;
    -webkit-text-fill-color:#cbd5e1 !important;
    font-size:12px !important;
    font-weight:900 !important;
    line-height:1.2 !important;
  }

  #add #customerForm label:focus-within,
  #add #customerForm .field:focus-within{
    border-color:rgba(129,140,248,.56) !important;
    box-shadow:0 0 0 3px rgba(99,102,241,.12), inset 0 1px 0 rgba(255,255,255,.06) !important;
    background:
      radial-gradient(circle at 100% 0%, rgba(99,102,241,.13), transparent 35%),
      linear-gradient(180deg, rgba(15,23,42,.92), rgba(8,13,25,.94)) !important;
  }

  #add #customerForm input,
  #add #customerForm select,
  #add #customerForm textarea{
    width:100% !important;
    min-height:52px !important;
    border-radius:16px !important;
    padding:0 14px !important;
    background:rgba(2,6,23,.58) !important;
    border:1px solid rgba(148,163,184,.16) !important;
    color:#f8fafc !important;
    -webkit-text-fill-color:#f8fafc !important;
    font-size:15px !important;
    font-weight:850 !important;
    outline:none !important;
    box-shadow:none !important;
    pointer-events:auto !important;
  }

  #add #customerForm textarea{
    min-height:104px !important;
    padding:14px !important;
    resize:vertical !important;
  }

  #add #customerForm input::placeholder,
  #add #customerForm textarea::placeholder{
    color:#64748b !important;
    -webkit-text-fill-color:#64748b !important;
  }

  #add .mfield-customer::before,
  #add .mfield-mobile::before,
  #add .mfield-service::before,
  #add .mfield-plan::before,
  #add .mfield-email::before,
  #add .mfield-password::before,
  #add .mfield-profile::before,
  #add .mfield-warranty::before,
  #add .mfield-sell::before,
  #add .mfield-cost::before,
  #add .mfield-purchase::before,
  #add .mfield-expiry::before,
  #add .mfield-notes::before{
    position:absolute !important;
    right:16px !important;
    top:12px !important;
    font-size:16px !important;
    opacity:.92 !important;
    -webkit-text-fill-color:initial !important;
  }

  #add .mfield-customer::before{ content:"👤" !important; }
  #add .mfield-mobile::before{ content:"📱" !important; }
  #add .mfield-service::before{ content:"📦" !important; }
  #add .mfield-plan::before{ content:"🗓️" !important; }
  #add .mfield-email::before{ content:"📧" !important; }
  #add .mfield-password::before{ content:"🔐" !important; }
  #add .mfield-profile::before{ content:"🏷️" !important; }
  #add .mfield-warranty::before{ content:"🛡️" !important; }
  #add .mfield-sell::before{ content:"💰" !important; }
  #add .mfield-cost::before{ content:"💸" !important; }
  #add .mfield-purchase::before{ content:"📅" !important; }
  #add .mfield-expiry::before{ content:"⏳" !important; }
  #add .mfield-notes::before{ content:"📝" !important; }

  #add #customerForm label{
    position:relative !important;
  }

  #add .customer-payment-box,
  #add .payment-box{
    border-radius:24px !important;
    padding:14px !important;
    background:
      radial-gradient(circle at 0% 0%, rgba(34,197,94,.10), transparent 36%),
      linear-gradient(180deg, rgba(15,23,42,.84), rgba(8,13,25,.88)) !important;
    border:1px solid rgba(148,163,184,.14) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
  }

  #add .customer-payment-box h2,
  #add .payment-box h2{
    display:none !important;
  }

  #add .payment-status-options,
  #add .pay-buttons{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }

  #add .payment-status-chip,
  #add .pay-buttons .pay,
  #add .choice-box label{
    min-height:46px !important;
    border-radius:15px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    padding:0 10px !important;
    background:rgba(2,6,23,.50) !important;
    border:1px solid rgba(148,163,184,.16) !important;
    color:#e2e8f0 !important;
    -webkit-text-fill-color:#e2e8f0 !important;
    font-size:12px !important;
    font-weight:950 !important;
  }

  #add .payment-status-chip.active,
  #add .pay-buttons .pay.active{
    background:linear-gradient(135deg,#2563eb,#7c3aed) !important;
    border-color:rgba(167,139,250,.46) !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
  }

  #add .vip-box,
  #add label:has(#vip){
    min-height:62px !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
  }

  #add #vip{
    width:26px !important;
    height:26px !important;
    min-height:26px !important;
    accent-color:#7c3aed !important;
  }

  #add .selected-stock-info{
    width:100% !important;
    border-radius:18px !important;
    padding:12px 14px !important;
    background:rgba(34,197,94,.12) !important;
    border:1px solid rgba(34,197,94,.26) !important;
    color:#bbf7d0 !important;
    -webkit-text-fill-color:#bbf7d0 !important;
    font-size:12px !important;
    font-weight:900 !important;
  }

  #add #customerForm .form-actions,
  #add #customerForm .add-customer-mobile-actions,
  #add #customerForm .modern-add-actions{
    position:sticky !important;
    bottom:calc(72px + env(safe-area-inset-bottom)) !important;
    display:grid !important;
    grid-template-columns:1fr 1.35fr !important;
    gap:10px !important;
    padding:12px !important;
    border-radius:24px !important;
    background:linear-gradient(180deg,rgba(15,23,42,.97),rgba(8,13,25,.99)) !important;
    border:1px solid rgba(129,140,248,.22) !important;
    box-shadow:0 20px 48px rgba(2,6,23,.50), inset 0 1px 0 rgba(255,255,255,.06) !important;
    z-index:1260 !important;
    visibility:visible !important;
    opacity:1 !important;
  }
}


@media(max-width:767px){
  #add .payment-box,
  #add .customer-payment-box{
    padding:14px !important;
    border-radius:24px !important;
    overflow:visible !important;
  }

  #add .payment-status-box,
  #add .customer-status-box{
    width:100% !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  #add .payment-status-box > label,
  #add .payment-grid > div > span,
  #add .choice-box.small-choice > span{
    display:block !important;
    margin:0 0 8px !important;
    padding:0 2px !important;
    color:#f8fafc !important;
    -webkit-text-fill-color:#f8fafc !important;
    font-size:13px !important;
    font-weight:1000 !important;
    line-height:1.2 !important;
  }

  #add #paymentStatusBox.payment-status-options,
  #add #paymentStatusBox.modern-checkcircle-group{
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
    margin:0 0 12px !important;
  }

  #add #paymentStatusBox .payment-status-chip{
    position:relative !important;
    min-width:0 !important;
    min-height:50px !important;
    width:100% !important;
    padding:8px 7px 8px 8px !important;
    border-radius:17px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    background:rgba(2,6,23,.52) !important;
    border:1px solid rgba(148,163,184,.18) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
    color:#dbeafe !important;
    -webkit-text-fill-color:#dbeafe !important;
    font-size:11.5px !important;
    font-weight:1000 !important;
    line-height:1 !important;
    white-space:nowrap !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
  }

  #add #paymentStatusBox .payment-status-chip input{
    position:absolute !important;
    opacity:0 !important;
    pointer-events:none !important;
    width:0 !important;
    height:0 !important;
  }

  #add #paymentStatusBox .payment-status-chip::before{
    content:"" !important;
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    border-radius:50% !important;
    border:2px solid rgba(148,163,184,.42) !important;
    background:rgba(15,23,42,.72) !important;
    box-shadow:inset 0 1px 3px rgba(0,0,0,.22) !important;
  }

  #add #paymentStatusBox .payment-status-chip::after{
    content:"✓" !important;
    position:absolute !important;
    left:calc(50% - 30px) !important;
    top:50% !important;
    transform:translateY(-50%) scale(.65) !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-size:11px !important;
    font-weight:1000 !important;
    opacity:0 !important;
    pointer-events:none !important;
  }

  #add #paymentStatusBox .payment-status-chip.active,
  #add #paymentStatusBox .payment-status-chip.check-active{
    background:linear-gradient(135deg,rgba(37,99,235,.95),rgba(124,58,237,.92)) !important;
    border-color:rgba(167,139,250,.52) !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    box-shadow:0 10px 22px rgba(99,102,241,.20), inset 0 1px 0 rgba(255,255,255,.12) !important;
  }

  #add #paymentStatusBox .payment-status-chip.active::before,
  #add #paymentStatusBox .payment-status-chip.check-active::before{
    background:linear-gradient(135deg,#22c55e,#16a34a) !important;
    border-color:rgba(187,247,208,.92) !important;
  }

  #add #paymentStatusBox .payment-status-chip.active::after,
  #add #paymentStatusBox .payment-status-chip.check-active::after{
    opacity:1 !important;
    transform:translateY(-50%) scale(1) !important;
  }

  #add .payment-grid,
  #add .add-pro-payment-grid,
  #add .customer-payment-grid{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
  }

  #add .payment-grid > div,
  #add .add-pro-payment-grid > div,
  #add .customer-payment-grid > div{
    width:100% !important;
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
    border:0 !important;
  }

  #add .pay-buttons.method-checkcircle-group,
  #add .pay-buttons{
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }

  #add .pay-buttons .pay{
    position:relative !important;
    min-height:52px !important;
    width:100% !important;
    border-radius:17px !important;
    padding:8px 10px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    background:rgba(2,6,23,.52) !important;
    border:1px solid rgba(148,163,184,.18) !important;
    color:#e2e8f0 !important;
    -webkit-text-fill-color:#e2e8f0 !important;
    font-size:13px !important;
    font-weight:1000 !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
  }

  #add .pay-buttons .pay::before{
    content:"" !important;
    width:19px !important;
    height:19px !important;
    min-width:19px !important;
    border-radius:50% !important;
    border:2px solid rgba(148,163,184,.42) !important;
    background:rgba(15,23,42,.72) !important;
    box-shadow:inset 0 1px 3px rgba(0,0,0,.22) !important;
  }

  #add .pay-buttons .pay::after{
    content:"✓" !important;
    position:absolute !important;
    left:calc(50% - 38px) !important;
    top:50% !important;
    transform:translateY(-50%) scale(.65) !important;
    opacity:0 !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-size:11px !important;
    font-weight:1000 !important;
  }

  #add .pay-buttons .pay.active,
  #add .pay-buttons .pay.check-active{
    background:linear-gradient(135deg,rgba(14,165,233,.96),rgba(124,58,237,.92)) !important;
    border-color:rgba(125,211,252,.45) !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    box-shadow:0 10px 22px rgba(14,165,233,.18), inset 0 1px 0 rgba(255,255,255,.12) !important;
  }

  #add .pay-buttons .pay.active::before,
  #add .pay-buttons .pay.check-active::before{
    background:linear-gradient(135deg,#22c55e,#16a34a) !important;
    border-color:rgba(187,247,208,.92) !important;
  }

  #add .pay-buttons .pay.active::after,
  #add .pay-buttons .pay.check-active::after{
    opacity:1 !important;
    transform:translateY(-50%) scale(1) !important;
  }

  #add #paymentAccountBox.hidden{
    display:none !important;
  }

  #add #paymentAccountBox:not(.hidden){
    display:flex !important;
    width:100% !important;
    margin-top:0 !important;
    padding:12px 13px !important;
    border-radius:18px !important;
    background:rgba(2,6,23,.42) !important;
    border:1px solid rgba(125,211,252,.20) !important;
  }

  #add #paymentAccount{
    min-height:50px !important;
    border-radius:15px !important;
  }

  #add .choice-box.small-choice.currency-checkcircle-group,
  #add .choice-box.small-choice{
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  #add .choice-box.small-choice > span{
    grid-column:1 / -1 !important;
  }

  #add .choice-box.small-choice label{
    position:relative !important;
    min-height:52px !important;
    width:100% !important;
    margin:0 !important;
    padding:8px 10px !important;
    border-radius:17px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    background:rgba(2,6,23,.52) !important;
    border:1px solid rgba(148,163,184,.18) !important;
    color:#e2e8f0 !important;
    -webkit-text-fill-color:#e2e8f0 !important;
    font-size:13px !important;
    font-weight:1000 !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
  }

  #add .choice-box.small-choice label input{
    position:absolute !important;
    opacity:0 !important;
    pointer-events:none !important;
    width:0 !important;
    height:0 !important;
  }

  #add .choice-box.small-choice label::before{
    content:"" !important;
    width:19px !important;
    height:19px !important;
    min-width:19px !important;
    border-radius:50% !important;
    border:2px solid rgba(148,163,184,.42) !important;
    background:rgba(15,23,42,.72) !important;
    box-shadow:inset 0 1px 3px rgba(0,0,0,.22) !important;
  }

  #add .choice-box.small-choice label::after{
    content:"✓" !important;
    position:absolute !important;
    left:calc(50% - 30px) !important;
    top:50% !important;
    transform:translateY(-50%) scale(.65) !important;
    opacity:0 !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-size:11px !important;
    font-weight:1000 !important;
  }

  #add .choice-box.small-choice label.active,
  #add .choice-box.small-choice label.check-active{
    background:linear-gradient(135deg,rgba(34,197,94,.92),rgba(14,165,233,.90)) !important;
    border-color:rgba(134,239,172,.44) !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    box-shadow:0 10px 22px rgba(34,197,94,.18), inset 0 1px 0 rgba(255,255,255,.12) !important;
  }

  #add .choice-box.small-choice label.active::before,
  #add .choice-box.small-choice label.check-active::before{
    background:linear-gradient(135deg,#22c55e,#16a34a) !important;
    border-color:rgba(187,247,208,.92) !important;
  }

  #add .choice-box.small-choice label.active::after,
  #add .choice-box.small-choice label.check-active::after{
    opacity:1 !important;
    transform:translateY(-50%) scale(1) !important;
  }

  #add .choice-box.small-choice label b{
    display:none !important;
  }
}


#add .selected-stock-info.ok{
  background:rgba(34,197,94,.13) !important;
  border-color:rgba(34,197,94,.30) !important;
  color:#bbf7d0 !important;
  -webkit-text-fill-color:#bbf7d0 !important;
}


@media(max-width:767px){
  body.customer-add-mode #add #customerForm .order-edit-only,
  #add.customer-add-mode #customerForm .order-edit-only{
    display:none !important;
  }

  body.customer-edit-mode #add #customerForm .order-edit-only,
  #add.customer-edit-mode #customerForm .order-edit-only{
    display:flex !important;
  }

  #add #customServiceBox.hidden,
  #add #customPlanBox.hidden,
  #add #customWarrantyBox.hidden,
  #add #customPartnerBox.hidden,
  #add #paymentAccountBox.hidden{
    display:none !important;
  }

  #add #customServiceBox:not(.hidden),
  #add #customPlanBox:not(.hidden),
  #add #customWarrantyBox:not(.hidden),
  #add #customPartnerBox:not(.hidden),
  #add #paymentAccountBox:not(.hidden){
    display:flex !important;
  }

  body.customer-add-mode #add .modern-add-mobile-hero b,
  #add.customer-add-mode .modern-add-mobile-hero b{
    font-size:23px !important;
  }

  body.customer-add-mode #add #customerForm label,
  body.customer-add-mode #add #customerForm .field,
  #add.customer-add-mode #customerForm label,
  #add.customer-add-mode #customerForm .field{
    padding:11px 12px !important;
    border-radius:18px !important;
    gap:6px !important;
  }

  body.customer-add-mode #add #customerForm input,
  body.customer-add-mode #add #customerForm select,
  body.customer-add-mode #add #customerForm textarea,
  #add.customer-add-mode #customerForm input,
  #add.customer-add-mode #customerForm select,
  #add.customer-add-mode #customerForm textarea{
    min-height:48px !important;
    border-radius:14px !important;
    font-size:14px !important;
  }

  #add .inline-input,
  #add .clean-inline-input,
  #add .add-pro-inline{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto auto !important;
    gap:7px !important;
    align-items:center !important;
  }

  #add .inline-input input{
    min-width:0 !important;
  }

  #add .inline-input button{
    min-height:48px !important;
    min-width:58px !important;
    padding:0 10px !important;
    border-radius:14px !important;
    font-size:12px !important;
    font-weight:1000 !important;
    white-space:nowrap !important;
  }

  #add #getStockBtn{
    min-width:86px !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    background:linear-gradient(135deg,#16a34a,#22c55e) !important;
    border:1px solid rgba(134,239,172,.42) !important;
  }

  body.customer-edit-mode #add .modern-add-mobile-hero,
  #add.customer-edit-mode .modern-add-mobile-hero{
    background:
      radial-gradient(circle at 92% 0%, rgba(245,158,11,.26), transparent 40%),
      linear-gradient(135deg, rgba(15,23,42,.96), rgba(17,24,39,.96)) !important;
    border-color:rgba(245,158,11,.26) !important;
  }

  body.customer-edit-mode #add .modern-add-glow,
  #add.customer-edit-mode .modern-add-glow{
    background:linear-gradient(135deg,#f59e0b,#ef4444) !important;
  }

  body.customer-edit-mode #add .modern-add-mobile-hero span,
  #add.customer-edit-mode .modern-add-mobile-hero span{
    color:#fcd34d !important;
    -webkit-text-fill-color:#fcd34d !important;
  }

  #add .modern-section-customer b::after{
    content:" / Basic Info" !important;
    color:#94a3b8 !important;
    -webkit-text-fill-color:#94a3b8 !important;
    font-size:11px !important;
    margin-left:6px !important;
  }

  #add .modern-section-account b::after{
    content:" / Email & Password" !important;
    color:#94a3b8 !important;
    -webkit-text-fill-color:#94a3b8 !important;
    font-size:11px !important;
    margin-left:6px !important;
  }

  #add .modern-section-payment b::after{
    content:" / Payment Information" !important;
    color:#94a3b8 !important;
    -webkit-text-fill-color:#94a3b8 !important;
    font-size:11px !important;
    margin-left:6px !important;
  }

  #add #paymentStatusBox.payment-status-options{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:7px !important;
  }

  #add #paymentStatusBox .payment-status-chip{
    min-height:46px !important;
    border-radius:15px !important;
    font-size:11px !important;
    padding:7px 5px !important;
  }

  #add .pay-buttons{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:7px !important;
  }

  #add .pay-buttons .pay,
  #add .choice-box.small-choice label{
    min-height:48px !important;
    border-radius:15px !important;
    font-size:12px !important;
  }

  #add .choice-box.small-choice{
    grid-template-columns:1fr 1fr !important;
    gap:7px !important;
  }

  #add .vip-box,
  #add label:has(#vip){
    padding:12px 14px !important;
    min-height:58px !important;
  }

  #add #vip{
    width:24px !important;
    height:24px !important;
    min-height:24px !important;
  }
}


@media(max-width:767px){
  #saveCustomerBtn,
  #clearCustomerBtn,
  #add #customerForm [data-save-customer="true"],
  #add #customerForm [data-clear-customer="true"]{
    pointer-events:auto !important;
    touch-action:manipulation !important;
    visibility:visible !important;
    opacity:1 !important;
    position:relative !important;
    z-index:1400 !important;
  }

  #saveCustomerBtn.is-saving{
    opacity:.78 !important;
    filter:saturate(.8) !important;
  }

  #add .vip-modern-row,
  #add .vip-box,
  #add label:has(#vip){
    cursor:pointer !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
    user-select:none !important;
    -webkit-user-select:none !important;
    position:relative !important;
    z-index:10 !important;
    min-height:58px !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    padding:12px 14px !important;
    border-radius:18px !important;
    background:linear-gradient(180deg,rgba(15,23,42,.82),rgba(8,13,25,.86)) !important;
    border:1px solid rgba(148,163,184,.16) !important;
  }

  #add .vip-modern-row::after,
  #add .vip-box::after,
  #add label:has(#vip)::after{
    content:"✓" !important;
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    border-radius:50% !important;
    display:grid !important;
    place-items:center !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-size:15px !important;
    font-weight:1000 !important;
    opacity:0 !important;
    transform:scale(.72) !important;
    background:linear-gradient(135deg,#22c55e,#16a34a) !important;
    border:2px solid rgba(187,247,208,.90) !important;
    box-shadow:0 8px 18px rgba(34,197,94,.22) !important;
    transition:opacity .12s ease, transform .12s ease !important;
  }

  #add .vip-modern-row.vip-selected,
  #add .vip-modern-row.active,
  #add .vip-box.active,
  #add label:has(#vip:checked){
    background:linear-gradient(135deg,rgba(37,99,235,.88),rgba(124,58,237,.82)) !important;
    border-color:rgba(167,139,250,.48) !important;
    box-shadow:0 10px 24px rgba(99,102,241,.18), inset 0 1px 0 rgba(255,255,255,.12) !important;
  }

  #add .vip-modern-row.vip-selected::after,
  #add .vip-modern-row.active::after,
  #add .vip-box.active::after,
  #add label:has(#vip:checked)::after{
    opacity:1 !important;
    transform:scale(1) !important;
  }

  #add #vip{
    display:block !important;
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    min-height:28px !important;
    opacity:.01 !important;
    position:absolute !important;
    right:14px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    pointer-events:auto !important;
    z-index:20 !important;
    accent-color:#22c55e !important;
  }

  #add .vip-modern-row span,
  #add .vip-box span,
  #add label:has(#vip) span{
    pointer-events:none !important;
  }
}


#orders .orders-filter-panel{
  display:grid !important;
  grid-template-columns:repeat(6,minmax(120px,1fr)) !important;
  gap:10px !important;
  margin:12px 0 !important;
}

#orders .orders-filter-panel input,
#orders .orders-filter-panel select,
#orders .custom-pay-filter-btn{
  min-height:44px !important;
  border-radius:14px !important;
}

#orders .custom-pay-filter{
  position:relative !important;
}

#orders .custom-pay-filter-btn{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  padding:0 12px !important;
}

#orders .custom-pay-filter-menu{
  position:absolute !important;
  top:calc(100% + 8px) !important;
  left:0 !important;
  right:0 !important;
  z-index:5000 !important;
  border-radius:14px !important;
  overflow:hidden !important;
}

#orders .custom-pay-filter-menu.hidden{
  display:none !important;
}

#orders .custom-pay-filter-menu button{
  width:100% !important;
  min-height:40px !important;
  text-align:left !important;
  padding:0 12px !important;
}

@media(max-width:767px){
  #orders .orders-filter-panel{
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    padding:10px !important;
    border-radius:20px !important;
    background:rgba(15,23,42,.72) !important;
    border:1px solid rgba(148,163,184,.16) !important;
  }

  #orders .orders-filter-panel input,
  #orders .orders-filter-panel select,
  #orders .custom-pay-filter-btn{
    min-height:46px !important;
    font-size:12px !important;
    font-weight:850 !important;
  }

  #orders #searchInput{
    grid-column:1 / -1 !important;
  }

  #add #customerForm .ks74-actionbar,
  #add #customerForm .form-actions,
  #add #customerForm .add-customer-mobile-actions,
  #add #customerForm .modern-add-actions{
    position:fixed !important;
    left:12px !important;
    right:12px !important;
    bottom:calc(78px + env(safe-area-inset-bottom)) !important;
    z-index:99999 !important;
    display:grid !important;
    grid-template-columns:1fr 1.35fr !important;
    gap:10px !important;
    padding:12px !important;
    margin:0 !important;
    border-radius:24px !important;
    background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(8,13,25,.99)) !important;
    border:1px solid rgba(129,140,248,.28) !important;
    box-shadow:0 18px 50px rgba(2,6,23,.55), inset 0 1px 0 rgba(255,255,255,.07) !important;
    pointer-events:auto !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  #saveCustomerBtn,
  #clearCustomerBtn,
  #add [data-save-customer="true"],
  #add [data-clear-customer="true"]{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:54px !important;
    width:100% !important;
    border-radius:18px !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
    visibility:visible !important;
    opacity:1 !important;
    position:relative !important;
    z-index:100000 !important;
    user-select:none !important;
    -webkit-user-select:none !important;
  }

  #saveCustomerBtn{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    background:linear-gradient(135deg,#2563eb,#7c3aed) !important;
    border:1px solid rgba(167,139,250,.50) !important;
    box-shadow:0 12px 28px rgba(99,102,241,.28), inset 0 1px 0 rgba(255,255,255,.14) !important;
  }

  #saveCustomerBtn.is-saving{
    opacity:.78 !important;
  }

  #add #vipToggleRow,
  #add .vip-toggle-row,
  #add .vip-box{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    min-height:60px !important;
    padding:12px 14px !important;
    border-radius:18px !important;
    background:linear-gradient(180deg,rgba(15,23,42,.84),rgba(8,13,25,.88)) !important;
    border:1px solid rgba(148,163,184,.18) !important;
    cursor:pointer !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
    user-select:none !important;
    -webkit-user-select:none !important;
    position:relative !important;
    z-index:20 !important;
  }

  #add #vip{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    opacity:0 !important;
    pointer-events:none !important;
  }

  #vipToggleBtn{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:70px !important;
    min-height:38px !important;
    border-radius:999px !important;
    border:1px solid rgba(148,163,184,.28) !important;
    background:rgba(2,6,23,.48) !important;
    color:#cbd5e1 !important;
    -webkit-text-fill-color:#cbd5e1 !important;
    font-size:13px !important;
    font-weight:1000 !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
    position:relative !important;
    z-index:25 !important;
  }

  #vipToggleBtn.active,
  #add #vipToggleRow.vip-selected,
  #add .vip-toggle-row.vip-selected,
  #add .vip-toggle-row.active,
  #add .vip-box.active{
    background:linear-gradient(135deg,rgba(37,99,235,.88),rgba(124,58,237,.84)) !important;
    border-color:rgba(167,139,250,.50) !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    box-shadow:0 10px 24px rgba(99,102,241,.20), inset 0 1px 0 rgba(255,255,255,.12) !important;
  }

  #vipToggleBtn.active{
    background:linear-gradient(135deg,#22c55e,#16a34a) !important;
    border-color:rgba(187,247,208,.80) !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
  }

  #add .vip-toggle-row span,
  #add .vip-box span{
    pointer-events:none !important;
  }

  #add.active-page{
    padding-bottom:calc(150px + env(safe-area-inset-bottom)) !important;
  }

  #add #customerForm{
    padding-bottom:calc(138px + env(safe-area-inset-bottom)) !important;
  }
}


#add .modern-section-payment,
#add .ks75-hide-extra-payment-marker{
  display:none !important;
}

#add .ks75-hide-duplicate-vip-text,
#add .vip-box [data-i18n="vipCustomerShort"],
#add .vip-toggle-row [data-i18n="vipCustomerShort"],
#add label:has(#vip) [data-i18n="vipCustomerShort"]{
  display:none !important;
}

#add .vip-box > span:last-child,
#add .vip-toggle-row > span:last-child,
#add label:has(#vip) > span:last-child{
  min-height:0 !important;
  margin:0 !important;
}

#vipToggleBtn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}


@media(max-width:767px){
  #add .ks76-notes-box,
  #add label:has(#notes),
  #add .mfield-notes{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    width:100% !important;
    min-height:auto !important;
    padding:12px 14px !important;
    border-radius:20px !important;
    overflow:visible !important;
  }

  #add .ks76-notes-box::before,
  #add .mfield-notes::before,
  #add label:has(#notes)::before{
    top:13px !important;
    right:16px !important;
    opacity:.75 !important;
  }

  #add #notes,
  #add .ks76-notes-textarea{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    min-height:118px !important;
    height:118px !important;
    max-height:180px !important;
    padding:14px 15px !important;
    border-radius:16px !important;
    line-height:1.55 !important;
    font-size:14px !important;
    font-weight:800 !important;
    background:rgba(2,6,23,.56) !important;
    border:1px solid rgba(148,163,184,.18) !important;
    color:#f8fafc !important;
    -webkit-text-fill-color:#f8fafc !important;
    outline:none !important;
    resize:none !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    white-space:pre-wrap !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
    text-overflow:clip !important;
  }

  #add #notes:focus{
    border-color:rgba(129,140,248,.55) !important;
    box-shadow:0 0 0 3px rgba(99,102,241,.13) !important;
  }

  #add #notes::placeholder{
    color:#7c879d !important;
    -webkit-text-fill-color:#7c879d !important;
    font-weight:750 !important;
  }
}


#ordersBody tr.is-warning > td{
  background:
    linear-gradient(90deg, rgba(251,146,60,.22), rgba(124,45,18,.12)) !important;
  border-top:1px solid rgba(251,146,60,.34) !important;
  border-bottom:1px solid rgba(251,146,60,.18) !important;
}

#ordersBody tr.is-expired > td{
  background:
    linear-gradient(90deg, rgba(239,68,68,.26), rgba(127,29,29,.14)) !important;
  border-top:1px solid rgba(248,113,113,.38) !important;
  border-bottom:1px solid rgba(248,113,113,.20) !important;
}

#ordersBody tr.is-latest > td{
  background:
    linear-gradient(90deg, rgba(250,204,21,.30), rgba(113,63,18,.16)) !important;
  border-top:1px solid rgba(250,204,21,.45) !important;
  border-bottom:1px solid rgba(250,204,21,.24) !important;
}

#ordersBody tr.is-warning td,
#ordersBody tr.is-expired td,
#ordersBody tr.is-latest td{
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
}

#ordersBody tr.is-warning td:first-child,
#ordersBody tr.is-expired td:first-child,
#ordersBody tr.is-latest td:first-child{
  border-left:5px solid transparent !important;
}

#ordersBody tr.is-warning td:first-child{ border-left-color:#fb923c !important; }
#ordersBody tr.is-expired td:first-child{ border-left-color:#ef4444 !important; }
#ordersBody tr.is-latest td:first-child{ border-left-color:#facc15 !important; }

@media(max-width:767px){
  #ordersBody tr.ks-order-standard-row.is-warning,
  #ordersBody tr.ks-order-standard-row.is-expired,
  #ordersBody tr.ks-order-standard-row.is-latest,
  #ordersBody tr.ks-order-standard-row.is-warning > td,
  #ordersBody tr.ks-order-standard-row.is-expired > td,
  #ordersBody tr.ks-order-standard-row.is-latest > td{
    background:transparent !important;
    border:0 !important;
  }

  #ordersBody .ks-order-standard-card.is-warning,
  #ordersBody .ks-order-clean-card.is-warning{
    background:
      radial-gradient(circle at 8% 0%, rgba(251,146,60,.34), transparent 42%),
      linear-gradient(180deg, rgba(91,46,12,.98), rgba(67,32,9,.98)) !important;
    border-color:rgba(251,146,60,.52) !important;
    box-shadow:0 16px 36px rgba(124,45,18,.30), inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  #ordersBody .ks-order-standard-card.is-expired,
  #ordersBody .ks-order-clean-card.is-expired{
    background:
      radial-gradient(circle at 8% 0%, rgba(248,113,113,.34), transparent 42%),
      linear-gradient(180deg, rgba(92,17,26,.98), rgba(62,12,22,.98)) !important;
    border-color:rgba(248,113,113,.54) !important;
    box-shadow:0 16px 36px rgba(127,29,29,.32), inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  #ordersBody .ks-order-standard-card.is-latest,
  #ordersBody .ks-order-clean-card.is-latest{
    background:
      radial-gradient(circle at 8% 0%, rgba(250,204,21,.42), transparent 44%),
      linear-gradient(180deg, rgba(98,75,10,.98), rgba(68,50,7,.98)) !important;
    border-color:rgba(250,204,21,.68) !important;
    box-shadow:0 18px 40px rgba(113,63,18,.34), 0 0 0 1px rgba(250,204,21,.16) inset !important;
  }
}


#ordersBody tr.is-latest > td,
#ordersBody .ks-order-standard-card.is-latest,
#ordersBody .ks-order-clean-card.is-latest{
}


#ordersBody tr.is-latest > td,
#ordersBody .ks-order-standard-card.is-latest,
#ordersBody .ks-order-clean-card.is-latest{
}


#add .modern-add-mobile-hero{
  display:none !important;
}

#ordersBody tr.is-latest > td,
#ordersBody .ks-order-standard-card.is-latest,
#ordersBody .ks-order-clean-card.is-latest{
}


@media (max-width: 767px){

  .sidebar{
    width:min(92vw, 360px) !important;
    max-width:360px !important;
    padding:14px 12px calc(92px + env(safe-area-inset-bottom)) !important;
    gap:12px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
  }

  .sidebar .brand{
    display:none !important;
  }

  .sidebar .menu-groups,
  .sidebar nav{
    display:grid !important;
    gap:10px !important;
    width:100% !important;
  }

  .sidebar .nav-group{
    display:grid !important;
    gap:6px !important;
    width:100% !important;
  }

  .sidebar .nav-group-title{
    margin:8px 8px 2px !important;
    font-size:10px !important;
    line-height:1.1 !important;
    letter-spacing:.16em !important;
    font-weight:1000 !important;
    color:#9ca3ff !important;
    -webkit-text-fill-color:#9ca3ff !important;
    text-transform:uppercase !important;
  }

  .sidebar .nav-btn{
    width:100% !important;
    min-height:54px !important;
    height:auto !important;
    padding:8px 10px !important;
    border-radius:17px !important;
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) 22px !important;
    align-items:center !important;
    gap:8px !important;
    text-align:left !important;
    overflow:visible !important;
    white-space:normal !important;
    color:#f8fafc !important;
    -webkit-text-fill-color:#f8fafc !important;
    font-size:0 !important; 
  }

  .sidebar .nav-btn::before{
    content:none !important;
    display:none !important;
  }

  .sidebar .nav-btn::after{
    content:"›" !important;
    display:flex !important;
    width:22px !important;
    height:22px !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:10px !important;
    background:rgba(148,163,184,.14) !important;
    color:#e0e7ff !important;
    -webkit-text-fill-color:#e0e7ff !important;
    font-size:21px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    margin:0 !important;
  }

  .sidebar .nav-main{
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:34px minmax(0, 1fr) !important;
    align-items:center !important;
    gap:10px !important;
  }

  .sidebar .nav-icon{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:12px !important;
    background:rgba(255,255,255,.09) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    font-size:16px !important;
    line-height:1 !important;
    margin:0 !important;
  }

  .sidebar .nav-main > span:last-child,
  .sidebar .nav-btn [data-i18n]{
    display:block !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow:visible !important;
    white-space:normal !important;
    text-overflow:clip !important;
    color:#f8fafc !important;
    -webkit-text-fill-color:#f8fafc !important;
    font-size:13.5px !important;
    line-height:1.22 !important;
    font-weight:900 !important;
    letter-spacing:0 !important;
  }

  .sidebar .count{
    position:absolute !important;
    right:44px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    min-width:20px !important;
    height:20px !important;
    padding:0 6px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:10px !important;
    line-height:1 !important;
    z-index:3 !important;
  }

  .mobile-menu-head{
    margin:0 0 8px !important;
    padding:0 4px !important;
  }

  .mobile-menu-title{
    font-size:18px !important;
    line-height:1.2 !important;
    font-weight:1000 !important;
  }

  #mobileMenuClose.mobile-menu-close{
    width:38px !important;
    height:38px !important;
    font-size:24px !important;
  }


  #mobileTaskbar{
    display:none !important;
  }

  #mobileV49Nav.mobile-v49-nav{
    display:grid !important;
    grid-template-columns:repeat(4, minmax(0,1fr)) !important;
    gap:7px !important;
    left:10px !important;
    right:10px !important;
    bottom:calc(8px + env(safe-area-inset-bottom)) !important;
    padding:8px !important;
    min-height:70px !important;
    border-radius:22px !important;
    z-index:10040 !important;
    overflow:visible !important;
  }

  #mobileV49Nav .mobile-v49-nav-btn{
    min-width:0 !important;
    min-height:54px !important;
    height:54px !important;
    padding:5px 2px !important;
    border-radius:17px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:3px !important;
    overflow:visible !important;
    text-align:center !important;
  }

  #mobileV49Nav .mobile-v49-nav-btn span{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:24px !important;
    height:24px !important;
    min-width:24px !important;
    border-radius:10px !important;
    font-size:15px !important;
    line-height:1 !important;
    margin:0 !important;
  }

  #mobileV49Nav .mobile-v49-nav-btn b{
    display:block !important;
    max-width:100% !important;
    overflow:visible !important;
    white-space:normal !important;
    text-overflow:clip !important;
    color:#f8fafc !important;
    -webkit-text-fill-color:#f8fafc !important;
    font-size:10.5px !important;
    line-height:1.08 !important;
    font-weight:900 !important;
    letter-spacing:0 !important;
    margin:0 !important;
  }

  .main{
    padding-bottom:calc(94px + env(safe-area-inset-bottom)) !important;
  }


  #dashboard .partner-finance-panel{
    padding:14px !important;
    overflow:visible !important;
  }

  #dashboard .finance-summary-grid{
    grid-template-columns:1fr 1fr !important;
    gap:9px !important;
  }

  #dashboard .finance-card{
    padding:12px !important;
    min-height:80px !important;
    overflow:visible !important;
  }

  #dashboard .finance-card span{
    font-size:10.5px !important;
    line-height:1.15 !important;
    margin-bottom:6px !important;
    white-space:normal !important;
  }

  #dashboard .finance-card strong{
    font-size:15px !important;
    line-height:1.2 !important;
    white-space:normal !important;
    word-break:break-word !important;
  }

  #dashboard .partner-invest-form{
    grid-template-columns:1fr !important;
    gap:10px !important;
    padding:12px !important;
  }

  #dashboard .partner-invest-form label{
    font-size:12px !important;
    line-height:1.2 !important;
  }

  #dashboard .partner-invest-form input,
  #dashboard .partner-invest-form button{
    min-height:42px !important;
    font-size:12px !important;
  }

  #dashboard .partner-finance-table{
    overflow:visible !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  #dashboard .partner-finance-table table,
  #dashboard .partner-finance-table thead,
  #dashboard .partner-finance-table tbody,
  #dashboard .partner-finance-table tr,
  #dashboard .partner-finance-table td{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  #dashboard .partner-finance-table table{
    min-width:0 !important;
    border:0 !important;
    background:transparent !important;
  }

  #dashboard .partner-finance-table thead{
    display:none !important;
  }

  #dashboard .partner-finance-table tbody{
    display:grid !important;
    gap:12px !important;
  }

  #dashboard .partner-finance-table tbody tr{
    padding:12px !important;
    border-radius:20px !important;
    background:linear-gradient(180deg,rgba(15,23,42,.78),rgba(8,13,25,.82)) !important;
    border:1px solid rgba(148,163,184,.16) !important;
    box-shadow:0 12px 24px rgba(2,6,23,.16) !important;
    overflow:visible !important;
  }

  #dashboard .partner-finance-table tbody td{
    min-height:32px !important;
    padding:7px 0 !important;
    display:grid !important;
    grid-template-columns:104px minmax(0,1fr) !important;
    gap:10px !important;
    align-items:center !important;
    border:0 !important;
    border-bottom:1px solid rgba(148,163,184,.09) !important;
    background:transparent !important;
    color:#f8fafc !important;
    -webkit-text-fill-color:#f8fafc !important;
    font-size:12px !important;
    line-height:1.2 !important;
    font-weight:850 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    word-break:normal !important;
    overflow-wrap:anywhere !important;
  }

  #dashboard .partner-finance-table tbody td:last-child{
    border-bottom:0 !important;
  }

  #dashboard .partner-finance-table tbody td::before{
    display:block !important;
    color:#a5b4fc !important;
    -webkit-text-fill-color:#a5b4fc !important;
    font-size:10.5px !important;
    line-height:1.1 !important;
    font-weight:1000 !important;
    letter-spacing:.06em !important;
    text-transform:uppercase !important;
    white-space:normal !important;
  }

  #dashboard .partner-finance-table tbody td:nth-child(1)::before{content:"Partner";}
  #dashboard .partner-finance-table tbody td:nth-child(2)::before{content:"Capital";}
  #dashboard .partner-finance-table tbody td:nth-child(3)::before{content:"Orders";}
  #dashboard .partner-finance-table tbody td:nth-child(4)::before{content:"Cost";}
  #dashboard .partner-finance-table tbody td:nth-child(5)::before{content:"Sales";}
  #dashboard .partner-finance-table tbody td:nth-child(6)::before{content:"Profit";}
  #dashboard .partner-finance-table tbody td:nth-child(7)::before{content:"Balance";}
  #dashboard .partner-finance-table tbody td:nth-child(8)::before{content:"Action";}

  #dashboard .partner-finance-table tbody td button,
  #dashboard .partner-finance-table tbody td .btn{
    width:100% !important;
    min-height:38px !important;
    padding:8px 10px !important;
    border-radius:13px !important;
    font-size:12px !important;
    line-height:1.15 !important;
    font-weight:950 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    word-break:normal !important;
  }

  #dashboard .partner-finance-table tbody td button.danger,
  #dashboard .partner-finance-table tbody td .danger{
    min-width:0 !important;
  }


  #orders .filters input,
  #orders .filters select,
  #orders .orders-filter-panel input,
  #orders .orders-filter-panel select,
  #orders .custom-pay-filter-btn,
  #orders .sort-control select{
    min-height:44px !important;
    font-size:12px !important;
    line-height:1.2 !important;
    font-weight:850 !important;
    padding:8px 10px !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }

  #orders .sort-control{
    font-size:11px !important;
    line-height:1.2 !important;
    font-weight:900 !important;
  }

  #orders .custom-pay-filter-menu button{
    min-height:40px !important;
    font-size:12px !important;
    line-height:1.2 !important;
    white-space:normal !important;
  }

  #orders .row-action-btn,
  #orders .ks-order-standard-actions button,
  #stock .row-action-btn,
  #stock .stock-actions button,
  #trash .row-action-btn,
  #adminExpenses .row-action-btn,
  #adminExpenses button.danger,
  #users .row-action-btn{
    min-height:36px !important;
    padding:7px 9px !important;
    border-radius:12px !important;
    font-size:11.5px !important;
    line-height:1.15 !important;
    font-weight:900 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }

  #orders .ks-order-standard-name,
  #orders .ks-order-standard-line,
  #orders .order-service-name,
  #stock .stock-card *,
  #stock .stock-premium-card *,
  #settings label,
  #settings span,
  #adminExpenses label,
  #adminExpenses span{
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    overflow-wrap:anywhere !important;
  }

  #orders .ks-order-standard-name{
    font-size:15px !important;
    line-height:1.22 !important;
  }

  #orders .ks-order-standard-line{
    font-size:12px !important;
    line-height:1.28 !important;
  }
}


@media (max-width: 767px){

  #partnerStats{
    width:100% !important;
    overflow:visible !important;
  }

  #partnerStats .partner-analytics-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  #partnerStats .partner-analytics-card{
    width:100% !important;
    box-sizing:border-box !important;
    padding:14px !important;
    border-radius:20px !important;
    background:
      radial-gradient(circle at 0% 0%, rgba(99,102,241,.16), transparent 42%),
      linear-gradient(180deg, rgba(15,23,42,.88), rgba(8,13,25,.92)) !important;
    border:1px solid rgba(148,163,184,.18) !important;
    box-shadow:0 14px 28px rgba(2,6,23,.18), inset 0 1px 0 rgba(255,255,255,.04) !important;
    overflow:visible !important;
  }

  #partnerStats .partner-analytics-head{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:8px !important;
    margin:0 0 8px !important;
  }

  #partnerStats .partner-analytics-head b{
    min-width:0 !important;
    color:#f8fafc !important;
    -webkit-text-fill-color:#f8fafc !important;
    font-size:15px !important;
    line-height:1.18 !important;
    font-weight:1000 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }

  #partnerStats .partner-analytics-head span{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:26px !important;
    padding:5px 8px !important;
    border-radius:999px !important;
    background:rgba(37,99,235,.16) !important;
    border:1px solid rgba(96,165,250,.20) !important;
    color:#bfdbfe !important;
    -webkit-text-fill-color:#bfdbfe !important;
    font-size:11px !important;
    line-height:1 !important;
    font-weight:950 !important;
    white-space:nowrap !important;
  }

  #partnerStats .partner-analytics-card strong{
    display:block !important;
    margin:6px 0 10px !important;
    color:#fde68a !important;
    -webkit-text-fill-color:#fde68a !important;
    font-size:21px !important;
    line-height:1.12 !important;
    font-weight:1000 !important;
    letter-spacing:-.02em !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }

  #partnerStats .partner-analytics-meta{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:7px !important;
    margin:0 0 10px !important;
  }

  #partnerStats .partner-analytics-meta span{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:6px !important;
    min-width:0 !important;
    min-height:35px !important;
    padding:7px 9px !important;
    border-radius:12px !important;
    background:rgba(148,163,184,.08) !important;
    border:1px solid rgba(148,163,184,.12) !important;
    color:#cbd5e1 !important;
    -webkit-text-fill-color:#cbd5e1 !important;
    font-size:11.3px !important;
    line-height:1.1 !important;
    font-weight:850 !important;
    white-space:normal !important;
    overflow:hidden !important;
  }

  #partnerStats .partner-analytics-meta span b{
    font-size:11.5px !important;
    line-height:1.1 !important;
    font-weight:1000 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    text-align:right !important;
  }

  #partnerStats .partner-dash-filter{
    width:100% !important;
    min-height:39px !important;
    border-radius:14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:8px 10px !important;
    font-size:12px !important;
    line-height:1.1 !important;
    font-weight:1000 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  #partnerStats .partner-analytics-footer{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:7px !important;
    margin-top:12px !important;
  }

  #partnerStats .partner-analytics-footer span{
    min-height:34px !important;
    border-radius:12px !important;
    padding:8px 10px !important;
    font-size:11.5px !important;
    line-height:1.15 !important;
    background:rgba(148,163,184,.08) !important;
    border:1px solid rgba(148,163,184,.12) !important;
  }


  #mobileTaskbar{
    display:none !important;
  }

  #mobileV49Nav.mobile-v49-nav{
    display:grid !important;
    grid-template-columns:repeat(4, minmax(0,1fr)) !important;
    align-items:center !important;
    gap:7px !important;
    left:12px !important;
    right:12px !important;
    bottom:calc(8px + env(safe-area-inset-bottom)) !important;
    min-height:68px !important;
    height:auto !important;
    padding:8px !important;
    border-radius:24px !important;
    background:linear-gradient(180deg,rgba(9,13,44,.96),rgba(5,10,30,.98)) !important;
    border:1px solid rgba(129,140,248,.20) !important;
    box-shadow:0 18px 40px rgba(2,6,23,.45), inset 0 1px 0 rgba(255,255,255,.06) !important;
    overflow:visible !important;
  }

  #mobileV49Nav .mobile-v49-nav-btn,
  #mobileV49Nav .mobile-v49-nav-btn.nav-btn{
    min-width:0 !important;
    width:100% !important;
    min-height:52px !important;
    height:52px !important;
    padding:5px 2px !important;
    border-radius:18px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:3px !important;
    text-align:center !important;
    overflow:hidden !important;
    background:transparent !important;
    border:1px solid transparent !important;
    box-shadow:none !important;
  }

  #mobileV49Nav .mobile-v49-nav-btn::before,
  #mobileV49Nav .mobile-v49-nav-btn::after,
  #mobileV49Nav .mobile-v49-nav-btn.nav-btn::before,
  #mobileV49Nav .mobile-v49-nav-btn.nav-btn::after{
    content:none !important;
    display:none !important;
  }

  #mobileV49Nav .mobile-v49-nav-btn span{
    width:25px !important;
    height:25px !important;
    min-width:25px !important;
    margin:0 !important;
    border-radius:11px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:rgba(56,189,248,.16) !important;
    border:1px solid rgba(56,189,248,.16) !important;
    color:#dbeafe !important;
    -webkit-text-fill-color:#dbeafe !important;
    font-size:15px !important;
    line-height:1 !important;
  }

  #mobileV49Nav .mobile-v49-nav-btn b{
    display:block !important;
    max-width:100% !important;
    margin:0 !important;
    color:#e5e7eb !important;
    -webkit-text-fill-color:#e5e7eb !important;
    font-size:10.5px !important;
    line-height:1.05 !important;
    font-weight:900 !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  #mobileV49Nav .mobile-v49-nav-btn.active{
    background:linear-gradient(135deg,rgba(37,99,235,.86),rgba(124,58,237,.82)) !important;
    border-color:rgba(167,139,250,.32) !important;
    box-shadow:0 8px 18px rgba(99,102,241,.25), inset 0 1px 0 rgba(255,255,255,.12) !important;
  }

  #mobileV49Nav .mobile-v49-nav-btn.active span{
    background:rgba(255,255,255,.16) !important;
    border-color:rgba(255,255,255,.18) !important;
  }

  #mobileV49Nav .mobile-v49-nav-btn.active b{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
  }

  .main{
    padding-bottom:calc(92px + env(safe-area-inset-bottom)) !important;
  }


  .sidebar{
    padding-bottom:calc(112px + env(safe-area-inset-bottom)) !important;
  }

  #sidebarFooter.side-bottom{
    display:grid !important;
    gap:8px !important;
    margin:10px 0 0 !important;
    padding:0 !important;
    width:100% !important;
  }

  #sidebarFooter .user-card{
    min-height:50px !important;
    padding:8px 10px !important;
    border-radius:16px !important;
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
  }

  #sidebarFooter .user-card > div{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    font-size:14px !important;
  }

  #sidebarFooter .user-card b{
    font-size:12.5px !important;
    line-height:1.1 !important;
  }

  #sidebarFooter .user-card small{
    font-size:10.5px !important;
    line-height:1.1 !important;
  }

  #logoutBtn.logout-btn{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    width:100% !important;
    min-height:46px !important;
    margin:8px 0 0 !important;
    padding:10px 12px !important;
    border-radius:16px !important;
    position:sticky !important;
    bottom:10px !important;
    z-index:5 !important;
    color:#fecaca !important;
    -webkit-text-fill-color:#fecaca !important;
    background:linear-gradient(135deg,rgba(239,68,68,.16),rgba(127,29,29,.12)) !important;
    border:1px solid rgba(248,113,113,.28) !important;
    box-shadow:0 10px 22px rgba(2,6,23,.22), inset 0 1px 0 rgba(255,255,255,.04) !important;
    font-size:13px !important;
    line-height:1.15 !important;
    font-weight:1000 !important;
    text-align:center !important;
  }

  #logoutBtn.logout-btn::before{
    content:"↪" !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:26px !important;
    height:26px !important;
    border-radius:10px !important;
    background:rgba(255,255,255,.09) !important;
    color:#fecaca !important;
    -webkit-text-fill-color:#fecaca !important;
    font-size:15px !important;
    line-height:1 !important;
  }

  .sidebar .nav-btn::before{
    content:none !important;
    display:none !important;
  }

  .sidebar .nav-btn::after{
    width:22px !important;
    height:22px !important;
    font-size:18px !important;
    flex:0 0 22px !important;
  }

  .sidebar .nav-main{
    min-width:0 !important;
  }

  .sidebar .nav-main > span:last-child,
  .sidebar .nav-btn [data-i18n]{
    font-size:13px !important;
    line-height:1.16 !important;
  }
}

@media (max-width: 767px){
  .page-title,
  .panel-head,
  .add-pro-main-title,
  .payment-box h2,
  .stock-pro-head,
  .order-view-top,
  .view-hero,
  .admin-summary-panel,
  .permissions-box{
    min-width:0 !important;
  }

  .page-title > div,
  .panel-head > div,
  .add-pro-main-title,
  .order-view-top > div,
  .view-hero > div{
    min-width:0 !important;
  }

  .page-title h1,
  .page-title h2,
  .panel h1,
  .panel h2,
  .panel h3,
  .panel-head h1,
  .panel-head h2,
  .panel-head h3,
  .add-pro-main-title h2,
  .payment-box h2,
  .stock-pro-head h3,
  .order-view-top h2,
  .view-hero h3,
  .admin-summary-panel h2,
  .permissions-box h3,
  #users .panel-head h1,
  #reports .panel h1,
  #reports .panel h2,
  #stock .panel h1,
  #stock .panel h2,
  #orders .page-title h1,
  #dashboard .panel h2,
  #dashboard .panel h3,
  #dashboard .partner-finance-panel .panel-head h2,
  #dashboard .backup-security-panel .panel-head h2,
  #dashboard .two-col > .panel > h2,
  #dashboard #partnerFinancePanel h2,
  #dashboard #partnerStats + h2{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 0 8px !important;
    color:#f8fafc !important;
    -webkit-text-fill-color:#f8fafc !important;
    font-size:21px !important;
    line-height:1.18 !important;
    font-weight:950 !important;
    letter-spacing:-0.02em !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }

  .page-title p,
  .panel > p,
  .panel-head p,
  .add-pro-main-title p,
  .payment-box p,
  #users .panel-head p,
  #dashboard .partner-finance-panel .panel-head p,
  #dashboard .backup-security-panel .panel-head p,
  #dashboard .mobile-v49-copy p,
  #dashboard .panel p{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    color:#cbd5e1 !important;
    -webkit-text-fill-color:#cbd5e1 !important;
    font-size:13px !important;
    line-height:1.5 !important;
    font-weight:600 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }

  #dashboard .mobile-v49-copy h1{
    margin:0 0 6px !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    font-size:29px !important;
    line-height:1.05 !important;
    font-weight:1000 !important;
    letter-spacing:-0.03em !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }

  #dashboard .mobile-v49-copy h2{
    margin:0 0 8px !important;
    color:#ddd6fe !important;
    -webkit-text-fill-color:#ddd6fe !important;
    font-size:18px !important;
    line-height:1.18 !important;
    font-weight:900 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }

  #dashboard .mobile-v49-copy p{
    max-width:none !important;
  }

  #dashboard .partner-finance-panel,
  #dashboard .backup-security-panel,
  #dashboard .two-col > .panel,
  #partnerStats,
  .admin-summary-panel{
    overflow:visible !important;
  }

  #dashboard .partner-finance-panel .panel-head,
  #dashboard .backup-security-panel .panel-head,
  #users .panel-head,
  #reports .panel-head,
  #stock .panel-head,
  #orders .page-title,
  #dashboard .page-title{
    gap:10px !important;
  }

  .sidebar nav .nav-btn,
  .sidebar nav button.nav-btn{
    min-height:52px !important;
    padding-top:10px !important;
    padding-bottom:10px !important;
  }

  .sidebar nav .nav-btn .nav-main,
  .sidebar nav button.nav-btn .nav-main{
    min-width:0 !important;
    gap:10px !important;
  }

  .sidebar nav .nav-btn .nav-main > span:last-child,
  .sidebar nav button.nav-btn .nav-main > span:last-child,
  .sidebar nav .nav-btn[data-page="add"] > span,
  .sidebar nav button.nav-btn[data-page="add"] > span,
  .sidebar nav .nav-btn[data-page="add"] .ks-add-menu-label-only,
  .sidebar nav .nav-btn[data-page="add"] .ks-menu-add-customer-stable,
  .sidebar nav .nav-btn[data-page="add"] .ks-add-final-text,
  .sidebar nav .nav-btn[data-page="add"] .ks-menu-add-text-final{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    min-width:0 !important;
    color:#f8fafc !important;
    -webkit-text-fill-color:#f8fafc !important;
    font-size:13px !important;
    line-height:1.15 !important;
    font-weight:850 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }

  #partnerStats .partner-dash-filter,
  .finance-card span,
  .finance-card strong,
  .card span,
  .card strong,
  .mobile-v50-quick-actions h3{
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }
}

@media (max-width: 430px){
  .page-title h1,
  .page-title h2,
  .panel h1,
  .panel h2,
  .panel h3,
  .panel-head h1,
  .panel-head h2,
  .panel-head h3,
  .add-pro-main-title h2,
  .payment-box h2,
  .stock-pro-head h3,
  .order-view-top h2,
  .view-hero h3,
  .admin-summary-panel h2,
  .permissions-box h3,
  #users .panel-head h1,
  #reports .panel h1,
  #reports .panel h2,
  #stock .panel h1,
  #stock .panel h2,
  #orders .page-title h1,
  #dashboard .partner-finance-panel .panel-head h2,
  #dashboard .backup-security-panel .panel-head h2,
  #dashboard .two-col > .panel > h2{
    font-size:19px !important;
    line-height:1.18 !important;
  }

  #dashboard .mobile-v49-copy h1{
    font-size:26px !important;
  }

  #dashboard .mobile-v49-copy h2{
    font-size:17px !important;
  }

  .page-title p,
  .panel > p,
  .panel-head p,
  .add-pro-main-title p,
  .payment-box p,
  #users .panel-head p,
  #dashboard .partner-finance-panel .panel-head p,
  #dashboard .backup-security-panel .panel-head p,
  #dashboard .mobile-v49-copy p,
  #dashboard .panel p{
    font-size:12.5px !important;
  }
}


@media (max-width: 767px){
  #partnerStats .partner-analytics-actions{
    display:grid !important;
    grid-template-columns:1fr 82px !important;
    gap:8px !important;
    width:100% !important;
    margin-top:10px !important;
  }

  #partnerStats .partner-analytics-actions .partner-dash-filter,
  #partnerStats .partner-analytics-actions .partner-copy-orders{
    width:100% !important;
    min-width:0 !important;
    min-height:40px !important;
    margin:0 !important;
    padding:8px 9px !important;
    border-radius:14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:11.5px !important;
    line-height:1.12 !important;
    font-weight:1000 !important;
    white-space:normal !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  #partnerStats .partner-copy-orders{
    color:#ecfeff !important;
    -webkit-text-fill-color:#ecfeff !important;
    background:linear-gradient(135deg,rgba(14,165,233,.78),rgba(37,99,235,.76)) !important;
    border:1px solid rgba(125,211,252,.32) !important;
    box-shadow:0 8px 18px rgba(14,165,233,.18), inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  #partnerStats .partner-copy-orders:disabled{
    opacity:.65 !important;
  }

  .sidebar.open{
    padding-bottom:calc(92px + env(safe-area-inset-bottom)) !important;
  }

  .sidebar.open .menu-groups,
  .sidebar.open nav{
    padding-bottom:calc(96px + env(safe-area-inset-bottom)) !important;
  }

  .sidebar:not(.open) #logoutBtn.logout-btn{
    display:none !important;
  }

  .sidebar.open #logoutBtn.logout-btn{
    display:flex !important;
    position:fixed !important;
    left:18px !important;
    right:auto !important;
    bottom:calc(14px + env(safe-area-inset-bottom)) !important;
    width:calc(min(92vw, 360px) - 36px) !important;
    max-width:324px !important;
    min-height:50px !important;
    margin:0 !important;
    padding:11px 14px !important;
    align-items:center !important;
    justify-content:center !important;
    gap:9px !important;
    z-index:20050 !important;
    border-radius:18px !important;
    color:#fecaca !important;
    -webkit-text-fill-color:#fecaca !important;
    background:linear-gradient(135deg,rgba(239,68,68,.28),rgba(127,29,29,.22)) !important;
    border:1px solid rgba(248,113,113,.42) !important;
    box-shadow:0 16px 34px rgba(2,6,23,.45), inset 0 1px 0 rgba(255,255,255,.07) !important;
    font-size:13.5px !important;
    line-height:1.12 !important;
    font-weight:1000 !important;
    letter-spacing:.01em !important;
    text-align:center !important;
    backdrop-filter:blur(14px) saturate(150%) !important;
    -webkit-backdrop-filter:blur(14px) saturate(150%) !important;
  }

  .sidebar.open #logoutBtn.logout-btn::before{
    content:"↪" !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:27px !important;
    height:27px !important;
    min-width:27px !important;
    border-radius:11px !important;
    background:rgba(255,255,255,.10) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    color:#fecaca !important;
    -webkit-text-fill-color:#fecaca !important;
    font-size:15px !important;
    line-height:1 !important;
  }

  body.rtl .sidebar.open #logoutBtn.logout-btn{
    left:auto !important;
    right:18px !important;
  }
}


@media (max-width: 767px){
  .sidebar nav button.nav-btn[data-page="add"],
  .sidebar nav .nav-btn[data-page="add"]{
    display:grid !important;
    grid-template-columns:34px minmax(0,1fr) 22px !important;
    align-items:center !important;
    gap:10px !important;
    width:100% !important;
    min-height:54px !important;
    padding:9px 10px !important;
    font-size:0 !important;
    overflow:visible !important;
  }

  .sidebar nav button.nav-btn[data-page="add"] > .nav-main,
  .sidebar nav .nav-btn[data-page="add"] > .nav-main{
    display:contents !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  .sidebar nav button.nav-btn[data-page="add"] .nav-icon,
  .sidebar nav .nav-btn[data-page="add"] .nav-icon{
    grid-column:1 !important;
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    align-items:center !important;
    justify-content:center !important;
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    border-radius:12px !important;
    background:rgba(255,255,255,.10) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    font-size:16px !important;
    line-height:1 !important;
    color:#f8fafc !important;
    -webkit-text-fill-color:#f8fafc !important;
  }

  .sidebar nav button.nav-btn[data-page="add"] .nav-main > span[data-i18n="navAdd"]:not(.nav-icon),
  .sidebar nav .nav-btn[data-page="add"] .nav-main > span[data-i18n="navAdd"]:not(.nav-icon){
    display:none !important;
  }

  body .sidebar nav button.nav-btn[data-page="add"] > span.ks-add-menu-label-only,
  body .sidebar nav .nav-btn[data-page="add"] > span.ks-add-menu-label-only,
  .sidebar nav button.nav-btn[data-page="add"] > .ks-add-menu-label-only,
  .sidebar nav .nav-btn[data-page="add"] > .ks-add-menu-label-only{
    grid-column:2 !important;
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    min-width:0 !important;
    max-width:100% !important;
    color:#f8fafc !important;
    -webkit-text-fill-color:#f8fafc !important;
    font-size:13.5px !important;
    line-height:1.16 !important;
    font-weight:950 !important;
    letter-spacing:0 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
    pointer-events:none !important;
  }

  .sidebar nav button.nav-btn[data-page="add"]::before,
  .sidebar nav .nav-btn[data-page="add"]::before{
    content:none !important;
    display:none !important;
  }

  .sidebar nav button.nav-btn[data-page="add"]::after,
  .sidebar nav .nav-btn[data-page="add"]::after{
    grid-column:3 !important;
    content:"›" !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    margin:0 !important;
    border-radius:10px !important;
    background:rgba(148,163,184,.14) !important;
    color:#e0e7ff !important;
    -webkit-text-fill-color:#e0e7ff !important;
    font-size:19px !important;
    line-height:1 !important;
    font-weight:1000 !important;
  }

  body.rtl .sidebar nav button.nav-btn[data-page="add"]::after,
  body.rtl .sidebar nav .nav-btn[data-page="add"]::after{
    content:"‹" !important;
  }
}


@media (max-width: 767px){
  html body #sidebar.sidebar nav.menu-groups button.nav-btn[data-page="add"]{
    display:grid !important;
    grid-template-columns:34px minmax(0,1fr) 22px !important;
    align-items:center !important;
    column-gap:10px !important;
    width:100% !important;
    min-height:56px !important;
    height:auto !important;
    padding:10px 10px !important;
    overflow:visible !important;
    font-size:0 !important;
  }

  html body #sidebar.sidebar nav.menu-groups button.nav-btn[data-page="add"] > .nav-main{
    display:contents !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  html body #sidebar.sidebar nav.menu-groups button.nav-btn[data-page="add"] .nav-icon{
    grid-column:1 !important;
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    margin:0 !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:12px !important;
    background:rgba(255,255,255,.10) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    color:#f8fafc !important;
    -webkit-text-fill-color:#f8fafc !important;
    font-size:17px !important;
    line-height:1 !important;
  }

  html body #sidebar.sidebar nav.menu-groups button.nav-btn[data-page="add"] span[data-i18n="navAdd"],
  html body #sidebar.sidebar nav.menu-groups button.nav-btn[data-page="add"] > span.ks-add-menu-label-only{
    display:none !important;
  }

  html body #sidebar.sidebar nav.menu-groups button.nav-btn[data-page="add"] > b.ks-add-visible-text,
  html body #sidebar.sidebar nav.menu-groups button.nav-btn[data-page="add"] > b.ks-add-visible-text[data-i18n="navAdd"]{
    grid-column:2 !important;
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    color:#f8fafc !important;
    -webkit-text-fill-color:#f8fafc !important;
    background:none !important;
    font-size:14px !important;
    line-height:1.18 !important;
    font-weight:1000 !important;
    font-style:normal !important;
    letter-spacing:0 !important;
    text-align:left !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
    pointer-events:none !important;
    z-index:5 !important;
  }

  html body #sidebar.sidebar nav.menu-groups button.nav-btn[data-page="add"]::before{
    content:none !important;
    display:none !important;
  }

  html body #sidebar.sidebar nav.menu-groups button.nav-btn[data-page="add"]::after{
    grid-column:3 !important;
    content:"›" !important;
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    align-items:center !important;
    justify-content:center !important;
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    margin:0 !important;
    border-radius:10px !important;
    background:rgba(148,163,184,.14) !important;
    color:#e0e7ff !important;
    -webkit-text-fill-color:#e0e7ff !important;
    font-size:20px !important;
    line-height:1 !important;
    font-weight:1000 !important;
  }

  html body.rtl #sidebar.sidebar nav.menu-groups button.nav-btn[data-page="add"] > b.ks-add-visible-text{
    text-align:right !important;
  }

  html body.rtl #sidebar.sidebar nav.menu-groups button.nav-btn[data-page="add"]::after{
    content:"‹" !important;
  }
}


@media (min-width: 768px){
  #sidebar.sidebar nav.menu-groups button.nav-btn[data-page="add"] > b.ks-add-visible-text,
  #sidebar.sidebar nav.menu-groups button.nav-btn[data-page="add"] > span.ks-add-menu-label-only{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    width:0 !important;
    height:0 !important;
    overflow:hidden !important;
  }

  #sidebar.sidebar nav.menu-groups button.nav-btn[data-page="add"] .nav-main > span[data-i18n="navAdd"]{
    display:inline !important;
    visibility:visible !important;
    opacity:1 !important;
    color:#f8fafc !important;
    -webkit-text-fill-color:#f8fafc !important;
    font-size:16px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    white-space:normal !important;
  }

  #dashboard .partner-finance-table tbody td:last-child{
    min-width:104px !important;
    width:104px !important;
    text-align:center !important;
  }

  #dashboard .partner-finance-table tbody td:last-child .row-action-btn,
  #dashboard .partner-finance-table tbody td:last-child button,
  #dashboard .partner-finance-table tbody td .row-action-btn.danger,
  #dashboard .partner-finance-table tbody td button.danger{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:82px !important;
    min-height:38px !important;
    height:38px !important;
    padding:0 14px !important;
    border-radius:999px !important;
    font-size:13px !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:.01em !important;
    white-space:nowrap !important;
    text-align:center !important;
    color:#fecaca !important;
    -webkit-text-fill-color:#fecaca !important;
    background:
      linear-gradient(135deg, rgba(239,68,68,.20), rgba(127,29,29,.18)) !important;
    border:1px solid rgba(248,113,113,.35) !important;
    box-shadow:
      0 8px 18px rgba(127,29,29,.18),
      inset 0 1px 0 rgba(255,255,255,.07) !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }

  #dashboard .partner-finance-table tbody td .row-action-btn.danger:hover,
  #dashboard .partner-finance-table tbody td button.danger:hover{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    background:
      linear-gradient(135deg, rgba(239,68,68,.36), rgba(185,28,28,.28)) !important;
    border-color:rgba(252,165,165,.55) !important;
    transform:translateY(-1px) !important;
  }
}


#orders .orders-toolbar-actions{
  display:flex !important;
  align-items:end !important;
  justify-content:flex-end !important;
  gap:12px !important;
  margin:12px 0 18px !important;
  flex-wrap:wrap !important;
}

#orders .orders-reset-btn{
  min-height:48px !important;
  padding:0 18px !important;
  border-radius:16px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  color:#e0f2fe !important;
  -webkit-text-fill-color:#e0f2fe !important;
  background:
    linear-gradient(135deg, rgba(14,165,233,.20), rgba(37,99,235,.18)) !important;
  border:1px solid rgba(125,211,252,.34) !important;
  box-shadow:0 10px 22px rgba(14,165,233,.12), inset 0 1px 0 rgba(255,255,255,.06) !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.01em !important;
  white-space:nowrap !important;
}

#orders .orders-reset-btn::before{
  content:"↻" !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:24px !important;
  height:24px !important;
  border-radius:9px !important;
  background:rgba(255,255,255,.10) !important;
  color:#bae6fd !important;
  -webkit-text-fill-color:#bae6fd !important;
  font-size:15px !important;
  line-height:1 !important;
}

#orders .orders-reset-btn:hover{
  transform:translateY(-1px) !important;
  border-color:rgba(125,211,252,.55) !important;
  background:
    linear-gradient(135deg, rgba(14,165,233,.28), rgba(37,99,235,.25)) !important;
}

#orders .orders-sort-control{
  min-width:190px !important;
  min-height:48px !important;
  margin:0 !important;
  padding:7px 10px !important;
  border-radius:16px !important;
  display:grid !important;
  grid-template-columns:auto minmax(110px,1fr) !important;
  align-items:center !important;
  gap:10px !important;
  color:#c7d2fe !important;
  -webkit-text-fill-color:#c7d2fe !important;
  background:
    linear-gradient(180deg, rgba(15,23,42,.88), rgba(8,13,25,.90)) !important;
  border:1px solid rgba(129,140,248,.28) !important;
  box-shadow:0 10px 22px rgba(2,6,23,.18), inset 0 1px 0 rgba(255,255,255,.05) !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

#orders .orders-sort-control span{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  color:#a5b4fc !important;
  -webkit-text-fill-color:#a5b4fc !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  white-space:nowrap !important;
}

#orders .orders-sort-control span::before{
  content:"⇅" !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:23px !important;
  height:23px !important;
  border-radius:8px !important;
  background:rgba(99,102,241,.18) !important;
  color:#ddd6fe !important;
  -webkit-text-fill-color:#ddd6fe !important;
  font-size:13px !important;
  letter-spacing:0 !important;
}

#orders .orders-sort-control select{
  width:100% !important;
  min-height:34px !important;
  height:34px !important;
  padding:0 34px 0 12px !important;
  border-radius:12px !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  background:rgba(15,23,42,.72) !important;
  border:1px solid rgba(148,163,184,.18) !important;
  outline:none !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:900 !important;
}

@media(max-width:767px){
  #orders .orders-toolbar-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    margin:10px 0 14px !important;
  }

  #orders .orders-reset-btn,
  #orders .orders-sort-control{
    width:100% !important;
    min-width:0 !important;
    min-height:46px !important;
  }

  #orders .orders-reset-btn{
    padding:0 10px !important;
    font-size:11.5px !important;
  }

  #orders .orders-sort-control{
    grid-template-columns:1fr !important;
    gap:5px !important;
    padding:6px 8px !important;
  }

  #orders .orders-sort-control span{
    font-size:9.5px !important;
  }

  #orders .orders-sort-control span::before{
    display:none !important;
  }

  #orders .orders-sort-control select{
    min-height:31px !important;
    height:31px !important;
    font-size:12px !important;
    padding:0 10px !important;
  }
}


#orders #ordersBody td:last-child{
  min-width:260px !important;
}

#orders #ordersBody td:last-child .row-action-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:56px !important;
  min-height:34px !important;
  margin:2px 3px !important;
  padding:0 10px !important;
  border-radius:12px !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  color:#dbeafe !important;
  -webkit-text-fill-color:#dbeafe !important;
  background:rgba(59,130,246,.12) !important;
  border:1px solid rgba(96,165,250,.22) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
}

#orders #ordersBody td:last-child .row-action-btn:nth-child(2){
  color:#99f6e4 !important;
  -webkit-text-fill-color:#99f6e4 !important;
  background:rgba(20,184,166,.13) !important;
  border-color:rgba(45,212,191,.28) !important;
}

#orders #ordersBody td:last-child .row-action-btn:nth-child(3){
  color:#fde68a !important;
  -webkit-text-fill-color:#fde68a !important;
  background:rgba(245,158,11,.13) !important;
  border-color:rgba(251,191,36,.28) !important;
}

#orders #ordersBody td:last-child .row-action-btn.danger,
#orders #ordersBody td:last-child .row-action-btn:nth-child(4){
  color:#fecaca !important;
  -webkit-text-fill-color:#fecaca !important;
  background:rgba(239,68,68,.13) !important;
  border-color:rgba(248,113,113,.28) !important;
}

@media(max-width:767px){
  #ordersBody .ks-order-standard-card{
    grid-template-columns:52px minmax(0,1fr) !important;
    gap:11px !important;
    padding:15px !important;
    border-radius:22px !important;
    overflow:visible !important;
  }

  #ordersBody .ks-order-standard-avatar{
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
    border-radius:17px !important;
    font-size:24px !important;
  }

  #ordersBody .ks-order-standard-price{
    grid-column:1 / -1 !important;
    justify-self:stretch !important;
    min-width:0 !important;
    max-width:none !important;
    margin:8px 0 0 !important;
    padding:10px 12px !important;
    border-radius:15px !important;
    text-align:center !important;
    background:rgba(15,23,42,.50) !important;
    border:1px solid rgba(148,163,184,.14) !important;
    font-size:14px !important;
  }

  #ordersBody .ks-order-standard-actions{
    grid-column:1 / -1 !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:8px !important;
    margin-top:10px !important;
  }

  #ordersBody .ks-order-standard-actions .row-action-btn{
    min-height:40px !important;
    height:40px !important;
    border-radius:14px !important;
    padding:0 6px !important;
    font-size:11.5px !important;
    font-weight:950 !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
  }

  #ordersBody .ks-order-standard-actions .row-action-btn:nth-child(1)::before{content:"👁"; margin-right:4px;}
  #ordersBody .ks-order-standard-actions .row-action-btn:nth-child(2)::before{content:"⧉"; margin-right:4px;}
  #ordersBody .ks-order-standard-actions .row-action-btn:nth-child(3)::before{content:"✎"; margin-right:4px;}
  #ordersBody .ks-order-standard-actions .row-action-btn:nth-child(4)::before{content:"×"; margin-right:4px;}
}

.order-view-modal{
  position:fixed !important;
  inset:0 !important;
  z-index:99999 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:22px !important;
  background:rgba(2,6,23,.72) !important;
  backdrop-filter:blur(16px) saturate(150%) !important;
  -webkit-backdrop-filter:blur(16px) saturate(150%) !important;
}

.order-view-modal.hidden{
  display:none !important;
}

.order-view-card{
  width:min(820px,96vw) !important;
  max-height:88vh !important;
  overflow:auto !important;
  border-radius:28px !important;
  padding:0 !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(99,102,241,.26), transparent 38%),
    linear-gradient(180deg, rgba(15,23,42,.98), rgba(8,13,25,.98)) !important;
  border:1px solid rgba(148,163,184,.20) !important;
  box-shadow:0 28px 80px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.07) !important;
  color:#f8fafc !important;
}

.order-view-top{
  position:sticky !important;
  top:0 !important;
  z-index:2 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:20px 22px !important;
  background:rgba(8,13,25,.82) !important;
  border-bottom:1px solid rgba(148,163,184,.14) !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
}

.order-view-top h2{
  margin:0 !important;
  font-size:22px !important;
  line-height:1.15 !important;
  font-weight:1000 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

.order-view-top p{
  margin:5px 0 0 !important;
  color:#a5b4fc !important;
  -webkit-text-fill-color:#a5b4fc !important;
  font-size:12px !important;
  line-height:1.25 !important;
  font-weight:800 !important;
}

.order-view-top button{
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  border-radius:14px !important;
  border:1px solid rgba(148,163,184,.22) !important;
  background:rgba(148,163,184,.10) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:0 !important;
}

.order-view-top button::before{
  content:"×" !important;
  font-size:28px !important;
  line-height:1 !important;
  font-weight:700 !important;
}

#orderViewContent{
  padding:20px 22px 22px !important;
}

.ks90-view-hero{
  display:grid !important;
  grid-template-columns:64px minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:14px !important;
  padding:16px !important;
  border-radius:24px !important;
  background:linear-gradient(135deg, rgba(37,99,235,.20), rgba(124,58,237,.16)) !important;
  border:1px solid rgba(129,140,248,.24) !important;
  margin-bottom:16px !important;
}

.ks90-view-avatar{
  width:60px !important;
  height:60px !important;
  border-radius:20px !important;
  display:grid !important;
  place-items:center !important;
  background:linear-gradient(135deg,#2563eb,#7c3aed) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:28px !important;
  font-weight:1000 !important;
}

.ks90-view-main strong{
  display:block !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:20px !important;
  line-height:1.15 !important;
  font-weight:1000 !important;
  margin-bottom:4px !important;
}

.ks90-view-main span,
.ks90-view-main small{
  display:block !important;
  color:#cbd5e1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
  font-size:12px !important;
  line-height:1.28 !important;
  font-weight:750 !important;
}

.ks90-view-status{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:34px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  font-size:12px !important;
  font-weight:1000 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background:rgba(99,102,241,.22) !important;
  border:1px solid rgba(129,140,248,.32) !important;
}

.ks90-view-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:14px !important;
}

.ks90-view-section{
  padding:14px !important;
  border-radius:20px !important;
  background:rgba(15,23,42,.58) !important;
  border:1px solid rgba(148,163,184,.14) !important;
}

.ks90-view-section h3{
  margin:0 0 10px !important;
  color:#a5b4fc !important;
  -webkit-text-fill-color:#a5b4fc !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}

.ks90-view-field{
  display:grid !important;
  grid-template-columns:120px minmax(0,1fr) !important;
  gap:10px !important;
  align-items:start !important;
  padding:8px 0 !important;
  border-bottom:1px solid rgba(148,163,184,.09) !important;
}

.ks90-view-field:last-child{
  border-bottom:0 !important;
}

.ks90-view-field span{
  color:#94a3b8 !important;
  -webkit-text-fill-color:#94a3b8 !important;
  font-size:12px !important;
  line-height:1.25 !important;
  font-weight:800 !important;
}

.ks90-view-field b{
  min-width:0 !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  font-size:13px !important;
  line-height:1.25 !important;
  font-weight:900 !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}

.ks90-view-field.mono b{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace !important;
}

.ks90-view-notes{
  margin-top:14px !important;
  padding:14px !important;
  border-radius:20px !important;
  background:rgba(2,6,23,.42) !important;
  border:1px solid rgba(148,163,184,.14) !important;
}

.ks90-view-notes span{
  display:block !important;
  color:#a5b4fc !important;
  -webkit-text-fill-color:#a5b4fc !important;
  font-size:12px !important;
  font-weight:1000 !important;
  margin-bottom:8px !important;
}

.ks90-view-notes p{
  margin:0 !important;
  color:#e5e7eb !important;
  -webkit-text-fill-color:#e5e7eb !important;
  font-size:13px !important;
  line-height:1.6 !important;
  overflow-wrap:anywhere !important;
}

.ks90-view-actions{
  display:flex !important;
  gap:10px !important;
  justify-content:flex-end !important;
  padding-top:16px !important;
}

.ks90-view-actions .btn{
  min-height:42px !important;
  min-width:104px !important;
  border-radius:15px !important;
  font-size:13px !important;
  font-weight:950 !important;
}

@media(max-width:767px){
  .order-view-modal{
    align-items:flex-end !important;
    padding:10px !important;
  }

  .order-view-card{
    width:100% !important;
    max-height:92vh !important;
    border-radius:26px 26px 18px 18px !important;
  }

  .order-view-top{
    padding:16px !important;
  }

  .order-view-top h2{
    font-size:18px !important;
  }

  #orderViewContent{
    padding:14px !important;
  }

  .ks90-view-hero{
    grid-template-columns:52px minmax(0,1fr) !important;
    gap:10px !important;
    padding:13px !important;
  }

  .ks90-view-avatar{
    width:50px !important;
    height:50px !important;
    border-radius:17px !important;
    font-size:23px !important;
  }

  .ks90-view-status{
    grid-column:1 / -1 !important;
    justify-self:start !important;
  }

  .ks90-view-grid{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .ks90-view-field{
    grid-template-columns:1fr !important;
    gap:4px !important;
  }

  .ks90-view-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr 1fr !important;
    gap:8px !important;
  }

  .ks90-view-actions .btn{
    min-width:0 !important;
    width:100% !important;
    min-height:42px !important;
    padding:0 8px !important;
    font-size:12px !important;
  }
}


#orderViewContent{
  padding:16px 18px 18px !important;
}

.ks91-view-wrap{
  display:grid !important;
  gap:12px !important;
}

.ks91-view-hero{
  display:grid !important;
  grid-template-columns:56px minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:12px !important;
  padding:13px !important;
  border-radius:22px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(59,130,246,.28), transparent 42%),
    linear-gradient(135deg, rgba(37,99,235,.18), rgba(124,58,237,.14)) !important;
  border:1px solid rgba(129,140,248,.22) !important;
}

.ks91-view-avatar{
  width:54px !important;
  height:54px !important;
  border-radius:18px !important;
  display:grid !important;
  place-items:center !important;
  background:linear-gradient(135deg,#2563eb,#7c3aed) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:25px !important;
  font-weight:1000 !important;
}

.ks91-view-main{
  min-width:0 !important;
}

.ks91-view-main strong{
  display:block !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:18px !important;
  line-height:1.12 !important;
  font-weight:1000 !important;
  overflow-wrap:anywhere !important;
}

.ks91-view-main span,
.ks91-view-main small{
  display:block !important;
  color:#cbd5e1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
  font-size:11.5px !important;
  line-height:1.25 !important;
  font-weight:800 !important;
  overflow-wrap:anywhere !important;
}

.ks91-view-status{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:31px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background:rgba(99,102,241,.22) !important;
  border:1px solid rgba(129,140,248,.30) !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  white-space:nowrap !important;
}

.ks91-quick-grid,
.ks91-extra-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:8px !important;
}

.ks91-info-tile{
  min-width:0 !important;
  padding:10px !important;
  border-radius:15px !important;
  background:rgba(15,23,42,.58) !important;
  border:1px solid rgba(148,163,184,.13) !important;
  overflow:hidden !important;
}

.ks91-info-tile span,
.ks91-account-row span,
.ks91-notes span{
  display:block !important;
  color:#94a3b8 !important;
  -webkit-text-fill-color:#94a3b8 !important;
  font-size:10.5px !important;
  line-height:1.1 !important;
  font-weight:1000 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  margin-bottom:5px !important;
}

.ks91-info-tile b{
  display:block !important;
  min-width:0 !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  font-size:12.5px !important;
  line-height:1.18 !important;
  font-weight:950 !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}

.ks91-info-tile.money b{
  color:#fde68a !important;
  -webkit-text-fill-color:#fde68a !important;
}

.ks91-account-card{
  padding:12px !important;
  border-radius:18px !important;
  background:rgba(2,6,23,.42) !important;
  border:1px solid rgba(45,212,191,.16) !important;
}

.ks91-account-card h3{
  margin:0 0 8px !important;
  color:#99f6e4 !important;
  -webkit-text-fill-color:#99f6e4 !important;
  font-size:12px !important;
  font-weight:1000 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

.ks91-account-row{
  display:grid !important;
  grid-template-columns:140px minmax(0,1fr) !important;
  gap:10px !important;
  align-items:start !important;
  padding:7px 0 !important;
  border-bottom:1px solid rgba(148,163,184,.08) !important;
}

.ks91-account-row:last-child{
  border-bottom:0 !important;
}

.ks91-account-row span{
  margin:0 !important;
}

.ks91-account-row b{
  min-width:0 !important;
  color:#e5e7eb !important;
  -webkit-text-fill-color:#e5e7eb !important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace !important;
  font-size:12.5px !important;
  line-height:1.25 !important;
  font-weight:850 !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}

.ks91-notes{
  padding:11px !important;
  border-radius:16px !important;
  background:rgba(15,23,42,.48) !important;
  border:1px solid rgba(148,163,184,.12) !important;
}

.ks91-notes p{
  margin:0 !important;
  color:#e5e7eb !important;
  -webkit-text-fill-color:#e5e7eb !important;
  font-size:12.5px !important;
  line-height:1.45 !important;
  overflow-wrap:anywhere !important;
}

.ks91-view-actions{
  position:sticky !important;
  bottom:0 !important;
  display:flex !important;
  justify-content:flex-end !important;
  gap:8px !important;
  padding-top:10px !important;
  background:linear-gradient(180deg, transparent, rgba(8,13,25,.96) 35%) !important;
}

.ks91-view-actions .btn{
  min-width:96px !important;
  min-height:40px !important;
  border-radius:14px !important;
  font-size:12.5px !important;
  line-height:1 !important;
  font-weight:950 !important;
}

@media(max-width:767px){
  .order-view-card{
    max-height:86vh !important;
  }

  #orderViewContent{
    padding:12px !important;
  }

  .ks91-view-wrap{
    gap:9px !important;
  }

  .ks91-view-hero{
    grid-template-columns:48px minmax(0,1fr) !important;
    gap:9px !important;
    padding:11px !important;
  }

  .ks91-view-avatar{
    width:46px !important;
    height:46px !important;
    border-radius:16px !important;
    font-size:22px !important;
  }

  .ks91-view-main strong{
    font-size:16px !important;
  }

  .ks91-view-status{
    grid-column:1 / -1 !important;
    justify-self:start !important;
    min-height:27px !important;
    font-size:10.5px !important;
  }

  .ks91-quick-grid,
  .ks91-extra-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:7px !important;
  }

  .ks91-info-tile{
    padding:8px !important;
    border-radius:13px !important;
  }

  .ks91-info-tile span,
  .ks91-account-row span,
  .ks91-notes span{
    font-size:9.5px !important;
    margin-bottom:4px !important;
  }

  .ks91-info-tile b{
    font-size:11.5px !important;
  }

  .ks91-account-card{
    padding:10px !important;
  }

  .ks91-account-row{
    grid-template-columns:1fr !important;
    gap:3px !important;
    padding:6px 0 !important;
  }

  .ks91-view-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr 1fr !important;
    gap:7px !important;
    padding-top:8px !important;
  }

  .ks91-view-actions .btn{
    width:100% !important;
    min-width:0 !important;
    min-height:40px !important;
    padding:0 6px !important;
    font-size:12px !important;
  }
}


@media(max-width:767px){
  #orders .table-wrap,
  #orders table,
  #orders tbody,
  #ordersBody{
    display:block !important;
    width:100% !important;
  }

  #orders thead{
    display:none !important;
  }

  #ordersBody tr.ks92-order-row,
  #ordersBody tr.ks92-order-row > td{
    display:block !important;
    width:100% !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-sizing:border-box !important;
  }

  #ordersBody tr.ks-order-standard-row:not(.ks92-order-row){
    display:none !important;
  }

  #ordersBody .ks92-order-card{
    position:relative !important;
    display:grid !important;
    gap:12px !important;
    width:100% !important;
    margin:0 0 14px !important;
    padding:14px !important;
    border-radius:24px !important;
    background:
      radial-gradient(circle at 0% 0%, rgba(59,130,246,.22), transparent 38%),
      linear-gradient(180deg, rgba(8,22,68,.96), rgba(5,15,52,.96)) !important;
    border:1px solid rgba(120,145,255,.18) !important;
    box-shadow:0 14px 34px rgba(2,6,23,.24), inset 0 1px 0 rgba(255,255,255,.05) !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  #ordersBody .ks92-order-card.is-latest{
    background:
      radial-gradient(circle at 0% 0%, rgba(250,204,21,.26), transparent 36%),
      linear-gradient(180deg, rgba(33,28,13,.96), rgba(8,22,68,.94)) !important;
    border-color:rgba(250,204,21,.50) !important;
    box-shadow:0 16px 36px rgba(2,6,23,.28), inset 0 0 0 1px rgba(250,204,21,.10) !important;
  }

  #ordersBody .ks92-order-card.is-expired{
    border-color:rgba(248,113,113,.42) !important;
    background:
      radial-gradient(circle at 0% 0%, rgba(239,68,68,.18), transparent 36%),
      linear-gradient(180deg, rgba(32,10,18,.96), rgba(5,15,52,.94)) !important;
  }

  #ordersBody .ks92-order-card.is-warning{
    border-color:rgba(251,191,36,.42) !important;
  }

  #ordersBody .ks92-card-top{
    display:grid !important;
    grid-template-columns:48px minmax(0,1fr) !important;
    align-items:center !important;
    gap:11px !important;
    min-width:0 !important;
  }

  #ordersBody .ks92-avatar{
    width:48px !important;
    height:48px !important;
    border-radius:17px !important;
    display:grid !important;
    place-items:center !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    background:linear-gradient(135deg,#2563eb,#7c3aed) !important;
    box-shadow:0 10px 24px rgba(59,130,246,.24) !important;
    font-size:24px !important;
    line-height:1 !important;
    font-weight:1000 !important;
  }

  #ordersBody .ks92-title{
    min-width:0 !important;
  }

  #ordersBody .ks92-id-line{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    min-width:0 !important;
    margin-bottom:3px !important;
  }

  #ordersBody .ks92-id-line strong{
    min-width:0 !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-size:19px !important;
    line-height:1.12 !important;
    font-weight:1000 !important;
    letter-spacing:.01em !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  #ordersBody .ks92-title > b{
    display:block !important;
    color:#e5e7eb !important;
    -webkit-text-fill-color:#e5e7eb !important;
    font-size:13px !important;
    line-height:1.22 !important;
    font-weight:900 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  #ordersBody .ks92-status{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:25px !important;
    padding:0 9px !important;
    border-radius:999px !important;
    font-size:11px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    white-space:nowrap !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    background:rgba(34,197,94,.22) !important;
    border:1px solid rgba(74,222,128,.30) !important;
  }

  #ordersBody .ks92-status.expired{
    background:rgba(239,68,68,.22) !important;
    border-color:rgba(248,113,113,.32) !important;
  }

  #ordersBody .ks92-status.expiring{
    background:rgba(245,158,11,.22) !important;
    border-color:rgba(251,191,36,.32) !important;
  }

  #ordersBody .ks92-info-grid{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }

  #ordersBody .ks92-info-item{
    min-width:0 !important;
    padding:9px 10px !important;
    border-radius:15px !important;
    background:rgba(15,23,42,.46) !important;
    border:1px solid rgba(148,163,184,.12) !important;
  }

  #ordersBody .ks92-info-item span,
  #ordersBody .ks92-price-row span{
    display:block !important;
    color:#94a3b8 !important;
    -webkit-text-fill-color:#94a3b8 !important;
    font-size:9.5px !important;
    line-height:1.1 !important;
    font-weight:1000 !important;
    letter-spacing:.04em !important;
    text-transform:uppercase !important;
    margin-bottom:5px !important;
  }

  #ordersBody .ks92-info-item b{
    display:block !important;
    min-width:0 !important;
    color:#f8fafc !important;
    -webkit-text-fill-color:#f8fafc !important;
    font-size:11.5px !important;
    line-height:1.24 !important;
    font-weight:900 !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }

  #ordersBody .ks92-info-item em{
    color:#818cf8 !important;
    -webkit-text-fill-color:#818cf8 !important;
    font-style:normal !important;
    font-weight:1000 !important;
  }

  #ordersBody .ks92-price-row{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    min-width:0 !important;
    padding:11px 12px !important;
    border-radius:16px !important;
    background:linear-gradient(135deg,rgba(15,23,42,.72),rgba(30,41,59,.50)) !important;
    border:1px solid rgba(148,163,184,.14) !important;
  }

  #ordersBody .ks92-price-row span{
    margin:0 !important;
  }

  #ordersBody .ks92-price-row strong{
    min-width:0 !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-size:15px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    white-space:nowrap !important;
  }

  #ordersBody .ks92-card-actions{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:8px !important;
    width:100% !important;
  }

  #ordersBody .ks92-card-actions .row-action-btn{
    width:100% !important;
    min-width:0 !important;
    height:39px !important;
    min-height:39px !important;
    padding:0 6px !important;
    border-radius:14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    font-size:11.5px !important;
    line-height:1 !important;
    font-weight:950 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  #ordersBody .ks92-card-actions .row-action-btn.view::before{content:"👁"; margin-right:4px;}
  #ordersBody .ks92-card-actions .row-action-btn.copy::before{content:"⧉"; margin-right:4px;}
  #ordersBody .ks92-card-actions .row-action-btn.edit::before{content:"✎"; margin-right:4px;}
  #ordersBody .ks92-card-actions .row-action-btn.danger::before{content:"×"; margin-right:4px;}

  #ordersBody .ks92-card-actions .row-action-btn.copy{
    color:#99f6e4 !important;
    -webkit-text-fill-color:#99f6e4 !important;
    background:rgba(20,184,166,.14) !important;
    border:1px solid rgba(45,212,191,.30) !important;
  }

  #ordersBody .ks92-card-actions .row-action-btn.edit{
    color:#fde68a !important;
    -webkit-text-fill-color:#fde68a !important;
    background:rgba(245,158,11,.13) !important;
    border:1px solid rgba(251,191,36,.30) !important;
  }

  #ordersBody .ks92-card-actions .row-action-btn.danger{
    color:#fecaca !important;
    -webkit-text-fill-color:#fecaca !important;
    background:rgba(239,68,68,.14) !important;
    border:1px solid rgba(248,113,113,.30) !important;
  }
}

@media(max-width:390px){
  #ordersBody .ks92-info-grid{
    grid-template-columns:1fr !important;
  }

  #ordersBody .ks92-card-actions{
    gap:6px !important;
  }

  #ordersBody .ks92-card-actions .row-action-btn{
    font-size:10.5px !important;
    padding:0 4px !important;
  }
}


@media(max-width:767px){
  #ordersBody tr.ks93-order-row,
  #ordersBody tr.ks93-order-row > td{
    display:block !important;
    width:100% !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-sizing:border-box !important;
  }

  #ordersBody tr.ks92-order-row:not(.ks93-order-row),
  #ordersBody tr.ks-order-standard-row:not(.ks93-order-row){
    display:none !important;
  }

  #ordersBody .ks93-order-card{
    position:relative !important;
    display:grid !important;
    gap:12px !important;
    width:100% !important;
    margin:0 0 14px !important;
    padding:14px !important;
    border-radius:24px !important;
    background:
      radial-gradient(circle at 0% 0%, rgba(59,130,246,.22), transparent 38%),
      linear-gradient(180deg, rgba(8,22,68,.96), rgba(5,15,52,.96)) !important;
    border:1px solid rgba(120,145,255,.18) !important;
    box-shadow:0 14px 34px rgba(2,6,23,.24), inset 0 1px 0 rgba(255,255,255,.05) !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  #ordersBody .ks93-order-card.is-latest{
    background:
      radial-gradient(circle at 0% 0%, rgba(250,204,21,.24), transparent 36%),
      linear-gradient(180deg, rgba(33,28,13,.96), rgba(8,22,68,.94)) !important;
    border-color:rgba(250,204,21,.50) !important;
    box-shadow:0 16px 36px rgba(2,6,23,.28), inset 0 0 0 1px rgba(250,204,21,.10) !important;
  }

  #ordersBody .ks93-order-card.is-expired{
    border-color:rgba(248,113,113,.42) !important;
    background:
      radial-gradient(circle at 0% 0%, rgba(239,68,68,.18), transparent 36%),
      linear-gradient(180deg, rgba(32,10,18,.96), rgba(5,15,52,.94)) !important;
  }

  #ordersBody .ks93-order-card.is-warning{
    border-color:rgba(251,191,36,.42) !important;
  }

  #ordersBody .ks93-card-top{
    display:grid !important;
    grid-template-columns:52px minmax(0,1fr) !important;
    align-items:center !important;
    gap:11px !important;
    min-width:0 !important;
  }

  #ordersBody .ks93-logo-box{
    width:52px !important;
    height:52px !important;
    border-radius:18px !important;
    display:grid !important;
    place-items:center !important;
    background:
      radial-gradient(circle at 30% 20%, rgba(255,255,255,.14), transparent 44%),
      rgba(15,23,42,.42) !important;
    border:1px solid rgba(148,163,184,.16) !important;
    box-shadow:0 10px 24px rgba(2,6,23,.22), inset 0 1px 0 rgba(255,255,255,.08) !important;
    overflow:hidden !important;
  }

  #ordersBody .ks93-logo-box .service-logo-wrap,
  #ordersBody .ks93-logo-box .service-logo-wrap.ks93-card-service-logo{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    border-radius:15px !important;
    display:grid !important;
    place-items:center !important;
    background:rgba(255,255,255,.92) !important;
    border:1px solid rgba(255,255,255,.22) !important;
    overflow:hidden !important;
    box-shadow:0 7px 16px rgba(2,6,23,.20) !important;
  }

  #ordersBody .ks93-logo-box .service-logo-img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    padding:5px !important;
    box-sizing:border-box !important;
  }

  #ordersBody .ks93-logo-box .service-icon-fallback{
    display:none !important;
  }

  #ordersBody .ks93-logo-box .service-logo-wrap.no-image{
    background:linear-gradient(135deg,#2563eb,#7c3aed) !important;
  }

  #ordersBody .ks93-logo-box .service-logo-wrap.no-image .service-icon-fallback{
    display:grid !important;
    place-items:center !important;
    width:100% !important;
    height:100% !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-size:22px !important;
    line-height:1 !important;
    font-weight:1000 !important;
  }

  #ordersBody .ks93-title{
    min-width:0 !important;
  }

  #ordersBody .ks93-id-line{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    min-width:0 !important;
    margin-bottom:3px !important;
  }

  #ordersBody .ks93-id-line strong{
    min-width:0 !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-size:19px !important;
    line-height:1.12 !important;
    font-weight:1000 !important;
    letter-spacing:.01em !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  #ordersBody .ks93-title > b{
    display:block !important;
    color:#e5e7eb !important;
    -webkit-text-fill-color:#e5e7eb !important;
    font-size:13px !important;
    line-height:1.22 !important;
    font-weight:900 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  #ordersBody .ks93-status{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:25px !important;
    padding:0 9px !important;
    border-radius:999px !important;
    font-size:11px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    white-space:nowrap !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    background:rgba(34,197,94,.22) !important;
    border:1px solid rgba(74,222,128,.30) !important;
  }

  #ordersBody .ks93-status.expired{
    background:rgba(239,68,68,.22) !important;
    border-color:rgba(248,113,113,.32) !important;
  }

  #ordersBody .ks93-status.expiring{
    background:rgba(245,158,11,.22) !important;
    border-color:rgba(251,191,36,.32) !important;
  }

  #ordersBody .ks93-info-grid{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }

  #ordersBody .ks93-info-item{
    min-width:0 !important;
    padding:9px 10px !important;
    border-radius:15px !important;
    background:rgba(15,23,42,.46) !important;
    border:1px solid rgba(148,163,184,.12) !important;
  }

  #ordersBody .ks93-info-item span,
  #ordersBody .ks93-price-row span{
    display:block !important;
    color:#94a3b8 !important;
    -webkit-text-fill-color:#94a3b8 !important;
    font-size:9.5px !important;
    line-height:1.1 !important;
    font-weight:1000 !important;
    letter-spacing:.04em !important;
    text-transform:uppercase !important;
    margin-bottom:5px !important;
  }

  #ordersBody .ks93-info-item b{
    display:block !important;
    min-width:0 !important;
    color:#f8fafc !important;
    -webkit-text-fill-color:#f8fafc !important;
    font-size:11.5px !important;
    line-height:1.24 !important;
    font-weight:900 !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }

  #ordersBody .ks93-info-item .service-name-wrap{
    display:inline-flex !important;
    align-items:center !important;
    gap:5px !important;
    min-width:0 !important;
    max-width:100% !important;
    vertical-align:middle !important;
  }

  #ordersBody .ks93-info-item .service-logo-wrap{
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    border-radius:6px !important;
  }

  #ordersBody .ks93-info-item .service-logo-img{
    padding:2px !important;
  }

  #ordersBody .ks93-info-item .service-name-text{
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  #ordersBody .ks93-info-item em{
    color:#818cf8 !important;
    -webkit-text-fill-color:#818cf8 !important;
    font-style:normal !important;
    font-weight:1000 !important;
  }

  #ordersBody .ks93-price-row{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    min-width:0 !important;
    padding:11px 12px !important;
    border-radius:16px !important;
    background:linear-gradient(135deg,rgba(15,23,42,.72),rgba(30,41,59,.50)) !important;
    border:1px solid rgba(148,163,184,.14) !important;
  }

  #ordersBody .ks93-price-row span{
    margin:0 !important;
  }

  #ordersBody .ks93-price-row strong{
    min-width:0 !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-size:15px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    white-space:nowrap !important;
  }

  #ordersBody .ks93-card-actions{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:8px !important;
    width:100% !important;
  }

  #ordersBody .ks93-card-actions .row-action-btn{
    width:100% !important;
    min-width:0 !important;
    height:39px !important;
    min-height:39px !important;
    padding:0 6px !important;
    border-radius:14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    font-size:11.5px !important;
    line-height:1 !important;
    font-weight:950 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  #ordersBody .ks93-card-actions .row-action-btn.view::before{content:"👁"; margin-right:4px;}
  #ordersBody .ks93-card-actions .row-action-btn.copy::before{content:"⧉"; margin-right:4px;}
  #ordersBody .ks93-card-actions .row-action-btn.edit::before{content:"✎"; margin-right:4px;}
  #ordersBody .ks93-card-actions .row-action-btn.danger::before{content:"×"; margin-right:4px;}

  #ordersBody .ks93-card-actions .row-action-btn.copy{
    color:#99f6e4 !important;
    -webkit-text-fill-color:#99f6e4 !important;
    background:rgba(20,184,166,.14) !important;
    border:1px solid rgba(45,212,191,.30) !important;
  }

  #ordersBody .ks93-card-actions .row-action-btn.edit{
    color:#fde68a !important;
    -webkit-text-fill-color:#fde68a !important;
    background:rgba(245,158,11,.13) !important;
    border:1px solid rgba(251,191,36,.30) !important;
  }

  #ordersBody .ks93-card-actions .row-action-btn.danger{
    color:#fecaca !important;
    -webkit-text-fill-color:#fecaca !important;
    background:rgba(239,68,68,.14) !important;
    border:1px solid rgba(248,113,113,.30) !important;
  }
}

@media(max-width:390px){
  #ordersBody .ks93-info-grid{
    grid-template-columns:1fr !important;
  }

  #ordersBody .ks93-card-actions{
    gap:6px !important;
  }

  #ordersBody .ks93-card-actions .row-action-btn{
    font-size:10.5px !important;
    padding:0 4px !important;
  }
}


@media(max-width:767px){
  #ordersBody tr.ks94-order-row,
  #ordersBody tr.ks94-order-row > td{
    display:block !important;
    width:100% !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-sizing:border-box !important;
  }

  #ordersBody tr.ks93-order-row:not(.ks94-order-row),
  #ordersBody tr.ks92-order-row:not(.ks94-order-row),
  #ordersBody tr.ks-order-standard-row:not(.ks94-order-row){
    display:none !important;
  }

  #ordersBody .ks94-order-card{
    position:relative !important;
    display:grid !important;
    gap:12px !important;
    width:100% !important;
    margin:0 0 14px !important;
    padding:14px !important;
    border-radius:24px !important;
    background:
      radial-gradient(circle at 0% 0%, rgba(59,130,246,.22), transparent 38%),
      linear-gradient(180deg, rgba(8,22,68,.96), rgba(5,15,52,.96)) !important;
    border:1px solid rgba(120,145,255,.18) !important;
    box-shadow:0 14px 34px rgba(2,6,23,.24), inset 0 1px 0 rgba(255,255,255,.05) !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  #ordersBody .ks94-order-card.is-latest{
    background:
      radial-gradient(circle at 0% 0%, rgba(250,204,21,.24), transparent 36%),
      linear-gradient(180deg, rgba(33,28,13,.96), rgba(8,22,68,.94)) !important;
    border-color:rgba(250,204,21,.50) !important;
    box-shadow:0 16px 36px rgba(2,6,23,.28), inset 0 0 0 1px rgba(250,204,21,.10) !important;
  }

  #ordersBody .ks94-order-card.is-expired{
    border-color:rgba(248,113,113,.42) !important;
    background:
      radial-gradient(circle at 0% 0%, rgba(239,68,68,.18), transparent 36%),
      linear-gradient(180deg, rgba(32,10,18,.96), rgba(5,15,52,.94)) !important;
  }

  #ordersBody .ks94-order-card.is-warning{
    border-color:rgba(251,191,36,.42) !important;
  }

  #ordersBody .ks94-card-top{
    display:grid !important;
    grid-template-columns:52px minmax(0,1fr) !important;
    align-items:center !important;
    gap:11px !important;
    min-width:0 !important;
  }

  #ordersBody .ks94-logo-box{
    width:52px !important;
    height:52px !important;
    border-radius:18px !important;
    display:grid !important;
    place-items:center !important;
    background:
      radial-gradient(circle at 30% 20%, rgba(255,255,255,.14), transparent 44%),
      rgba(15,23,42,.42) !important;
    border:1px solid rgba(148,163,184,.16) !important;
    box-shadow:0 10px 24px rgba(2,6,23,.22), inset 0 1px 0 rgba(255,255,255,.08) !important;
    overflow:hidden !important;
  }

  #ordersBody .ks94-logo-box .service-logo-wrap,
  #ordersBody .ks94-logo-box .service-logo-wrap.ks94-card-service-logo{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    border-radius:15px !important;
    display:grid !important;
    place-items:center !important;
    background:rgba(255,255,255,.92) !important;
    border:1px solid rgba(255,255,255,.22) !important;
    overflow:hidden !important;
    box-shadow:0 7px 16px rgba(2,6,23,.20) !important;
  }

  #ordersBody .ks94-logo-box .service-logo-img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    padding:5px !important;
    box-sizing:border-box !important;
  }

  #ordersBody .ks94-logo-box .service-icon-fallback{
    display:none !important;
  }

  #ordersBody .ks94-logo-box .service-logo-wrap.no-image{
    background:linear-gradient(135deg,#2563eb,#7c3aed) !important;
  }

  #ordersBody .ks94-logo-box .service-logo-wrap.no-image .service-icon-fallback{
    display:grid !important;
    place-items:center !important;
    width:100% !important;
    height:100% !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-size:22px !important;
    line-height:1 !important;
    font-weight:1000 !important;
  }

  #ordersBody .ks94-title{
    min-width:0 !important;
  }

  #ordersBody .ks94-id-line{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    min-width:0 !important;
    margin-bottom:3px !important;
  }

  #ordersBody .ks94-id-line strong{
    min-width:0 !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-size:19px !important;
    line-height:1.12 !important;
    font-weight:1000 !important;
    letter-spacing:.01em !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  #ordersBody .ks94-title > b{
    display:block !important;
    color:#e5e7eb !important;
    -webkit-text-fill-color:#e5e7eb !important;
    font-size:13px !important;
    line-height:1.22 !important;
    font-weight:900 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  #ordersBody .ks94-status{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:25px !important;
    padding:0 9px !important;
    border-radius:999px !important;
    font-size:11px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    white-space:nowrap !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    background:rgba(34,197,94,.22) !important;
    border:1px solid rgba(74,222,128,.30) !important;
  }

  #ordersBody .ks94-status.expired{
    background:rgba(239,68,68,.22) !important;
    border-color:rgba(248,113,113,.32) !important;
  }

  #ordersBody .ks94-status.expiring{
    background:rgba(245,158,11,.22) !important;
    border-color:rgba(251,191,36,.32) !important;
  }

  #ordersBody .ks94-info-grid{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }

  #ordersBody .ks94-info-item{
    min-width:0 !important;
    padding:9px 10px !important;
    border-radius:15px !important;
    background:rgba(15,23,42,.46) !important;
    border:1px solid rgba(148,163,184,.12) !important;
  }

  #ordersBody .ks94-info-item span,
  #ordersBody .ks94-price-row span{
    display:block !important;
    color:#94a3b8 !important;
    -webkit-text-fill-color:#94a3b8 !important;
    font-size:9.5px !important;
    line-height:1.1 !important;
    font-weight:1000 !important;
    letter-spacing:.04em !important;
    text-transform:uppercase !important;
    margin-bottom:5px !important;
  }

  #ordersBody .ks94-info-item b{
    display:block !important;
    min-width:0 !important;
    color:#f8fafc !important;
    -webkit-text-fill-color:#f8fafc !important;
    font-size:11.5px !important;
    line-height:1.24 !important;
    font-weight:900 !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }

  #ordersBody .ks94-info-item em{
    color:#818cf8 !important;
    -webkit-text-fill-color:#818cf8 !important;
    font-style:normal !important;
    font-weight:1000 !important;
  }

  #ordersBody .ks94-info-item .service-logo-wrap,
  #ordersBody .ks94-info-item .service-logo-img,
  #ordersBody .ks94-info-item .service-icon-fallback{
    display:none !important;
  }

  #ordersBody .ks94-price-row{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    min-width:0 !important;
    padding:12px 13px !important;
    border-radius:16px !important;
    background:
      linear-gradient(135deg,rgba(15,23,42,.76),rgba(30,41,59,.54)) !important;
    border:1px solid rgba(148,163,184,.16) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
  }

  #ordersBody .ks94-price-row span{
    margin:0 !important;
  }

  #ordersBody .ks94-price-row strong{
    min-width:0 !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-size:15.5px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    white-space:nowrap !important;
  }

  #ordersBody .ks94-card-actions{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:8px !important;
    width:100% !important;
  }

  #ordersBody .ks94-card-actions .row-action-btn{
    width:100% !important;
    min-width:0 !important;
    height:39px !important;
    min-height:39px !important;
    padding:0 6px !important;
    border-radius:14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    font-size:11.5px !important;
    line-height:1 !important;
    font-weight:950 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  #ordersBody .ks94-card-actions .row-action-btn.view::before{content:"👁"; margin-right:4px;}
  #ordersBody .ks94-card-actions .row-action-btn.copy::before{content:"⧉"; margin-right:4px;}
  #ordersBody .ks94-card-actions .row-action-btn.edit::before{content:"✎"; margin-right:4px;}
  #ordersBody .ks94-card-actions .row-action-btn.danger::before{content:"×"; margin-right:4px;}

  #ordersBody .ks94-card-actions .row-action-btn.copy{
    color:#99f6e4 !important;
    -webkit-text-fill-color:#99f6e4 !important;
    background:rgba(20,184,166,.14) !important;
    border:1px solid rgba(45,212,191,.30) !important;
  }

  #ordersBody .ks94-card-actions .row-action-btn.edit{
    color:#fde68a !important;
    -webkit-text-fill-color:#fde68a !important;
    background:rgba(245,158,11,.13) !important;
    border:1px solid rgba(251,191,36,.30) !important;
  }

  #ordersBody .ks94-card-actions .row-action-btn.danger{
    color:#fecaca !important;
    -webkit-text-fill-color:#fecaca !important;
    background:rgba(239,68,68,.14) !important;
    border:1px solid rgba(248,113,113,.30) !important;
  }
}

@media(max-width:390px){
  #ordersBody .ks94-info-grid{
    grid-template-columns:1fr !important;
  }

  #ordersBody .ks94-card-actions{
    gap:6px !important;
  }

  #ordersBody .ks94-card-actions .row-action-btn{
    font-size:10.5px !important;
    padding:0 4px !important;
  }
}


#alerts .expiry-alerts-panel{
  overflow:visible !important;
}

#alerts .expiry-alerts-head{
  margin-bottom:14px !important;
}

#alerts .expiry-alert-filter-bar{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  margin:0 0 16px !important;
  padding:10px !important;
  border-radius:20px !important;
  background:rgba(15,23,42,.50) !important;
  border:1px solid rgba(148,163,184,.13) !important;
}

#alerts .expiry-alert-filter{
  min-height:38px !important;
  padding:0 14px !important;
  border-radius:999px !important;
  border:1px solid rgba(148,163,184,.18) !important;
  background:rgba(15,23,42,.62) !important;
  color:#cbd5e1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:950 !important;
  white-space:nowrap !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}

#alerts .expiry-alert-filter.active{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background:linear-gradient(135deg,rgba(37,99,235,.82),rgba(124,58,237,.78)) !important;
  border-color:rgba(165,180,252,.42) !important;
  box-shadow:0 10px 22px rgba(59,130,246,.20), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

#alerts .ks95-alert-list{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr)) !important;
  gap:14px !important;
}

#alerts .ks95-alert-card{
  position:relative !important;
  display:grid !important;
  grid-template-columns:58px minmax(0,1fr) !important;
  gap:13px !important;
  width:100% !important;
  min-width:0 !important;
  padding:15px !important;
  border-radius:24px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(59,130,246,.20), transparent 38%),
    linear-gradient(180deg, rgba(8,22,68,.96), rgba(5,15,52,.96)) !important;
  border:1px solid rgba(120,145,255,.18) !important;
  box-shadow:0 14px 34px rgba(2,6,23,.24), inset 0 1px 0 rgba(255,255,255,.05) !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

#alerts .ks95-alert-card.expired{
  background:
    radial-gradient(circle at 0% 0%, rgba(239,68,68,.22), transparent 38%),
    linear-gradient(180deg, rgba(32,10,18,.96), rgba(5,15,52,.94)) !important;
  border-color:rgba(248,113,113,.42) !important;
}

#alerts .ks95-alert-card.urgent{
  background:
    radial-gradient(circle at 0% 0%, rgba(245,158,11,.24), transparent 38%),
    linear-gradient(180deg, rgba(37,25,10,.96), rgba(5,15,52,.94)) !important;
  border-color:rgba(251,191,36,.42) !important;
}

#alerts .ks95-alert-card.soon{
  border-color:rgba(250,204,21,.28) !important;
}

#alerts .ks95-alert-logoBox{
  width:58px !important;
  height:58px !important;
  border-radius:20px !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(15,23,42,.44) !important;
  border:1px solid rgba(148,163,184,.16) !important;
  box-shadow:0 10px 24px rgba(2,6,23,.22), inset 0 1px 0 rgba(255,255,255,.08) !important;
  overflow:hidden !important;
}

#alerts .ks95-alert-logoBox .service-logo-wrap{
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  border-radius:16px !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(255,255,255,.92) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  overflow:hidden !important;
}

#alerts .ks95-alert-logoBox .service-logo-img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  padding:5px !important;
  box-sizing:border-box !important;
}

#alerts .ks95-alert-logoBox .service-logo-wrap.no-image{
  background:linear-gradient(135deg,#2563eb,#7c3aed) !important;
}

#alerts .ks95-alert-logoBox .service-icon-fallback{
  display:grid !important;
  place-items:center !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:22px !important;
  line-height:1 !important;
  font-weight:1000 !important;
}

#alerts .ks95-alert-main{
  min-width:0 !important;
  display:grid !important;
  gap:10px !important;
}

#alerts .ks95-alert-top{
  display:flex !important;
  align-items:start !important;
  justify-content:space-between !important;
  gap:10px !important;
  min-width:0 !important;
}

#alerts .ks95-alert-title{
  min-width:0 !important;
}

#alerts .ks95-alert-title strong{
  display:block !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:18px !important;
  line-height:1.1 !important;
  font-weight:1000 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

#alerts .ks95-alert-title b{
  display:block !important;
  color:#e5e7eb !important;
  -webkit-text-fill-color:#e5e7eb !important;
  font-size:13px !important;
  line-height:1.25 !important;
  font-weight:900 !important;
  margin-top:4px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

#alerts .ks95-alert-pill{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:28px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  white-space:nowrap !important;
  background:rgba(250,204,21,.18) !important;
  border:1px solid rgba(250,204,21,.30) !important;
}

#alerts .ks95-alert-pill.expired{
  background:rgba(239,68,68,.24) !important;
  border-color:rgba(248,113,113,.36) !important;
}

#alerts .ks95-alert-pill.urgent{
  background:rgba(245,158,11,.24) !important;
  border-color:rgba(251,191,36,.36) !important;
}

#alerts .ks95-alert-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:8px !important;
}

#alerts .ks95-alert-grid > div{
  min-width:0 !important;
  padding:9px 10px !important;
  border-radius:15px !important;
  background:rgba(15,23,42,.48) !important;
  border:1px solid rgba(148,163,184,.12) !important;
}

#alerts .ks95-alert-grid span{
  display:block !important;
  color:#94a3b8 !important;
  -webkit-text-fill-color:#94a3b8 !important;
  font-size:9.5px !important;
  line-height:1.1 !important;
  font-weight:1000 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  margin-bottom:5px !important;
}

#alerts .ks95-alert-grid b{
  display:block !important;
  min-width:0 !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  font-size:11.5px !important;
  line-height:1.24 !important;
  font-weight:900 !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}

#alerts .ks95-alert-actions{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:8px !important;
}

#alerts .ks95-alert-actions .row-action-btn{
  width:100% !important;
  min-width:0 !important;
  height:38px !important;
  min-height:38px !important;
  padding:0 8px !important;
  border-radius:14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  font-size:11.5px !important;
  line-height:1 !important;
  font-weight:950 !important;
  white-space:nowrap !important;
}

#alerts .ks95-alert-actions .row-action-btn.view::before{content:"👁"; margin-right:4px;}
#alerts .ks95-alert-actions .row-action-btn.copy::before{content:"⧉"; margin-right:4px;}
#alerts .ks95-alert-actions .row-action-btn.edit::before{content:"✎"; margin-right:4px;}

#alerts .ks95-alert-actions .row-action-btn.copy{
  color:#99f6e4 !important;
  -webkit-text-fill-color:#99f6e4 !important;
  background:rgba(20,184,166,.14) !important;
  border:1px solid rgba(45,212,191,.30) !important;
}

#alerts .ks95-alert-actions .row-action-btn.edit{
  color:#fde68a !important;
  -webkit-text-fill-color:#fde68a !important;
  background:rgba(245,158,11,.13) !important;
  border:1px solid rgba(251,191,36,.30) !important;
}

#alerts .ks95-alert-empty{
  padding:22px !important;
  border-radius:22px !important;
  background:rgba(15,23,42,.48) !important;
  border:1px dashed rgba(148,163,184,.22) !important;
  color:#cbd5e1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
  font-size:13px !important;
  font-weight:850 !important;
  text-align:center !important;
}

@media(max-width:767px){
  #alerts .expiry-alert-filter-bar{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    padding:8px !important;
  }

  #alerts .expiry-alert-filter{
    width:100% !important;
    min-width:0 !important;
    min-height:36px !important;
    padding:0 8px !important;
    font-size:11px !important;
  }

  #alerts .ks95-alert-list{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  #alerts .ks95-alert-card{
    grid-template-columns:52px minmax(0,1fr) !important;
    gap:10px !important;
    padding:13px !important;
    border-radius:22px !important;
  }

  #alerts .ks95-alert-logoBox{
    width:52px !important;
    height:52px !important;
    border-radius:18px !important;
  }

  #alerts .ks95-alert-logoBox .service-logo-wrap{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
  }

  #alerts .ks95-alert-grid{
    grid-template-columns:1fr 1fr !important;
  }

  #alerts .ks95-alert-actions{
    grid-column:1 / -1 !important;
  }
}

@media(max-width:390px){
  #alerts .ks95-alert-card{
    grid-template-columns:1fr !important;
  }

  #alerts .ks95-alert-logoBox{
    position:absolute !important;
    top:13px !important;
    left:13px !important;
  }

  #alerts .ks95-alert-top{
    padding-left:64px !important;
    min-height:54px !important;
  }

  #alerts .ks95-alert-grid{
    grid-template-columns:1fr !important;
  }
}


#trash .orders-trash-panel{
  overflow:visible !important;
}

#trash .orders-trash-head{
  margin-bottom:14px !important;
}

#trash .orders-trash-tools{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin:0 0 14px !important;
}

#trash .trash-toolbar{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  padding:10px !important;
  border-radius:20px !important;
  background:rgba(15,23,42,.50) !important;
  border:1px solid rgba(148,163,184,.13) !important;
}

#trash .trash-tool-btn{
  min-height:40px !important;
  padding:0 15px !important;
  border-radius:14px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  color:#dbeafe !important;
  -webkit-text-fill-color:#dbeafe !important;
  background:rgba(59,130,246,.13) !important;
  border:1px solid rgba(96,165,250,.26) !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:950 !important;
  white-space:nowrap !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}

#trash .trash-tool-btn::before{
  content:"✓" !important;
  color:#bfdbfe !important;
  -webkit-text-fill-color:#bfdbfe !important;
}

#trash .trash-tool-btn.danger{
  color:#fecaca !important;
  -webkit-text-fill-color:#fecaca !important;
  background:rgba(239,68,68,.13) !important;
  border-color:rgba(248,113,113,.30) !important;
}

#trash .trash-tool-btn.danger::before{
  content:"×" !important;
  color:#fecaca !important;
  -webkit-text-fill-color:#fecaca !important;
}

#trash .orders-trash-wrap table,
#trash .orders-trash-wrap tbody,
#trash #trashBody{
  width:100% !important;
}

#trash .ks97-trash-row,
#trash .ks97-trash-row > td{
  display:block !important;
  width:100% !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-sizing:border-box !important;
}

#trash thead{
  display:none !important;
}

#trash .ks97-trash-card{
  position:relative !important;
  display:grid !important;
  grid-template-columns:34px 58px minmax(0,1fr) !important;
  gap:13px !important;
  align-items:start !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 0 14px !important;
  padding:15px !important;
  border-radius:24px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(239,68,68,.16), transparent 38%),
    linear-gradient(180deg, rgba(32,10,18,.92), rgba(5,15,52,.95)) !important;
  border:1px solid rgba(248,113,113,.26) !important;
  box-shadow:0 14px 34px rgba(2,6,23,.24), inset 0 1px 0 rgba(255,255,255,.05) !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

#trash .ks97-trash-check-wrap{
  width:30px !important;
  height:30px !important;
  display:grid !important;
  place-items:center !important;
  margin-top:13px !important;
  cursor:pointer !important;
}

#trash .ks97-trash-check-wrap input{
  position:absolute !important;
  opacity:0 !important;
  pointer-events:none !important;
}

#trash .ks97-trash-check-wrap span{
  width:24px !important;
  height:24px !important;
  border-radius:9px !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(15,23,42,.68) !important;
  border:1px solid rgba(148,163,184,.26) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}

#trash .ks97-trash-check-wrap input:checked + span{
  background:linear-gradient(135deg,rgba(34,197,94,.85),rgba(16,185,129,.75)) !important;
  border-color:rgba(134,239,172,.50) !important;
}

#trash .ks97-trash-check-wrap input:checked + span::before{
  content:"✓" !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:15px !important;
  line-height:1 !important;
  font-weight:1000 !important;
}

#trash .ks97-trash-logoBox{
  width:58px !important;
  height:58px !important;
  border-radius:20px !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(15,23,42,.44) !important;
  border:1px solid rgba(148,163,184,.16) !important;
  box-shadow:0 10px 24px rgba(2,6,23,.22), inset 0 1px 0 rgba(255,255,255,.08) !important;
  overflow:hidden !important;
}

#trash .ks97-trash-logoBox .service-logo-wrap{
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  border-radius:16px !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(255,255,255,.92) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  overflow:hidden !important;
}

#trash .ks97-trash-logoBox .service-logo-img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  padding:5px !important;
  box-sizing:border-box !important;
}

#trash .ks97-trash-logoBox .service-logo-wrap.no-image{
  background:linear-gradient(135deg,#2563eb,#7c3aed) !important;
}

#trash .ks97-trash-logoBox .service-icon-fallback{
  display:grid !important;
  place-items:center !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:22px !important;
  line-height:1 !important;
  font-weight:1000 !important;
}

#trash .ks97-trash-main{
  min-width:0 !important;
  display:grid !important;
  gap:10px !important;
}

#trash .ks97-trash-top{
  display:flex !important;
  align-items:start !important;
  justify-content:space-between !important;
  gap:10px !important;
  min-width:0 !important;
}

#trash .ks97-trash-title{
  min-width:0 !important;
}

#trash .ks97-trash-title strong{
  display:block !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:18px !important;
  line-height:1.1 !important;
  font-weight:1000 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

#trash .ks97-trash-title b{
  display:block !important;
  color:#e5e7eb !important;
  -webkit-text-fill-color:#e5e7eb !important;
  font-size:13px !important;
  line-height:1.25 !important;
  font-weight:900 !important;
  margin-top:4px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

#trash .ks97-trash-badge{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:28px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  color:#fecaca !important;
  -webkit-text-fill-color:#fecaca !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  white-space:nowrap !important;
  background:rgba(239,68,68,.20) !important;
  border:1px solid rgba(248,113,113,.32) !important;
}

#trash .ks97-trash-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:8px !important;
}

#trash .ks97-trash-grid > div{
  min-width:0 !important;
  padding:9px 10px !important;
  border-radius:15px !important;
  background:rgba(15,23,42,.48) !important;
  border:1px solid rgba(148,163,184,.12) !important;
}

#trash .ks97-trash-grid span{
  display:block !important;
  color:#94a3b8 !important;
  -webkit-text-fill-color:#94a3b8 !important;
  font-size:9.5px !important;
  line-height:1.1 !important;
  font-weight:1000 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  margin-bottom:5px !important;
}

#trash .ks97-trash-grid b{
  display:block !important;
  min-width:0 !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  font-size:11.5px !important;
  line-height:1.24 !important;
  font-weight:900 !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}

#trash .ks97-trash-actions{
  display:grid !important;
  grid-template-columns:0.9fr 1fr 1.35fr !important;
  gap:8px !important;
}

#trash .ks97-trash-actions .row-action-btn{
  width:100% !important;
  min-width:0 !important;
  height:38px !important;
  min-height:38px !important;
  padding:0 8px !important;
  border-radius:14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  font-size:11.5px !important;
  line-height:1 !important;
  font-weight:950 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

#trash .ks97-trash-actions .row-action-btn.view::before{content:"👁"; margin-right:4px;}
#trash .ks97-trash-actions .row-action-btn.restore::before{content:"↩"; margin-right:4px;}
#trash .ks97-trash-actions .row-action-btn.danger::before{content:"×"; margin-right:4px;}

#trash .ks97-trash-actions .row-action-btn.restore{
  color:#bbf7d0 !important;
  -webkit-text-fill-color:#bbf7d0 !important;
  background:rgba(34,197,94,.15) !important;
  border:1px solid rgba(74,222,128,.30) !important;
}

#trash .ks97-trash-actions .row-action-btn.danger{
  color:#fecaca !important;
  -webkit-text-fill-color:#fecaca !important;
  background:rgba(239,68,68,.15) !important;
  border:1px solid rgba(248,113,113,.32) !important;
}

#trash .ks97-trash-empty{
  padding:24px !important;
  border-radius:22px !important;
  background:rgba(15,23,42,.48) !important;
  border:1px dashed rgba(148,163,184,.22) !important;
  color:#cbd5e1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
  text-align:center !important;
  font-size:13px !important;
  font-weight:850 !important;
}

@media(max-width:767px){
  #trash .orders-trash-tools{
    display:block !important;
  }

  #trash .trash-toolbar{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    padding:8px !important;
  }

  #trash .trash-tool-btn{
    width:100% !important;
    min-width:0 !important;
    min-height:38px !important;
    padding:0 8px !important;
    font-size:11px !important;
  }

  #trash .ks97-trash-card{
    grid-template-columns:28px 52px minmax(0,1fr) !important;
    gap:9px !important;
    padding:13px !important;
    border-radius:22px !important;
  }

  #trash .ks97-trash-check-wrap{
    width:26px !important;
    height:26px !important;
    margin-top:13px !important;
  }

  #trash .ks97-trash-check-wrap span{
    width:22px !important;
    height:22px !important;
    border-radius:8px !important;
  }

  #trash .ks97-trash-logoBox{
    width:52px !important;
    height:52px !important;
    border-radius:18px !important;
  }

  #trash .ks97-trash-logoBox .service-logo-wrap{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
  }

  #trash .ks97-trash-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  #trash .ks97-trash-actions{
    grid-template-columns:1fr 1fr 1.25fr !important;
  }

  #trash .ks97-trash-actions .row-action-btn{
    height:39px !important;
    min-height:39px !important;
    padding:0 6px !important;
    font-size:10.5px !important;
  }
}

@media(max-width:390px){
  #trash .ks97-trash-card{
    grid-template-columns:28px 1fr !important;
  }

  #trash .ks97-trash-logoBox{
    grid-column:2 !important;
    grid-row:1 !important;
    margin-left:0 !important;
  }

  #trash .ks97-trash-main{
    grid-column:1 / -1 !important;
  }

  #trash .ks97-trash-grid{
    grid-template-columns:1fr !important;
  }

  #trash .ks97-trash-actions{
    grid-template-columns:1fr !important;
  }
}


#stock .stock-accounts-panel{
  overflow:visible !important;
}

#stock .stock-alert-summary{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:12px !important;
  margin:14px 0 !important;
}

#stock .stock-alert-card.stock-filter-card{
  min-height:86px !important;
  padding:15px !important;
  border-radius:22px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  gap:8px !important;
  cursor:pointer !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(59,130,246,.18), transparent 40%),
    linear-gradient(180deg, rgba(15,23,42,.82), rgba(8,13,25,.88)) !important;
  border:1px solid rgba(148,163,184,.16) !important;
  box-shadow:0 12px 28px rgba(2,6,23,.18), inset 0 1px 0 rgba(255,255,255,.05) !important;
  transition:.18s ease !important;
}

#stock .stock-alert-card.stock-filter-card:hover,
#stock .stock-alert-card.stock-filter-card.active{
  transform:translateY(-1px) !important;
  border-color:rgba(129,140,248,.44) !important;
  box-shadow:0 16px 34px rgba(59,130,246,.14), inset 0 1px 0 rgba(255,255,255,.07) !important;
}

#stock .stock-alert-card.stock-filter-card span{
  color:#a5b4fc !important;
  -webkit-text-fill-color:#a5b4fc !important;
  font-size:12px !important;
  line-height:1.1 !important;
  font-weight:950 !important;
}

#stock .stock-alert-card.stock-filter-card b{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:25px !important;
  line-height:1 !important;
  font-weight:1000 !important;
}

#stock .stock-toolbar,
#stock .filters{
  border-radius:20px !important;
}

#stock .table-wrap,
#stock table,
#stock tbody,
#stockBody{
  display:block !important;
  width:100% !important;
}

#stock thead{
  display:none !important;
}

#stock .ks98-stock-row,
#stock .ks98-stock-row > td{
  display:block !important;
  width:100% !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-sizing:border-box !important;
}

#stock .ks98-stock-card{
  position:relative !important;
  display:grid !important;
  grid-template-columns:34px 58px minmax(0,1fr) !important;
  gap:13px !important;
  align-items:start !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 0 14px !important;
  padding:15px !important;
  border-radius:24px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(34,197,94,.14), transparent 38%),
    linear-gradient(180deg, rgba(8,22,68,.95), rgba(5,15,52,.96)) !important;
  border:1px solid rgba(74,222,128,.22) !important;
  box-shadow:0 14px 34px rgba(2,6,23,.24), inset 0 1px 0 rgba(255,255,255,.05) !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

#stock .ks98-stock-card.sold{
  background:
    radial-gradient(circle at 0% 0%, rgba(148,163,184,.18), transparent 38%),
    linear-gradient(180deg, rgba(15,23,42,.95), rgba(5,15,52,.96)) !important;
  border-color:rgba(148,163,184,.20) !important;
}

#stock .ks98-stock-check{
  width:30px !important;
  height:30px !important;
  display:grid !important;
  place-items:center !important;
  margin-top:14px !important;
  cursor:pointer !important;
}

#stock .ks98-stock-check input{
  position:absolute !important;
  opacity:0 !important;
  pointer-events:none !important;
}

#stock .ks98-stock-check span{
  width:24px !important;
  height:24px !important;
  border-radius:9px !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(15,23,42,.68) !important;
  border:1px solid rgba(148,163,184,.26) !important;
}

#stock .ks98-stock-check input:checked + span{
  background:linear-gradient(135deg,rgba(34,197,94,.85),rgba(16,185,129,.75)) !important;
  border-color:rgba(134,239,172,.50) !important;
}

#stock .ks98-stock-check input:checked + span::before{
  content:"✓" !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:15px !important;
  line-height:1 !important;
  font-weight:1000 !important;
}

#stock .ks98-stock-logoBox{
  width:58px !important;
  height:58px !important;
  border-radius:20px !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(15,23,42,.44) !important;
  border:1px solid rgba(148,163,184,.16) !important;
  box-shadow:0 10px 24px rgba(2,6,23,.22), inset 0 1px 0 rgba(255,255,255,.08) !important;
  overflow:hidden !important;
}

#stock .ks98-stock-logoBox .service-logo-wrap{
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  border-radius:16px !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(255,255,255,.92) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  overflow:hidden !important;
}

#stock .ks98-stock-logoBox .service-logo-img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  padding:5px !important;
  box-sizing:border-box !important;
}

#stock .ks98-stock-logoBox .service-logo-wrap.no-image{
  background:linear-gradient(135deg,#2563eb,#7c3aed) !important;
}

#stock .ks98-stock-logoBox .service-icon-fallback{
  display:grid !important;
  place-items:center !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:22px !important;
  line-height:1 !important;
  font-weight:1000 !important;
}

#stock .ks98-stock-main{
  min-width:0 !important;
  display:grid !important;
  gap:10px !important;
}

#stock .ks98-stock-head{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:10px !important;
  min-width:0 !important;
}

#stock .ks98-stock-title{
  min-width:0 !important;
}

#stock .ks98-stock-title strong{
  display:block !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:18px !important;
  line-height:1.1 !important;
  font-weight:1000 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

#stock .ks98-stock-title b{
  display:block !important;
  color:#e5e7eb !important;
  -webkit-text-fill-color:#e5e7eb !important;
  font-size:13px !important;
  line-height:1.25 !important;
  font-weight:900 !important;
  margin-top:4px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

#stock .ks98-stock-status{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:28px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  color:#bbf7d0 !important;
  -webkit-text-fill-color:#bbf7d0 !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  white-space:nowrap !important;
  background:rgba(34,197,94,.18) !important;
  border:1px solid rgba(74,222,128,.28) !important;
}

#stock .ks98-stock-status.sold{
  color:#cbd5e1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
  background:rgba(148,163,184,.14) !important;
  border-color:rgba(148,163,184,.24) !important;
}

#stock .ks98-stock-info{
  display:grid !important;
  grid-template-columns:1.2fr 1fr 0.7fr 0.7fr !important;
  gap:8px !important;
}

#stock .ks98-stock-info > div{
  min-width:0 !important;
  padding:9px 10px !important;
  border-radius:15px !important;
  background:rgba(15,23,42,.48) !important;
  border:1px solid rgba(148,163,184,.12) !important;
}

#stock .ks98-stock-info span{
  display:block !important;
  color:#94a3b8 !important;
  -webkit-text-fill-color:#94a3b8 !important;
  font-size:9.5px !important;
  line-height:1.1 !important;
  font-weight:1000 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  margin-bottom:5px !important;
}

#stock .ks98-stock-info b{
  display:block !important;
  min-width:0 !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  font-size:11.5px !important;
  line-height:1.24 !important;
  font-weight:900 !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}

#stock .ks98-stock-info b.mono,
#stock .ks98-stock-info .mono{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace !important;
}

#stock .ks98-stock-info .password b{
  color:#bae6fd !important;
  -webkit-text-fill-color:#bae6fd !important;
}

#stock .ks98-stock-actions{
  display:grid !important;
  grid-template-columns:1.15fr 0.9fr 0.9fr 0.9fr !important;
  gap:8px !important;
}

#stock .ks98-stock-actions .stock-action-btn{
  width:100% !important;
  min-width:0 !important;
  height:38px !important;
  min-height:38px !important;
  padding:0 8px !important;
  border-radius:14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  font-size:11.5px !important;
  line-height:1 !important;
  font-weight:950 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  border:1px solid rgba(96,165,250,.24) !important;
  background:rgba(59,130,246,.12) !important;
  color:#dbeafe !important;
  -webkit-text-fill-color:#dbeafe !important;
}

#stock .ks98-stock-actions .stock-action-btn.use{
  color:#dcfce7 !important;
  -webkit-text-fill-color:#dcfce7 !important;
  background:linear-gradient(135deg,rgba(34,197,94,.32),rgba(16,185,129,.24)) !important;
  border-color:rgba(74,222,128,.42) !important;
  box-shadow:0 10px 20px rgba(34,197,94,.13) !important;
}

#stock .ks98-stock-actions .stock-action-btn.use::before{content:"＋"; margin-right:4px;}
#stock .ks98-stock-actions .stock-action-btn.view::before{content:"👁"; margin-right:4px;}
#stock .ks98-stock-actions .stock-action-btn.copy::before{content:"⧉"; margin-right:4px;}
#stock .ks98-stock-actions .stock-action-btn.danger::before{content:"×"; margin-right:4px;}

#stock .ks98-stock-actions .stock-action-btn.copy{
  color:#99f6e4 !important;
  -webkit-text-fill-color:#99f6e4 !important;
  background:rgba(20,184,166,.14) !important;
  border-color:rgba(45,212,191,.30) !important;
}

#stock .ks98-stock-actions .stock-action-btn.danger{
  color:#fecaca !important;
  -webkit-text-fill-color:#fecaca !important;
  background:rgba(239,68,68,.14) !important;
  border-color:rgba(248,113,113,.30) !important;
}

#stock .ks98-stock-actions .stock-action-btn:disabled{
  opacity:.45 !important;
  filter:grayscale(.35) !important;
  cursor:not-allowed !important;
}

#stock .ks98-stock-empty{
  padding:24px !important;
  border-radius:22px !important;
  background:rgba(15,23,42,.48) !important;
  border:1px dashed rgba(148,163,184,.22) !important;
  color:#cbd5e1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
  text-align:center !important;
  font-size:13px !important;
  font-weight:850 !important;
}

.ks98-stock-modal{
  position:fixed !important;
  inset:0 !important;
  z-index:99999 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:18px !important;
  background:rgba(2,6,23,.72) !important;
  backdrop-filter:blur(16px) saturate(150%) !important;
  -webkit-backdrop-filter:blur(16px) saturate(150%) !important;
}

.ks98-stock-modal.hidden{
  display:none !important;
}

.ks98-stock-modal-card{
  width:min(720px,96vw) !important;
  max-height:88vh !important;
  overflow:auto !important;
  border-radius:28px !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(34,197,94,.18), transparent 40%),
    linear-gradient(180deg, rgba(15,23,42,.98), rgba(8,13,25,.98)) !important;
  border:1px solid rgba(148,163,184,.20) !important;
  box-shadow:0 28px 80px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.07) !important;
}

.ks98-stock-modal-top{
  position:sticky !important;
  top:0 !important;
  z-index:2 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:18px 20px !important;
  background:rgba(8,13,25,.86) !important;
  border-bottom:1px solid rgba(148,163,184,.14) !important;
  backdrop-filter:blur(14px) !important;
}

.ks98-stock-modal-top h2{
  margin:0 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:21px !important;
  font-weight:1000 !important;
}

.ks98-stock-modal-top p{
  margin:4px 0 0 !important;
  color:#a5b4fc !important;
  -webkit-text-fill-color:#a5b4fc !important;
  font-size:12px !important;
  font-weight:800 !important;
}

.ks98-stock-modal-top button{
  width:40px !important;
  height:40px !important;
  border-radius:14px !important;
  border:1px solid rgba(148,163,184,.22) !important;
  background:rgba(148,163,184,.10) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:0 !important;
}

.ks98-stock-modal-top button::before{
  content:"×" !important;
  font-size:28px !important;
  line-height:1 !important;
}

#stockViewContent98{
  padding:18px 20px 20px !important;
}

.ks98-view-logo{
  width:62px !important;
  height:62px !important;
  border-radius:22px !important;
  display:grid !important;
  place-items:center !important;
  margin-bottom:14px !important;
  background:rgba(15,23,42,.44) !important;
  border:1px solid rgba(148,163,184,.16) !important;
}

.ks98-view-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
}

.ks98-view-grid > div{
  padding:11px !important;
  border-radius:16px !important;
  background:rgba(15,23,42,.50) !important;
  border:1px solid rgba(148,163,184,.12) !important;
}

.ks98-view-grid > div.wide{
  grid-column:1 / -1 !important;
}

.ks98-view-grid span{
  display:block !important;
  color:#94a3b8 !important;
  -webkit-text-fill-color:#94a3b8 !important;
  font-size:10px !important;
  font-weight:1000 !important;
  margin-bottom:6px !important;
}

.ks98-view-grid b{
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  font-size:12.5px !important;
  line-height:1.3 !important;
  font-weight:900 !important;
  overflow-wrap:anywhere !important;
}

.ks98-view-grid .mono{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace !important;
}

.ks98-view-actions{
  display:flex !important;
  justify-content:flex-end !important;
  gap:9px !important;
  margin-top:14px !important;
}

.ks98-view-actions .btn{
  min-width:92px !important;
  min-height:40px !important;
  border-radius:14px !important;
  font-size:12px !important;
  font-weight:950 !important;
}

@media(max-width:900px){
  #stock .stock-alert-summary{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  #stock .ks98-stock-info{
    grid-template-columns:1fr 1fr !important;
  }
}

@media(max-width:767px){
  #stock .stock-alert-summary{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:9px !important;
  }

  #stock .stock-alert-card.stock-filter-card{
    min-height:74px !important;
    border-radius:19px !important;
    padding:12px !important;
  }

  #stock .stock-alert-card.stock-filter-card b{
    font-size:21px !important;
  }

  #stock .ks98-stock-card{
    grid-template-columns:28px 52px minmax(0,1fr) !important;
    gap:9px !important;
    padding:13px !important;
    border-radius:22px !important;
  }

  #stock .ks98-stock-check{
    width:26px !important;
    height:26px !important;
    margin-top:13px !important;
  }

  #stock .ks98-stock-check span{
    width:22px !important;
    height:22px !important;
    border-radius:8px !important;
  }

  #stock .ks98-stock-logoBox{
    width:52px !important;
    height:52px !important;
    border-radius:18px !important;
  }

  #stock .ks98-stock-logoBox .service-logo-wrap{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
  }

  #stock .ks98-stock-info{
    grid-template-columns:1fr !important;
    gap:7px !important;
  }

  #stock .ks98-stock-actions{
    grid-template-columns:1.1fr 1fr 1fr 1fr !important;
    gap:7px !important;
  }

  #stock .ks98-stock-actions .stock-action-btn{
    height:39px !important;
    font-size:10.5px !important;
    padding:0 4px !important;
  }

  .ks98-stock-modal{
    align-items:flex-end !important;
    padding:10px !important;
  }

  .ks98-stock-modal-card{
    width:100% !important;
    max-height:90vh !important;
    border-radius:26px 26px 18px 18px !important;
  }

  .ks98-view-grid{
    grid-template-columns:1fr !important;
  }

  .ks98-view-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr 1fr !important;
  }

  .ks98-view-actions .btn{
    min-width:0 !important;
    width:100% !important;
  }
}

@media(max-width:390px){
  #stock .ks98-stock-card{
    grid-template-columns:28px 1fr !important;
  }

  #stock .ks98-stock-logoBox{
    grid-column:2 !important;
    grid-row:1 !important;
  }

  #stock .ks98-stock-main{
    grid-column:1 / -1 !important;
  }

  #stock .ks98-stock-actions{
    grid-template-columns:1fr 1fr !important;
  }
}


#stock .ks99-stock-service-row,
#stock .ks99-stock-service-row > td{
  display:block !important;
  width:100% !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-sizing:border-box !important;
}

#stock .ks99-stock-service-card{
  margin:0 0 12px !important;
  border-radius:24px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(59,130,246,.18), transparent 40%),
    linear-gradient(180deg, rgba(8,22,68,.94), rgba(5,15,52,.96)) !important;
  border:1px solid rgba(120,145,255,.18) !important;
  box-shadow:0 14px 34px rgba(2,6,23,.22), inset 0 1px 0 rgba(255,255,255,.05) !important;
}

#stock .ks99-stock-service-card.ok{
  border-color:rgba(74,222,128,.22) !important;
}

#stock .ks99-stock-service-card.warn{
  border-color:rgba(251,191,36,.38) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(245,158,11,.22), transparent 38%),
    linear-gradient(180deg, rgba(37,25,10,.94), rgba(5,15,52,.96)) !important;
}

#stock .ks99-stock-service-card.danger{
  border-color:rgba(248,113,113,.40) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(239,68,68,.22), transparent 38%),
    linear-gradient(180deg, rgba(32,10,18,.94), rgba(5,15,52,.96)) !important;
}

#stock .ks99-stock-service-head{
  width:100% !important;
  min-height:76px !important;
  padding:12px 14px !important;
  border:0 !important;
  background:transparent !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  cursor:pointer !important;
  text-align:left !important;
}

#stock .ks99-service-left{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-width:0 !important;
}

#stock .ks99-service-logoBox{
  width:52px !important;
  height:52px !important;
  min-width:52px !important;
  border-radius:18px !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(15,23,42,.45) !important;
  border:1px solid rgba(148,163,184,.16) !important;
  overflow:hidden !important;
}

#stock .ks99-service-logoBox .service-logo-wrap{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  border-radius:15px !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(255,255,255,.92) !important;
  overflow:hidden !important;
}

#stock .ks99-service-logoBox .service-logo-img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  padding:5px !important;
  box-sizing:border-box !important;
}

#stock .ks99-service-title{
  min-width:0 !important;
}

#stock .ks99-service-title strong{
  display:block !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:18px !important;
  line-height:1.12 !important;
  font-weight:1000 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

#stock .ks99-service-title span{
  display:block !important;
  color:#cbd5e1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:850 !important;
  margin-top:5px !important;
}

#stock .ks99-service-right{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  flex-shrink:0 !important;
}

#stock .ks99-service-pill{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:30px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  color:#bbf7d0 !important;
  -webkit-text-fill-color:#bbf7d0 !important;
  background:rgba(34,197,94,.18) !important;
  border:1px solid rgba(74,222,128,.30) !important;
  white-space:nowrap !important;
}

#stock .ks99-service-pill.warn{
  color:#fde68a !important;
  -webkit-text-fill-color:#fde68a !important;
  background:rgba(245,158,11,.18) !important;
  border-color:rgba(251,191,36,.30) !important;
}

#stock .ks99-service-pill.danger{
  color:#fecaca !important;
  -webkit-text-fill-color:#fecaca !important;
  background:rgba(239,68,68,.18) !important;
  border-color:rgba(248,113,113,.30) !important;
}

#stock .ks99-service-right > b{
  width:30px !important;
  height:30px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:12px !important;
  color:#e0e7ff !important;
  -webkit-text-fill-color:#e0e7ff !important;
  background:rgba(148,163,184,.12) !important;
  border:1px solid rgba(148,163,184,.16) !important;
  font-size:13px !important;
}

#stock .ks99-stock-service-content{
  display:none !important;
  padding:0 12px 12px !important;
}

#stock .ks99-stock-service-card.is-open .ks99-stock-service-content{
  display:block !important;
}

#stock .ks99-stock-mini-list{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr)) !important;
  gap:10px !important;
}

#stock .ks99-stock-mini{
  display:grid !important;
  grid-template-columns:28px minmax(0,1fr) !important;
  gap:10px !important;
  min-width:0 !important;
  padding:11px !important;
  border-radius:18px !important;
  background:rgba(15,23,42,.54) !important;
  border:1px solid rgba(148,163,184,.12) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}

#stock .ks99-stock-check{
  display:grid !important;
  place-items:center !important;
  width:26px !important;
  height:26px !important;
  margin-top:7px !important;
  cursor:pointer !important;
}

#stock .ks99-stock-check input{
  position:absolute !important;
  opacity:0 !important;
  pointer-events:none !important;
}

#stock .ks99-stock-check span{
  width:22px !important;
  height:22px !important;
  border-radius:8px !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(2,6,23,.55) !important;
  border:1px solid rgba(148,163,184,.26) !important;
}

#stock .ks99-stock-check input:checked + span{
  background:linear-gradient(135deg,rgba(34,197,94,.85),rgba(16,185,129,.75)) !important;
  border-color:rgba(134,239,172,.50) !important;
}

#stock .ks99-stock-check input:checked + span::before{
  content:"✓" !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:14px !important;
  line-height:1 !important;
  font-weight:1000 !important;
}

#stock .ks99-stock-mini-main{
  min-width:0 !important;
  display:grid !important;
  gap:8px !important;
}

#stock .ks99-stock-mini-head{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:8px !important;
  min-width:0 !important;
}

#stock .ks99-stock-mini-head strong{
  display:block !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:15px !important;
  line-height:1.15 !important;
  font-weight:1000 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

#stock .ks99-stock-mini-head b{
  display:block !important;
  color:#cbd5e1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
  font-size:11px !important;
  line-height:1.22 !important;
  font-weight:850 !important;
  margin-top:3px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

#stock .ks99-status{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:24px !important;
  padding:0 8px !important;
  border-radius:999px !important;
  color:#bbf7d0 !important;
  -webkit-text-fill-color:#bbf7d0 !important;
  background:rgba(34,197,94,.17) !important;
  border:1px solid rgba(74,222,128,.26) !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  white-space:nowrap !important;
}

#stock .ks99-status.sold{
  color:#cbd5e1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
  background:rgba(148,163,184,.14) !important;
  border-color:rgba(148,163,184,.24) !important;
}

#stock .ks99-stock-mini-info{
  display:grid !important;
  grid-template-columns:1fr 0.78fr 0.72fr !important;
  gap:7px !important;
}

#stock .ks99-stock-mini-info > div{
  min-width:0 !important;
  padding:8px !important;
  border-radius:13px !important;
  background:rgba(2,6,23,.32) !important;
  border:1px solid rgba(148,163,184,.10) !important;
}

#stock .ks99-stock-mini-info span{
  display:block !important;
  color:#94a3b8 !important;
  -webkit-text-fill-color:#94a3b8 !important;
  font-size:9px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  margin-bottom:5px !important;
}

#stock .ks99-stock-mini-info b{
  display:block !important;
  min-width:0 !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  font-size:11px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

#stock .ks99-stock-mini-info .mono{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace !important;
}

#stock .ks99-stock-mini-actions{
  display:grid !important;
  grid-template-columns:1.2fr .8fr !important;
  gap:7px !important;
}

#stock .ks99-more-actions{
  display:none !important;
  grid-template-columns:1fr 1fr 1fr !important;
  gap:7px !important;
}

#stock .ks99-stock-mini.show-more .ks99-more-actions{
  display:grid !important;
}

#stock .ks99-stock-mini-actions .stock-action-btn,
#stock .ks99-more-actions .stock-action-btn{
  width:100% !important;
  min-width:0 !important;
  height:36px !important;
  min-height:36px !important;
  padding:0 8px !important;
  border-radius:13px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:950 !important;
  white-space:nowrap !important;
  border:1px solid rgba(96,165,250,.24) !important;
  background:rgba(59,130,246,.12) !important;
  color:#dbeafe !important;
  -webkit-text-fill-color:#dbeafe !important;
}

#stock .ks99-stock-mini-actions .stock-action-btn.use{
  color:#dcfce7 !important;
  -webkit-text-fill-color:#dcfce7 !important;
  background:linear-gradient(135deg,rgba(34,197,94,.32),rgba(16,185,129,.24)) !important;
  border-color:rgba(74,222,128,.42) !important;
}

#stock .ks99-stock-mini-actions .stock-action-btn.use::before{content:"＋"; margin-right:4px;}
#stock .ks99-stock-mini-actions .stock-action-btn.more::before{content:"⋯"; margin-right:4px;}
#stock .ks99-more-actions .stock-action-btn.view::before{content:"👁"; margin-right:4px;}
#stock .ks99-more-actions .stock-action-btn.copy::before{content:"⧉"; margin-right:4px;}
#stock .ks99-more-actions .stock-action-btn.danger::before{content:"×"; margin-right:4px;}

#stock .ks99-more-actions .stock-action-btn.copy{
  color:#99f6e4 !important;
  -webkit-text-fill-color:#99f6e4 !important;
  background:rgba(20,184,166,.14) !important;
  border-color:rgba(45,212,191,.30) !important;
}

#stock .ks99-more-actions .stock-action-btn.danger{
  color:#fecaca !important;
  -webkit-text-fill-color:#fecaca !important;
  background:rgba(239,68,68,.14) !important;
  border-color:rgba(248,113,113,.30) !important;
}

#stock .stock-action-btn:disabled{
  opacity:.45 !important;
  filter:grayscale(.35) !important;
  cursor:not-allowed !important;
}

@media(max-width:767px){
  #stock .ks99-stock-service-head{
    min-height:70px !important;
    padding:10px 11px !important;
  }

  #stock .ks99-service-logoBox{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    border-radius:17px !important;
  }

  #stock .ks99-service-logoBox .service-logo-wrap{
    width:39px !important;
    height:39px !important;
    min-width:39px !important;
  }

  #stock .ks99-service-title strong{
    font-size:16px !important;
  }

  #stock .ks99-service-title span{
    font-size:10.5px !important;
  }

  #stock .ks99-service-pill{
    display:none !important;
  }

  #stock .ks99-stock-service-content{
    padding:0 9px 10px !important;
  }

  #stock .ks99-stock-mini-list{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  #stock .ks99-stock-mini{
    padding:10px !important;
    border-radius:17px !important;
  }

  #stock .ks99-stock-mini-info{
    grid-template-columns:1fr 1fr !important;
  }

  #stock .ks99-stock-mini-info > div:first-child{
    grid-column:1 / -1 !important;
  }

  #stock .ks99-stock-mini-actions .stock-action-btn,
  #stock .ks99-more-actions .stock-action-btn{
    height:35px !important;
    min-height:35px !important;
    font-size:10.5px !important;
    padding:0 5px !important;
  }
}

@media(max-width:390px){
  #stock .ks99-stock-mini-info{
    grid-template-columns:1fr !important;
  }

  #stock .ks99-more-actions{
    grid-template-columns:1fr !important;
  }
}


#stock .ks100-stock-mini-actions{
  grid-template-columns:1fr .85fr .78fr !important;
}

#stock .ks100-stock-mini-actions .stock-action-btn.edit{
  color:#fde68a !important;
  -webkit-text-fill-color:#fde68a !important;
  background:rgba(245,158,11,.14) !important;
  border-color:rgba(251,191,36,.32) !important;
}

#stock .ks100-stock-mini-actions .stock-action-btn.edit::before{
  content:"✎" !important;
  margin-right:4px !important;
}

#stock .ks100-more-actions{
  grid-template-columns:1fr 1fr 1fr !important;
}

.ks100-stock-view-modal,
.ks100-stock-edit-modal{
  position:fixed !important;
  inset:0 !important;
  z-index:99999 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:16px !important;
  background:rgba(2,6,23,.72) !important;
  backdrop-filter:blur(16px) saturate(150%) !important;
  -webkit-backdrop-filter:blur(16px) saturate(150%) !important;
}

.ks100-stock-view-modal.hidden,
.ks100-stock-edit-modal.hidden{
  display:none !important;
}

.ks100-stock-view-card,
.ks100-stock-edit-card{
  width:min(720px,96vw) !important;
  max-height:86vh !important;
  overflow:auto !important;
  border-radius:28px !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(34,197,94,.18), transparent 40%),
    linear-gradient(180deg, rgba(15,23,42,.98), rgba(8,13,25,.98)) !important;
  border:1px solid rgba(148,163,184,.20) !important;
  box-shadow:0 28px 80px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.07) !important;
  color:#f8fafc !important;
}

.ks100-stock-view-top,
.ks100-stock-edit-top{
  position:sticky !important;
  top:0 !important;
  z-index:2 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:16px 18px !important;
  background:rgba(8,13,25,.88) !important;
  border-bottom:1px solid rgba(148,163,184,.14) !important;
  backdrop-filter:blur(14px) !important;
}

.ks100-stock-view-top h2,
.ks100-stock-edit-top h2{
  margin:0 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:20px !important;
  line-height:1.1 !important;
  font-weight:1000 !important;
}

.ks100-stock-view-top p,
.ks100-stock-edit-top p{
  margin:4px 0 0 !important;
  color:#a5b4fc !important;
  -webkit-text-fill-color:#a5b4fc !important;
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
}

.ks100-close{
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  border-radius:14px !important;
  border:1px solid rgba(148,163,184,.22) !important;
  background:rgba(148,163,184,.10) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:0 !important;
}

.ks100-close::before{
  content:"×" !important;
  font-size:28px !important;
  line-height:1 !important;
}

#stockViewContent100{
  padding:14px 16px 16px !important;
  display:grid !important;
  gap:12px !important;
}

.ks100-view-hero{
  display:grid !important;
  grid-template-columns:58px minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:12px !important;
  padding:12px !important;
  border-radius:20px !important;
  background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(16,185,129,.12)) !important;
  border:1px solid rgba(129,140,248,.20) !important;
}

.ks100-view-logo{
  width:56px !important;
  height:56px !important;
  border-radius:19px !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(15,23,42,.44) !important;
  border:1px solid rgba(148,163,184,.16) !important;
  overflow:hidden !important;
}

.ks100-view-logo .service-logo-wrap{
  width:45px !important;
  height:45px !important;
  min-width:45px !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.92) !important;
}

.ks100-view-main{
  min-width:0 !important;
}

.ks100-view-main strong{
  display:block !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:17px !important;
  line-height:1.15 !important;
  font-weight:1000 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

.ks100-view-main span{
  display:block !important;
  color:#cbd5e1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  margin-top:4px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

.ks100-view-status{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:28px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  color:#bbf7d0 !important;
  -webkit-text-fill-color:#bbf7d0 !important;
  font-size:11px !important;
  font-weight:1000 !important;
  background:rgba(34,197,94,.18) !important;
  border:1px solid rgba(74,222,128,.30) !important;
}

.ks100-view-status.sold{
  color:#cbd5e1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
  background:rgba(148,163,184,.14) !important;
  border-color:rgba(148,163,184,.24) !important;
}

.ks100-view-grid,
.ks100-stock-edit-body{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:9px !important;
}

.ks100-view-grid > div,
.ks100-stock-edit-body label{
  min-width:0 !important;
  padding:10px !important;
  border-radius:15px !important;
  background:rgba(15,23,42,.50) !important;
  border:1px solid rgba(148,163,184,.12) !important;
}

.ks100-view-grid > div.wide,
.ks100-stock-edit-body label.wide{
  grid-column:1 / -1 !important;
}

.ks100-view-grid span,
.ks100-stock-edit-body span{
  display:block !important;
  color:#94a3b8 !important;
  -webkit-text-fill-color:#94a3b8 !important;
  font-size:9.5px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  margin-bottom:6px !important;
}

.ks100-view-grid b{
  display:block !important;
  min-width:0 !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  font-size:12px !important;
  line-height:1.25 !important;
  font-weight:900 !important;
  overflow-wrap:anywhere !important;
}

.ks100-view-grid .mono,
.ks100-stock-edit-body input,
.ks100-stock-edit-body textarea{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace !important;
}

.ks100-view-actions,
.ks100-stock-edit-actions{
  position:sticky !important;
  bottom:0 !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:8px !important;
  padding:10px 0 0 !important;
  background:linear-gradient(180deg, transparent, rgba(8,13,25,.96) 36%) !important;
}

.ks100-view-actions .btn,
.ks100-stock-edit-actions .btn{
  min-width:0 !important;
  width:100% !important;
  min-height:40px !important;
  border-radius:14px !important;
  padding:0 8px !important;
  font-size:12px !important;
  font-weight:950 !important;
}

.ks100-stock-edit-body{
  padding:14px 16px 0 !important;
}

.ks100-stock-edit-body input,
.ks100-stock-edit-body textarea{
  width:100% !important;
  min-height:38px !important;
  border-radius:12px !important;
  border:1px solid rgba(148,163,184,.18) !important;
  background:rgba(2,6,23,.32) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  padding:0 10px !important;
  font-size:12px !important;
  font-weight:850 !important;
  box-sizing:border-box !important;
}

.ks100-stock-edit-body textarea{
  min-height:70px !important;
  padding:10px !important;
  resize:vertical !important;
}

.ks100-stock-edit-actions{
  grid-template-columns:1fr 1fr !important;
  padding:12px 16px 16px !important;
}

@media(max-width:767px){
  #stock .ks100-stock-mini-actions{
    grid-template-columns:1fr .82fr .82fr !important;
  }

  .ks100-stock-view-modal,
  .ks100-stock-edit-modal{
    align-items:flex-end !important;
    padding:10px !important;
  }

  .ks100-stock-view-card,
  .ks100-stock-edit-card{
    width:100% !important;
    max-height:84vh !important;
    border-radius:26px 26px 18px 18px !important;
  }

  #stockViewContent100{
    padding:12px !important;
    gap:9px !important;
  }

  .ks100-view-hero{
    grid-template-columns:50px minmax(0,1fr) !important;
    gap:10px !important;
    padding:10px !important;
  }

  .ks100-view-logo{
    width:48px !important;
    height:48px !important;
    border-radius:17px !important;
  }

  .ks100-view-logo .service-logo-wrap{
    width:39px !important;
    height:39px !important;
    min-width:39px !important;
  }

  .ks100-view-status{
    grid-column:1 / -1 !important;
    justify-self:start !important;
    min-height:26px !important;
  }

  .ks100-view-grid,
  .ks100-stock-edit-body{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  .ks100-view-grid > div,
  .ks100-stock-edit-body label{
    padding:9px !important;
  }

  .ks100-view-actions{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:7px !important;
  }

  .ks100-stock-edit-actions{
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }
}


@media(max-width:767px){
  #stock .stock-accounts-panel > .panel-head{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:10px !important;
    padding-bottom:10px !important;
    margin-bottom:10px !important;
  }

  #stock .stock-accounts-panel > .panel-head h1{
    font-size:20px !important;
    line-height:1.08 !important;
    margin:0 !important;
  }

  #stock .stock-accounts-panel > .panel-head p{
    font-size:11px !important;
    line-height:1.2 !important;
    margin-top:5px !important;
    opacity:.82 !important;
  }

  #stock #stockAddShortcut.stock-add-toggle-btn{
    min-width:108px !important;
    min-height:42px !important;
    padding:0 12px !important;
    border-radius:15px !important;
    font-size:12px !important;
    font-weight:950 !important;
    white-space:nowrap !important;
    background:linear-gradient(135deg,rgba(34,197,94,.86),rgba(16,185,129,.74)) !important;
    border:1px solid rgba(134,239,172,.46) !important;
    box-shadow:0 12px 24px rgba(34,197,94,.18), inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  #stock #stockAddShortcut.stock-add-toggle-btn::before{
    content:"＋" !important;
    margin-right:5px !important;
    font-weight:1000 !important;
  }

  #stock #stockAddShortcut.stock-add-toggle-btn.is-open{
    background:linear-gradient(135deg,rgba(239,68,68,.78),rgba(190,18,60,.65)) !important;
    border-color:rgba(248,113,113,.45) !important;
  }

  #stock #stockAddShortcut.stock-add-toggle-btn.is-open::before{
    content:"×" !important;
  }

  #stock .stock-alert-summary{
    display:flex !important;
    gap:8px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:0 0 8px !important;
    margin:8px 0 6px !important;
    scroll-snap-type:x mandatory !important;
    -webkit-overflow-scrolling:touch !important;
  }

  #stock .stock-alert-summary::-webkit-scrollbar{
    display:none !important;
  }

  #stock .stock-alert-card.stock-filter-card{
    flex:0 0 auto !important;
    min-width:112px !important;
    min-height:56px !important;
    padding:10px 11px !important;
    border-radius:17px !important;
    gap:5px !important;
    scroll-snap-align:start !important;
  }

  #stock .stock-alert-card.stock-filter-card span{
    font-size:10px !important;
    line-height:1 !important;
  }

  #stock .stock-alert-card.stock-filter-card b{
    font-size:18px !important;
    line-height:1 !important;
  }

  #stock #stockAlertList.stock-alert-list{
    display:flex !important;
    gap:8px !important;
    overflow-x:auto !important;
    margin:0 0 8px !important;
    padding-bottom:4px !important;
    -webkit-overflow-scrolling:touch !important;
  }

  #stock #stockAlertList.stock-alert-list::-webkit-scrollbar{
    display:none !important;
  }

  #stock #stockAlertList .stock-alert-item{
    flex:0 0 auto !important;
    min-width:190px !important;
    max-width:240px !important;
    min-height:46px !important;
    padding:9px 10px !important;
    border-radius:16px !important;
    font-size:11px !important;
  }

  #stock #stockBulkToolbar.stock-toolbar,
  #stock #stockBulkToolbar.trash-toolbar{
    display:none !important;
  }

  #stock .stock-tools.stock-one-form{
    display:none !important;
    margin:8px 0 10px !important;
  }

  #stock.ks101-stock-add-open .stock-tools.stock-one-form{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  #stock.ks101-stock-add-open .stock-tools.stock-one-form .stock-card{
    border-radius:22px !important;
    padding:13px !important;
    background:
      radial-gradient(circle at 0% 0%, rgba(34,197,94,.14), transparent 38%),
      rgba(15,23,42,.70) !important;
    border:1px solid rgba(74,222,128,.18) !important;
  }

  #stock.ks101-stock-add-open .stock-tools.stock-one-form .stock-card h2{
    font-size:15px !important;
    line-height:1.1 !important;
    margin-bottom:8px !important;
  }

  #stock.ks101-stock-add-open .stock-tools.stock-one-form .stock-card p{
    display:none !important;
  }

  #stock.ks101-stock-add-open .stock-grid{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  #stock.ks101-stock-add-open .stock-card label span{
    font-size:10px !important;
    margin-bottom:5px !important;
  }

  #stock.ks101-stock-add-open .stock-card input,
  #stock.ks101-stock-add-open .stock-card select,
  #stock.ks101-stock-add-open .stock-card textarea{
    min-height:40px !important;
    border-radius:13px !important;
    font-size:12px !important;
  }

  #stock.ks101-stock-add-open #stockBulkText{
    min-height:94px !important;
  }

  #stock.ks101-stock-add-open #importStockBtn,
  #stock.ks101-stock-add-open #addStockBtn{
    min-height:42px !important;
    border-radius:14px !important;
    font-size:12px !important;
  }

  #stock > .stock-accounts-panel > .filters{
    display:grid !important;
    grid-template-columns:1fr 118px !important;
    gap:8px !important;
    margin:8px 0 10px !important;
    padding:8px !important;
    border-radius:18px !important;
    background:rgba(15,23,42,.48) !important;
    border:1px solid rgba(148,163,184,.12) !important;
  }

  #stock > .stock-accounts-panel > .filters input,
  #stock > .stock-accounts-panel > .filters select{
    min-height:38px !important;
    height:38px !important;
    border-radius:13px !important;
    font-size:12px !important;
    padding:0 10px !important;
  }

  #stock .ks99-stock-service-card{
    margin-bottom:9px !important;
    border-radius:21px !important;
  }

  #stock .ks99-stock-service-head{
    min-height:62px !important;
    padding:8px 10px !important;
  }

  #stock .ks99-service-logoBox{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    border-radius:15px !important;
  }

  #stock .ks99-service-logoBox .service-logo-wrap{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    border-radius:13px !important;
  }

  #stock .ks99-service-title strong{
    font-size:15px !important;
  }

  #stock .ks99-service-title span{
    margin-top:3px !important;
    font-size:10px !important;
  }

  #stock .ks99-service-right > b{
    width:26px !important;
    height:26px !important;
    border-radius:10px !important;
  }

  #stock .ks99-stock-service-content{
    padding:0 8px 9px !important;
  }

  #stock .ks99-stock-mini{
    padding:8px !important;
    border-radius:15px !important;
    gap:7px !important;
  }

  #stock .ks99-stock-mini-head strong{
    font-size:13px !important;
  }

  #stock .ks99-stock-mini-head b{
    font-size:10px !important;
    margin-top:2px !important;
  }

  #stock .ks99-status{
    min-height:22px !important;
    padding:0 7px !important;
    font-size:9px !important;
  }

  #stock .ks99-stock-mini-info{
    grid-template-columns:1fr 88px !important;
    gap:6px !important;
  }

  #stock .ks99-stock-mini-info > div{
    padding:7px !important;
    border-radius:12px !important;
  }

  #stock .ks99-stock-mini-info > div:nth-child(3){
    display:none !important; 
  }

  #stock .ks99-stock-mini-info span{
    font-size:8.5px !important;
    margin-bottom:4px !important;
  }

  #stock .ks99-stock-mini-info b{
    font-size:10px !important;
  }

  #stock .ks100-stock-mini-actions,
  #stock .ks99-stock-mini-actions{
    grid-template-columns:1fr .78fr .78fr !important;
    gap:6px !important;
  }

  #stock .ks99-more-actions{
    gap:6px !important;
  }

  #stock .ks99-stock-mini-actions .stock-action-btn,
  #stock .ks99-more-actions .stock-action-btn{
    height:33px !important;
    min-height:33px !important;
    border-radius:12px !important;
    font-size:10px !important;
    padding:0 4px !important;
  }
}


#stock .stock-tools.stock-one-form{
  gap:14px !important;
}

#stock .stock-tools.stock-one-form .stock-card{
  position:relative !important;
  overflow:hidden !important;
  border-radius:26px !important;
  padding:18px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(34,197,94,.16), transparent 38%),
    linear-gradient(180deg, rgba(15,23,42,.82), rgba(8,13,25,.92)) !important;
  border:1px solid rgba(148,163,184,.16) !important;
  box-shadow:0 16px 36px rgba(2,6,23,.22), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

#stock .stock-tools.stock-one-form .stock-card:nth-child(2){
  background:
    radial-gradient(circle at 0% 0%, rgba(59,130,246,.18), transparent 38%),
    linear-gradient(180deg, rgba(15,23,42,.82), rgba(8,13,25,.92)) !important;
}

#stock .stock-tools.stock-one-form .stock-card h2{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:18px !important;
  line-height:1.15 !important;
  font-weight:1000 !important;
  margin:0 0 10px !important;
}

#stock .stock-tools.stock-one-form .stock-card h2::before{
  content:"📦" !important;
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,rgba(34,197,94,.26),rgba(16,185,129,.20)) !important;
  border:1px solid rgba(74,222,128,.25) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
  font-size:17px !important;
}

#stock .stock-tools.stock-one-form .stock-card:nth-child(2) h2::before{
  content:"✍️" !important;
  background:linear-gradient(135deg,rgba(59,130,246,.26),rgba(124,58,237,.18)) !important;
  border-color:rgba(129,140,248,.26) !important;
}

#stock .stock-tools.stock-one-form .stock-card p{
  margin:0 0 14px !important;
  color:#cbd5e1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
  font-size:12px !important;
  line-height:1.45 !important;
  font-weight:800 !important;
}

#stock .stock-tools.stock-one-form .stock-grid{
  gap:12px !important;
}

#stock .stock-tools.stock-one-form label{
  position:relative !important;
}

#stock .stock-tools.stock-one-form label > span,
#stock .stock-tools.stock-one-form .stock-note-field{
  color:#a5b4fc !important;
  -webkit-text-fill-color:#a5b4fc !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  margin-bottom:7px !important;
}

#stock .stock-tools.stock-one-form label > span::before{
  display:inline-flex !important;
  width:18px !important;
  margin-right:5px !important;
  justify-content:center !important;
  opacity:.95 !important;
  -webkit-text-fill-color:initial !important;
}

#stock .stock-tools.stock-one-form label:has(#stockService) > span::before,
#stock .stock-tools.stock-one-form label:has(#manualStockService) > span::before{ content:"📦" !important; }

#stock .stock-tools.stock-one-form label:has(#stockProfile) > span::before,
#stock .stock-tools.stock-one-form label:has(#manualStockProfile) > span::before{ content:"👤" !important; }

#stock .stock-tools.stock-one-form label:has(#stockExpiry) > span::before,
#stock .stock-tools.stock-one-form label:has(#manualStockExpiry) > span::before{ content:"📅" !important; }

#stock .stock-tools.stock-one-form label:has(#stockEntryDate) > span::before,
#stock .stock-tools.stock-one-form label:has(#manualStockEntryDate) > span::before{ content:"🗓️" !important; }

#stock .stock-tools.stock-one-form label:has(#manualStockEmail) > span::before{ content:"📧" !important; }
#stock .stock-tools.stock-one-form label:has(#manualStockPassword) > span::before{ content:"🔐" !important; }
#stock .stock-tools.stock-one-form label:has(#stockNotes) > span::before,
#stock .stock-tools.stock-one-form label:has(#manualStockNotes) > span::before{ content:"📝" !important; }

#stock .stock-tools.stock-one-form input,
#stock .stock-tools.stock-one-form select,
#stock .stock-tools.stock-one-form textarea{
  width:100% !important;
  min-height:46px !important;
  border-radius:16px !important;
  border:1px solid rgba(148,163,184,.18) !important;
  background:rgba(2,6,23,.38) !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
  font-size:13px !important;
  font-weight:850 !important;
  outline:none !important;
  transition:.18s ease !important;
}

#stock .stock-tools.stock-one-form input:focus,
#stock .stock-tools.stock-one-form select:focus,
#stock .stock-tools.stock-one-form textarea:focus{
  border-color:rgba(125,211,252,.45) !important;
  box-shadow:0 0 0 3px rgba(14,165,233,.12), inset 0 1px 0 rgba(255,255,255,.05) !important;
}

#stock .stock-tools.stock-one-form textarea{
  min-height:96px !important;
  padding:12px !important;
  resize:vertical !important;
}

#stock .stock-tools.stock-one-form #stockBulkText{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace !important;
  line-height:1.55 !important;
}

#stock .stock-tools.stock-one-form #importStockBtn,
#stock .stock-tools.stock-one-form #addStockBtn{
  width:100% !important;
  min-height:46px !important;
  border-radius:16px !important;
  font-size:13px !important;
  font-weight:1000 !important;
  box-shadow:0 12px 24px rgba(34,197,94,.14), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

#stock .stock-tools.stock-one-form #importStockBtn::before{
  content:"⬆️" !important;
  margin-right:7px !important;
}

#stock .stock-tools.stock-one-form #addStockBtn::before{
  content:"＋" !important;
  margin-right:7px !important;
}

#stock > .stock-accounts-panel > .filters{
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 180px !important;
  gap:10px !important;
  align-items:center !important;
  padding:10px !important;
  margin:12px 0 14px !important;
  border-radius:22px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(59,130,246,.16), transparent 34%),
    rgba(15,23,42,.52) !important;
  border:1px solid rgba(148,163,184,.14) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}

#stock > .stock-accounts-panel > .filters::before{
  content:"🔎" !important;
  position:absolute !important;
  left:22px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:2 !important;
  pointer-events:none !important;
  font-size:15px !important;
}

#stock > .stock-accounts-panel > .filters::after{
  content:"⚙️" !important;
  position:absolute !important;
  right:calc(180px + 23px) !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:2 !important;
  pointer-events:none !important;
  font-size:13px !important;
  opacity:.0 !important;
}

#stock #stockSearch{
  min-height:44px !important;
  border-radius:16px !important;
  padding-left:38px !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  background:rgba(2,6,23,.42) !important;
  border:1px solid rgba(96,165,250,.22) !important;
  font-size:13px !important;
  font-weight:850 !important;
  outline:none !important;
}

#stock #stockStatusFilter{
  min-height:44px !important;
  border-radius:16px !important;
  color:#e0e7ff !important;
  -webkit-text-fill-color:#e0e7ff !important;
  background:
    linear-gradient(135deg, rgba(99,102,241,.20), rgba(59,130,246,.14)),
    rgba(2,6,23,.42) !important;
  border:1px solid rgba(129,140,248,.26) !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  outline:none !important;
}

#stock #stockSearch:focus,
#stock #stockStatusFilter:focus{
  border-color:rgba(125,211,252,.48) !important;
  box-shadow:0 0 0 3px rgba(14,165,233,.12) !important;
}

@media(max-width:767px){
  #stock.ks101-stock-add-open .stock-tools.stock-one-form .stock-card{
    padding:12px !important;
    border-radius:20px !important;
  }

  #stock.ks101-stock-add-open .stock-tools.stock-one-form .stock-card h2{
    font-size:14px !important;
    margin-bottom:9px !important;
  }

  #stock.ks101-stock-add-open .stock-tools.stock-one-form .stock-card h2::before{
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    border-radius:12px !important;
    font-size:14px !important;
  }

  #stock.ks101-stock-add-open .stock-tools.stock-one-form label > span{
    font-size:9.5px !important;
    margin-bottom:5px !important;
  }

  #stock.ks101-stock-add-open .stock-tools.stock-one-form label > span::before{
    width:15px !important;
    margin-right:4px !important;
  }

  #stock.ks101-stock-add-open .stock-tools.stock-one-form input,
  #stock.ks101-stock-add-open .stock-tools.stock-one-form select,
  #stock.ks101-stock-add-open .stock-tools.stock-one-form textarea{
    min-height:39px !important;
    border-radius:13px !important;
    font-size:12px !important;
  }

  #stock.ks101-stock-add-open .stock-tools.stock-one-form textarea{
    min-height:76px !important;
  }

  #stock.ks101-stock-add-open #stockBulkText{
    min-height:88px !important;
  }

  #stock.ks101-stock-add-open .stock-tools.stock-one-form #importStockBtn,
  #stock.ks101-stock-add-open .stock-tools.stock-one-form #addStockBtn{
    min-height:40px !important;
    border-radius:13px !important;
    font-size:12px !important;
  }

  #stock > .stock-accounts-panel > .filters{
    grid-template-columns:1fr 112px !important;
    gap:7px !important;
    padding:7px !important;
    margin:8px 0 9px !important;
    border-radius:17px !important;
  }

  #stock > .stock-accounts-panel > .filters::before{
    left:17px !important;
    font-size:13px !important;
  }

  #stock #stockSearch,
  #stock #stockStatusFilter{
    min-height:37px !important;
    height:37px !important;
    border-radius:13px !important;
    font-size:11.5px !important;
  }

  #stock #stockSearch{
    padding-left:32px !important;
  }

  #stock #stockStatusFilter{
    padding-left:8px !important;
    padding-right:6px !important;
  }
}


#stock #stockBulkToolbar.stock-toolbar{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  width:max-content !important;
  max-width:100% !important;
  margin:14px 0 12px !important;
  padding:10px !important;
  border-radius:20px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(59,130,246,.14), transparent 36%),
    rgba(15,23,42,.54) !important;
  border:1px solid rgba(148,163,184,.15) !important;
  box-shadow:0 12px 28px rgba(2,6,23,.16), inset 0 1px 0 rgba(255,255,255,.04) !important;
}

#stock .stock-selected-count103{
  min-height:40px !important;
  padding:0 14px !important;
  border-radius:14px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  color:#cbd5e1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
  background:rgba(15,23,42,.60) !important;
  border:1px solid rgba(148,163,184,.14) !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:950 !important;
  white-space:nowrap !important;
}

#stock .stock-selected-count103 span{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:15px !important;
  font-weight:1000 !important;
}

#stock .stock-selected-count103.has-selected{
  color:#bfdbfe !important;
  -webkit-text-fill-color:#bfdbfe !important;
  background:rgba(37,99,235,.18) !important;
  border-color:rgba(96,165,250,.28) !important;
}

#stock #stockSelectAllBtn.trash-tool-btn,
#stock #stockDeleteAllBtn.trash-tool-btn{
  min-height:40px !important;
  height:40px !important;
  padding:0 15px !important;
  border-radius:14px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  white-space:nowrap !important;
  transition:.16s ease !important;
}

#stock #stockSelectAllBtn.trash-tool-btn{
  color:#dbeafe !important;
  -webkit-text-fill-color:#dbeafe !important;
  background:rgba(59,130,246,.15) !important;
  border:1px solid rgba(96,165,250,.28) !important;
}

#stock #stockSelectAllBtn.trash-tool-btn::before{
  content:"✓" !important;
  color:#bfdbfe !important;
  -webkit-text-fill-color:#bfdbfe !important;
}

#stock #stockSelectAllBtn.trash-tool-btn.is-unselect{
  color:#fde68a !important;
  -webkit-text-fill-color:#fde68a !important;
  background:rgba(245,158,11,.15) !important;
  border-color:rgba(251,191,36,.34) !important;
}

#stock #stockSelectAllBtn.trash-tool-btn.is-unselect::before{
  content:"↺" !important;
  color:#fde68a !important;
  -webkit-text-fill-color:#fde68a !important;
}

#stock #stockDeleteAllBtn.trash-tool-btn{
  color:#fecaca !important;
  -webkit-text-fill-color:#fecaca !important;
  background:rgba(239,68,68,.14) !important;
  border:1px solid rgba(248,113,113,.30) !important;
}

#stock #stockDeleteAllBtn.trash-tool-btn::before{
  content:"🗑" !important;
  -webkit-text-fill-color:initial !important;
}

#stock #stockDeleteAllBtn.trash-tool-btn.is-disabled,
#stock #stockDeleteAllBtn.trash-tool-btn:disabled,
#stock #stockSelectAllBtn.trash-tool-btn:disabled{
  opacity:.45 !important;
  filter:grayscale(.25) !important;
  cursor:not-allowed !important;
}

@media(max-width:767px){
  #stock #stockBulkToolbar.stock-toolbar,
  #stock #stockBulkToolbar.trash-toolbar{
    display:none !important;
  }
}


#stock .ks99-stock-check,
#stock .ks98-stock-check{
  position:relative !important;
  z-index:5 !important;
  pointer-events:auto !important;
  cursor:pointer !important;
}

#stock .ks99-stock-check span,
#stock .ks98-stock-check span{
  pointer-events:auto !important;
  cursor:pointer !important;
  transition:transform .12s ease, box-shadow .12s ease, background .12s ease !important;
}

#stock .ks99-stock-check:hover span,
#stock .ks98-stock-check:hover span{
  transform:scale(1.06) !important;
  box-shadow:0 0 0 4px rgba(34,197,94,.12) !important;
}

#stock .ks99-stock-mini,
#stock .ks98-stock-card{
  cursor:default !important;
}

#stock .ks99-stock-mini:has(input.stock-check:checked),
#stock .ks98-stock-card:has(input.stock-check:checked){
  border-color:rgba(74,222,128,.42) !important;
  box-shadow:0 14px 34px rgba(34,197,94,.12), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

@media(min-width:768px){
  #stock .ks99-stock-check span,
  #stock .ks98-stock-check span{
    width:26px !important;
    height:26px !important;
    border-radius:9px !important;
  }
}


#stock .stock-selected-count103.need-open{
  color:#fde68a !important;
  -webkit-text-fill-color:#fde68a !important;
  background:rgba(245,158,11,.13) !important;
  border-color:rgba(251,191,36,.25) !important;
}

#stock #stockSelectAllBtn.trash-tool-btn.is-disabled,
#stock #stockDeleteAllBtn.trash-tool-btn.is-disabled,
#stock #stockSelectAllBtn.trash-tool-btn:disabled,
#stock #stockDeleteAllBtn.trash-tool-btn:disabled{
  opacity:.48 !important;
  filter:grayscale(.35) !important;
  cursor:not-allowed !important;
}

#stock #stockSelectAllBtn.trash-tool-btn.is-disabled::before{
  content:"🔒" !important;
  -webkit-text-fill-color:initial !important;
}

#stock #stockSelectAllBtn.trash-tool-btn:not(.is-disabled):not(.is-unselect)::before{
  content:"✓" !important;
}

#stock #stockSelectAllBtn.trash-tool-btn.is-unselect::before{
  content:"↺" !important;
}

#stock .ks99-stock-service-card.is-open{
  outline:1px solid rgba(125,211,252,.24) !important;
  outline-offset:2px !important;
}


#stockTrash .stock-trash-panel106{
  overflow:visible !important;
  border-radius:28px !important;
}

#stockTrash .stock-trash-panel106 h2{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:24px !important;
  font-weight:1000 !important;
  margin-bottom:4px !important;
}

#stockTrash .stock-trash-panel106 h2::before{
  content:"♻️" !important;
  width:42px !important;
  height:42px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:16px !important;
  background:linear-gradient(135deg,rgba(239,68,68,.18),rgba(245,158,11,.13)) !important;
  border:1px solid rgba(248,113,113,.22) !important;
}

#stockTrash #stockTrashLoadedText{
  color:#cbd5e1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
  font-size:13px !important;
  font-weight:850 !important;
  margin:0 0 14px !important;
}

#stockTrash #stockTrashBulkToolbar{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  width:max-content !important;
  max-width:100% !important;
  margin:12px 0 12px !important;
  padding:10px !important;
  border-radius:20px !important;
  background:rgba(15,23,42,.54) !important;
  border:1px solid rgba(148,163,184,.15) !important;
  box-shadow:0 12px 28px rgba(2,6,23,.16), inset 0 1px 0 rgba(255,255,255,.04) !important;
}

#stockTrash .stock-trash-selected-count106{
  min-height:40px !important;
  padding:0 14px !important;
  border-radius:14px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  color:#cbd5e1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
  background:rgba(15,23,42,.60) !important;
  border:1px solid rgba(148,163,184,.14) !important;
  font-size:12px !important;
  font-weight:950 !important;
  white-space:nowrap !important;
}

#stockTrash .stock-trash-selected-count106 span{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:15px !important;
  font-weight:1000 !important;
}

#stockTrash .stock-trash-selected-count106.need-open{
  color:#fde68a !important;
  -webkit-text-fill-color:#fde68a !important;
  background:rgba(245,158,11,.13) !important;
  border-color:rgba(251,191,36,.25) !important;
}

#stockTrash .stock-trash-selected-count106.has-selected{
  color:#fecaca !important;
  -webkit-text-fill-color:#fecaca !important;
  background:rgba(239,68,68,.16) !important;
  border-color:rgba(248,113,113,.28) !important;
}

#stockTrash #stockTrashSelectAllBtn,
#stockTrash #stockTrashDeleteAllBtn{
  min-height:40px !important;
  height:40px !important;
  padding:0 15px !important;
  border-radius:14px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  font-size:12px !important;
  font-weight:1000 !important;
  white-space:nowrap !important;
}

#stockTrash #stockTrashSelectAllBtn{
  color:#dbeafe !important;
  -webkit-text-fill-color:#dbeafe !important;
  background:rgba(59,130,246,.15) !important;
  border:1px solid rgba(96,165,250,.28) !important;
}

#stockTrash #stockTrashSelectAllBtn::before{
  content:"🔒" !important;
  -webkit-text-fill-color:initial !important;
}

#stockTrash #stockTrashSelectAllBtn:not(.is-disabled)::before{
  content:"✓" !important;
  color:#bfdbfe !important;
  -webkit-text-fill-color:#bfdbfe !important;
}

#stockTrash #stockTrashSelectAllBtn.is-unselect::before{
  content:"↺" !important;
  color:#fde68a !important;
  -webkit-text-fill-color:#fde68a !important;
}

#stockTrash #stockTrashDeleteAllBtn{
  color:#fecaca !important;
  -webkit-text-fill-color:#fecaca !important;
  background:rgba(239,68,68,.14) !important;
  border:1px solid rgba(248,113,113,.30) !important;
}

#stockTrash #stockTrashDeleteAllBtn::before{
  content:"🗑" !important;
  -webkit-text-fill-color:initial !important;
}

#stockTrash #stockTrashSelectAllBtn.is-disabled,
#stockTrash #stockTrashDeleteAllBtn.is-disabled,
#stockTrash #stockTrashSelectAllBtn:disabled,
#stockTrash #stockTrashDeleteAllBtn:disabled{
  opacity:.48 !important;
  filter:grayscale(.35) !important;
  cursor:not-allowed !important;
}

#stockTrash .filters{
  position:relative !important;
  display:block !important;
  padding:9px !important;
  margin:10px 0 13px !important;
  border-radius:20px !important;
  background:rgba(15,23,42,.52) !important;
  border:1px solid rgba(148,163,184,.14) !important;
}

#stockTrash .filters::before{
  content:"🔎" !important;
  position:absolute !important;
  left:22px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:2 !important;
  pointer-events:none !important;
  font-size:15px !important;
}

#stockTrash #stockTrashSearch{
  width:100% !important;
  min-height:44px !important;
  border-radius:16px !important;
  padding-left:38px !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  background:rgba(2,6,23,.42) !important;
  border:1px solid rgba(96,165,250,.22) !important;
  font-size:13px !important;
  font-weight:850 !important;
  outline:none !important;
}

#stockTrash table,
#stockTrash tbody,
#stockTrashBody,
#stockTrash .table-wrap{
  display:block !important;
  width:100% !important;
}

#stockTrash thead{
  display:none !important;
}

#stockTrash .ks106-trash-service-row,
#stockTrash .ks106-trash-service-row > td{
  display:block !important;
  width:100% !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

#stockTrash .ks106-trash-service-card{
  margin:0 0 12px !important;
  border-radius:24px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(239,68,68,.16), transparent 40%),
    linear-gradient(180deg, rgba(32,10,18,.92), rgba(5,15,52,.96)) !important;
  border:1px solid rgba(248,113,113,.24) !important;
  box-shadow:0 14px 34px rgba(2,6,23,.22), inset 0 1px 0 rgba(255,255,255,.05) !important;
}

#stockTrash .ks106-trash-service-card.is-open{
  outline:1px solid rgba(248,113,113,.28) !important;
  outline-offset:2px !important;
}

#stockTrash .ks106-trash-service-head{
  width:100% !important;
  min-height:76px !important;
  padding:12px 14px !important;
  border:0 !important;
  background:transparent !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  cursor:pointer !important;
  text-align:left !important;
}

#stockTrash .ks106-trash-service-left{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-width:0 !important;
}

#stockTrash .ks106-trash-logoBox{
  width:52px !important;
  height:52px !important;
  min-width:52px !important;
  border-radius:18px !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(15,23,42,.45) !important;
  border:1px solid rgba(148,163,184,.16) !important;
  overflow:hidden !important;
}

#stockTrash .ks106-trash-logoBox .service-logo-wrap{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  border-radius:15px !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(255,255,255,.92) !important;
  overflow:hidden !important;
}

#stockTrash .ks106-trash-logoBox .service-logo-img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  padding:5px !important;
  box-sizing:border-box !important;
}

#stockTrash .ks106-trash-title{
  min-width:0 !important;
}

#stockTrash .ks106-trash-title strong{
  display:block !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:18px !important;
  line-height:1.12 !important;
  font-weight:1000 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

#stockTrash .ks106-trash-title span{
  display:block !important;
  color:#fecaca !important;
  -webkit-text-fill-color:#fecaca !important;
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:850 !important;
  margin-top:5px !important;
}

#stockTrash .ks106-trash-service-right{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  flex-shrink:0 !important;
}

#stockTrash .ks106-trash-service-right span{
  display:inline-flex !important;
  align-items:center !important;
  min-height:30px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  color:#fecaca !important;
  -webkit-text-fill-color:#fecaca !important;
  background:rgba(239,68,68,.18) !important;
  border:1px solid rgba(248,113,113,.30) !important;
  font-size:11px !important;
  font-weight:1000 !important;
  white-space:nowrap !important;
}

#stockTrash .ks106-trash-service-right b{
  width:30px !important;
  height:30px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:12px !important;
  color:#fee2e2 !important;
  -webkit-text-fill-color:#fee2e2 !important;
  background:rgba(148,163,184,.12) !important;
  border:1px solid rgba(148,163,184,.16) !important;
  font-size:13px !important;
}

#stockTrash .ks106-trash-service-content{
  display:none !important;
  padding:0 12px 12px !important;
}

#stockTrash .ks106-trash-service-card.is-open .ks106-trash-service-content{
  display:block !important;
}

#stockTrash .ks106-trash-mini-list{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr)) !important;
  gap:10px !important;
}

#stockTrash .ks106-trash-mini{
  display:grid !important;
  grid-template-columns:28px minmax(0,1fr) !important;
  gap:10px !important;
  min-width:0 !important;
  padding:11px !important;
  border-radius:18px !important;
  background:rgba(15,23,42,.54) !important;
  border:1px solid rgba(248,113,113,.13) !important;
}

#stockTrash .ks106-trash-mini:has(input.stock-trash-check:checked){
  border-color:rgba(248,113,113,.42) !important;
  box-shadow:0 14px 34px rgba(239,68,68,.13), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

#stockTrash .ks106-trash-check{
  display:grid !important;
  place-items:center !important;
  width:26px !important;
  height:26px !important;
  margin-top:7px !important;
  cursor:pointer !important;
  position:relative !important;
  z-index:5 !important;
}

#stockTrash .ks106-trash-check input{
  position:absolute !important;
  opacity:0 !important;
  pointer-events:none !important;
}

#stockTrash .ks106-trash-check span{
  width:22px !important;
  height:22px !important;
  border-radius:8px !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(2,6,23,.55) !important;
  border:1px solid rgba(248,113,113,.26) !important;
}

#stockTrash .ks106-trash-check input:checked + span{
  background:linear-gradient(135deg,rgba(239,68,68,.86),rgba(190,18,60,.72)) !important;
  border-color:rgba(252,165,165,.50) !important;
}

#stockTrash .ks106-trash-check input:checked + span::before{
  content:"✓" !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:14px !important;
  font-weight:1000 !important;
}

#stockTrash .ks106-trash-mini-main{
  min-width:0 !important;
  display:grid !important;
  gap:8px !important;
}

#stockTrash .ks106-trash-mini-head{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:8px !important;
}

#stockTrash .ks106-trash-mini-head strong{
  display:block !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:15px !important;
  line-height:1.15 !important;
  font-weight:1000 !important;
}

#stockTrash .ks106-trash-mini-head b{
  display:block !important;
  color:#cbd5e1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
  font-size:11px !important;
  line-height:1.22 !important;
  font-weight:850 !important;
  margin-top:3px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

#stockTrash .ks106-status{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:24px !important;
  padding:0 8px !important;
  border-radius:999px !important;
  color:#fecaca !important;
  -webkit-text-fill-color:#fecaca !important;
  background:rgba(239,68,68,.17) !important;
  border:1px solid rgba(248,113,113,.26) !important;
  font-size:10px !important;
  font-weight:1000 !important;
  white-space:nowrap !important;
}

#stockTrash .ks106-trash-mini-info{
  display:grid !important;
  grid-template-columns:1fr 0.78fr 0.72fr !important;
  gap:7px !important;
}

#stockTrash .ks106-trash-mini-info > div{
  min-width:0 !important;
  padding:8px !important;
  border-radius:13px !important;
  background:rgba(2,6,23,.32) !important;
  border:1px solid rgba(248,113,113,.10) !important;
}

#stockTrash .ks106-trash-mini-info span{
  display:block !important;
  color:#fca5a5 !important;
  -webkit-text-fill-color:#fca5a5 !important;
  font-size:9px !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
  margin-bottom:5px !important;
}

#stockTrash .ks106-trash-mini-info b{
  display:block !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  font-size:11px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

#stockTrash .ks106-trash-actions,
#stockTrash .ks106-trash-more{
  display:grid !important;
  grid-template-columns:1.15fr .85fr !important;
  gap:7px !important;
}

#stockTrash .ks106-trash-more{
  display:none !important;
  grid-template-columns:1fr 1fr 1.2fr !important;
}

#stockTrash .ks106-trash-mini.show-more .ks106-trash-more{
  display:grid !important;
}

#stockTrash .ks106-trash-actions .row-action-btn,
#stockTrash .ks106-trash-more .row-action-btn{
  width:100% !important;
  min-height:36px !important;
  border-radius:13px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  font-size:11px !important;
  font-weight:950 !important;
  border:1px solid rgba(96,165,250,.24) !important;
  background:rgba(59,130,246,.12) !important;
  color:#dbeafe !important;
  -webkit-text-fill-color:#dbeafe !important;
}

#stockTrash .ks106-trash-actions .restore{
  color:#dcfce7 !important;
  -webkit-text-fill-color:#dcfce7 !important;
  background:rgba(34,197,94,.18) !important;
  border-color:rgba(74,222,128,.32) !important;
}

#stockTrash .ks106-trash-actions .restore::before{content:"↩";}
#stockTrash .ks106-trash-actions .more::before{content:"⋯";}
#stockTrash .ks106-trash-more .view::before{content:"👁";}
#stockTrash .ks106-trash-more .copy::before{content:"⧉";}
#stockTrash .ks106-trash-more .danger::before{content:"×";}

#stockTrash .ks106-trash-more .copy{
  color:#99f6e4 !important;
  -webkit-text-fill-color:#99f6e4 !important;
  background:rgba(20,184,166,.14) !important;
  border-color:rgba(45,212,191,.30) !important;
}

#stockTrash .ks106-trash-more .danger{
  color:#fecaca !important;
  -webkit-text-fill-color:#fecaca !important;
  background:rgba(239,68,68,.14) !important;
  border-color:rgba(248,113,113,.30) !important;
}

.ks106-trash-view-modal{
  position:fixed !important;
  inset:0 !important;
  z-index:99999 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:16px !important;
  background:rgba(2,6,23,.72) !important;
  backdrop-filter:blur(16px) saturate(150%) !important;
  -webkit-backdrop-filter:blur(16px) saturate(150%) !important;
}

.ks106-trash-view-modal.hidden{
  display:none !important;
}

.ks106-trash-view-card{
  width:min(720px,96vw) !important;
  max-height:86vh !important;
  overflow:auto !important;
  border-radius:28px !important;
  background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(8,13,25,.98)) !important;
  border:1px solid rgba(248,113,113,.22) !important;
  box-shadow:0 28px 80px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.07) !important;
}

.ks106-trash-view-top{
  position:sticky !important;
  top:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  padding:16px 18px !important;
  background:rgba(8,13,25,.88) !important;
  border-bottom:1px solid rgba(248,113,113,.14) !important;
}

.ks106-trash-view-top h2{
  margin:0 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:20px !important;
  font-weight:1000 !important;
}

.ks106-trash-view-top p{
  margin:4px 0 0 !important;
  color:#fecaca !important;
  -webkit-text-fill-color:#fecaca !important;
  font-size:12px !important;
  font-weight:800 !important;
}

.ks106-trash-view-top button{
  width:40px !important;
  height:40px !important;
  border-radius:14px !important;
  border:1px solid rgba(148,163,184,.22) !important;
  background:rgba(148,163,184,.10) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:0 !important;
}

.ks106-trash-view-top button::before{
  content:"×" !important;
  font-size:28px !important;
}

#stockTrashViewContent106{
  padding:14px 16px 16px !important;
  display:grid !important;
  gap:12px !important;
}

.ks106-view-hero{
  display:grid !important;
  grid-template-columns:58px minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:12px !important;
  padding:12px !important;
  border-radius:20px !important;
  background:linear-gradient(135deg,rgba(239,68,68,.18),rgba(245,158,11,.10)) !important;
  border:1px solid rgba(248,113,113,.20) !important;
}

.ks106-view-logo{
  width:56px !important;
  height:56px !important;
  border-radius:19px !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(15,23,42,.44) !important;
}

.ks106-view-hero strong{
  display:block !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:17px !important;
  font-weight:1000 !important;
}

.ks106-view-hero span{
  display:block !important;
  color:#cbd5e1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
  font-size:12px !important;
  font-weight:800 !important;
  margin-top:4px !important;
}

.ks106-view-hero > b{
  min-height:28px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  color:#fecaca !important;
  -webkit-text-fill-color:#fecaca !important;
  background:rgba(239,68,68,.18) !important;
  border:1px solid rgba(248,113,113,.30) !important;
  font-size:11px !important;
  font-weight:1000 !important;
}

.ks106-view-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:9px !important;
}

.ks106-view-grid > div{
  min-width:0 !important;
  padding:10px !important;
  border-radius:15px !important;
  background:rgba(15,23,42,.50) !important;
  border:1px solid rgba(248,113,113,.12) !important;
}

.ks106-view-grid > div.wide{
  grid-column:1 / -1 !important;
}

.ks106-view-grid span{
  display:block !important;
  color:#fca5a5 !important;
  -webkit-text-fill-color:#fca5a5 !important;
  font-size:9.5px !important;
  font-weight:1000 !important;
  margin-bottom:6px !important;
  text-transform:uppercase !important;
}

.ks106-view-grid b{
  display:block !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  font-size:12px !important;
  font-weight:900 !important;
  overflow-wrap:anywhere !important;
}

.ks106-view-grid .mono{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace !important;
}

.ks106-view-actions{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:8px !important;
}

.ks106-view-actions .btn{
  min-height:40px !important;
  border-radius:14px !important;
  font-size:12px !important;
  font-weight:950 !important;
}

@media(max-width:767px){
  #stockTrash #stockTrashBulkToolbar{
    display:none !important;
  }

  #stockTrash .stock-trash-panel106 h2{
    font-size:20px !important;
  }

  #stockTrash .stock-trash-panel106 h2::before{
    width:36px !important;
    height:36px !important;
    border-radius:14px !important;
  }

  #stockTrash .filters{
    padding:7px !important;
    margin:8px 0 9px !important;
    border-radius:17px !important;
  }

  #stockTrash .filters::before{
    left:17px !important;
    font-size:13px !important;
  }

  #stockTrash #stockTrashSearch{
    min-height:37px !important;
    height:37px !important;
    border-radius:13px !important;
    font-size:11.5px !important;
    padding-left:32px !important;
  }

  #stockTrash .ks106-trash-service-card{
    margin-bottom:9px !important;
    border-radius:21px !important;
  }

  #stockTrash .ks106-trash-service-head{
    min-height:62px !important;
    padding:8px 10px !important;
  }

  #stockTrash .ks106-trash-logoBox{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    border-radius:15px !important;
  }

  #stockTrash .ks106-trash-logoBox .service-logo-wrap{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    border-radius:13px !important;
  }

  #stockTrash .ks106-trash-title strong{
    font-size:15px !important;
  }

  #stockTrash .ks106-trash-title span{
    font-size:10px !important;
    margin-top:3px !important;
  }

  #stockTrash .ks106-trash-service-right span{
    display:none !important;
  }

  #stockTrash .ks106-trash-service-right b{
    width:26px !important;
    height:26px !important;
  }

  #stockTrash .ks106-trash-service-content{
    padding:0 8px 9px !important;
  }

  #stockTrash .ks106-trash-mini-list{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  #stockTrash .ks106-trash-mini{
    padding:8px !important;
    border-radius:15px !important;
    gap:7px !important;
  }

  #stockTrash .ks106-trash-mini-head strong{
    font-size:13px !important;
  }

  #stockTrash .ks106-trash-mini-head b{
    font-size:10px !important;
    margin-top:2px !important;
  }

  #stockTrash .ks106-trash-mini-info{
    grid-template-columns:1fr 88px !important;
    gap:6px !important;
  }

  #stockTrash .ks106-trash-mini-info > div{
    padding:7px !important;
    border-radius:12px !important;
  }

  #stockTrash .ks106-trash-mini-info > div:nth-child(3){
    display:none !important;
  }

  #stockTrash .ks106-trash-actions .row-action-btn,
  #stockTrash .ks106-trash-more .row-action-btn{
    min-height:33px !important;
    border-radius:12px !important;
    font-size:10px !important;
    padding:0 4px !important;
  }

  .ks106-trash-view-modal{
    align-items:flex-end !important;
    padding:10px !important;
  }

  .ks106-trash-view-card{
    width:100% !important;
    max-height:84vh !important;
    border-radius:26px 26px 18px 18px !important;
  }

  .ks106-view-hero{
    grid-template-columns:50px minmax(0,1fr) !important;
  }

  .ks106-view-hero > b{
    grid-column:1 / -1 !important;
    justify-self:start !important;
  }

  .ks106-view-grid{
    grid-template-columns:1fr !important;
  }

  .ks106-view-actions{
    grid-template-columns:1fr 1fr !important;
  }
}


#stockTrash #stockTrashRestoreSelectedBtn.restore-selected{
  min-height:40px !important;
  height:40px !important;
  padding:0 15px !important;
  border-radius:14px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  font-size:12px !important;
  font-weight:1000 !important;
  white-space:nowrap !important;
  color:#bbf7d0 !important;
  -webkit-text-fill-color:#bbf7d0 !important;
  background:rgba(34,197,94,.16) !important;
  border:1px solid rgba(74,222,128,.32) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}

#stockTrash #stockTrashRestoreSelectedBtn.restore-selected::before{
  content:"↩" !important;
  color:#bbf7d0 !important;
  -webkit-text-fill-color:#bbf7d0 !important;
  font-size:14px !important;
  font-weight:1000 !important;
}

#stockTrash #stockTrashRestoreSelectedBtn.restore-selected.is-disabled,
#stockTrash #stockTrashRestoreSelectedBtn.restore-selected:disabled{
  opacity:.48 !important;
  filter:grayscale(.35) !important;
  cursor:not-allowed !important;
}

#stockTrash #stockTrashRestoreSelectedBtn.restore-selected.is-disabled::before,
#stockTrash #stockTrashRestoreSelectedBtn.restore-selected:disabled::before{
  content:"🔒" !important;
  -webkit-text-fill-color:initial !important;
}

#stockTrash #stockTrashBulkToolbar{
  flex-wrap:wrap !important;
}

@media(max-width:767px){
  #stockTrash #stockTrashBulkToolbar{
    display:none !important;
  }
}


#reports .reports-page{
  overflow:visible !important;
}

#reports .panel-head{
  gap:16px !important;
}

#reports .panel-head h1{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-weight:1000 !important;
}

#reports .panel-head h1::before{
  content:"📊" !important;
  width:42px !important;
  height:42px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:16px !important;
  background:linear-gradient(135deg,rgba(59,130,246,.25),rgba(124,58,237,.17)) !important;
  border:1px solid rgba(129,140,248,.28) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
}

#reports .reports-actions{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  flex-wrap:wrap !important;
}

#reports .reports-actions .btn{
  min-height:42px !important;
  border-radius:15px !important;
  padding:0 14px !important;
  font-size:12px !important;
  font-weight:1000 !important;
}

#reports #reloadReportsBtn::before{content:"↻"; margin-right:6px;}
#reports #exportReportsExcelBtn::before{content:"📗"; margin-right:6px; -webkit-text-fill-color:initial;}
#reports #exportReportsCsvBtn::before{content:"📄"; margin-right:6px; -webkit-text-fill-color:initial;}

#reports .reports-guide108{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:10px !important;
  margin:14px 0 !important;
}

#reports .reports-guide-item{
  min-height:70px !important;
  border-radius:20px !important;
  padding:13px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(59,130,246,.14), transparent 38%),
    rgba(15,23,42,.56) !important;
  border:1px solid rgba(148,163,184,.14) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}

#reports .reports-guide-item b{
  display:block !important;
  color:#e0e7ff !important;
  -webkit-text-fill-color:#e0e7ff !important;
  font-size:13px !important;
  line-height:1.1 !important;
  font-weight:1000 !important;
  margin-bottom:6px !important;
}

#reports .reports-guide-item span{
  display:block !important;
  color:#cbd5e1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
  font-size:11px !important;
  line-height:1.35 !important;
  font-weight:850 !important;
}

#reports .reports-guide-item::before{
  display:block !important;
  font-size:18px !important;
  margin-bottom:6px !important;
}
#reports .reports-guide-item.sales::before{content:"💰";}
#reports .reports-guide-item.profit::before{content:"📈";}
#reports .reports-guide-item.final::before{content:"✅";}
#reports .reports-guide-item.export::before{content:"⬇️";}

#reports .reports-filters{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:10px !important;
  padding:12px !important;
  border-radius:24px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(14,165,233,.15), transparent 38%),
    rgba(15,23,42,.54) !important;
  border:1px solid rgba(148,163,184,.14) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
  margin:14px 0 !important;
}

#reports .reports-filters label{
  position:relative !important;
  margin:0 !important;
}

#reports .reports-filters label span{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  color:#a5b4fc !important;
  -webkit-text-fill-color:#a5b4fc !important;
  font-size:10.5px !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
  margin-bottom:7px !important;
}

#reports .reports-filters label:has(#reportFrom) span::before{content:"📅";}
#reports .reports-filters label:has(#reportTo) span::before{content:"📆";}
#reports .reports-filters label:has(#reportPartner) span::before{content:"👥";}
#reports .reports-filters label:has(#reportService) span::before{content:"📦";}

#reports .reports-filters input,
#reports .reports-filters select{
  width:100% !important;
  min-height:44px !important;
  border-radius:15px !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  background:rgba(2,6,23,.42) !important;
  border:1px solid rgba(96,165,250,.20) !important;
  font-size:12px !important;
  font-weight:850 !important;
  outline:none !important;
  transition:.18s ease !important;
}

#reports .reports-filters input:focus,
#reports .reports-filters select:focus{
  border-color:rgba(125,211,252,.48) !important;
  box-shadow:0 0 0 3px rgba(14,165,233,.12) !important;
}

#reports .report-summary-grid{
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:10px !important;
  margin:14px 0 !important;
}

#reports .report-card{
  position:relative !important;
  min-height:105px !important;
  padding:14px !important;
  border-radius:22px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(59,130,246,.18), transparent 42%),
    linear-gradient(180deg, rgba(15,23,42,.82), rgba(8,13,25,.92)) !important;
  border:1px solid rgba(148,163,184,.16) !important;
  box-shadow:0 14px 32px rgba(2,6,23,.18), inset 0 1px 0 rgba(255,255,255,.05) !important;
}

#reports .report-card::before{
  display:grid !important;
  place-items:center !important;
  width:34px !important;
  height:34px !important;
  border-radius:13px !important;
  margin-bottom:10px !important;
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  font-size:16px !important;
}
#reports .report-card.orders::before{content:"🧾";}
#reports .report-card.sales::before{content:"💰";}
#reports .report-card.cost::before{content:"📉";}
#reports .report-card.profit::before{content:"📈";}
#reports .report-card.spending::before{content:"💸";}
#reports .report-card.final::before{content:"✅";}

#reports .report-card span{
  display:block !important;
  color:#a5b4fc !important;
  -webkit-text-fill-color:#a5b4fc !important;
  font-size:10.5px !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
  margin-bottom:8px !important;
}

#reports .report-card b{
  display:block !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:20px !important;
  line-height:1.08 !important;
  font-weight:1000 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

#reports .report-card small{
  display:block !important;
  color:#94a3b8 !important;
  -webkit-text-fill-color:#94a3b8 !important;
  font-size:10px !important;
  font-weight:900 !important;
  margin-top:4px !important;
}

#reports .report-card.final{
  border-color:rgba(74,222,128,.28) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(34,197,94,.22), transparent 42%),
    linear-gradient(180deg, rgba(15,23,42,.82), rgba(8,13,25,.92)) !important;
}

#reports .reports-insights108{
  display:grid !important;
  grid-template-columns:1fr 1fr 1fr !important;
  gap:10px !important;
  margin:10px 0 14px !important;
}

#reports .reports-insight-card{
  min-height:64px !important;
  padding:12px 14px !important;
  border-radius:19px !important;
  background:rgba(15,23,42,.52) !important;
  border:1px solid rgba(148,163,184,.14) !important;
}

#reports .reports-insight-card span{
  display:block !important;
  color:#94a3b8 !important;
  -webkit-text-fill-color:#94a3b8 !important;
  font-size:10px !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  margin-bottom:7px !important;
}

#reports .reports-insight-card b{
  display:block !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  font-size:13px !important;
  line-height:1.25 !important;
  font-weight:950 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

#reports .reports-tabs{
  display:flex !important;
  gap:8px !important;
  overflow-x:auto !important;
  padding:2px 0 10px !important;
  margin:4px 0 8px !important;
  -webkit-overflow-scrolling:touch !important;
}

#reports .reports-tabs::-webkit-scrollbar{
  display:none !important;
}

#reports .report-tab{
  flex:0 0 auto !important;
  min-width:132px !important;
  min-height:54px !important;
  padding:9px 12px !important;
  border-radius:17px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  text-align:left !important;
  color:#cbd5e1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
  background:rgba(15,23,42,.56) !important;
  border:1px solid rgba(148,163,184,.14) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}

#reports .report-tab span{
  display:block !important;
  font-size:12px !important;
  line-height:1.1 !important;
  font-weight:1000 !important;
}

#reports .report-tab small{
  display:block !important;
  max-width:150px !important;
  color:#94a3b8 !important;
  -webkit-text-fill-color:#94a3b8 !important;
  font-size:9px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  margin-top:4px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

#reports .report-tab.active{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(59,130,246,.24), transparent 40%),
    linear-gradient(135deg,rgba(37,99,235,.34),rgba(124,58,237,.22)) !important;
  border-color:rgba(129,140,248,.42) !important;
  box-shadow:0 12px 24px rgba(59,130,246,.14), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

#reports .reports-table{
  width:100% !important;
  border-collapse:separate !important;
  border-spacing:0 8px !important;
}

#reports .reports-table thead th{
  color:#a5b4fc !important;
  -webkit-text-fill-color:#a5b4fc !important;
  font-size:11px !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
  padding:10px 12px !important;
  background:rgba(15,23,42,.50) !important;
  border:0 !important;
}

#reports .reports-table tbody tr{
  background:rgba(15,23,42,.50) !important;
  border:1px solid rgba(148,163,184,.10) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
}

#reports .reports-table tbody td{
  padding:13px 12px !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  font-size:12px !important;
  font-weight:850 !important;
  border-top:1px solid rgba(148,163,184,.08) !important;
  border-bottom:1px solid rgba(148,163,184,.08) !important;
}

#reports .reports-table tbody td:first-child{
  border-left:1px solid rgba(148,163,184,.08) !important;
  border-radius:16px 0 0 16px !important;
  color:#dbeafe !important;
  -webkit-text-fill-color:#dbeafe !important;
  font-weight:1000 !important;
}

#reports .reports-table tbody td:last-child{
  border-right:1px solid rgba(148,163,184,.08) !important;
  border-radius:0 16px 16px 0 !important;
}

#reports.reports-loading108 .reports-page{
  opacity:.78 !important;
}

@media(max-width:1100px){
  #reports .report-summary-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  #reports .reports-guide108,
  #reports .reports-filters{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:767px){
  #reports .panel-head{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  #reports .panel-head h1{
    font-size:20px !important;
  }

  #reports .panel-head h1::before{
    width:36px !important;
    height:36px !important;
    border-radius:14px !important;
  }

  #reports .reports-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr 1fr !important;
    gap:7px !important;
  }

  #reports .reports-actions .btn{
    width:100% !important;
    min-width:0 !important;
    min-height:38px !important;
    padding:0 6px !important;
    border-radius:13px !important;
    font-size:10.5px !important;
  }

  #reports .reports-guide108{
    display:flex !important;
    gap:8px !important;
    overflow-x:auto !important;
    margin:10px 0 !important;
    -webkit-overflow-scrolling:touch !important;
  }

  #reports .reports-guide108::-webkit-scrollbar{
    display:none !important;
  }

  #reports .reports-guide-item{
    flex:0 0 170px !important;
    min-height:64px !important;
    padding:10px !important;
    border-radius:17px !important;
  }

  #reports .reports-filters{
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    padding:9px !important;
    border-radius:19px !important;
    margin:10px 0 !important;
  }

  #reports .reports-filters label span{
    font-size:9.5px !important;
    margin-bottom:5px !important;
  }

  #reports .reports-filters input,
  #reports .reports-filters select{
    min-height:38px !important;
    border-radius:13px !important;
    font-size:11px !important;
    padding:0 8px !important;
  }

  #reports .report-summary-grid{
    display:flex !important;
    gap:8px !important;
    overflow-x:auto !important;
    padding-bottom:6px !important;
    margin:10px 0 !important;
    -webkit-overflow-scrolling:touch !important;
  }

  #reports .report-summary-grid::-webkit-scrollbar{
    display:none !important;
  }

  #reports .report-card{
    flex:0 0 145px !important;
    min-height:86px !important;
    padding:11px !important;
    border-radius:18px !important;
  }

  #reports .report-card::before{
    width:28px !important;
    height:28px !important;
    border-radius:11px !important;
    margin-bottom:7px !important;
    font-size:14px !important;
  }

  #reports .report-card span{
    font-size:9px !important;
    margin-bottom:6px !important;
  }

  #reports .report-card b{
    font-size:16px !important;
  }

  #reports .reports-insights108{
    display:flex !important;
    gap:8px !important;
    overflow-x:auto !important;
    margin:8px 0 10px !important;
  }

  #reports .reports-insights108::-webkit-scrollbar{
    display:none !important;
  }

  #reports .reports-insight-card{
    flex:0 0 190px !important;
    min-height:58px !important;
    padding:10px !important;
    border-radius:17px !important;
  }

  #reports .report-tab{
    min-width:120px !important;
    min-height:50px !important;
    border-radius:15px !important;
    padding:8px 10px !important;
  }

  #reports .report-tab span{
    font-size:11px !important;
  }

  #reports .report-tab small{
    font-size:8.5px !important;
    max-width:110px !important;
  }

  #reports .reports-table thead{
    display:none !important;
  }

  #reports .reports-table,
  #reports .reports-table tbody{
    display:block !important;
    width:100% !important;
  }

  #reports .reports-table tbody tr.report-row108{
    display:block !important;
    width:100% !important;
    margin:0 0 10px !important;
    padding:10px !important;
    border-radius:20px !important;
    background:
      radial-gradient(circle at 0% 0%, rgba(59,130,246,.14), transparent 38%),
      rgba(15,23,42,.56) !important;
    border:1px solid rgba(148,163,184,.14) !important;
    box-sizing:border-box !important;
  }

  #reports .reports-table tbody tr.report-row108::before{
    content:attr(data-title) !important;
    display:block !important;
    color:#dbeafe !important;
    -webkit-text-fill-color:#dbeafe !important;
    font-size:13px !important;
    line-height:1.2 !important;
    font-weight:1000 !important;
    margin-bottom:8px !important;
  }

  #reports .reports-table tbody td{
    display:grid !important;
    grid-template-columns:110px minmax(0,1fr) !important;
    gap:8px !important;
    align-items:center !important;
    padding:8px 0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#f8fafc !important;
    -webkit-text-fill-color:#f8fafc !important;
    font-size:12px !important;
    overflow-wrap:anywhere !important;
  }

  #reports .reports-table tbody td:first-child,
  #reports .reports-table tbody td:last-child{
    border:0 !important;
    border-radius:0 !important;
  }

  #reports .reports-table tbody td::before{
    content:attr(data-label) !important;
    color:#94a3b8 !important;
    -webkit-text-fill-color:#94a3b8 !important;
    font-size:9.5px !important;
    font-weight:1000 !important;
    text-transform:uppercase !important;
    letter-spacing:.04em !important;
  }
}


#reports #clearReportsFiltersBtn.reports-clear-btn109{
  color:#e0e7ff !important;
  -webkit-text-fill-color:#e0e7ff !important;
  background:rgba(148,163,184,.12) !important;
  border:1px solid rgba(148,163,184,.22) !important;
}

#reports #clearReportsFiltersBtn.reports-clear-btn109::before{
  content:"×" !important;
  margin-right:6px !important;
  font-size:15px !important;
  font-weight:1000 !important;
}

#reports #reportPartner,
#reports #reportService{
  cursor:pointer !important;
}

#reports #reportPartner option,
#reports #reportService option{
  color:#0f172a !important;
  -webkit-text-fill-color:#0f172a !important;
  background:#fff !important;
}

#reports .reports-loading108 .reports-table,
#reports.reports-loading108 .reports-table{
  opacity:.62 !important;
}

@media(max-width:767px){
  #reports .reports-actions{
    grid-template-columns:1fr 1fr !important;
  }

  #reports #clearReportsFiltersBtn{
    grid-column:1 / -1 !important;
  }
}


#reports .reports-partner-tools110{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:12px !important;
  align-items:center !important;
  margin:10px 0 14px !important;
  padding:13px !important;
  border-radius:22px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(34,197,94,.16), transparent 38%),
    rgba(15,23,42,.54) !important;
  border:1px solid rgba(74,222,128,.18) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}

#reports .reports-partner-tools110 strong{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:15px !important;
  line-height:1.15 !important;
  font-weight:1000 !important;
  margin-bottom:4px !important;
}

#reports .reports-partner-tools110 strong::before{
  content:"👤" !important;
  width:30px !important;
  height:30px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:12px !important;
  background:rgba(34,197,94,.18) !important;
  border:1px solid rgba(74,222,128,.24) !important;
  -webkit-text-fill-color:initial !important;
}

#reports .reports-partner-tools110 span{
  display:block !important;
  color:#cbd5e1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
  font-size:12px !important;
  line-height:1.35 !important;
  font-weight:850 !important;
}

#reports .reports-partner-actions110{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  flex-wrap:wrap !important;
}

#reports .reports-partner-actions110 button{
  min-height:38px !important;
  padding:0 12px !important;
  border-radius:14px !important;
  font-size:11px !important;
  font-weight:1000 !important;
  white-space:nowrap !important;
  color:#dbeafe !important;
  -webkit-text-fill-color:#dbeafe !important;
  background:rgba(59,130,246,.14) !important;
  border:1px solid rgba(96,165,250,.25) !important;
}

#reports #copyPartnerStatementBtn110::before{content:"⧉"; margin-right:6px;}
#reports #exportPartnerStatementCsvBtn110::before{content:"📄"; margin-right:6px; -webkit-text-fill-color:initial;}
#reports #printPartnerStatementBtn110::before{content:"🖨️"; margin-right:6px; -webkit-text-fill-color:initial;}

#reports #copyPartnerStatementBtn110{
  color:#bbf7d0 !important;
  -webkit-text-fill-color:#bbf7d0 !important;
  background:rgba(34,197,94,.16) !important;
  border-color:rgba(74,222,128,.30) !important;
}

#reports #printPartnerStatementBtn110{
  color:#fde68a !important;
  -webkit-text-fill-color:#fde68a !important;
  background:rgba(245,158,11,.14) !important;
  border-color:rgba(251,191,36,.30) !important;
}

#reports .report-tab[data-report-tab="details"]{
  border-color:rgba(34,197,94,.22) !important;
}

@media(max-width:767px){
  #reports .reports-partner-tools110{
    grid-template-columns:1fr !important;
    gap:10px !important;
    padding:11px !important;
    border-radius:19px !important;
  }

  #reports .reports-partner-actions110{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:7px !important;
  }

  #reports .reports-partner-actions110 button{
    width:100% !important;
    min-height:38px !important;
  }
}


#reports .report-tab > span,
#reports .report-tab > small{
  pointer-events:none !important;
}

#reports .report-tab{
  gap:3px !important;
}

#reports .report-tab > span{
  white-space:nowrap !important;
}

#reports .report-tab > small{
  display:block !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}


#reports .reports-page{
  padding-top:22px !important;
}

#reports .panel-head{
  align-items:flex-start !important;
  padding-bottom:4px !important;
}

#reports .panel-head > div:first-child{
  min-width:0 !important;
}

#reports .panel-head p{
  max-width:640px !important;
  line-height:1.45 !important;
  color:#cbd5e1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
  font-size:14px !important;
  margin-top:8px !important;
}

#reports .reports-actions{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(128px,1fr)) !important;
  gap:9px !important;
  min-width:430px !important;
  align-items:stretch !important;
}

#reports .reports-actions .btn{
  width:100% !important;
  min-height:44px !important;
  border-radius:16px !important;
  padding:0 14px !important;
  font-size:12px !important;
  font-weight:1000 !important;
  letter-spacing:.01em !important;
}

#reports #clearReportsFiltersBtn.reports-clear-btn109{
  grid-column:3 !important;
  width:100% !important;
  min-height:40px !important;
  margin-top:2px !important;
}

#reports .reports-export-status112{
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr) !important;
  gap:12px !important;
  align-items:center !important;
  margin:12px 0 !important;
  padding:12px 14px !important;
  border-radius:20px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(59,130,246,.16), transparent 40%),
    rgba(15,23,42,.54) !important;
  border:1px solid rgba(96,165,250,.18) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}

#reports .reports-export-status112.ok{
  border-color:rgba(74,222,128,.26) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(34,197,94,.16), transparent 40%),
    rgba(15,23,42,.54) !important;
}

#reports .reports-export-status112.warn{
  border-color:rgba(251,191,36,.28) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(245,158,11,.15), transparent 40%),
    rgba(15,23,42,.54) !important;
}

#reports .reports-export-status-icon112{
  width:42px !important;
  height:42px !important;
  border-radius:15px !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  font-size:18px !important;
}

#reports .reports-export-status112 strong{
  display:block !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:13.5px !important;
  line-height:1.2 !important;
  font-weight:1000 !important;
  margin-bottom:4px !important;
}

#reports .reports-export-status112 span{
  display:block !important;
  color:#cbd5e1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
  font-size:12px !important;
  line-height:1.35 !important;
  font-weight:850 !important;
}

#reports .reports-guide108{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:10px !important;
}

#reports .reports-guide-item{
  min-height:86px !important;
  padding:13px !important;
  border-radius:20px !important;
}

#reports .reports-filters{
  padding:12px !important;
  border-radius:22px !important;
  gap:10px !important;
  margin:12px 0 !important;
}

#reports .report-summary-grid{
  gap:10px !important;
  margin:12px 0 !important;
}

#reports .report-card{
  min-height:100px !important;
  padding:13px !important;
  border-radius:21px !important;
}

#reports .reports-insights108,
#reports .reports-partner-tools110{
  margin-top:10px !important;
  margin-bottom:12px !important;
}

#reports .reports-partner-tools110{
  border-radius:21px !important;
  padding:12px !important;
}

#reports .reports-partner-actions110 button{
  min-height:38px !important;
  border-radius:14px !important;
}

#reports .reports-tabs{
  gap:8px !important;
  margin-top:8px !important;
}

#reports .report-tab{
  min-width:128px !important;
  min-height:52px !important;
  padding:8px 11px !important;
  border-radius:16px !important;
}

#reports .reports-table tbody td{
  padding:12px !important;
}

@media(max-width:1100px){
  #reports .reports-actions{
    min-width:0 !important;
    grid-template-columns:repeat(2,minmax(130px,1fr)) !important;
  }

  #reports #clearReportsFiltersBtn.reports-clear-btn109{
    grid-column:auto !important;
  }
}

@media(max-width:767px){
  #reports .reports-page{
    padding-top:12px !important;
  }

  #reports .panel-head{
    gap:10px !important;
  }

  #reports .panel-head p{
    font-size:12px !important;
    margin-top:6px !important;
  }

  #reports .reports-actions{
    grid-template-columns:1fr 1fr !important;
    min-width:0 !important;
    width:100% !important;
    gap:7px !important;
  }

  #reports .reports-actions .btn{
    min-height:39px !important;
    border-radius:13px !important;
    font-size:10.5px !important;
    padding:0 7px !important;
  }

  #reports #exportReportsExcelBtn,
  #reports #exportReportsCsvBtn{
    font-size:10px !important;
  }

  #reports #clearReportsFiltersBtn.reports-clear-btn109{
    grid-column:1 / -1 !important;
    min-height:38px !important;
  }

  #reports .reports-export-status112{
    grid-template-columns:34px minmax(0,1fr) !important;
    gap:9px !important;
    padding:10px !important;
    border-radius:17px !important;
    margin:9px 0 !important;
  }

  #reports .reports-export-status-icon112{
    width:34px !important;
    height:34px !important;
    border-radius:13px !important;
    font-size:15px !important;
  }

  #reports .reports-export-status112 strong{
    font-size:12px !important;
  }

  #reports .reports-export-status112 span{
    font-size:10.5px !important;
  }

  #reports .reports-guide-item{
    flex:0 0 160px !important;
    min-height:64px !important;
  }

  #reports .report-summary-grid{
    margin:8px 0 !important;
  }

  #reports .report-card{
    flex-basis:138px !important;
    min-height:82px !important;
  }

  #reports .reports-partner-tools110{
    padding:10px !important;
    border-radius:18px !important;
  }

  #reports .reports-partner-actions110{
    grid-template-columns:1fr 1fr !important;
  }

  #reports .reports-partner-actions110 button:first-child{
    grid-column:1 / -1 !important;
  }
}


#reports .reports-actions{
  grid-template-columns:repeat(4,minmax(118px,1fr)) !important;
  min-width:560px !important;
}

#reports .reports-actions .btn{
  position:relative !important;
  overflow:hidden !important;
  min-height:44px !important;
  border-radius:16px !important;
}

#reports .reports-actions .btn::after,
#reports .reports-partner-actions110 button::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.12),transparent) !important;
  transform:translateX(-130%) !important;
  transition:.35s ease !important;
  pointer-events:none !important;
}

#reports .reports-actions .btn:hover::after,
#reports .reports-partner-actions110 button:hover::after{
  transform:translateX(130%) !important;
}

#reports #exportReportsExcelBtn{
  background:linear-gradient(135deg,#10b981,#059669) !important;
  border-color:rgba(110,231,183,.42) !important;
  box-shadow:0 12px 22px rgba(16,185,129,.16) !important;
}

#reports #exportReportsCsvBtn{
  background:linear-gradient(135deg,#7c3aed,#6d28d9) !important;
  border-color:rgba(196,181,253,.40) !important;
  box-shadow:0 12px 22px rgba(124,58,237,.15) !important;
}

#reports #exportReportsPdfBtn113.reports-pdf-btn113{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background:linear-gradient(135deg,#f59e0b,#d97706) !important;
  border:1px solid rgba(251,191,36,.44) !important;
  box-shadow:0 12px 22px rgba(245,158,11,.15) !important;
}

#reports #exportReportsPdfBtn113::before{
  content:"📕" !important;
  margin-right:6px !important;
  -webkit-text-fill-color:initial !important;
}

#reports #clearReportsFiltersBtn.reports-clear-btn109{
  grid-column:auto !important;
  min-height:44px !important;
  margin-top:0 !important;
  color:#fecaca !important;
  -webkit-text-fill-color:#fecaca !important;
  background:
    linear-gradient(135deg,rgba(239,68,68,.22),rgba(148,163,184,.08)),
    rgba(15,23,42,.55) !important;
  border:1px solid rgba(248,113,113,.30) !important;
  box-shadow:0 12px 22px rgba(239,68,68,.09), inset 0 1px 0 rgba(255,255,255,.05) !important;
}

#reports #clearReportsFiltersBtn.reports-clear-btn109::before{
  content:"🧹" !important;
  margin-right:6px !important;
  -webkit-text-fill-color:initial !important;
  font-size:13px !important;
}

#reports .reports-export-status112{
  border-radius:22px !important;
}

#reports .reports-export-status112 strong::before{
  content:"ℹ️" !important;
  margin-right:6px !important;
  -webkit-text-fill-color:initial !important;
}

#reports .reports-partner-actions110 button{
  position:relative !important;
  overflow:hidden !important;
}

#reports #exportPartnerStatementCsvBtn110{
  background:linear-gradient(135deg,rgba(37,99,235,.28),rgba(59,130,246,.18)) !important;
  border-color:rgba(96,165,250,.30) !important;
}

#reports #printPartnerStatementBtn110{
  color:#fff7ed !important;
  -webkit-text-fill-color:#fff7ed !important;
  background:linear-gradient(135deg,rgba(245,158,11,.32),rgba(217,119,6,.22)) !important;
  border-color:rgba(251,191,36,.34) !important;
}

#reports #printPartnerStatementBtn110::before{
  content:"📕" !important;
}

@media(max-width:1100px){
  #reports .reports-actions{
    min-width:0 !important;
    grid-template-columns:repeat(3,minmax(118px,1fr)) !important;
  }

  #reports #clearReportsFiltersBtn.reports-clear-btn109{
    grid-column:auto !important;
  }
}

@media(max-width:767px){
  #reports .reports-actions{
    grid-template-columns:1fr 1fr !important;
    width:100% !important;
    gap:8px !important;
  }

  #reports .reports-actions .btn,
  #reports #clearReportsFiltersBtn.reports-clear-btn109{
    min-height:40px !important;
    border-radius:14px !important;
    font-size:10.5px !important;
  }

  #reports #clearReportsFiltersBtn.reports-clear-btn109{
    grid-column:1 / -1 !important;
  }

  #reports .reports-partner-actions110{
    grid-template-columns:1fr 1fr !important;
  }

  #reports #copyPartnerStatementBtn110{
    grid-column:1 / -1 !important;
  }
}


#reports .reports-page{
  padding-top:18px !important;
}

#reports .panel-head{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:start !important;
  gap:16px !important;
  margin-bottom:10px !important;
}

#reports .panel-head p{
  max-width:560px !important;
  margin-top:7px !important;
}

#reports .reports-actions114{
  display:grid !important;
  grid-template-columns:150px 150px !important;
  gap:10px !important;
  min-width:0 !important;
  align-items:start !important;
  justify-content:end !important;
}

#reports .reports-reload114,
#reports .reports-export-main114{
  min-height:44px !important;
  height:44px !important;
  border-radius:16px !important;
  font-size:12px !important;
  font-weight:1000 !important;
}

#reports .reports-export-main114{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background:linear-gradient(135deg,#7c3aed,#2563eb) !important;
  border:1px solid rgba(196,181,253,.38) !important;
  box-shadow:0 12px 22px rgba(124,58,237,.14), inset 0 1px 0 rgba(255,255,255,.09) !important;
}

#reports .reports-export-main114::before{
  content:"⬇️" !important;
  margin-right:6px !important;
  -webkit-text-fill-color:initial !important;
}

#reports .reports-export-menu114{
  position:relative !important;
  z-index:50 !important;
}

#reports .reports-export-list114{
  position:absolute !important;
  top:calc(100% + 8px) !important;
  right:0 !important;
  min-width:230px !important;
  display:none !important;
  grid-template-columns:1fr !important;
  gap:7px !important;
  padding:9px !important;
  border-radius:18px !important;
  background:rgba(15,23,42,.96) !important;
  border:1px solid rgba(148,163,184,.18) !important;
  box-shadow:0 24px 60px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.06) !important;
  backdrop-filter:blur(18px) saturate(150%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(150%) !important;
}

#reports .reports-export-menu114.is-open .reports-export-list114{
  display:grid !important;
}

#reports .reports-export-list114 button{
  min-height:42px !important;
  border-radius:14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  padding:0 12px !important;
  color:#e5e7eb !important;
  -webkit-text-fill-color:#e5e7eb !important;
  background:rgba(148,163,184,.08) !important;
  border:1px solid rgba(148,163,184,.13) !important;
  font-size:12px !important;
  font-weight:950 !important;
  text-align:left !important;
}

#reports .reports-export-list114 #exportReportsExcelBtn::before{content:"📗";}
#reports .reports-export-list114 #exportReportsCsvBtn::before{content:"📄";}
#reports .reports-export-list114 #exportReportsPdfBtn113::before{content:"📕";}
#reports .reports-export-list114 #exportPartnerStatementCsvBtn110::before{content:"👤";}
#reports .reports-export-list114 #copyPartnerStatementBtn110::before{content:"⧉";}

#reports .reports-export-status112{
  grid-template-columns:34px minmax(0,1fr) !important;
  min-height:60px !important;
  margin:10px 0 12px !important;
  padding:10px 12px !important;
  border-radius:18px !important;
}

#reports .reports-export-status-icon112{
  width:34px !important;
  height:34px !important;
  border-radius:13px !important;
  font-size:15px !important;
}

#reports .reports-export-status112 strong{
  font-size:12.5px !important;
  margin-bottom:3px !important;
}

#reports .reports-export-status112 span{
  font-size:11px !important;
  line-height:1.25 !important;
}

#reports .reports-help114{
  margin:8px 0 10px !important;
}

#reports .reports-help-toggle114{
  min-height:40px !important;
  padding:0 13px !important;
  border-radius:15px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  color:#dbeafe !important;
  -webkit-text-fill-color:#dbeafe !important;
  background:rgba(59,130,246,.12) !important;
  border:1px solid rgba(96,165,250,.22) !important;
  font-size:12px !important;
  font-weight:950 !important;
}

#reports .reports-help114 .reports-guide108{
  display:none !important;
  margin:10px 0 0 !important;
}

#reports .reports-help114.is-open .reports-guide108{
  display:grid !important;
}

#reports .reports-filters{
  grid-template-columns:repeat(4,minmax(0,1fr)) auto !important;
  align-items:end !important;
  margin:10px 0 12px !important;
}

#reports #clearReportsFiltersBtn.reports-filter-clear-wrap114,
#reports .reports-filter-clear-wrap114{
  min-height:44px !important;
  padding:0 14px !important;
  border-radius:15px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  color:#fecaca !important;
  -webkit-text-fill-color:#fecaca !important;
  background:
    linear-gradient(135deg,rgba(239,68,68,.18),rgba(148,163,184,.08)),
    rgba(15,23,42,.52) !important;
  border:1px solid rgba(248,113,113,.28) !important;
  font-size:12px !important;
  font-weight:1000 !important;
  white-space:nowrap !important;
}

#reports #clearReportsFiltersBtn.reports-filter-clear-wrap114 span::before{
  content:"🧹" !important;
  margin-right:6px !important;
  -webkit-text-fill-color:initial !important;
}

#reports .report-summary-grid{
  margin-top:10px !important;
}

#reports .report-card{
  min-height:94px !important;
}

#reports .reports-partner-tools110{
  grid-template-columns:minmax(0,1fr) auto !important;
  padding:11px 12px !important;
  border-radius:19px !important;
  margin:9px 0 12px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(34,197,94,.13), transparent 38%),
    rgba(15,23,42,.52) !important;
}

#reports .reports-partner-tools110 strong{
  font-size:14px !important;
  margin:0 0 3px !important;
}

#reports .reports-partner-tools110 span{
  font-size:11px !important;
  line-height:1.25 !important;
}

#reports .reports-partner-actions114{
  position:relative !important;
  display:block !important;
}

#reports #reportsPartnerActionsBtn114{
  min-height:40px !important;
  padding:0 14px !important;
  border-radius:15px !important;
  color:#bbf7d0 !important;
  -webkit-text-fill-color:#bbf7d0 !important;
  background:rgba(34,197,94,.15) !important;
  border:1px solid rgba(74,222,128,.28) !important;
  font-size:12px !important;
  font-weight:1000 !important;
}

#reports #reportsPartnerActionsBtn114::before{
  content:"⚡" !important;
  margin-right:6px !important;
  -webkit-text-fill-color:initial !important;
}

#reports .reports-partner-list114{
  position:absolute !important;
  top:calc(100% + 8px) !important;
  right:0 !important;
  min-width:230px !important;
  display:none !important;
  grid-template-columns:1fr !important;
  gap:7px !important;
  padding:9px !important;
  border-radius:18px !important;
  background:rgba(15,23,42,.96) !important;
  border:1px solid rgba(148,163,184,.18) !important;
  box-shadow:0 24px 60px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.06) !important;
  backdrop-filter:blur(18px) saturate(150%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(150%) !important;
  z-index:70 !important;
}

#reports .reports-partner-tools110.is-open .reports-partner-list114{
  display:grid !important;
}

#reports .reports-partner-list114 button{
  min-height:40px !important;
  border-radius:14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  padding:0 12px !important;
  color:#e5e7eb !important;
  -webkit-text-fill-color:#e5e7eb !important;
  background:rgba(148,163,184,.08) !important;
  border:1px solid rgba(148,163,184,.13) !important;
  font-size:12px !important;
  font-weight:950 !important;
  text-align:left !important;
}

#reports #partnerCopyStatementBtn114::before{content:"⧉";}
#reports #partnerExportStatementCsvBtn114::before{content:"📄";}
#reports #printPartnerStatementBtn110::before{content:"📕";}

#reports .reports-tabs{
  margin-top:8px !important;
}

#reports .report-tab{
  min-width:122px !important;
  min-height:48px !important;
  border-radius:15px !important;
}

@media(max-width:1100px){
  #reports .panel-head{
    grid-template-columns:1fr !important;
  }

  #reports .reports-actions114{
    grid-template-columns:150px 150px !important;
    justify-content:start !important;
  }

  #reports .reports-filters{
    grid-template-columns:repeat(2,minmax(0,1fr)) auto !important;
  }
}

@media(max-width:767px){
  #reports .panel-head{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  #reports .panel-head h1{
    font-size:19px !important;
  }

  #reports .panel-head p{
    font-size:11.5px !important;
    line-height:1.35 !important;
  }

  #reports .reports-actions114{
    grid-template-columns:1fr 1fr !important;
    width:100% !important;
    gap:8px !important;
  }

  #reports .reports-reload114,
  #reports .reports-export-main114{
    width:100% !important;
    min-height:40px !important;
    height:40px !important;
    border-radius:14px !important;
    font-size:11px !important;
  }

  #reports .reports-export-list114{
    left:0 !important;
    right:auto !important;
    width:min(92vw,280px) !important;
    min-width:0 !important;
    z-index:100 !important;
  }

  #reports .reports-export-status112{
    grid-template-columns:30px minmax(0,1fr) !important;
    min-height:52px !important;
    padding:9px !important;
    border-radius:16px !important;
  }

  #reports .reports-export-status-icon112{
    width:30px !important;
    height:30px !important;
    border-radius:12px !important;
    font-size:13px !important;
  }

  #reports .reports-export-status112 strong{
    font-size:11.5px !important;
  }

  #reports .reports-export-status112 span{
    font-size:10px !important;
  }

  #reports .reports-help-toggle114{
    width:100% !important;
    min-height:38px !important;
    border-radius:14px !important;
    font-size:11px !important;
  }

  #reports .reports-help114.is-open .reports-guide108{
    display:flex !important;
    gap:8px !important;
    overflow-x:auto !important;
    padding-bottom:4px !important;
  }

  #reports .reports-filters{
    grid-template-columns:1fr 1fr !important;
    gap:7px !important;
    padding:8px !important;
    border-radius:17px !important;
  }

  #reports .reports-filters input,
  #reports .reports-filters select{
    min-height:36px !important;
    height:36px !important;
    font-size:10.5px !important;
    border-radius:12px !important;
  }

  #reports #clearReportsFiltersBtn.reports-filter-clear-wrap114,
  #reports .reports-filter-clear-wrap114{
    grid-column:1 / -1 !important;
    min-height:36px !important;
    border-radius:12px !important;
    font-size:11px !important;
  }

  #reports .report-card{
    min-height:78px !important;
    flex-basis:132px !important;
  }

  #reports .reports-insights108{
    margin:7px 0 8px !important;
  }

  #reports .reports-partner-tools110{
    grid-template-columns:1fr auto !important;
    gap:8px !important;
    padding:9px !important;
    border-radius:17px !important;
  }

  #reports .reports-partner-tools110 strong{
    font-size:12.5px !important;
  }

  #reports .reports-partner-tools110 strong::before{
    width:26px !important;
    height:26px !important;
    min-width:26px !important;
    border-radius:10px !important;
  }

  #reports .reports-partner-tools110 span{
    font-size:10px !important;
  }

  #reports #reportsPartnerActionsBtn114{
    min-height:36px !important;
    border-radius:13px !important;
    padding:0 10px !important;
    font-size:10.5px !important;
  }

  #reports .reports-partner-list114{
    right:0 !important;
    width:min(88vw,260px) !important;
    min-width:0 !important;
    z-index:100 !important;
  }

  #reports .reports-tabs{
    gap:7px !important;
  }

  #reports .report-tab{
    min-width:112px !important;
    min-height:45px !important;
    padding:7px 9px !important;
  }

  #reports .report-tab span{
    font-size:10.5px !important;
  }

  #reports .report-tab small{
    font-size:8px !important;
  }
}


#adminExpenses .admin-spending-modern115{
  overflow:visible !important;
}

#adminExpenses .panel-head{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:14px !important;
}

#adminExpenses .panel-head h1{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-weight:1000 !important;
}

#adminExpenses .panel-head h1::before{
  content:"💸" !important;
  width:42px !important;
  height:42px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:16px !important;
  background:linear-gradient(135deg,rgba(34,197,94,.22),rgba(245,158,11,.14)) !important;
  border:1px solid rgba(74,222,128,.24) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
}

#adminExpenses .panel-head p{
  color:#cbd5e1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
  font-size:13px !important;
  line-height:1.45 !important;
  margin-top:8px !important;
}

#adminExpenses #adminExpenseNewBtn{
  min-height:44px !important;
  min-width:142px !important;
  padding:0 15px !important;
  border-radius:16px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background:linear-gradient(135deg,#10b981,#059669) !important;
  border:1px solid rgba(110,231,183,.42) !important;
  font-size:12px !important;
  font-weight:1000 !important;
  box-shadow:0 12px 24px rgba(16,185,129,.14), inset 0 1px 0 rgba(255,255,255,.09) !important;
}

#adminExpenses #adminExpenseNewBtn.is-open{
  background:linear-gradient(135deg,#f97316,#dc2626) !important;
  border-color:rgba(251,146,60,.42) !important;
}

#adminExpenses .admin-spending-guide115{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  margin:12px 0 !important;
}

#adminExpenses .admin-spending-guide115 > div{
  min-height:68px !important;
  padding:12px !important;
  border-radius:20px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(34,197,94,.13), transparent 38%),
    rgba(15,23,42,.54) !important;
  border:1px solid rgba(148,163,184,.14) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}

#adminExpenses .admin-spending-guide115 b{
  display:block !important;
  color:#e0e7ff !important;
  -webkit-text-fill-color:#e0e7ff !important;
  font-size:13px !important;
  font-weight:1000 !important;
  margin-bottom:6px !important;
}

#adminExpenses .admin-spending-guide115 span{
  display:block !important;
  color:#cbd5e1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
  font-size:11px !important;
  line-height:1.35 !important;
  font-weight:850 !important;
}

#adminExpenses .admin-expense-cards{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:10px !important;
  margin:12px 0 !important;
}

#adminExpenses .admin-expense-stat{
  position:relative !important;
  min-height:104px !important;
  padding:14px !important;
  border-radius:22px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(59,130,246,.16), transparent 40%),
    linear-gradient(180deg,rgba(15,23,42,.82),rgba(8,13,25,.92)) !important;
  border:1px solid rgba(148,163,184,.16) !important;
  box-shadow:0 14px 32px rgba(2,6,23,.18), inset 0 1px 0 rgba(255,255,255,.05) !important;
}

#adminExpenses .admin-expense-stat::before{
  width:34px !important;
  height:34px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:13px !important;
  margin-bottom:10px !important;
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  font-size:16px !important;
}

#adminExpenses .admin-expense-stat.pending::before{content:"💸" !important;}
#adminExpenses .admin-expense-stat.admins::before{content:"👥" !important;}
#adminExpenses .admin-expense-stat.month::before{content:"📅" !important;}
#adminExpenses .admin-expense-stat.returned::before{content:"🕘" !important;}

#adminExpenses .admin-expense-stat span{
  display:block !important;
  color:#a5b4fc !important;
  -webkit-text-fill-color:#a5b4fc !important;
  font-size:10.5px !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
  margin-bottom:8px !important;
}

#adminExpenses .admin-expense-stat strong{
  display:block !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:18px !important;
  line-height:1.15 !important;
  font-weight:1000 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

#adminExpenses .admin-expense-form{
  margin:12px 0 !important;
  padding:15px !important;
  border-radius:24px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(34,197,94,.15), transparent 38%),
    rgba(15,23,42,.56) !important;
  border:1px solid rgba(74,222,128,.16) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}

#adminExpenses .admin-expense-form-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
}

#adminExpenses .admin-expense-form label{
  color:#a5b4fc !important;
  -webkit-text-fill-color:#a5b4fc !important;
  font-size:10.5px !important;
  font-weight:1000 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
}

#adminExpenses .admin-expense-form label::before{
  display:inline-block !important;
  margin-right:5px !important;
  -webkit-text-fill-color:initial !important;
}
#adminExpenses .admin-expense-form label:has(#adminExpenseDate)::before{content:"📅";}
#adminExpenses .admin-expense-form label:has(#adminExpenseAdmin)::before{content:"👤";}
#adminExpenses .admin-expense-form label:has(#customAdminExpenseName)::before{content:"✍️";}
#adminExpenses .admin-expense-form label:has(#adminExpensePurpose)::before{content:"🎯";}
#adminExpenses .admin-expense-form label:has(#adminExpenseAmount)::before{content:"💰";}
#adminExpenses .admin-expense-form label:has(#adminExpenseNote)::before{content:"📝";}

#adminExpenses .admin-expense-form input,
#adminExpenses .admin-expense-form select,
#adminExpenses .admin-expense-form textarea{
  width:100% !important;
  min-height:44px !important;
  margin-top:7px !important;
  border-radius:15px !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  background:rgba(2,6,23,.42) !important;
  border:1px solid rgba(96,165,250,.18) !important;
  font-size:12px !important;
  font-weight:850 !important;
  outline:none !important;
}

#adminExpenses .admin-expense-form textarea{
  min-height:92px !important;
  padding:11px !important;
  resize:vertical !important;
}

#adminExpenses .admin-expense-note{
  grid-column:1 / -1 !important;
}

#adminExpenses .form-actions{
  display:flex !important;
  justify-content:flex-end !important;
  gap:9px !important;
  margin-top:12px !important;
}

#adminExpenses .form-actions .btn{
  min-height:42px !important;
  border-radius:15px !important;
  font-size:12px !important;
  font-weight:1000 !important;
}

#adminExpenses .admin-summary-panel{
  margin:12px 0 !important;
  padding:13px !important;
  border-radius:24px !important;
  background:rgba(15,23,42,.45) !important;
  border:1px solid rgba(148,163,184,.12) !important;
}

#adminExpenses .admin-summary-panel h2{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:17px !important;
  font-weight:1000 !important;
  margin:0 0 4px !important;
}

#adminExpenses .admin-summary-hint{
  color:#94a3b8 !important;
  -webkit-text-fill-color:#94a3b8 !important;
  font-size:11px !important;
  font-weight:800 !important;
  margin-bottom:10px !important;
}

#adminExpenses .admin-expense-summary{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr)) !important;
  gap:10px !important;
}

#adminExpenses .admin-summary-total-card,
#adminExpenses .admin-summary-account-card{
  border-radius:18px !important;
  background:rgba(2,6,23,.28) !important;
  border:1px solid rgba(148,163,184,.12) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}

#adminExpenses .admin-expense-filters115{
  display:grid !important;
  grid-template-columns:145px 145px 180px minmax(0,1fr) auto !important;
  gap:9px !important;
  align-items:end !important;
  padding:10px !important;
  margin:12px 0 !important;
  border-radius:22px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(59,130,246,.14), transparent 38%),
    rgba(15,23,42,.52) !important;
  border:1px solid rgba(148,163,184,.14) !important;
}

#adminExpenses .admin-expense-filters115 label span{
  display:block !important;
  color:#a5b4fc !important;
  -webkit-text-fill-color:#a5b4fc !important;
  font-size:9.5px !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
  margin-bottom:6px !important;
}

#adminExpenses .admin-expense-filters115 label:nth-child(1) span::before{content:"📅 "; -webkit-text-fill-color:initial;}
#adminExpenses .admin-expense-filters115 label:nth-child(2) span::before{content:"📆 "; -webkit-text-fill-color:initial;}
#adminExpenses .admin-expense-filters115 label:nth-child(3) span::before{content:"👤 "; -webkit-text-fill-color:initial;}
#adminExpenses .admin-expense-filters115 label:nth-child(4) span::before{content:"🔎 "; -webkit-text-fill-color:initial;}

#adminExpenses .admin-expense-filters115 input,
#adminExpenses .admin-expense-filters115 select{
  width:100% !important;
  min-height:40px !important;
  border-radius:14px !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  background:rgba(2,6,23,.42) !important;
  border:1px solid rgba(96,165,250,.18) !important;
  font-size:12px !important;
  font-weight:850 !important;
}

#adminExpenses #adminExpenseClearFilters115{
  min-height:40px !important;
  padding:0 12px !important;
  border-radius:14px !important;
  color:#fecaca !important;
  -webkit-text-fill-color:#fecaca !important;
  background:rgba(239,68,68,.14) !important;
  border:1px solid rgba(248,113,113,.28) !important;
  font-size:12px !important;
  font-weight:1000 !important;
}

#adminExpenses .table-wrap table{
  border-collapse:separate !important;
  border-spacing:0 8px !important;
}

#adminExpenses thead th{
  color:#a5b4fc !important;
  -webkit-text-fill-color:#a5b4fc !important;
  font-size:11px !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
  padding:10px 12px !important;
  background:rgba(15,23,42,.50) !important;
}

#adminExpenses tbody tr.admin-row115{
  background:rgba(15,23,42,.50) !important;
  border:1px solid rgba(148,163,184,.10) !important;
}

#adminExpenses tbody tr.admin-row115 td{
  padding:12px !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  font-size:12px !important;
  font-weight:850 !important;
  border-top:1px solid rgba(148,163,184,.08) !important;
  border-bottom:1px solid rgba(148,163,184,.08) !important;
}

#adminExpenses tbody tr.admin-row115 td:first-child{
  border-left:1px solid rgba(148,163,184,.08) !important;
  border-radius:16px 0 0 16px !important;
}

#adminExpenses tbody tr.admin-row115 td:last-child{
  border-right:1px solid rgba(148,163,184,.08) !important;
  border-radius:0 16px 16px 0 !important;
}

#adminExpenses .admin-actions-cell115{
  display:flex !important;
  gap:6px !important;
  flex-wrap:wrap !important;
}

#adminExpenses .admin-actions-cell115 .row-action-btn{
  min-height:32px !important;
  border-radius:12px !important;
  font-size:11px !important;
  font-weight:950 !important;
}

#adminExpenses .admin-view-btn115::before{content:"👁 "; -webkit-text-fill-color:initial;}

.admin-view-modal115{
  position:fixed !important;
  inset:0 !important;
  z-index:99999 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:16px !important;
  background:rgba(2,6,23,.72) !important;
  backdrop-filter:blur(16px) saturate(150%) !important;
  -webkit-backdrop-filter:blur(16px) saturate(150%) !important;
}

.admin-view-modal115.hidden{
  display:none !important;
}

.admin-view-card115{
  width:min(680px,96vw) !important;
  max-height:86vh !important;
  overflow:auto !important;
  border-radius:28px !important;
  background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(8,13,25,.98)) !important;
  border:1px solid rgba(74,222,128,.20) !important;
  box-shadow:0 28px 80px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.07) !important;
}

.admin-view-top115{
  position:sticky !important;
  top:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  padding:16px 18px !important;
  background:rgba(8,13,25,.88) !important;
  border-bottom:1px solid rgba(148,163,184,.14) !important;
}

.admin-view-top115 h2{
  margin:0 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:20px !important;
  font-weight:1000 !important;
}

.admin-view-top115 p{
  margin:4px 0 0 !important;
  color:#bbf7d0 !important;
  -webkit-text-fill-color:#bbf7d0 !important;
  font-size:12px !important;
  font-weight:800 !important;
}

.admin-view-top115 button{
  width:40px !important;
  height:40px !important;
  border-radius:14px !important;
  border:1px solid rgba(148,163,184,.22) !important;
  background:rgba(148,163,184,.10) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:0 !important;
}

.admin-view-top115 button::before{
  content:"×" !important;
  font-size:28px !important;
}

#adminViewContent115{
  padding:14px 16px 16px !important;
  display:grid !important;
  gap:12px !important;
}

.admin-view-hero115{
  display:grid !important;
  grid-template-columns:54px minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:12px !important;
  padding:12px !important;
  border-radius:20px !important;
  background:linear-gradient(135deg,rgba(34,197,94,.16),rgba(245,158,11,.10)) !important;
  border:1px solid rgba(74,222,128,.20) !important;
}

.admin-view-hero115 > div:first-child{
  width:54px !important;
  height:54px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.08) !important;
}

.admin-view-hero115 strong{
  display:block !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:17px !important;
  font-weight:1000 !important;
}

.admin-view-hero115 span{
  display:block !important;
  color:#cbd5e1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
  font-size:12px !important;
  margin-top:4px !important;
}

.admin-view-hero115 b{
  color:#bbf7d0 !important;
  -webkit-text-fill-color:#bbf7d0 !important;
  font-size:14px !important;
  font-weight:1000 !important;
}

.admin-view-grid115{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:9px !important;
}

.admin-view-grid115 > div{
  min-width:0 !important;
  padding:10px !important;
  border-radius:15px !important;
  background:rgba(15,23,42,.50) !important;
  border:1px solid rgba(148,163,184,.12) !important;
}

.admin-view-grid115 > div.wide{
  grid-column:1 / -1 !important;
}

.admin-view-grid115 span{
  display:block !important;
  color:#94a3b8 !important;
  -webkit-text-fill-color:#94a3b8 !important;
  font-size:9.5px !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  margin-bottom:6px !important;
}

.admin-view-grid115 b{
  display:block !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  font-size:12px !important;
  font-weight:900 !important;
  overflow-wrap:anywhere !important;
}

.admin-view-actions115{
  display:grid !important;
  grid-template-columns:1fr 1fr 1fr !important;
  gap:8px !important;
}

@media(max-width:767px){
  #adminExpenses .panel-head{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  #adminExpenses .panel-head h1{
    font-size:20px !important;
  }

  #adminExpenses .panel-head h1::before{
    width:36px !important;
    height:36px !important;
    border-radius:14px !important;
  }

  #adminExpenses #adminExpenseNewBtn{
    width:100% !important;
    min-height:40px !important;
    border-radius:14px !important;
  }

  #adminExpenses .admin-spending-guide115{
    display:flex !important;
    gap:8px !important;
    overflow-x:auto !important;
    padding-bottom:4px !important;
  }

  #adminExpenses .admin-spending-guide115 > div{
    flex:0 0 210px !important;
    min-height:62px !important;
    padding:10px !important;
    border-radius:17px !important;
  }

  #adminExpenses .admin-expense-cards{
    display:flex !important;
    gap:8px !important;
    overflow-x:auto !important;
    padding-bottom:5px !important;
  }

  #adminExpenses .admin-expense-cards::-webkit-scrollbar,
  #adminExpenses .admin-spending-guide115::-webkit-scrollbar{
    display:none !important;
  }

  #adminExpenses .admin-expense-stat{
    flex:0 0 148px !important;
    min-height:82px !important;
    padding:11px !important;
    border-radius:18px !important;
  }

  #adminExpenses .admin-expense-stat::before{
    width:28px !important;
    height:28px !important;
    border-radius:11px !important;
    margin-bottom:7px !important;
    font-size:14px !important;
  }

  #adminExpenses .admin-expense-stat span{
    font-size:9px !important;
    margin-bottom:6px !important;
  }

  #adminExpenses .admin-expense-stat strong{
    font-size:15px !important;
  }

  #adminExpenses .admin-expense-form{
    display:none !important;
  }

  #adminExpenses.ks115-admin-form-open .admin-expense-form{
    display:block !important;
    padding:11px !important;
    border-radius:20px !important;
  }

  #adminExpenses .admin-expense-form-grid{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  #adminExpenses .admin-expense-form input,
  #adminExpenses .admin-expense-form select,
  #adminExpenses .admin-expense-form textarea{
    min-height:38px !important;
    border-radius:13px !important;
    font-size:11.5px !important;
  }

  #adminExpenses .admin-expense-form textarea{
    min-height:72px !important;
  }

  #adminExpenses .form-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }

  #adminExpenses .form-actions .btn{
    width:100% !important;
    min-height:38px !important;
  }

  #adminExpenses .admin-summary-panel{
    padding:10px !important;
    border-radius:19px !important;
  }

  #adminExpenses .admin-summary-panel h2{
    font-size:15px !important;
  }

  #adminExpenses .admin-summary-hint{
    font-size:10px !important;
  }

  #adminExpenses .admin-expense-summary{
    display:flex !important;
    gap:8px !important;
    overflow-x:auto !important;
  }

  #adminExpenses .admin-summary-total-card,
  #adminExpenses .admin-summary-account-card{
    flex:0 0 235px !important;
  }

  #adminExpenses .admin-expense-filters115{
    grid-template-columns:1fr 1fr !important;
    gap:7px !important;
    padding:8px !important;
    border-radius:17px !important;
  }

  #adminExpenses .admin-expense-filters115 label:nth-child(3),
  #adminExpenses .admin-expense-filters115 label:nth-child(4),
  #adminExpenses #adminExpenseClearFilters115{
    grid-column:1 / -1 !important;
  }

  #adminExpenses .admin-expense-filters115 input,
  #adminExpenses .admin-expense-filters115 select{
    min-height:36px !important;
    border-radius:12px !important;
    font-size:10.5px !important;
  }

  #adminExpenses #adminExpenseClearFilters115{
    min-height:36px !important;
    border-radius:12px !important;
  }

  #adminExpenses .table-wrap,
  #adminExpenses .table-wrap table,
  #adminExpenses .table-wrap tbody{
    display:block !important;
    width:100% !important;
  }

  #adminExpenses thead{
    display:none !important;
  }

  #adminExpenses tbody tr.admin-row115{
    display:block !important;
    width:100% !important;
    margin:0 0 10px !important;
    padding:10px !important;
    border-radius:20px !important;
    background:
      radial-gradient(circle at 0% 0%, rgba(34,197,94,.12), transparent 38%),
      rgba(15,23,42,.56) !important;
    border:1px solid rgba(148,163,184,.14) !important;
    box-sizing:border-box !important;
  }

  #adminExpenses tbody tr.admin-row115::before{
    content:attr(data-title) !important;
    display:block !important;
    color:#dbeafe !important;
    -webkit-text-fill-color:#dbeafe !important;
    font-size:14px !important;
    font-weight:1000 !important;
    margin-bottom:8px !important;
  }

  #adminExpenses tbody tr.admin-row115 td{
    display:grid !important;
    grid-template-columns:92px minmax(0,1fr) !important;
    gap:8px !important;
    align-items:center !important;
    padding:7px 0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    font-size:11.5px !important;
  }

  #adminExpenses tbody tr.admin-row115 td::before{
    content:attr(data-label) !important;
    color:#94a3b8 !important;
    -webkit-text-fill-color:#94a3b8 !important;
    font-size:9px !important;
    font-weight:1000 !important;
    text-transform:uppercase !important;
    letter-spacing:.04em !important;
  }

  #adminExpenses .admin-actions-cell115{
    display:grid !important;
    grid-template-columns:1fr 1fr 1fr !important;
    gap:6px !important;
  }

  #adminExpenses .admin-actions-cell115::before{
    display:none !important;
  }

  #adminExpenses .admin-actions-cell115 .row-action-btn{
    min-height:33px !important;
    border-radius:12px !important;
    font-size:10px !important;
  }

  .admin-view-modal115{
    align-items:flex-end !important;
    padding:10px !important;
  }

  .admin-view-card115{
    width:100% !important;
    max-height:84vh !important;
    border-radius:26px 26px 18px 18px !important;
  }

  .admin-view-hero115{
    grid-template-columns:46px minmax(0,1fr) !important;
  }

  .admin-view-hero115 > div:first-child{
    width:46px !important;
    height:46px !important;
    border-radius:16px !important;
  }

  .admin-view-hero115 b{
    grid-column:1 / -1 !important;
    justify-self:start !important;
  }

  .admin-view-grid115{
    grid-template-columns:1fr !important;
  }

  .admin-view-actions115{
    grid-template-columns:1fr !important;
  }
}


#adminExpenses .admin-spending-guide115{
  display:none !important;
}

#adminExpenses,
#adminExpenses *{
  letter-spacing:0 !important;
}

#adminExpenses .admin-spending-modern115{
  font-size:13px !important;
}

#adminExpenses .panel-head{
  margin-bottom:12px !important;
  padding-bottom:4px !important;
}

#adminExpenses .panel-head h1{
  font-size:24px !important;
  line-height:1.12 !important;
  margin:0 !important;
}

#adminExpenses .panel-head p{
  max-width:560px !important;
  font-size:12.5px !important;
  line-height:1.45 !important;
  margin:6px 0 0 !important;
}

#adminExpenses #adminExpenseNewBtn{
  min-width:132px !important;
  min-height:42px !important;
  height:42px !important;
  border-radius:15px !important;
  font-size:12px !important;
}

#adminExpenses .admin-expense-cards{
  gap:9px !important;
  margin:10px 0 12px !important;
}

#adminExpenses .admin-expense-stat{
  min-height:92px !important;
  padding:12px !important;
  border-radius:20px !important;
}

#adminExpenses .admin-expense-stat::before{
  width:30px !important;
  height:30px !important;
  border-radius:12px !important;
  margin-bottom:8px !important;
  font-size:14px !important;
}

#adminExpenses .admin-expense-stat span{
  font-size:9.5px !important;
  line-height:1.05 !important;
  margin-bottom:7px !important;
}

#adminExpenses .admin-expense-stat strong{
  font-size:16px !important;
  line-height:1.14 !important;
}

#adminExpenses .admin-expense-form{
  padding:13px !important;
  border-radius:22px !important;
  margin:10px 0 12px !important;
}

#adminExpenses .admin-expense-form-grid{
  gap:9px !important;
}

#adminExpenses .admin-expense-form label{
  font-size:9.5px !important;
  line-height:1.05 !important;
}

#adminExpenses .admin-expense-form input,
#adminExpenses .admin-expense-form select,
#adminExpenses .admin-expense-form textarea{
  min-height:40px !important;
  margin-top:6px !important;
  border-radius:14px !important;
  font-size:12px !important;
  line-height:1.2 !important;
  padding-left:10px !important;
  padding-right:10px !important;
}

#adminExpenses .admin-expense-form textarea{
  min-height:78px !important;
  padding:10px !important;
}

#adminExpenses .form-actions{
  margin-top:10px !important;
}

#adminExpenses .form-actions .btn{
  min-height:40px !important;
  border-radius:14px !important;
  font-size:11.5px !important;
}

#adminExpenses .admin-summary-panel{
  padding:12px !important;
  border-radius:22px !important;
  margin:10px 0 12px !important;
}

#adminExpenses .admin-summary-panel h2{
  font-size:16px !important;
  line-height:1.15 !important;
}

#adminExpenses .admin-summary-hint{
  font-size:10.5px !important;
  line-height:1.35 !important;
  margin-bottom:9px !important;
}

#adminExpenses .admin-summary-total-card,
#adminExpenses .admin-summary-account-card{
  border-radius:17px !important;
}

#adminExpenses .admin-expense-filters115{
  gap:8px !important;
  padding:9px !important;
  margin:10px 0 12px !important;
  border-radius:20px !important;
}

#adminExpenses .admin-expense-filters115 label span{
  font-size:9px !important;
  margin-bottom:5px !important;
}

#adminExpenses .admin-expense-filters115 input,
#adminExpenses .admin-expense-filters115 select{
  min-height:38px !important;
  border-radius:13px !important;
  font-size:11.5px !important;
}

#adminExpenses #adminExpenseClearFilters115{
  min-height:38px !important;
  border-radius:13px !important;
  font-size:11.5px !important;
}

#adminExpenses thead th{
  font-size:10px !important;
  padding:9px 10px !important;
}

#adminExpenses tbody tr.admin-row115 td{
  padding:10px !important;
  font-size:11.5px !important;
  line-height:1.25 !important;
}

#adminExpenses .admin-actions-cell115 .row-action-btn{
  min-height:30px !important;
  border-radius:11px !important;
  font-size:10.5px !important;
  padding:0 8px !important;
}

.admin-view-top115 h2{
  font-size:19px !important;
}

.admin-view-top115 p{
  font-size:11.5px !important;
}

.admin-view-hero115 strong{
  font-size:16px !important;
}

.admin-view-hero115 span,
.admin-view-grid115 b{
  font-size:11.5px !important;
}

.admin-view-grid115 span{
  font-size:9px !important;
}

@media(max-width:767px){
  #adminExpenses .panel-head{
    gap:8px !important;
    margin-bottom:8px !important;
  }

  #adminExpenses .panel-head h1{
    font-size:19px !important;
  }

  #adminExpenses .panel-head h1::before{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    border-radius:13px !important;
    font-size:16px !important;
  }

  #adminExpenses .panel-head p{
    font-size:11px !important;
    line-height:1.35 !important;
    margin-top:5px !important;
  }

  #adminExpenses #adminExpenseNewBtn{
    min-height:38px !important;
    height:38px !important;
    border-radius:13px !important;
    font-size:11px !important;
  }

  #adminExpenses .admin-expense-cards{
    gap:7px !important;
    margin:8px 0 10px !important;
  }

  #adminExpenses .admin-expense-stat{
    flex:0 0 136px !important;
    min-height:76px !important;
    padding:10px !important;
    border-radius:16px !important;
  }

  #adminExpenses .admin-expense-stat::before{
    width:26px !important;
    height:26px !important;
    border-radius:10px !important;
    margin-bottom:6px !important;
    font-size:13px !important;
  }

  #adminExpenses .admin-expense-stat span{
    font-size:8.5px !important;
    margin-bottom:5px !important;
  }

  #adminExpenses .admin-expense-stat strong{
    font-size:13.5px !important;
  }

  #adminExpenses.ks115-admin-form-open .admin-expense-form{
    padding:10px !important;
    border-radius:18px !important;
    margin:8px 0 10px !important;
  }

  #adminExpenses .admin-expense-form label{
    font-size:9px !important;
  }

  #adminExpenses .admin-expense-form input,
  #adminExpenses .admin-expense-form select,
  #adminExpenses .admin-expense-form textarea{
    min-height:36px !important;
    border-radius:12px !important;
    font-size:11px !important;
    margin-top:5px !important;
  }

  #adminExpenses .admin-expense-form textarea{
    min-height:64px !important;
  }

  #adminExpenses .form-actions .btn{
    min-height:36px !important;
    border-radius:12px !important;
    font-size:10.5px !important;
  }

  #adminExpenses .admin-summary-panel{
    padding:9px !important;
    border-radius:17px !important;
    margin:8px 0 10px !important;
  }

  #adminExpenses .admin-summary-panel h2{
    font-size:14px !important;
  }

  #adminExpenses .admin-summary-hint{
    font-size:9.5px !important;
    margin-bottom:7px !important;
  }

  #adminExpenses .admin-summary-total-card,
  #adminExpenses .admin-summary-account-card{
    flex:0 0 220px !important;
    border-radius:15px !important;
  }

  #adminExpenses .admin-expense-filters115{
    gap:7px !important;
    padding:7px !important;
    border-radius:16px !important;
    margin:8px 0 10px !important;
  }

  #adminExpenses .admin-expense-filters115 label span{
    font-size:8.5px !important;
    margin-bottom:4px !important;
  }

  #adminExpenses .admin-expense-filters115 input,
  #adminExpenses .admin-expense-filters115 select,
  #adminExpenses #adminExpenseClearFilters115{
    min-height:34px !important;
    border-radius:11px !important;
    font-size:10px !important;
  }

  #adminExpenses tbody tr.admin-row115{
    margin-bottom:8px !important;
    padding:9px !important;
    border-radius:18px !important;
  }

  #adminExpenses tbody tr.admin-row115::before{
    font-size:13px !important;
    margin-bottom:6px !important;
  }

  #adminExpenses tbody tr.admin-row115 td{
    grid-template-columns:84px minmax(0,1fr) !important;
    gap:7px !important;
    padding:6px 0 !important;
    font-size:10.8px !important;
    line-height:1.22 !important;
  }

  #adminExpenses tbody tr.admin-row115 td::before{
    font-size:8.5px !important;
  }

  #adminExpenses .admin-actions-cell115{
    gap:5px !important;
  }

  #adminExpenses .admin-actions-cell115 .row-action-btn{
    min-height:31px !important;
    border-radius:11px !important;
    font-size:9.5px !important;
    padding:0 4px !important;
  }

  .admin-view-card115{
    max-height:82vh !important;
  }

  .admin-view-top115{
    padding:13px 14px !important;
  }

  .admin-view-top115 h2{
    font-size:18px !important;
  }

  #adminViewContent115{
    padding:12px !important;
    gap:9px !important;
  }

  .admin-view-hero115{
    padding:10px !important;
    border-radius:18px !important;
  }

  .admin-view-grid115 > div{
    padding:9px !important;
    border-radius:13px !important;
  }
}


#adminExpenses .admin-spending-modern115{
  padding-bottom:18px !important;
}

#adminExpenses .panel-head{
  align-items:center !important;
  margin-bottom:10px !important;
}

#adminExpenses .panel-head h1{
  font-size:23px !important;
}

#adminExpenses .panel-head p{
  max-width:520px !important;
}

#adminExpenses .admin-expense-form{
  display:none !important;
}

#adminExpenses.ks115-admin-form-open .admin-expense-form{
  display:block !important;
}

#adminExpenses .admin-form-title117{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin-bottom:12px !important;
  padding:11px 12px !important;
  border-radius:18px !important;
  background:linear-gradient(135deg,rgba(34,197,94,.14),rgba(59,130,246,.08)) !important;
  border:1px solid rgba(74,222,128,.16) !important;
}

#adminExpenses .admin-form-title117 b{
  display:block !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:15px !important;
  line-height:1.15 !important;
  font-weight:1000 !important;
}

#adminExpenses .admin-form-title117 b::before{
  content:"💸 " !important;
  -webkit-text-fill-color:initial !important;
}

#adminExpenses.ks117-editing .admin-form-title117 b::before{
  content:"✏️ " !important;
}

#adminExpenses .admin-form-title117 span{
  display:block !important;
  margin-top:4px !important;
  color:#cbd5e1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
  font-size:10.5px !important;
  line-height:1.25 !important;
  font-weight:850 !important;
}

#adminExpenses .admin-expense-form{
  max-width:100% !important;
  padding:12px !important;
  margin:10px 0 12px !important;
}

#adminExpenses .admin-expense-form-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
  align-items:start !important;
}

#adminExpenses #customAdminExpenseBox.hidden{
  display:none !important;
}

#adminExpenses #customAdminExpenseBox:not(.hidden){
  display:block !important;
  grid-column:1 / -1 !important;
}

#adminExpenses .admin-expense-note{
  grid-column:1 / -1 !important;
}

#adminExpenses .admin-expense-form input,
#adminExpenses .admin-expense-form select{
  height:40px !important;
}

#adminExpenses .admin-expense-form textarea{
  min-height:76px !important;
}

#adminExpenses .form-actions{
  display:grid !important;
  grid-template-columns:140px 180px !important;
  justify-content:end !important;
  gap:9px !important;
}

#adminExpenses .admin-expense-filters115{
  margin:10px 0 10px !important;
  grid-template-columns:140px 140px 170px minmax(260px,1fr) 84px !important;
}

#adminExpenses .table-wrap{
  margin-top:8px !important;
  border-radius:22px !important;
}

#adminExpenses .table-wrap table{
  border-spacing:0 7px !important;
}

#adminExpenses tbody tr.admin-row115 td{
  padding:9px 10px !important;
}

#adminExpenses .admin-actions-cell115{
  justify-content:flex-end !important;
  min-width:210px !important;
}

#adminExpenses .admin-actions-cell115 .row-action-btn{
  min-width:58px !important;
}

#adminExpenses .admin-analytics-toggle117{
  width:100% !important;
  min-height:42px !important;
  margin:12px 0 0 !important;
  border-radius:16px !important;
  color:#dbeafe !important;
  -webkit-text-fill-color:#dbeafe !important;
  background:rgba(59,130,246,.12) !important;
  border:1px solid rgba(96,165,250,.22) !important;
  font-size:12px !important;
  font-weight:1000 !important;
}

#adminExpenses .admin-summary-panel{
  display:none !important;
  margin-top:10px !important;
}

#adminExpenses.ks117-analytics-open .admin-summary-panel{
  display:block !important;
}

#adminExpenses .admin-expense-summary{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr)) !important;
  gap:9px !important;
}

#adminExpenses .admin-summary-total-card{
  grid-column:1 / -1 !important;
  min-height:92px !important;
  padding:12px !important;
  border-radius:18px !important;
}

#adminExpenses .admin-summary-account-card{
  padding:12px !important;
  border-radius:18px !important;
}

#adminExpenses .admin-summary-money{
  font-size:17px !important;
  line-height:1.12 !important;
}

#adminExpenses .admin-summary-meta{
  grid-template-columns:1fr 1fr !important;
  gap:7px !important;
}

#adminExpenses .admin-summary-meta span,
#adminExpenses .admin-summary-purpose{
  font-size:10px !important;
  line-height:1.22 !important;
}

#adminExpenses .admin-summary-actions .row-action-btn{
  min-height:31px !important;
  min-width:58px !important;
  border-radius:11px !important;
  font-size:10px !important;
}

#adminExpenses > .toast,
#adminExpenses .admin-expense-form + .toast{
  display:none !important;
}

@media(max-width:1100px){
  #adminExpenses .admin-expense-form-grid{
    grid-template-columns:1fr 1fr !important;
  }

  #adminExpenses .admin-expense-filters115{
    grid-template-columns:1fr 1fr 1fr !important;
  }

  #adminExpenses .admin-expense-filters115 label:nth-child(4){
    grid-column:1 / 3 !important;
  }

  #adminExpenses #adminExpenseClearFilters115{
    grid-column:auto !important;
  }

  #adminExpenses .admin-actions-cell115{
    min-width:190px !important;
  }
}

@media(max-width:767px){
  #adminExpenses .panel-head{
    align-items:stretch !important;
  }

  #adminExpenses .panel-head h1{
    font-size:19px !important;
  }

  #adminExpenses .admin-expense-cards{
    margin:8px 0 !important;
  }

  #adminExpenses .admin-form-title117{
    margin-bottom:9px !important;
    padding:9px 10px !important;
    border-radius:15px !important;
  }

  #adminExpenses .admin-form-title117 b{
    font-size:13px !important;
  }

  #adminExpenses .admin-form-title117 span{
    font-size:9.5px !important;
  }

  #adminExpenses .admin-expense-form{
    padding:9px !important;
    margin:8px 0 !important;
    border-radius:17px !important;
  }

  #adminExpenses .admin-expense-form-grid{
    grid-template-columns:1fr !important;
    gap:7px !important;
  }

  #adminExpenses .form-actions{
    grid-template-columns:1fr 1fr !important;
    gap:7px !important;
  }

  #adminExpenses .admin-expense-filters115{
    grid-template-columns:1fr 1fr !important;
    margin:8px 0 !important;
  }

  #adminExpenses .admin-expense-filters115 label:nth-child(3),
  #adminExpenses .admin-expense-filters115 label:nth-child(4),
  #adminExpenses #adminExpenseClearFilters115{
    grid-column:1 / -1 !important;
  }

  #adminExpenses .admin-actions-cell115{
    min-width:0 !important;
    justify-content:stretch !important;
  }

  #adminExpenses .admin-actions-cell115 .row-action-btn{
    min-width:0 !important;
  }

  #adminExpenses .admin-analytics-toggle117{
    min-height:38px !important;
    margin-top:9px !important;
    border-radius:14px !important;
    font-size:11px !important;
  }

  #adminExpenses .admin-expense-summary{
    display:flex !important;
    overflow-x:auto !important;
    gap:8px !important;
  }

  #adminExpenses .admin-summary-total-card,
  #adminExpenses .admin-summary-account-card{
    flex:0 0 235px !important;
    padding:10px !important;
    border-radius:15px !important;
  }

  #adminExpenses .admin-summary-total-card{
    min-height:86px !important;
  }
}


#adminExpenseId:not([value=""]) ~ .admin-expense-form-grid::before,
#adminExpenses .admin-expense-form-grid::before{
  content:none !important;
  display:none !important;
}

#adminExpenses .admin-expense-form{
  margin:8px 0 14px !important;
  padding:12px 14px 14px !important;
}

#adminExpenses .admin-form-title117{
  margin-bottom:10px !important;
  padding:10px 12px !important;
}

#adminExpenses .admin-form-title117 span{
  margin-top:2px !important;
}

@media (min-width: 1101px){
  #adminExpenses .admin-expense-form-grid{
    grid-template-columns: 1.05fr 1.15fr 1.55fr .9fr !important;
    grid-template-areas:
      "date admin purpose amount"
      "custom custom custom custom"
      "note note note note" !important;
    gap:12px !important;
    align-items:start !important;
  }
  #adminExpenses .admin-expense-form-grid > label:nth-of-type(1){ grid-area:date !important; }
  #adminExpenses .admin-expense-form-grid > label:nth-of-type(2){ grid-area:admin !important; }
  #adminExpenses #customAdminExpenseBox{ grid-area:custom !important; }
  #adminExpenses .admin-expense-form-grid > label:nth-of-type(4){ grid-area:purpose !important; }
  #adminExpenses .admin-expense-form-grid > label:nth-of-type(5){ grid-area:amount !important; }
  #adminExpenses .admin-expense-note{ grid-area:note !important; }

  #adminExpenses .admin-expense-form input,
  #adminExpenses .admin-expense-form select,
  #adminExpenses .admin-expense-form textarea{
    margin-top:6px !important;
  }

  #adminExpenses .admin-expense-form textarea{
    min-height:88px !important;
  }

  #adminExpenses .form-actions{
    margin-top:10px !important;
    gap:10px !important;
  }

  #adminExpenses .form-actions .btn{
    min-width:150px !important;
  }
}

@media (min-width: 768px) and (max-width: 1100px){
  #adminExpenses .admin-expense-form{
    padding:12px !important;
  }

  #adminExpenses .admin-expense-form-grid{
    grid-template-columns:1fr 1fr !important;
    grid-template-areas:
      "date admin"
      "purpose amount"
      "custom custom"
      "note note" !important;
    gap:11px !important;
  }
  #adminExpenses .admin-expense-form-grid > label:nth-of-type(1){ grid-area:date !important; }
  #adminExpenses .admin-expense-form-grid > label:nth-of-type(2){ grid-area:admin !important; }
  #adminExpenses #customAdminExpenseBox{ grid-area:custom !important; }
  #adminExpenses .admin-expense-form-grid > label:nth-of-type(4){ grid-area:purpose !important; }
  #adminExpenses .admin-expense-form-grid > label:nth-of-type(5){ grid-area:amount !important; }
  #adminExpenses .admin-expense-note{ grid-area:note !important; }

  #adminExpenses .form-actions{
    justify-content:flex-end !important;
    gap:9px !important;
  }
  #adminExpenses .form-actions .btn{
    min-width:140px !important;
  }
}


#adminExpenses #adminExpenseNewBtn{
  display:none !important;
}

#adminExpenses .admin-expense-form,
#adminExpenses.ks115-admin-form-open .admin-expense-form,
#adminExpenses.ks119-form-always-open .admin-expense-form{
  display:block !important;
}

#adminExpenses .admin-expense-form{
  margin:12px 0 16px !important;
  padding:16px !important;
  border-radius:24px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(59,130,246,.10), transparent 36%),
    rgba(15,23,42,.50) !important;
  border:1px solid rgba(96,165,250,.14) !important;
}

#adminExpenses .admin-form-title117{
  padding:0 0 12px !important;
  margin:0 0 12px !important;
  border-radius:0 !important;
  background:transparent !important;
  border:0 !important;
  border-bottom:1px solid rgba(148,163,184,.11) !important;
}

#adminExpenses .admin-form-title117 b{
  font-size:15px !important;
  line-height:1.2 !important;
}

#adminExpenses .admin-form-title117 span{
  font-size:10px !important;
  color:#94a3b8 !important;
  -webkit-text-fill-color:#94a3b8 !important;
}

#adminExpenseId:not([value=""]) ~ .admin-expense-form-grid::before,
#adminExpenses .admin-expense-form-grid::before{
  content:none !important;
  display:none !important;
}

@media(min-width:1101px){
  #adminExpenses .admin-expense-form-grid{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    grid-template-areas:
      "date admin"
      "purpose amount"
      "custom custom"
      "note note" !important;
    gap:14px 18px !important;
  }

  #adminExpenses .admin-expense-form-grid > label:nth-of-type(1){grid-area:date !important;}
  #adminExpenses .admin-expense-form-grid > label:nth-of-type(2){grid-area:admin !important;}
  #adminExpenses #customAdminExpenseBox{grid-area:custom !important;}
  #adminExpenses .admin-expense-form-grid > label:nth-of-type(4){grid-area:purpose !important;}
  #adminExpenses .admin-expense-form-grid > label:nth-of-type(5){grid-area:amount !important;}
  #adminExpenses .admin-expense-note{grid-area:note !important;}
}

@media(min-width:768px) and (max-width:1100px){
  #adminExpenses .admin-expense-form-grid{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    grid-template-areas:
      "date admin"
      "purpose amount"
      "custom custom"
      "note note" !important;
    gap:12px !important;
  }

  #adminExpenses .admin-expense-form-grid > label:nth-of-type(1){grid-area:date !important;}
  #adminExpenses .admin-expense-form-grid > label:nth-of-type(2){grid-area:admin !important;}
  #adminExpenses #customAdminExpenseBox{grid-area:custom !important;}
  #adminExpenses .admin-expense-form-grid > label:nth-of-type(4){grid-area:purpose !important;}
  #adminExpenses .admin-expense-form-grid > label:nth-of-type(5){grid-area:amount !important;}
  #adminExpenses .admin-expense-note{grid-area:note !important;}
}

#adminExpenses .admin-expense-form label{
  font-size:11px !important;
  line-height:1.1 !important;
  text-transform:none !important;
  color:#e5e7eb !important;
  -webkit-text-fill-color:#e5e7eb !important;
}

#adminExpenses .admin-expense-form input,
#adminExpenses .admin-expense-form select,
#adminExpenses .admin-expense-form textarea{
  min-height:43px !important;
  height:auto !important;
  margin-top:8px !important;
  border-radius:14px !important;
  font-size:12px !important;
  background:rgba(15,23,42,.58) !important;
  border:1px solid rgba(148,163,184,.18) !important;
}

#adminExpenses .admin-expense-form textarea{
  min-height:70px !important;
}

#adminExpenses .form-actions{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:16px !important;
  margin-top:16px !important;
  width:100% !important;
}

#adminExpenses .form-actions .btn{
  flex:0 0 168px !important;
  min-width:168px !important;
  max-width:168px !important;
  min-height:42px !important;
  border-radius:14px !important;
}

#adminExpenses #clearAdminExpenseBtn{
  background:rgba(51,65,85,.72) !important;
  border:1px solid rgba(148,163,184,.20) !important;
}

#adminExpenses #saveAdminExpenseBtn{
  background:linear-gradient(135deg,#10b981,#059669) !important;
  border:1px solid rgba(110,231,183,.42) !important;
}

#adminExpenses .admin-expense-filters115{
  position:relative !important;
  display:grid !important;
  grid-template-columns:150px 150px 190px minmax(260px,1fr) 96px !important;
  gap:12px !important;
  align-items:end !important;
  margin:0 0 14px !important;
  padding:14px !important;
  border-radius:22px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(59,130,246,.13), transparent 38%),
    rgba(15,23,42,.50) !important;
  border:1px solid rgba(96,165,250,.14) !important;
}

#adminExpenses .admin-expense-filters115::before{
  content:"Expense Records";
  position:absolute;
  left:14px;
  top:-34px;
  color:#fff;
  -webkit-text-fill-color:#fff;
  font-size:16px;
  line-height:1.2;
  font-weight:1000;
}

#adminExpenses .admin-expense-filters115::after{
  content:"Filter and search admin expenses";
  position:absolute;
  left:14px;
  top:-14px;
  color:#94a3b8;
  -webkit-text-fill-color:#94a3b8;
  font-size:11px;
  font-weight:800;
}

#adminExpenses .admin-summary-panel + .admin-expense-filters115,
#adminExpenses .admin-expense-filters115{
  margin-top:48px !important;
}

#adminExpenses .admin-expense-filters115 label span{
  font-size:10px !important;
  margin-bottom:6px !important;
  text-transform:none !important;
  color:#c7d2fe !important;
  -webkit-text-fill-color:#c7d2fe !important;
}

#adminExpenses .admin-expense-filters115 input,
#adminExpenses .admin-expense-filters115 select{
  min-height:39px !important;
  border-radius:13px !important;
  font-size:11px !important;
  background:rgba(15,23,42,.62) !important;
  border:1px solid rgba(148,163,184,.18) !important;
}

#adminExpenses #adminExpenseClearFilters115{
  min-height:39px !important;
  border-radius:13px !important;
  font-size:11px !important;
  background:rgba(127,29,29,.42) !important;
  border:1px solid rgba(248,113,113,.30) !important;
}

#adminExpenses .table-wrap{
  margin-top:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  overflow:visible !important;
}

#adminExpenses .table-wrap table,
#adminExpenses .table-wrap tbody{
  display:block !important;
  width:100% !important;
  border-spacing:0 !important;
}

#adminExpenses .table-wrap thead{
  display:none !important;
}

#adminExpenses tbody tr.admin-card-row119{
  display:grid !important;
  grid-template-columns:minmax(210px,1.25fr) minmax(120px,.8fr) minmax(120px,.8fr) minmax(140px,.95fr) minmax(120px,.8fr) minmax(170px,1fr) auto !important;
  gap:0 !important;
  align-items:stretch !important;
  margin:0 0 12px !important;
  padding:12px !important;
  border-radius:20px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(59,130,246,.13), transparent 36%),
    rgba(15,23,42,.55) !important;
  border:1px solid rgba(96,165,250,.14) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}

#adminExpenses tbody tr.admin-card-row119 td{
  display:block !important;
  padding:7px 12px !important;
  border:0 !important;
  border-right:1px solid rgba(148,163,184,.10) !important;
  background:transparent !important;
  min-width:0 !important;
}

#adminExpenses tbody tr.admin-card-row119 td:last-child{
  border-right:0 !important;
}

#adminExpenses tbody tr.admin-card-row119 td small{
  display:block !important;
  color:#a5b4fc !important;
  -webkit-text-fill-color:#a5b4fc !important;
  font-size:9px !important;
  line-height:1.1 !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  margin-bottom:6px !important;
}

#adminExpenses tbody tr.admin-card-row119 td b{
  display:block !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  font-size:11px !important;
  line-height:1.25 !important;
  font-weight:900 !important;
  overflow-wrap:anywhere !important;
}

#adminExpenses .admin-card-id119{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}

#adminExpenses .admin-card-id119 small,
#adminExpenses .admin-card-id119 b{
  display:block !important;
}

#adminExpenses .admin-card-icon119{
  width:42px !important;
  height:42px !important;
  flex:0 0 42px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,rgba(79,70,229,.35),rgba(37,99,235,.18)) !important;
  border:1px solid rgba(129,140,248,.22) !important;
}

#adminExpenses .admin-card-money119 b{
  color:#34d399 !important;
  -webkit-text-fill-color:#34d399 !important;
  font-size:14px !important;
}

#adminExpenses .admin-card-actions119{
  display:grid !important;
  grid-template-columns:repeat(3,64px) !important;
  gap:7px !important;
  align-content:center !important;
  justify-content:end !important;
  min-width:0 !important;
}

#adminExpenses .admin-card-actions119 .row-action-btn{
  min-width:0 !important;
  width:64px !important;
  height:38px !important;
  border-radius:12px !important;
  font-size:10px !important;
}

@media(max-width:1100px){
  #adminExpenses .admin-expense-filters115{
    grid-template-columns:1fr 1fr 1fr !important;
  }

  #adminExpenses .admin-expense-filters115 label:nth-child(4){
    grid-column:1 / 3 !important;
  }

  #adminExpenses tbody tr.admin-card-row119{
    grid-template-columns:1.2fr .8fr .8fr 1fr !important;
  }

  #adminExpenses tbody tr.admin-card-row119 td{
    border-right:0 !important;
    border-bottom:1px solid rgba(148,163,184,.08) !important;
  }

  #adminExpenses .admin-card-actions119{
    grid-column:1 / -1 !important;
    grid-template-columns:repeat(3,1fr) !important;
  }

  #adminExpenses .admin-card-actions119 .row-action-btn{
    width:100% !important;
  }
}

@media(max-width:767px){
  #adminExpenses .admin-expense-form{
    padding:11px !important;
    border-radius:18px !important;
    margin:9px 0 12px !important;
  }

  #adminExpenses .admin-form-title117{
    padding-bottom:9px !important;
    margin-bottom:9px !important;
  }

  #adminExpenses .admin-expense-form-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  #adminExpenses .admin-expense-form label{
    font-size:10px !important;
  }

  #adminExpenses .admin-expense-form input,
  #adminExpenses .admin-expense-form select,
  #adminExpenses .admin-expense-form textarea{
    min-height:36px !important;
    border-radius:12px !important;
    font-size:10.5px !important;
    margin-top:5px !important;
  }

  #adminExpenses .admin-expense-form textarea{
    min-height:58px !important;
  }

  #adminExpenses .form-actions{
    display:grid !important;
    grid-template-columns:1fr 1.25fr !important;
    gap:8px !important;
    margin-top:10px !important;
  }

  #adminExpenses .form-actions .btn{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    flex:none !important;
    min-height:36px !important;
    border-radius:12px !important;
    font-size:10.5px !important;
  }

  #adminExpenses .admin-expense-filters115{
    grid-template-columns:1fr 1fr !important;
    gap:7px !important;
    padding:9px !important;
    border-radius:17px !important;
    margin-top:44px !important;
  }

  #adminExpenses .admin-expense-filters115 label:nth-child(3),
  #adminExpenses .admin-expense-filters115 label:nth-child(4),
  #adminExpenses #adminExpenseClearFilters115{
    grid-column:1 / -1 !important;
  }

  #adminExpenses .admin-expense-filters115 input,
  #adminExpenses .admin-expense-filters115 select,
  #adminExpenses #adminExpenseClearFilters115{
    min-height:34px !important;
    border-radius:11px !important;
    font-size:10px !important;
  }

  #adminExpenses tbody tr.admin-card-row119{
    display:grid !important;
    grid-template-columns:46px minmax(0,1fr) 38px !important;
    gap:8px !important;
    padding:10px !important;
    border-radius:18px !important;
    margin-bottom:10px !important;
  }

  #adminExpenses tbody tr.admin-card-row119 td{
    border:0 !important;
    padding:0 !important;
  }

  #adminExpenses .admin-card-icon119{
    width:38px !important;
    height:38px !important;
    flex-basis:38px !important;
    border-radius:13px !important;
  }

  #adminExpenses .admin-card-id119{
    grid-column:1 / 3 !important;
    grid-row:1 !important;
  }

  #adminExpenses .admin-card-id119 > div{
    min-width:0 !important;
  }

  #adminExpenses .admin-card-id119 small{
    display:none !important;
  }

  #adminExpenses .admin-card-id119 b{
    font-size:10.5px !important;
  }

  #adminExpenses tbody tr.admin-card-row119 td[data-label="Date"],
  #adminExpenses tbody tr.admin-card-row119 td[data-label="Admin"],
  #adminExpenses tbody tr.admin-card-row119 td[data-label="Purpose"],
  #adminExpenses tbody tr.admin-card-row119 td[data-label="Amount"],
  #adminExpenses tbody tr.admin-card-row119 td[data-label="Note"]{
    grid-column:2 / 3 !important;
  }

  #adminExpenses tbody tr.admin-card-row119 td small{
    display:none !important;
  }

  #adminExpenses tbody tr.admin-card-row119 td b{
    font-size:10.5px !important;
    line-height:1.25 !important;
  }

  #adminExpenses .admin-card-money119 b{
    font-size:12px !important;
  }

  #adminExpenses .admin-card-actions119{
    grid-column:3 / 4 !important;
    grid-row:1 / span 5 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:5px !important;
    align-content:start !important;
  }

  #adminExpenses .admin-card-actions119 .row-action-btn{
    width:34px !important;
    height:30px !important;
    min-height:30px !important;
    border-radius:10px !important;
    font-size:0 !important;
    padding:0 !important;
  }

  #adminExpenses .admin-card-actions119 .admin-view-btn115::before{content:"👁" !important;font-size:13px !important;}
  #adminExpenses .admin-card-actions119 .admin-edit-btn::before{content:"✎" !important;font-size:13px !important;}
  #adminExpenses .admin-card-actions119 .admin-delete-btn::before{content:"🗑" !important;font-size:12px !important;}
}


#adminExpenses .form-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:14px !important;
  margin-top:14px !important;
  padding-right:0 !important;
}

#adminExpenses .form-actions .btn{
  flex:0 0 150px !important;
  width:150px !important;
  min-width:150px !important;
  max-width:150px !important;
  height:40px !important;
  min-height:40px !important;
  border-radius:14px !important;
  font-size:11px !important;
  font-weight:1000 !important;
}

#adminExpenses tbody tr.admin-card-row119{
  width:100% !important;
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-columns:minmax(220px,1.15fr) minmax(160px,.82fr) minmax(190px,1fr) 182px !important;
  grid-template-areas:
    "id admin amount actions"
    "date purpose note actions" !important;
  gap:7px 12px !important;
  align-items:center !important;
  margin:0 0 10px !important;
  padding:13px 14px !important;
  border-radius:20px !important;
  overflow:hidden !important;
}

#adminExpenses tbody tr.admin-card-row119 td{
  border:0 !important;
  border-right:0 !important;
  border-bottom:0 !important;
  padding:0 !important;
  min-width:0 !important;
  background:transparent !important;
}

#adminExpenses tbody tr.admin-card-row119 td[data-label="ID"]{ grid-area:id !important; }
#adminExpenses tbody tr.admin-card-row119 td[data-label="Date"]{ grid-area:date !important; padding-left:52px !important; }
#adminExpenses tbody tr.admin-card-row119 td[data-label="Admin"]{ grid-area:admin !important; }
#adminExpenses tbody tr.admin-card-row119 td[data-label="Purpose"]{ grid-area:purpose !important; }
#adminExpenses tbody tr.admin-card-row119 td[data-label="Amount"]{ grid-area:amount !important; }
#adminExpenses tbody tr.admin-card-row119 td[data-label="Note"]{ grid-area:note !important; }
#adminExpenses tbody tr.admin-card-row119 td[data-label="Action"]{ grid-area:actions !important; }

#adminExpenses tbody tr.admin-card-row119 td small{
  display:block !important;
  margin-bottom:4px !important;
  color:#a5b4fc !important;
  -webkit-text-fill-color:#a5b4fc !important;
  font-size:8.5px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  letter-spacing:.035em !important;
  text-transform:uppercase !important;
}

#adminExpenses tbody tr.admin-card-row119 td b{
  display:block !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  font-size:11.5px !important;
  line-height:1.22 !important;
  font-weight:900 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}

#adminExpenses .admin-card-id119{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}

#adminExpenses .admin-card-id119 > div{
  min-width:0 !important;
}

#adminExpenses .admin-card-icon119{
  width:42px !important;
  height:42px !important;
  flex:0 0 42px !important;
  border-radius:14px !important;
}

#adminExpenses .admin-card-money119 b{
  color:#34d399 !important;
  -webkit-text-fill-color:#34d399 !important;
  font-size:15px !important;
  line-height:1.15 !important;
  font-weight:1000 !important;
}

#adminExpenses .admin-card-actions119{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:7px !important;
  align-items:center !important;
  justify-content:stretch !important;
  align-self:center !important;
  min-width:0 !important;
  width:100% !important;
}

#adminExpenses .admin-card-actions119 .row-action-btn{
  width:100% !important;
  min-width:0 !important;
  height:36px !important;
  min-height:36px !important;
  border-radius:12px !important;
  font-size:9.5px !important;
  line-height:1 !important;
  padding:0 5px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
}

#adminExpenses .admin-expense-filters115{
  grid-template-columns:140px 140px 170px minmax(240px,1fr) 88px !important;
  gap:10px !important;
  padding:12px !important;
  border-radius:20px !important;
}

#adminExpenses .admin-expense-filters115 label span{
  font-size:9px !important;
  margin-bottom:5px !important;
}

#adminExpenses .admin-expense-filters115 input,
#adminExpenses .admin-expense-filters115 select,
#adminExpenses #adminExpenseClearFilters115{
  min-height:36px !important;
  height:36px !important;
  border-radius:12px !important;
  font-size:10.5px !important;
}

@media(max-width:1400px){
  #adminExpenses tbody tr.admin-card-row119{
    grid-template-columns:minmax(210px,1fr) minmax(150px,.8fr) minmax(170px,.9fr) 174px !important;
    gap:7px 10px !important;
    padding:12px !important;
  }

  #adminExpenses .admin-card-actions119{
    gap:6px !important;
  }

  #adminExpenses .admin-card-actions119 .row-action-btn{
    height:34px !important;
    min-height:34px !important;
    font-size:9px !important;
  }
}

@media(max-width:1100px){
  #adminExpenses tbody tr.admin-card-row119{
    grid-template-columns:1fr 1fr 160px !important;
    grid-template-areas:
      "id amount actions"
      "date note actions"
      "admin purpose actions" !important;
    gap:7px 10px !important;
  }

  #adminExpenses tbody tr.admin-card-row119 td[data-label="Date"]{
    padding-left:52px !important;
  }

  #adminExpenses .admin-card-actions119{
    grid-template-columns:1fr !important;
    gap:6px !important;
  }

  #adminExpenses .admin-card-actions119 .row-action-btn{
    height:31px !important;
  }

  #adminExpenses .admin-expense-filters115{
    grid-template-columns:1fr 1fr 1fr !important;
  }

  #adminExpenses .admin-expense-filters115 label:nth-child(4){
    grid-column:1 / 3 !important;
  }
}

@media(max-width:767px){
  #adminExpenses .form-actions{
    display:grid !important;
    grid-template-columns:1fr 1.25fr !important;
    gap:8px !important;
  }

  #adminExpenses .form-actions .btn{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    flex:none !important;
    height:36px !important;
    min-height:36px !important;
    border-radius:12px !important;
    font-size:10px !important;
  }

  #adminExpenses tbody tr.admin-card-row119{
    grid-template-columns:40px minmax(0,1fr) 34px !important;
    grid-template-areas:
      "id id actions"
      "date date actions"
      "admin admin actions"
      "purpose purpose actions"
      "amount amount actions"
      "note note actions" !important;
    gap:5px 8px !important;
    padding:10px !important;
    border-radius:18px !important;
  }

  #adminExpenses .admin-card-id119{
    gap:8px !important;
  }

  #adminExpenses .admin-card-icon119{
    width:36px !important;
    height:36px !important;
    flex-basis:36px !important;
    border-radius:12px !important;
  }

  #adminExpenses tbody tr.admin-card-row119 td[data-label="Date"]{
    padding-left:44px !important;
  }

  #adminExpenses tbody tr.admin-card-row119 td small{
    display:none !important;
  }

  #adminExpenses tbody tr.admin-card-row119 td b{
    font-size:10.5px !important;
    line-height:1.2 !important;
  }

  #adminExpenses .admin-card-money119 b{
    font-size:12px !important;
  }

  #adminExpenses .admin-card-actions119{
    grid-template-columns:1fr !important;
    gap:5px !important;
    align-self:start !important;
  }

  #adminExpenses .admin-card-actions119 .row-action-btn{
    width:32px !important;
    height:29px !important;
    min-height:29px !important;
    border-radius:10px !important;
    font-size:0 !important;
    padding:0 !important;
  }

  #adminExpenses .admin-card-actions119 .admin-view-btn115::before{content:"👁" !important;font-size:12px !important;}
  #adminExpenses .admin-card-actions119 .admin-edit-btn::before{content:"✎" !important;font-size:12px !important;}
  #adminExpenses .admin-card-actions119 .admin-delete-btn::before{content:"🗑" !important;font-size:11px !important;}

  #adminExpenses .admin-expense-filters115{
    grid-template-columns:1fr 1fr !important;
    gap:7px !important;
    padding:9px !important;
  }

  #adminExpenses .admin-expense-filters115 label:nth-child(3),
  #adminExpenses .admin-expense-filters115 label:nth-child(4),
  #adminExpenses #adminExpenseClearFilters115{
    grid-column:1 / -1 !important;
  }
}


#adminExpenses .admin-card-id119{
  display:grid !important;
  grid-template-columns:48px minmax(0,1fr) !important;
  align-items:center !important;
  column-gap:14px !important;
  min-width:0 !important;
  padding-right:12px !important;
}

#adminExpenses .admin-card-id119 .admin-card-icon119{
  grid-column:1 !important;
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  max-width:44px !important;
  flex:0 0 44px !important;
  border-radius:15px !important;
  margin:0 !important;
  font-size:16px !important;
}

#adminExpenses .admin-card-id119 > div{
  grid-column:2 !important;
  min-width:0 !important;
  overflow:hidden !important;
}

#adminExpenses .admin-card-id119 small{
  display:block !important;
  font-size:8.5px !important;
  line-height:1 !important;
  margin:0 0 6px !important;
  color:#a5b4fc !important;
  -webkit-text-fill-color:#a5b4fc !important;
}

#adminExpenses .admin-card-id119 b{
  display:block !important;
  font-size:11px !important;
  line-height:1.2 !important;
  max-width:100% !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

#adminExpenses tbody tr.admin-card-row119{
  min-height:92px !important;
  padding:12px 13px !important;
}

#adminExpenses tbody tr.admin-card-row119 td small{
  font-size:8.5px !important;
  line-height:1 !important;
  margin-bottom:5px !important;
}

#adminExpenses tbody tr.admin-card-row119 td b{
  font-size:11px !important;
  line-height:1.22 !important;
}

#adminExpenses .admin-card-money119 b{
  font-size:13.5px !important;
  line-height:1.12 !important;
}

#adminExpenses .admin-card-actions119{
  gap:6px !important;
}

#adminExpenses .admin-card-actions119 .row-action-btn{
  height:34px !important;
  min-height:34px !important;
  border-radius:11px !important;
  font-size:9px !important;
}

@media(max-width:1100px){
  #adminExpenses .admin-card-id119{
    grid-template-columns:44px minmax(0,1fr) !important;
    column-gap:12px !important;
  }

  #adminExpenses .admin-card-id119 .admin-card-icon119{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    max-width:40px !important;
    flex-basis:40px !important;
    border-radius:14px !important;
  }

  #adminExpenses .admin-card-id119 b{
    font-size:10.5px !important;
  }
}

@media(max-width:767px){
  #adminExpenses tbody tr.admin-card-row119{
    grid-template-columns:42px minmax(0,1fr) 34px !important;
    padding:9px !important;
  }

  #adminExpenses .admin-card-id119{
    grid-template-columns:38px minmax(0,1fr) !important;
    column-gap:9px !important;
    padding-right:4px !important;
  }

  #adminExpenses .admin-card-id119 .admin-card-icon119{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    max-width:34px !important;
    flex-basis:34px !important;
    border-radius:12px !important;
    font-size:13px !important;
  }

  #adminExpenses .admin-card-id119 small{
    display:none !important;
  }

  #adminExpenses .admin-card-id119 b{
    font-size:10px !important;
    line-height:1.18 !important;
  }

  #adminExpenses tbody tr.admin-card-row119 td b{
    font-size:10px !important;
  }

  #adminExpenses .admin-card-money119 b{
    font-size:11.5px !important;
  }
}


#adminExpenses,
#adminExpenses .panel,
#adminExpenses .table-wrap,
#adminExpenses .admin-expense-filters115,
#adminExpenses tbody tr.admin-card-row119{
  max-width:100% !important;
  box-sizing:border-box !important;
}

#adminExpenses .table-wrap{
  overflow:visible !important;
}

#adminExpenses #adminExpenseClearFilters115{
  cursor:pointer !important;
  position:relative !important;
  z-index:3 !important;
}

#adminExpenses #adminExpenseClearFilters115::before{
  content:"🧹" !important;
  margin-right:5px !important;
  -webkit-text-fill-color:initial !important;
}

@media(max-width:767px){
  #adminExpenses .panel-head{
    margin-bottom:8px !important;
  }

  #adminExpenses .panel-head h1{
    font-size:18px !important;
    line-height:1.15 !important;
  }

  #adminExpenses .panel-head p{
    font-size:10.5px !important;
    line-height:1.35 !important;
  }

  #adminExpenses .admin-expense-cards{
    gap:7px !important;
    margin:8px 0 10px !important;
  }

  #adminExpenses .admin-expense-stat{
    flex:0 0 128px !important;
    min-height:72px !important;
    padding:9px !important;
    border-radius:16px !important;
  }

  #adminExpenses .admin-expense-stat::before{
    width:24px !important;
    height:24px !important;
    border-radius:10px !important;
    font-size:12px !important;
    margin-bottom:5px !important;
  }

  #adminExpenses .admin-expense-stat span{
    font-size:8px !important;
    line-height:1 !important;
    margin-bottom:4px !important;
  }

  #adminExpenses .admin-expense-stat strong{
    font-size:13px !important;
    line-height:1.1 !important;
  }

  #adminExpenses .admin-expense-form{
    display:block !important;
    margin:8px 0 12px !important;
    padding:10px !important;
    border-radius:18px !important;
  }

  #adminExpenses .admin-form-title117{
    padding-bottom:8px !important;
    margin-bottom:8px !important;
  }

  #adminExpenses .admin-form-title117 b{
    font-size:13px !important;
  }

  #adminExpenses .admin-form-title117 span{
    font-size:9px !important;
  }

  #adminExpenses .admin-expense-form-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:7px !important;
  }

  #adminExpenses .admin-expense-form label{
    font-size:9.5px !important;
    line-height:1.05 !important;
  }

  #adminExpenses .admin-expense-form input,
  #adminExpenses .admin-expense-form select,
  #adminExpenses .admin-expense-form textarea{
    min-height:34px !important;
    height:auto !important;
    margin-top:5px !important;
    border-radius:11px !important;
    font-size:10px !important;
    line-height:1.2 !important;
    padding:8px 10px !important;
  }

  #adminExpenses .admin-expense-form textarea{
    min-height:54px !important;
  }

  #adminExpenses .form-actions{
    display:grid !important;
    grid-template-columns:1fr 1.25fr !important;
    gap:8px !important;
    margin-top:9px !important;
  }

  #adminExpenses .form-actions .btn{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    flex:none !important;
    height:34px !important;
    min-height:34px !important;
    border-radius:11px !important;
    font-size:10px !important;
    padding:0 8px !important;
  }

  #adminExpenses .admin-expense-filters115{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:7px !important;
    padding:9px !important;
    margin-top:44px !important;
    margin-bottom:10px !important;
    border-radius:17px !important;
  }

  #adminExpenses .admin-expense-filters115::before{
    top:-34px !important;
    left:4px !important;
    font-size:14px !important;
  }

  #adminExpenses .admin-expense-filters115::after{
    top:-15px !important;
    left:4px !important;
    font-size:9.5px !important;
  }

  #adminExpenses .admin-expense-filters115 label:nth-child(3),
  #adminExpenses .admin-expense-filters115 label:nth-child(4),
  #adminExpenses #adminExpenseClearFilters115{
    grid-column:1 / -1 !important;
  }

  #adminExpenses .admin-expense-filters115 label span{
    font-size:8.5px !important;
    margin-bottom:4px !important;
  }

  #adminExpenses .admin-expense-filters115 input,
  #adminExpenses .admin-expense-filters115 select,
  #adminExpenses #adminExpenseClearFilters115{
    width:100% !important;
    min-height:33px !important;
    height:33px !important;
    border-radius:11px !important;
    font-size:9.5px !important;
  }

  #adminExpenses .table-wrap table,
  #adminExpenses .table-wrap tbody{
    display:block !important;
    width:100% !important;
  }

  #adminExpenses .table-wrap thead{
    display:none !important;
  }

  #adminExpenses tbody tr.admin-card-row119{
    display:block !important;
    width:100% !important;
    margin:0 0 10px !important;
    padding:10px !important;
    border-radius:18px !important;
    background:
      radial-gradient(circle at 0% 0%, rgba(59,130,246,.14), transparent 42%),
      rgba(15,23,42,.58) !important;
    border:1px solid rgba(96,165,250,.16) !important;
    overflow:hidden !important;
  }

  #adminExpenses tbody tr.admin-card-row119 td{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    width:100% !important;
    padding:5px 0 !important;
    border:0 !important;
    background:transparent !important;
  }

  #adminExpenses .admin-card-id119{
    display:grid !important;
    grid-template-columns:36px minmax(0,1fr) !important;
    justify-content:start !important;
    align-items:center !important;
    column-gap:9px !important;
    padding:0 0 8px !important;
    margin-bottom:6px !important;
    border-bottom:1px solid rgba(148,163,184,.12) !important;
  }

  #adminExpenses .admin-card-id119 .admin-card-icon119{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    border-radius:12px !important;
    font-size:13px !important;
  }

  #adminExpenses .admin-card-id119 > div{
    min-width:0 !important;
  }

  #adminExpenses .admin-card-id119 small{
    display:block !important;
    font-size:8px !important;
    margin-bottom:3px !important;
  }

  #adminExpenses .admin-card-id119 b{
    font-size:10.5px !important;
    line-height:1.15 !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }

  #adminExpenses tbody tr.admin-card-row119 td:not(.admin-card-id119)::before{
    content:attr(data-label) !important;
    display:block !important;
    color:#94a3b8 !important;
    -webkit-text-fill-color:#94a3b8 !important;
    font-size:8px !important;
    font-weight:1000 !important;
    text-transform:uppercase !important;
    flex:0 0 74px !important;
  }

  #adminExpenses tbody tr.admin-card-row119 td small{
    display:none !important;
  }

  #adminExpenses tbody tr.admin-card-row119 td b{
    text-align:left !important;
    min-width:0 !important;
    flex:1 1 auto !important;
    color:#f8fafc !important;
    -webkit-text-fill-color:#f8fafc !important;
    font-size:10.5px !important;
    line-height:1.2 !important;
    font-weight:900 !important;
    overflow-wrap:anywhere !important;
  }

  #adminExpenses .admin-card-money119 b{
    color:#34d399 !important;
    -webkit-text-fill-color:#34d399 !important;
    font-size:12px !important;
    font-weight:1000 !important;
  }

  #adminExpenses .admin-card-actions119{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:7px !important;
    padding-top:9px !important;
    margin-top:7px !important;
    border-top:1px solid rgba(148,163,184,.12) !important;
  }

  #adminExpenses .admin-card-actions119::before{
    display:none !important;
  }

  #adminExpenses .admin-card-actions119 .row-action-btn{
    width:100% !important;
    height:32px !important;
    min-height:32px !important;
    border-radius:11px !important;
    font-size:9px !important;
    padding:0 4px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
}


#adminExpensesTrash .admin-trash-modern124{
  overflow:visible !important;
}

#adminExpensesTrash .panel-head{
  align-items:flex-start !important;
  margin-bottom:12px !important;
}

#adminExpensesTrash .panel-head h1{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  font-size:24px !important;
  line-height:1.12 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-weight:1000 !important;
}

#adminExpensesTrash .panel-head h1::before{
  content:"🧾" !important;
  width:42px !important;
  height:42px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:16px !important;
  background:linear-gradient(135deg,rgba(239,68,68,.20),rgba(124,58,237,.14)) !important;
  border:1px solid rgba(248,113,113,.22) !important;
}

#adminExpensesTrash .panel-head p{
  color:#cbd5e1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
  font-size:12px !important;
  line-height:1.4 !important;
  margin-top:7px !important;
}

#adminExpensesTrash .admin-trash-stats124{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:10px !important;
  margin:10px 0 12px !important;
}

#adminExpensesTrash .admin-trash-stat124{
  min-height:90px !important;
  padding:13px !important;
  border-radius:20px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(59,130,246,.13), transparent 40%),
    rgba(15,23,42,.56) !important;
  border:1px solid rgba(148,163,184,.14) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}

#adminExpensesTrash .admin-trash-stat124::before{
  width:30px !important;
  height:30px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:12px !important;
  margin-bottom:8px !important;
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  font-size:14px !important;
}

#adminExpensesTrash .admin-trash-stat124:nth-child(1)::before{content:"🧾" !important;}
#adminExpensesTrash .admin-trash-stat124.amount::before{content:"💸" !important;}
#adminExpensesTrash .admin-trash-stat124.selected::before{content:"☑️" !important;}
#adminExpensesTrash .admin-trash-stat124.latest::before{content:"🕘" !important;}

#adminExpensesTrash .admin-trash-stat124 span{
  display:block !important;
  color:#a5b4fc !important;
  -webkit-text-fill-color:#a5b4fc !important;
  font-size:9.5px !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  margin-bottom:7px !important;
}

#adminExpensesTrash .admin-trash-stat124 b{
  display:block !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:16px !important;
  line-height:1.15 !important;
  font-weight:1000 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

#adminExpensesTrash .admin-trash-toolbar124{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  margin:10px 0 !important;
  padding:10px !important;
  border-radius:18px !important;
  background:rgba(15,23,42,.48) !important;
  border:1px solid rgba(148,163,184,.12) !important;
}

#adminExpensesTrash .trash-tool-btn{
  min-height:38px !important;
  border-radius:13px !important;
  padding:0 13px !important;
  font-size:11px !important;
  font-weight:1000 !important;
  color:#dbeafe !important;
  -webkit-text-fill-color:#dbeafe !important;
  background:rgba(59,130,246,.13) !important;
  border:1px solid rgba(96,165,250,.22) !important;
}

#adminExpensesTrash .trash-tool-btn.restore{
  color:#bbf7d0 !important;
  -webkit-text-fill-color:#bbf7d0 !important;
  background:rgba(34,197,94,.13) !important;
  border-color:rgba(74,222,128,.24) !important;
}

#adminExpensesTrash .trash-tool-btn.danger{
  color:#fecaca !important;
  -webkit-text-fill-color:#fecaca !important;
  background:rgba(127,29,29,.35) !important;
  border-color:rgba(248,113,113,.28) !important;
}

#adminExpensesTrash .admin-trash-filters124{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 96px !important;
  gap:9px !important;
  align-items:end !important;
  margin:10px 0 12px !important;
  padding:10px !important;
  border-radius:20px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(59,130,246,.13), transparent 38%),
    rgba(15,23,42,.50) !important;
  border:1px solid rgba(96,165,250,.14) !important;
}

#adminExpensesTrash .admin-trash-filters124 label span{
  display:block !important;
  color:#c7d2fe !important;
  -webkit-text-fill-color:#c7d2fe !important;
  font-size:9.5px !important;
  font-weight:1000 !important;
  margin-bottom:6px !important;
}

#adminExpensesTrash .admin-trash-filters124 label span::before{
  content:"🔎 " !important;
  -webkit-text-fill-color:initial !important;
}

#adminExpensesTrash .admin-trash-filters124 input{
  width:100% !important;
  min-height:38px !important;
  border-radius:13px !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  background:rgba(15,23,42,.62) !important;
  border:1px solid rgba(148,163,184,.18) !important;
  font-size:11.5px !important;
  font-weight:850 !important;
}

#adminExpensesTrash #adminExpenseTrashClearSearch124{
  min-height:38px !important;
  border-radius:13px !important;
  color:#fecaca !important;
  -webkit-text-fill-color:#fecaca !important;
  background:rgba(127,29,29,.35) !important;
  border:1px solid rgba(248,113,113,.28) !important;
  font-size:11px !important;
  font-weight:1000 !important;
}

#adminExpensesTrash .table-wrap{
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  overflow:visible !important;
}

#adminExpensesTrash .table-wrap table,
#adminExpensesTrash .table-wrap tbody{
  display:block !important;
  width:100% !important;
}

#adminExpensesTrash thead{
  display:none !important;
}

#adminExpensesTrash tbody tr.admin-trash-card-row124{
  display:grid !important;
  grid-template-columns:minmax(220px,1.05fr) minmax(130px,.7fr) minmax(130px,.7fr) minmax(150px,.85fr) minmax(120px,.7fr) minmax(170px,1fr) 156px !important;
  align-items:center !important;
  gap:0 !important;
  margin:0 0 10px !important;
  padding:12px !important;
  border-radius:20px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(239,68,68,.10), transparent 38%),
    rgba(15,23,42,.56) !important;
  border:1px solid rgba(248,113,113,.14) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
  overflow:hidden !important;
}

#adminExpensesTrash tbody tr.admin-trash-card-row124 td{
  display:block !important;
  padding:6px 10px !important;
  border:0 !important;
  border-right:1px solid rgba(148,163,184,.10) !important;
  background:transparent !important;
  min-width:0 !important;
}

#adminExpensesTrash tbody tr.admin-trash-card-row124 td:last-child{
  border-right:0 !important;
}

#adminExpensesTrash tbody tr.admin-trash-card-row124 td small{
  display:block !important;
  color:#a5b4fc !important;
  -webkit-text-fill-color:#a5b4fc !important;
  font-size:8.5px !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  margin-bottom:5px !important;
}

#adminExpensesTrash tbody tr.admin-trash-card-row124 td b{
  display:block !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  font-size:10.8px !important;
  line-height:1.22 !important;
  font-weight:900 !important;
  overflow-wrap:anywhere !important;
}

#adminExpensesTrash .admin-trash-id124{
  display:grid !important;
  grid-template-columns:28px 42px minmax(0,1fr) !important;
  align-items:center !important;
  gap:9px !important;
}

#adminExpensesTrash .admin-trash-select124{
  display:grid !important;
  place-items:center !important;
  width:24px !important;
  height:24px !important;
}

#adminExpensesTrash .admin-trash-select124 input{
  width:18px !important;
  height:18px !important;
  accent-color:#22c55e !important;
}

#adminExpensesTrash .admin-trash-icon124{
  width:38px !important;
  height:38px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:13px !important;
  background:rgba(239,68,68,.14) !important;
  border:1px solid rgba(248,113,113,.20) !important;
}

#adminExpensesTrash .admin-trash-id-text124{
  min-width:0 !important;
}

#adminExpensesTrash .admin-trash-amount124 b{
  color:#fca5a5 !important;
  -webkit-text-fill-color:#fca5a5 !important;
  font-size:13px !important;
  font-weight:1000 !important;
}

#adminExpensesTrash .admin-trash-actions124{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:7px !important;
}

#adminExpensesTrash .admin-trash-actions124 .row-action-btn{
  width:100% !important;
  min-height:32px !important;
  border-radius:11px !important;
  font-size:10px !important;
  font-weight:950 !important;
}

#adminExpensesTrash .admin-restore-btn{
  color:#bbf7d0 !important;
  -webkit-text-fill-color:#bbf7d0 !important;
  background:rgba(34,197,94,.13) !important;
  border-color:rgba(74,222,128,.25) !important;
}

#adminExpensesTrash .admin-restore-btn::before{
  content:"↩ " !important;
  -webkit-text-fill-color:initial !important;
}

#adminExpensesTrash .admin-forever-btn::before{
  content:"🗑 " !important;
  -webkit-text-fill-color:initial !important;
}

#adminExpensesTrash .admin-trash-empty124{
  display:block !important;
  padding:18px !important;
  border-radius:18px !important;
  background:rgba(15,23,42,.50) !important;
  border:1px solid rgba(148,163,184,.12) !important;
  color:#cbd5e1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
  font-weight:850 !important;
}

@media(max-width:1100px){
  #adminExpensesTrash .admin-trash-stats124{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  #adminExpensesTrash tbody tr.admin-trash-card-row124{
    grid-template-columns:1.2fr 1fr 1fr 140px !important;
    gap:7px !important;
  }

  #adminExpensesTrash tbody tr.admin-trash-card-row124 td{
    border:0 !important;
    padding:5px 8px !important;
  }

  #adminExpensesTrash .admin-trash-id124{
    grid-column:1 / 3 !important;
  }

  #adminExpensesTrash .admin-trash-actions124{
    grid-column:4 !important;
    grid-row:1 / span 2 !important;
  }
}

@media(max-width:767px){
  #adminExpensesTrash .panel-head h1{
    font-size:18px !important;
  }

  #adminExpensesTrash .panel-head h1::before{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    border-radius:13px !important;
  }

  #adminExpensesTrash .panel-head p{
    font-size:10.5px !important;
  }

  #adminExpensesTrash .admin-trash-stats124{
    display:flex !important;
    gap:7px !important;
    overflow-x:auto !important;
    padding-bottom:4px !important;
  }

  #adminExpensesTrash .admin-trash-stats124::-webkit-scrollbar{
    display:none !important;
  }

  #adminExpensesTrash .admin-trash-stat124{
    flex:0 0 130px !important;
    min-height:74px !important;
    padding:9px !important;
    border-radius:16px !important;
  }

  #adminExpensesTrash .admin-trash-stat124::before{
    width:24px !important;
    height:24px !important;
    border-radius:10px !important;
    margin-bottom:5px !important;
    font-size:12px !important;
  }

  #adminExpensesTrash .admin-trash-stat124 span{
    font-size:8px !important;
    margin-bottom:5px !important;
  }

  #adminExpensesTrash .admin-trash-stat124 b{
    font-size:12.5px !important;
  }

  #adminExpensesTrash .admin-trash-toolbar124{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:7px !important;
    padding:8px !important;
    border-radius:16px !important;
  }

  #adminExpensesTrash .admin-trash-toolbar124 .trash-tool-btn{
    width:100% !important;
    min-height:34px !important;
    border-radius:11px !important;
    font-size:9.5px !important;
    padding:0 6px !important;
  }

  #adminExpensesTrash .admin-trash-toolbar124 .danger{
    grid-column:1 / -1 !important;
  }

  #adminExpensesTrash .admin-trash-filters124{
    grid-template-columns:1fr !important;
    gap:7px !important;
    padding:8px !important;
    border-radius:16px !important;
  }

  #adminExpensesTrash .admin-trash-filters124 input,
  #adminExpensesTrash #adminExpenseTrashClearSearch124{
    min-height:34px !important;
    border-radius:11px !important;
    font-size:10px !important;
  }

  #adminExpensesTrash tbody tr.admin-trash-card-row124{
    display:block !important;
    width:100% !important;
    padding:10px !important;
    border-radius:18px !important;
    margin-bottom:10px !important;
  }

  #adminExpensesTrash tbody tr.admin-trash-card-row124 td{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    width:100% !important;
    padding:5px 0 !important;
    border:0 !important;
  }

  #adminExpensesTrash .admin-trash-id124{
    display:grid !important;
    grid-template-columns:24px 34px minmax(0,1fr) !important;
    gap:8px !important;
    padding-bottom:8px !important;
    margin-bottom:6px !important;
    border-bottom:1px solid rgba(148,163,184,.12) !important;
  }

  #adminExpensesTrash .admin-trash-icon124{
    width:32px !important;
    height:32px !important;
    border-radius:11px !important;
  }

  #adminExpensesTrash .admin-trash-select124 input{
    width:17px !important;
    height:17px !important;
  }

  #adminExpensesTrash .admin-trash-id124 small{
    display:none !important;
  }

  #adminExpensesTrash .admin-trash-id124 b{
    font-size:10px !important;
  }

  #adminExpensesTrash tbody tr.admin-trash-card-row124 td:not(.admin-trash-id124)::before{
    content:attr(data-label) !important;
    color:#94a3b8 !important;
    -webkit-text-fill-color:#94a3b8 !important;
    font-size:8px !important;
    font-weight:1000 !important;
    text-transform:uppercase !important;
    flex:0 0 70px !important;
  }

  #adminExpensesTrash tbody tr.admin-trash-card-row124 td small{
    display:none !important;
  }

  #adminExpensesTrash tbody tr.admin-trash-card-row124 td b{
    font-size:10px !important;
    text-align:left !important;
    flex:1 1 auto !important;
  }

  #adminExpensesTrash .admin-trash-amount124 b{
    font-size:11.5px !important;
  }

  #adminExpensesTrash .admin-trash-actions124{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:7px !important;
    padding-top:8px !important;
    margin-top:6px !important;
    border-top:1px solid rgba(148,163,184,.12) !important;
  }

  #adminExpensesTrash .admin-trash-actions124::before{
    display:none !important;
  }

  #adminExpensesTrash .admin-trash-actions124 .row-action-btn{
    min-height:32px !important;
    border-radius:11px !important;
    font-size:9.5px !important;
  }
}


#adminExpensesTrash .admin-trash-toolbar124{
  justify-content:space-between !important;
  min-height:58px !important;
}

#adminExpensesTrash .admin-trash-toolbar124::before{
  content:"Trash Actions" !important;
  color:#cbd5e1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
  font-size:12px !important;
  font-weight:950 !important;
}

#adminExpensesTrash tbody tr.admin-trash-card-row124{
  width:100% !important;
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-columns:minmax(245px,1.1fr) minmax(140px,.62fr) minmax(130px,.58fr) 178px !important;
  grid-template-areas:
    "id date amount actions"
    "admin purpose note actions" !important;
  gap:8px 14px !important;
  align-items:center !important;
  min-height:104px !important;
  padding:13px 14px !important;
  overflow:hidden !important;
}

#adminExpensesTrash tbody tr.admin-trash-card-row124 td{
  border:0 !important;
  padding:0 !important;
  min-width:0 !important;
  background:transparent !important;
}

#adminExpensesTrash tbody tr.admin-trash-card-row124 td[data-label="ID"]{grid-area:id !important;}
#adminExpensesTrash tbody tr.admin-trash-card-row124 td[data-label="Date"]{grid-area:date !important;}
#adminExpensesTrash tbody tr.admin-trash-card-row124 td[data-label="Admin"]{grid-area:admin !important;}
#adminExpensesTrash tbody tr.admin-trash-card-row124 td[data-label="Purpose"]{grid-area:purpose !important;}
#adminExpensesTrash tbody tr.admin-trash-card-row124 td[data-label="Amount"]{grid-area:amount !important;}
#adminExpensesTrash tbody tr.admin-trash-card-row124 td[data-label="Note"]{grid-area:note !important;}
#adminExpensesTrash tbody tr.admin-trash-card-row124 td[data-label="Action"]{grid-area:actions !important;}

#adminExpensesTrash .admin-trash-id124{
  display:grid !important;
  grid-template-columns:24px 42px minmax(0,1fr) !important;
  gap:10px !important;
  align-items:center !important;
}

#adminExpensesTrash .admin-trash-select124{
  width:22px !important;
  height:22px !important;
  display:grid !important;
  place-items:center !important;
  margin:0 !important;
}

#adminExpensesTrash .admin-trash-select124 input{
  width:18px !important;
  height:18px !important;
  margin:0 !important;
  accent-color:#22c55e !important;
}

#adminExpensesTrash .admin-trash-icon124{
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  border-radius:14px !important;
  font-size:15px !important;
}

#adminExpensesTrash .admin-trash-id-text124{
  min-width:0 !important;
  overflow:hidden !important;
}

#adminExpensesTrash .admin-trash-id-text124 small,
#adminExpensesTrash tbody tr.admin-trash-card-row124 td small{
  display:block !important;
  color:#a5b4fc !important;
  -webkit-text-fill-color:#a5b4fc !important;
  font-size:8.5px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  margin:0 0 5px !important;
}

#adminExpensesTrash .admin-trash-id-text124 b,
#adminExpensesTrash tbody tr.admin-trash-card-row124 td b{
  display:block !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  font-size:11px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}

#adminExpensesTrash .admin-trash-amount124 b{
  color:#fca5a5 !important;
  -webkit-text-fill-color:#fca5a5 !important;
  font-size:13px !important;
  font-weight:1000 !important;
}

#adminExpensesTrash .admin-trash-actions124{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:8px !important;
  align-self:center !important;
  width:100% !important;
  min-width:0 !important;
}

#adminExpensesTrash .admin-trash-actions124 .row-action-btn{
  width:100% !important;
  min-width:0 !important;
  height:36px !important;
  min-height:36px !important;
  border-radius:12px !important;
  font-size:10px !important;
  padding:0 8px !important;
}

#adminExpensesTrash .admin-trash-filters124{
  grid-template-columns:minmax(0,1fr) 90px !important;
}

#adminExpensesTrash .admin-trash-filters124 input,
#adminExpensesTrash #adminExpenseTrashClearSearch124{
  min-height:36px !important;
  height:36px !important;
}

@media(max-width:1100px){
  #adminExpensesTrash tbody tr.admin-trash-card-row124{
    grid-template-columns:minmax(220px,1fr) minmax(150px,.72fr) 160px !important;
    grid-template-areas:
      "id amount actions"
      "date note actions"
      "admin purpose actions" !important;
    gap:7px 12px !important;
    min-height:118px !important;
  }

  #adminExpensesTrash .admin-trash-actions124 .row-action-btn{
    height:34px !important;
  }
}

@media(max-width:767px){
  #adminExpensesTrash .admin-trash-toolbar124{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:7px !important;
    min-height:auto !important;
  }

  #adminExpensesTrash .admin-trash-toolbar124::before{
    grid-column:1 / -1 !important;
    font-size:11px !important;
  }

  #adminExpensesTrash tbody tr.admin-trash-card-row124{
    display:block !important;
    width:100% !important;
    min-height:0 !important;
    padding:10px !important;
    border-radius:18px !important;
    overflow:hidden !important;
  }

  #adminExpensesTrash tbody tr.admin-trash-card-row124 td{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    width:100% !important;
    padding:5px 0 !important;
    border:0 !important;
  }

  #adminExpensesTrash .admin-trash-id124{
    display:grid !important;
    grid-template-columns:22px 34px minmax(0,1fr) !important;
    gap:8px !important;
    padding:0 0 8px !important;
    margin-bottom:6px !important;
    border-bottom:1px solid rgba(148,163,184,.12) !important;
  }

  #adminExpensesTrash .admin-trash-select124 input{
    width:17px !important;
    height:17px !important;
  }

  #adminExpensesTrash .admin-trash-icon124{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    border-radius:11px !important;
    font-size:12px !important;
  }

  #adminExpensesTrash .admin-trash-id-text124 small{
    display:none !important;
  }

  #adminExpensesTrash .admin-trash-id-text124 b{
    font-size:10px !important;
    line-height:1.18 !important;
  }

  #adminExpensesTrash tbody tr.admin-trash-card-row124 td:not(.admin-trash-id124)::before{
    content:attr(data-label) !important;
    flex:0 0 68px !important;
    color:#94a3b8 !important;
    -webkit-text-fill-color:#94a3b8 !important;
    font-size:8px !important;
    font-weight:1000 !important;
    text-transform:uppercase !important;
  }

  #adminExpensesTrash tbody tr.admin-trash-card-row124 td small{
    display:none !important;
  }

  #adminExpensesTrash tbody tr.admin-trash-card-row124 td b{
    flex:1 1 auto !important;
    text-align:left !important;
    font-size:10px !important;
  }

  #adminExpensesTrash .admin-trash-amount124 b{
    font-size:11.5px !important;
  }

  #adminExpensesTrash .admin-trash-actions124{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:7px !important;
    padding-top:8px !important;
    margin-top:6px !important;
    border-top:1px solid rgba(148,163,184,.12) !important;
  }

  #adminExpensesTrash .admin-trash-actions124::before{
    display:none !important;
  }

  #adminExpensesTrash .admin-trash-actions124 .row-action-btn{
    height:32px !important;
    min-height:32px !important;
    font-size:9.5px !important;
    border-radius:11px !important;
  }
}


#adminExpensesTrash tbody tr.admin-trash-card-row124{
  display:none !important;
}

#adminExpensesTrash tbody tr.admin-trash-card-row126{
  width:100% !important;
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-columns:28px 48px minmax(180px,1fr) minmax(125px,.65fr) minmax(125px,.65fr) minmax(145px,.75fr) minmax(115px,.62fr) minmax(170px,.9fr) 160px !important;
  gap:10px !important;
  align-items:center !important;
  margin:0 0 11px !important;
  padding:12px !important;
  border-radius:20px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(239,68,68,.09), transparent 40%),
    rgba(15,23,42,.56) !important;
  border:1px solid rgba(248,113,113,.14) !important;
  overflow:hidden !important;
}

#adminExpensesTrash tbody tr.admin-trash-card-row126 td{
  display:block !important;
  min-width:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

#adminExpensesTrash .trash-select-cell126{
  display:grid !important;
  place-items:center !important;
}

#adminExpensesTrash .admin-trash-check126{
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  min-height:18px !important;
  margin:0 !important;
  accent-color:#22c55e !important;
  cursor:pointer !important;
  opacity:1 !important;
  position:relative !important;
  z-index:5 !important;
}

#adminExpensesTrash .trash-icon-cell126 span{
  width:42px !important;
  height:42px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:14px !important;
  background:rgba(124,58,237,.18) !important;
  border:1px solid rgba(167,139,250,.20) !important;
  font-size:16px !important;
}

#adminExpensesTrash tbody tr.admin-trash-card-row126 small{
  display:block !important;
  color:#a5b4fc !important;
  -webkit-text-fill-color:#a5b4fc !important;
  font-size:8.5px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  margin-bottom:5px !important;
}

#adminExpensesTrash tbody tr.admin-trash-card-row126 b{
  display:block !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  font-size:10.8px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}

#adminExpensesTrash .trash-id-cell126 b{
  font-size:11px !important;
}

#adminExpensesTrash .trash-amount-cell126 b{
  color:#fca5a5 !important;
  -webkit-text-fill-color:#fca5a5 !important;
  font-size:12.5px !important;
  font-weight:1000 !important;
}

#adminExpensesTrash .trash-actions-cell126{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:7px !important;
  min-width:0 !important;
}

#adminExpensesTrash .trash-actions-cell126 .row-action-btn{
  width:100% !important;
  height:34px !important;
  min-height:34px !important;
  border-radius:12px !important;
  font-size:9.5px !important;
  font-weight:1000 !important;
  padding:0 7px !important;
}

#adminExpensesTrash .admin-restore-btn126{
  color:#bbf7d0 !important;
  -webkit-text-fill-color:#bbf7d0 !important;
  background:rgba(34,197,94,.14) !important;
  border:1px solid rgba(74,222,128,.28) !important;
}
#adminExpensesTrash .admin-restore-btn126::before{
  content:"↩ " !important;
  -webkit-text-fill-color:initial !important;
}

#adminExpensesTrash .admin-delete-forever-btn126::before{
  content:"🗑 " !important;
  -webkit-text-fill-color:initial !important;
}

#adminExpensesTrash .admin-trash-toolbar124{
  min-height:auto !important;
  padding:9px !important;
  gap:9px !important;
}

#adminExpensesTrash .admin-trash-toolbar124 .trash-tool-btn{
  min-height:36px !important;
  border-radius:12px !important;
  font-size:10.5px !important;
}

@media(max-width:1100px){
  #adminExpensesTrash tbody tr.admin-trash-card-row126{
    grid-template-columns:28px 44px minmax(180px,1fr) minmax(140px,.8fr) 150px !important;
    grid-template-areas:
      "check icon id amount actions"
      "check icon date note actions"
      "check icon admin purpose actions" !important;
    gap:7px 10px !important;
  }
  #adminExpensesTrash .trash-select-cell126{grid-area:check !important;}
  #adminExpensesTrash .trash-icon-cell126{grid-area:icon !important;}
  #adminExpensesTrash .trash-id-cell126{grid-area:id !important;}
  #adminExpensesTrash td[data-label="Date"]{grid-area:date !important;}
  #adminExpensesTrash td[data-label="Admin"]{grid-area:admin !important;}
  #adminExpensesTrash td[data-label="Purpose"]{grid-area:purpose !important;}
  #adminExpensesTrash .trash-amount-cell126{grid-area:amount !important;}
  #adminExpensesTrash td[data-label="Note"]{grid-area:note !important;}
  #adminExpensesTrash .trash-actions-cell126{grid-area:actions !important;}
}

@media(max-width:767px){
  #adminExpensesTrash tbody tr.admin-trash-card-row126{
    display:grid !important;
    grid-template-columns:24px 34px minmax(0,1fr) !important;
    grid-template-areas:
      "check icon id"
      ". . date"
      ". . admin"
      ". . purpose"
      ". . amount"
      ". . note"
      "actions actions actions" !important;
    gap:5px 8px !important;
    padding:10px !important;
    border-radius:18px !important;
  }

  #adminExpensesTrash .trash-icon-cell126 span{
    width:32px !important;
    height:32px !important;
    border-radius:11px !important;
    font-size:12px !important;
  }

  #adminExpensesTrash .admin-trash-check126{
    width:17px !important;
    height:17px !important;
    min-width:17px !important;
    min-height:17px !important;
  }

  #adminExpensesTrash tbody tr.admin-trash-card-row126 small{
    display:none !important;
  }

  #adminExpensesTrash tbody tr.admin-trash-card-row126 td:not(.trash-select-cell126):not(.trash-icon-cell126):not(.trash-id-cell126)::before{
    content:attr(data-label) !important;
    flex:0 0 66px !important;
    color:#94a3b8 !important;
    -webkit-text-fill-color:#94a3b8 !important;
    font-size:8px !important;
    font-weight:1000 !important;
    text-transform:uppercase !important;
  }

  #adminExpensesTrash tbody tr.admin-trash-card-row126 td:not(.trash-select-cell126):not(.trash-icon-cell126):not(.trash-actions-cell126):not(.trash-id-cell126){
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
  }

  #adminExpensesTrash tbody tr.admin-trash-card-row126 b{
    font-size:10px !important;
  }

  #adminExpensesTrash .trash-amount-cell126 b{
    font-size:11.5px !important;
  }

  #adminExpensesTrash .trash-actions-cell126{
    grid-template-columns:1fr 1fr !important;
    gap:7px !important;
    padding-top:8px !important;
    margin-top:6px !important;
    border-top:1px solid rgba(148,163,184,.12) !important;
  }

  #adminExpensesTrash .trash-actions-cell126 .row-action-btn{
    height:32px !important;
    min-height:32px !important;
    font-size:9px !important;
  }
}


#adminExpensesTrash tbody tr.admin-trash-card-row124,
#adminExpensesTrash tbody tr.admin-trash-card-row126{
  display:none !important;
}

#adminExpensesTrash tbody tr.admin-trash-card-row127{
  width:100% !important;
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-columns:30px 46px minmax(170px,1fr) minmax(120px,.65fr) minmax(120px,.65fr) minmax(140px,.75fr) minmax(110px,.62fr) minmax(160px,.9fr) 154px !important;
  gap:10px !important;
  align-items:center !important;
  margin:0 0 10px !important;
  padding:12px !important;
  border-radius:20px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(239,68,68,.09), transparent 40%),
    rgba(15,23,42,.56) !important;
  border:1px solid rgba(248,113,113,.14) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
  overflow:hidden !important;
  cursor:pointer !important;
}

#adminExpensesTrash tbody tr.admin-trash-card-row127:has(.admin-trash-check127:checked){
  border-color:rgba(74,222,128,.42) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(34,197,94,.12), transparent 40%),
    rgba(15,23,42,.60) !important;
}

#adminExpensesTrash tbody tr.admin-trash-card-row127 td{
  display:block !important;
  min-width:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

#adminExpensesTrash .trash-check-wrap127{
  width:24px !important;
  height:24px !important;
  display:grid !important;
  place-items:center !important;
  position:relative !important;
  cursor:pointer !important;
  z-index:20 !important;
  margin:0 !important;
}

#adminExpensesTrash .admin-trash-check127{
  position:absolute !important;
  inset:0 !important;
  width:24px !important;
  height:24px !important;
  margin:0 !important;
  opacity:0 !important;
  cursor:pointer !important;
  z-index:2 !important;
}

#adminExpensesTrash .trash-check-wrap127 span{
  width:20px !important;
  height:20px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:7px !important;
  background:rgba(255,255,255,.08) !important;
  border:2px solid rgba(226,232,240,.70) !important;
  box-shadow:0 6px 14px rgba(0,0,0,.20) !important;
}

#adminExpensesTrash .admin-trash-check127:checked + span{
  background:linear-gradient(135deg,#22c55e,#16a34a) !important;
  border-color:rgba(187,247,208,.90) !important;
}

#adminExpensesTrash .admin-trash-check127:checked + span::before{
  content:"✓" !important;
  color:white !important;
  -webkit-text-fill-color:white !important;
  font-size:14px !important;
  font-weight:1000 !important;
  line-height:1 !important;
}

#adminExpensesTrash .trash-icon-cell127 span{
  width:40px !important;
  height:40px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:14px !important;
  background:rgba(124,58,237,.18) !important;
  border:1px solid rgba(167,139,250,.20) !important;
  font-size:15px !important;
}

#adminExpensesTrash tbody tr.admin-trash-card-row127 small{
  display:block !important;
  color:#a5b4fc !important;
  -webkit-text-fill-color:#a5b4fc !important;
  font-size:8.3px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  margin-bottom:5px !important;
}

#adminExpensesTrash tbody tr.admin-trash-card-row127 b{
  display:block !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  font-size:10.7px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}

#adminExpensesTrash .trash-id-cell127 b{
  font-size:11px !important;
}

#adminExpensesTrash .trash-amount-cell127 b{
  color:#fca5a5 !important;
  -webkit-text-fill-color:#fca5a5 !important;
  font-size:12.3px !important;
  font-weight:1000 !important;
}

#adminExpensesTrash .trash-actions-cell127{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:7px !important;
  min-width:0 !important;
}

#adminExpensesTrash .trash-actions-cell127 .row-action-btn{
  width:100% !important;
  height:34px !important;
  min-height:34px !important;
  border-radius:12px !important;
  font-size:9.5px !important;
  font-weight:1000 !important;
  padding:0 7px !important;
  cursor:pointer !important;
}

#adminExpensesTrash .admin-restore-btn127{
  color:#bbf7d0 !important;
  -webkit-text-fill-color:#bbf7d0 !important;
  background:rgba(34,197,94,.14) !important;
  border:1px solid rgba(74,222,128,.28) !important;
}
#adminExpensesTrash .admin-restore-btn127::before{
  content:"↩ " !important;
  -webkit-text-fill-color:initial !important;
}

#adminExpensesTrash .admin-delete-forever-btn127::before{
  content:"🗑 " !important;
  -webkit-text-fill-color:initial !important;
}

@media(max-width:1100px){
  #adminExpensesTrash tbody tr.admin-trash-card-row127{
    grid-template-columns:28px 42px minmax(170px,1fr) minmax(145px,.8fr) 148px !important;
    grid-template-areas:
      "check icon id amount actions"
      "check icon date note actions"
      "check icon admin purpose actions" !important;
    gap:7px 10px !important;
  }
  #adminExpensesTrash .trash-select-cell127{grid-area:check !important;}
  #adminExpensesTrash .trash-icon-cell127{grid-area:icon !important;}
  #adminExpensesTrash .trash-id-cell127{grid-area:id !important;}
  #adminExpensesTrash td[data-label="Date"]{grid-area:date !important;}
  #adminExpensesTrash td[data-label="Admin"]{grid-area:admin !important;}
  #adminExpensesTrash td[data-label="Purpose"]{grid-area:purpose !important;}
  #adminExpensesTrash .trash-amount-cell127{grid-area:amount !important;}
  #adminExpensesTrash td[data-label="Note"]{grid-area:note !important;}
  #adminExpensesTrash .trash-actions-cell127{grid-area:actions !important;}
}

@media(max-width:767px){
  #adminExpensesTrash tbody tr.admin-trash-card-row127{
    display:grid !important;
    grid-template-columns:28px 34px minmax(0,1fr) !important;
    grid-template-areas:
      "check icon id"
      ". . date"
      ". . admin"
      ". . purpose"
      ". . amount"
      ". . note"
      "actions actions actions" !important;
    gap:5px 8px !important;
    padding:10px !important;
    border-radius:18px !important;
  }

  #adminExpensesTrash .trash-check-wrap127,
  #adminExpensesTrash .admin-trash-check127{
    width:24px !important;
    height:24px !important;
  }

  #adminExpensesTrash .trash-check-wrap127 span{
    width:19px !important;
    height:19px !important;
    border-radius:7px !important;
  }

  #adminExpensesTrash .trash-icon-cell127 span{
    width:32px !important;
    height:32px !important;
    border-radius:11px !important;
    font-size:12px !important;
  }

  #adminExpensesTrash tbody tr.admin-trash-card-row127 small{
    display:none !important;
  }

  #adminExpensesTrash tbody tr.admin-trash-card-row127 td:not(.trash-select-cell127):not(.trash-icon-cell127):not(.trash-id-cell127):not(.trash-actions-cell127){
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
  }

  #adminExpensesTrash tbody tr.admin-trash-card-row127 td:not(.trash-select-cell127):not(.trash-icon-cell127):not(.trash-id-cell127):not(.trash-actions-cell127)::before{
    content:attr(data-label) !important;
    flex:0 0 64px !important;
    color:#94a3b8 !important;
    -webkit-text-fill-color:#94a3b8 !important;
    font-size:8px !important;
    font-weight:1000 !important;
    text-transform:uppercase !important;
  }

  #adminExpensesTrash tbody tr.admin-trash-card-row127 b{
    font-size:10px !important;
  }

  #adminExpensesTrash .trash-amount-cell127 b{
    font-size:11.5px !important;
  }

  #adminExpensesTrash .trash-actions-cell127{
    grid-template-columns:1fr 1fr !important;
    gap:7px !important;
    padding-top:8px !important;
    margin-top:6px !important;
    border-top:1px solid rgba(148,163,184,.12) !important;
  }

  #adminExpensesTrash .trash-actions-cell127 .row-action-btn{
    height:32px !important;
    min-height:32px !important;
    font-size:9px !important;
  }
}


#adminExpensesTrash tbody tr.admin-trash-card-row127 td::before,
#adminExpensesTrash tbody tr.admin-trash-card-row127 td::after{
  content:none !important;
  display:none !important;
}

@media(max-width:767px){
  #adminExpensesTrash .table-wrap{
    overflow:visible !important;
  }

  #adminExpensesTrash tbody tr.admin-trash-card-row127{
    display:grid !important;
    grid-template-columns:28px 38px minmax(0,1fr) !important;
    grid-template-areas:
      "check icon id"
      "date date date"
      "admin admin admin"
      "purpose purpose purpose"
      "amount amount amount"
      "note note note"
      "actions actions actions" !important;
    gap:8px !important;
    padding:12px !important;
    border-radius:18px !important;
    margin:0 0 12px !important;
  }

  #adminExpensesTrash .trash-select-cell127{grid-area:check !important; align-self:center !important;}
  #adminExpensesTrash .trash-icon-cell127{grid-area:icon !important; align-self:center !important;}
  #adminExpensesTrash .trash-id-cell127{grid-area:id !important;}
  #adminExpensesTrash td[data-label="Date"]{grid-area:date !important;}
  #adminExpensesTrash td[data-label="Admin"]{grid-area:admin !important;}
  #adminExpensesTrash td[data-label="Purpose"]{grid-area:purpose !important;}
  #adminExpensesTrash .trash-amount-cell127{grid-area:amount !important;}
  #adminExpensesTrash td[data-label="Note"]{grid-area:note !important;}
  #adminExpensesTrash .trash-actions-cell127{grid-area:actions !important;}

  #adminExpensesTrash .trash-check-wrap127,
  #adminExpensesTrash .admin-trash-check127{
    width:22px !important;
    height:22px !important;
  }
  #adminExpensesTrash .trash-check-wrap127 span{
    width:18px !important;
    height:18px !important;
  }
  #adminExpensesTrash .trash-icon-cell127 span{
    width:34px !important;
    height:34px !important;
    border-radius:12px !important;
    font-size:13px !important;
  }

  #adminExpensesTrash .trash-id-cell127{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    min-width:0 !important;
  }
  #adminExpensesTrash .trash-id-cell127 small{
    display:block !important;
    color:#a5b4fc !important;
    -webkit-text-fill-color:#a5b4fc !important;
    font-size:8px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    text-transform:uppercase !important;
    margin:0 0 5px !important;
  }
  #adminExpensesTrash .trash-id-cell127 b{
    font-size:11px !important;
    line-height:1.24 !important;
    word-break:break-word !important;
  }

  #adminExpensesTrash tbody tr.admin-trash-card-row127 td[data-label]:not(.trash-actions-cell127):not(.trash-id-cell127){
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:10px !important;
    padding:9px 10px !important;
    border-radius:12px !important;
    background:rgba(255,255,255,.03) !important;
    border:1px solid rgba(148,163,184,.10) !important;
  }

  #adminExpensesTrash tbody tr.admin-trash-card-row127 td[data-label]:not(.trash-actions-cell127):not(.trash-id-cell127)::before{
    display:block !important;
    content:attr(data-label) !important;
    flex:0 0 66px !important;
    color:#94a3b8 !important;
    -webkit-text-fill-color:#94a3b8 !important;
    font-size:8px !important;
    line-height:1.2 !important;
    font-weight:1000 !important;
    text-transform:uppercase !important;
    letter-spacing:.08em !important;
  }

  #adminExpensesTrash tbody tr.admin-trash-card-row127 td[data-label]:not(.trash-actions-cell127):not(.trash-id-cell127) b{
    flex:1 1 auto !important;
    text-align:right !important;
    font-size:10.5px !important;
    line-height:1.3 !important;
  }

  #adminExpensesTrash .trash-amount-cell127 b{
    font-size:12px !important;
    font-weight:1000 !important;
  }

  #adminExpensesTrash .trash-actions-cell127{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    margin-top:2px !important;
    padding-top:2px !important;
  }

  #adminExpensesTrash .trash-actions-cell127 .row-action-btn{
    width:100% !important;
    height:36px !important;
    min-height:36px !important;
    border-radius:12px !important;
    font-size:10px !important;
    font-weight:1000 !important;
    padding:0 8px !important;
  }

  #adminExpensesTrash .admin-trash-empty127 td{
    text-align:center !important;
    padding:18px 10px !important;
  }

  #adminExpensesTrash .admin-trash-filters124{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 88px !important;
    gap:8px !important;
    align-items:stretch !important;
  }
  #adminExpensesTrash #adminExpenseTrashClearSearch124{
    min-height:44px !important;
    height:44px !important;
    border-radius:14px !important;
    font-size:11px !important;
    font-weight:900 !important;
  }
}


@media (min-width: 1401px){
  #adminExpensesTrash .table-wrap{
    overflow: visible !important;
  }

  #adminExpensesTrash tbody tr.admin-trash-card-row127{
    grid-template-columns:
      28px
      42px
      minmax(132px, 1.28fr)
      minmax(102px, .86fr)
      minmax(98px, .82fr)
      minmax(110px, .95fr)
      minmax(90px, .76fr)
      minmax(124px, 1.08fr)
      minmax(118px, .96fr) !important;
    gap:8px !important;
    padding:12px 14px !important;
    border-radius:18px !important;
  }

  #adminExpensesTrash .trash-check-wrap127,
  #adminExpensesTrash .admin-trash-check127{
    width:22px !important;
    height:22px !important;
  }

  #adminExpensesTrash .trash-check-wrap127 span{
    width:18px !important;
    height:18px !important;
    border-radius:6px !important;
  }

  #adminExpensesTrash .trash-icon-cell127 span{
    width:36px !important;
    height:36px !important;
    border-radius:12px !important;
    font-size:13px !important;
  }

  #adminExpensesTrash tbody tr.admin-trash-card-row127 small{
    font-size:8px !important;
    margin-bottom:4px !important;
  }

  #adminExpensesTrash tbody tr.admin-trash-card-row127 b{
    font-size:10.5px !important;
    line-height:1.26 !important;
  }

  #adminExpensesTrash .trash-id-cell127 b{
    font-size:11.2px !important;
  }

  #adminExpensesTrash .trash-amount-cell127 b{
    font-size:12px !important;
  }

  #adminExpensesTrash .trash-actions-cell127{
    gap:6px !important;
  }

  #adminExpensesTrash .trash-actions-cell127 .row-action-btn{
    height:32px !important;
    min-height:32px !important;
    border-radius:11px !important;
    font-size:9.5px !important;
    padding:0 8px !important;
  }
}

@media (min-width: 768px) and (max-width: 1400px){
  #adminExpensesTrash .table-wrap{
    overflow: visible !important;
  }

  #adminExpensesTrash tbody tr.admin-trash-card-row127{
    grid-template-columns: 28px 40px minmax(160px,1fr) minmax(128px,.9fr) 128px !important;
    grid-template-areas:
      "check icon id amount actions"
      "check icon date note actions"
      "check icon admin purpose actions" !important;
    gap:8px 10px !important;
    padding:13px !important;
    border-radius:18px !important;
    align-items:center !important;
  }

  #adminExpensesTrash .trash-select-cell127{ grid-area:check !important; align-self:center !important; }
  #adminExpensesTrash .trash-icon-cell127{ grid-area:icon !important; align-self:center !important; }
  #adminExpensesTrash .trash-id-cell127{ grid-area:id !important; }
  #adminExpensesTrash td[data-label="Date"]{ grid-area:date !important; }
  #adminExpensesTrash td[data-label="Admin"]{ grid-area:admin !important; }
  #adminExpensesTrash td[data-label="Purpose"]{ grid-area:purpose !important; }
  #adminExpensesTrash .trash-amount-cell127{ grid-area:amount !important; }
  #adminExpensesTrash td[data-label="Note"]{ grid-area:note !important; }
  #adminExpensesTrash .trash-actions-cell127{ grid-area:actions !important; }

  #adminExpensesTrash .trash-check-wrap127,
  #adminExpensesTrash .admin-trash-check127{
    width:22px !important;
    height:22px !important;
  }

  #adminExpensesTrash .trash-check-wrap127 span{
    width:18px !important;
    height:18px !important;
    border-radius:6px !important;
  }

  #adminExpensesTrash .trash-icon-cell127 span{
    width:36px !important;
    height:36px !important;
    border-radius:12px !important;
    font-size:13px !important;
  }

  #adminExpensesTrash tbody tr.admin-trash-card-row127 td{
    min-width:0 !important;
  }

  #adminExpensesTrash tbody tr.admin-trash-card-row127 small{
    font-size:8px !important;
    margin-bottom:4px !important;
  }

  #adminExpensesTrash tbody tr.admin-trash-card-row127 b{
    font-size:10.6px !important;
    line-height:1.28 !important;
  }

  #adminExpensesTrash .trash-id-cell127 b{
    font-size:11.4px !important;
  }

  #adminExpensesTrash .trash-amount-cell127 b{
    font-size:12.1px !important;
  }

  #adminExpensesTrash .trash-actions-cell127{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:7px !important;
    align-self:stretch !important;
  }

  #adminExpensesTrash .trash-actions-cell127 .row-action-btn{
    width:100% !important;
    height:34px !important;
    min-height:34px !important;
    border-radius:12px !important;
    font-size:9.8px !important;
    padding:0 8px !important;
  }
}

#adminExpenses .table-wrap{
  overflow: visible !important;
}

#adminExpenses tbody tr.admin-clean-card130{
  display:block !important;
  background:transparent !important;
  border:none !important;
}

#adminExpenses tbody tr.admin-clean-card130 > td{
  display:block !important;
  padding:0 !important;
  border:none !important;
  background:transparent !important;
}

#adminExpenses .admin-clean-shell130{
  display:grid;
  grid-template-columns:minmax(0,1fr) 172px;
  gap:14px;
  align-items:stretch;
  background:linear-gradient(135deg, rgba(92,70,150,.18), rgba(17,28,66,.9));
  border:1px solid rgba(130,150,255,.18);
  box-shadow:0 10px 30px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.04);
  border-radius:20px;
  padding:14px;
  margin:0 0 12px;
}

#adminExpenses .admin-clean-main130{
  min-width:0;
}

#adminExpenses .admin-clean-top130{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:12px;
}

#adminExpenses .admin-clean-icon130{
  width:40px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 40px;
  border-radius:14px;
  background:linear-gradient(180deg, rgba(108,92,255,.92), rgba(75,74,225,.78));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 8px 22px rgba(84,73,255,.24);
  font-size:16px;
}

#adminExpenses .admin-clean-id130{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}

#adminExpenses .admin-clean-id130 small,
#adminExpenses .admin-clean-item130 small{
  display:block;
  font-size:10px;
  line-height:1;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(191,205,255,.78);
  font-weight:800;
  margin-bottom:5px;
}

#adminExpenses .admin-clean-id130 b,
#adminExpenses .admin-clean-item130 b{
  display:block;
  font-size:14px;
  line-height:1.35;
  color:#f4f7ff;
  font-weight:800;
  word-break:break-word;
}

#adminExpenses .admin-clean-grid130{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:10px;
}

#adminExpenses .admin-clean-item130{
  min-width:0;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(10,19,48,.36);
  border:1px solid rgba(130,150,255,.12);
}

#adminExpenses .admin-clean-item130.admin-clean-wide130{
  grid-column:1 / -1;
}

#adminExpenses .admin-clean-amount130 b{
  color:#ffffff;
}

#adminExpenses .admin-clean-actions130{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  align-self:stretch;
}

#adminExpenses .admin-clean-actions130 .row-action-btn{
  width:100%;
  min-height:38px;
  height:38px;
  border-radius:12px;
  font-size:12px;
  font-weight:800;
  padding:0 10px;
}

#adminExpenses .admin-clean-actions130 .admin-view-btn130::before{content:"👁 "; -webkit-text-fill-color:initial;}
#adminExpenses .admin-clean-actions130 .admin-edit-btn130::before{content:"✎ "; -webkit-text-fill-color:initial;}
#adminExpenses .admin-clean-actions130 .admin-delete-btn130::before{content:"🗑 "; -webkit-text-fill-color:initial;}

#adminExpenses .admin-clean-empty130{
  padding:18px;
  border-radius:18px;
  background:rgba(10,19,48,.4);
  border:1px dashed rgba(130,150,255,.18);
  color:#dce5ff;
  font-weight:700;
  text-align:center;
}

@media (min-width: 768px) and (max-width: 1199px){
  #adminExpenses .admin-clean-shell130{
    grid-template-columns:minmax(0,1fr) 150px;
    gap:12px;
    padding:13px;
  }

  #adminExpenses .admin-clean-id130 b,
  #adminExpenses .admin-clean-item130 b{
    font-size:13px;
  }

  #adminExpenses .admin-clean-item130{
    padding:9px 11px;
  }

  #adminExpenses .admin-clean-actions130 .row-action-btn{
    min-height:36px;
    height:36px;
    font-size:11.5px;
  }
}

@media (max-width: 767px){
  #adminExpenses .admin-clean-shell130{
    grid-template-columns:1fr;
    gap:12px;
    border-radius:18px;
    padding:12px;
    margin-bottom:12px;
  }

  #adminExpenses .admin-clean-top130{
    margin-bottom:10px;
  }

  #adminExpenses .admin-clean-icon130{
    width:38px;
    height:38px;
    flex-basis:38px;
    font-size:15px;
    border-radius:13px;
  }

  #adminExpenses .admin-clean-id130 b,
  #adminExpenses .admin-clean-item130 b{
    font-size:13px;
  }

  #adminExpenses .admin-clean-grid130{
    grid-template-columns:1fr;
    gap:8px;
  }

  #adminExpenses .admin-clean-item130,
  #adminExpenses .admin-clean-item130.admin-clean-wide130{
    grid-column:auto;
    padding:9px 10px;
    border-radius:13px;
  }

  #adminExpenses .admin-clean-actions130{
    grid-template-columns:1fr;
    gap:8px;
  }

  #adminExpenses .admin-clean-actions130 .row-action-btn{
    min-height:40px;
    height:40px;
    border-radius:12px;
    font-size:12px;
  }
}

@media (max-width: 420px){
  #adminExpenses .admin-clean-shell130{
    padding:11px;
  }

  #adminExpenses .admin-clean-id130 small,
  #adminExpenses .admin-clean-item130 small{
    font-size:9px;
  }

  #adminExpenses .admin-clean-id130 b,
  #adminExpenses .admin-clean-item130 b{
    font-size:12.5px;
  }
}


#adminExpensesTrash #adminTrashRestoreSelectedBtn124:disabled,
#adminExpensesTrash #adminTrashRestoreSelectedBtn124.is-loading{
  opacity:.75 !important;
  cursor:not-allowed !important;
  filter:saturate(.85) !important;
}


#adminExpensesTrash .table-wrap{
  overflow: visible !important;
}

#adminExpensesTrash tbody tr.admin-trash-card-row127{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

@media (min-width:768px){
  #adminExpensesTrash tbody tr.admin-trash-card-row127{
    display:grid !important;
    grid-template-columns:28px 42px minmax(0,1.05fr) minmax(0,.92fr) 150px !important;
    grid-template-areas:
      "check icon id amount actions"
      "check icon date note actions"
      "check icon admin purpose actions" !important;
    gap:8px 11px !important;
    align-items:center !important;
    padding:13px !important;
    margin:0 0 12px !important;
    border-radius:19px !important;
    background:
      radial-gradient(circle at 0% 0%, rgba(239,68,68,.10), transparent 40%),
      rgba(15,23,42,.58) !important;
    border:1px solid rgba(248,113,113,.16) !important;
  }

  #adminExpensesTrash tbody tr.admin-trash-card-row127 td{
    display:block !important;
    min-width:0 !important;
    width:auto !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    background:transparent !important;
  }

  #adminExpensesTrash .trash-select-cell127{grid-area:check !important; align-self:center !important;}
  #adminExpensesTrash .trash-icon-cell127{grid-area:icon !important; align-self:center !important;}
  #adminExpensesTrash .trash-id-cell127{grid-area:id !important;}
  #adminExpensesTrash td[data-label="Date"]{grid-area:date !important;}
  #adminExpensesTrash td[data-label="Admin"]{grid-area:admin !important;}
  #adminExpensesTrash td[data-label="Purpose"]{grid-area:purpose !important;}
  #adminExpensesTrash .trash-amount-cell127{grid-area:amount !important;}
  #adminExpensesTrash td[data-label="Note"]{grid-area:note !important;}
  #adminExpensesTrash .trash-actions-cell127{grid-area:actions !important;}

  #adminExpensesTrash .trash-check-wrap127,
  #adminExpensesTrash .admin-trash-check127{
    width:22px !important;
    height:22px !important;
  }

  #adminExpensesTrash .trash-check-wrap127 span{
    width:18px !important;
    height:18px !important;
    border-radius:6px !important;
  }

  #adminExpensesTrash .trash-icon-cell127 span{
    width:36px !important;
    height:36px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:12px !important;
    font-size:13px !important;
  }

  #adminExpensesTrash tbody tr.admin-trash-card-row127 small{
    display:block !important;
    color:#a5b4fc !important;
    -webkit-text-fill-color:#a5b4fc !important;
    font-size:8px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    text-transform:uppercase !important;
    letter-spacing:.06em !important;
    margin:0 0 5px !important;
  }

  #adminExpensesTrash tbody tr.admin-trash-card-row127 b{
    display:block !important;
    color:#f8fafc !important;
    -webkit-text-fill-color:#f8fafc !important;
    font-size:10.7px !important;
    line-height:1.28 !important;
    font-weight:900 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }

  #adminExpensesTrash .trash-id-cell127 b{
    font-size:11.4px !important;
  }

  #adminExpensesTrash .trash-amount-cell127 b{
    color:#fca5a5 !important;
    -webkit-text-fill-color:#fca5a5 !important;
    font-size:12.2px !important;
    font-weight:1000 !important;
  }

  #adminExpensesTrash .trash-actions-cell127{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:7px !important;
    align-self:stretch !important;
    min-width:0 !important;
    width:100% !important;
    border:0 !important;
    padding:0 !important;
    margin:0 !important;
  }

  #adminExpensesTrash .trash-actions-cell127 .row-action-btn{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:34px !important;
    min-height:34px !important;
    border-radius:12px !important;
    font-size:9.8px !important;
    font-weight:1000 !important;
    padding:0 7px !important;
    white-space:nowrap !important;
  }
}

@media (min-width:1200px){
  #adminExpensesTrash tbody tr.admin-trash-card-row127{
    grid-template-columns:28px 42px minmax(0,1.1fr) minmax(0,1fr) 162px !important;
  }

  #adminExpensesTrash .trash-actions-cell127 .row-action-btn{
    height:36px !important;
    min-height:36px !important;
    font-size:10px !important;
  }
}

@media (max-width:767px){
  #adminExpensesTrash tbody tr.admin-trash-card-row127{
    display:grid !important;
    grid-template-columns:28px 36px minmax(0,1fr) !important;
    grid-template-areas:
      "check icon id"
      "date date date"
      "admin admin admin"
      "purpose purpose purpose"
      "amount amount amount"
      "note note note"
      "actions actions actions" !important;
    gap:8px !important;
    padding:11px !important;
    margin:0 0 12px !important;
    border-radius:18px !important;
    background:
      radial-gradient(circle at 0% 0%, rgba(239,68,68,.10), transparent 40%),
      rgba(15,23,42,.60) !important;
    border:1px solid rgba(248,113,113,.16) !important;
  }

  #adminExpensesTrash tbody tr.admin-trash-card-row127 td{
    min-width:0 !important;
    width:auto !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    background:transparent !important;
  }

  #adminExpensesTrash .trash-select-cell127{grid-area:check !important; display:grid !important; place-items:center !important;}
  #adminExpensesTrash .trash-icon-cell127{grid-area:icon !important;}
  #adminExpensesTrash .trash-id-cell127{grid-area:id !important;}
  #adminExpensesTrash td[data-label="Date"]{grid-area:date !important;}
  #adminExpensesTrash td[data-label="Admin"]{grid-area:admin !important;}
  #adminExpensesTrash td[data-label="Purpose"]{grid-area:purpose !important;}
  #adminExpensesTrash .trash-amount-cell127{grid-area:amount !important;}
  #adminExpensesTrash td[data-label="Note"]{grid-area:note !important;}
  #adminExpensesTrash .trash-actions-cell127{grid-area:actions !important;}

  #adminExpensesTrash .trash-check-wrap127,
  #adminExpensesTrash .admin-trash-check127{
    width:22px !important;
    height:22px !important;
  }

  #adminExpensesTrash .trash-check-wrap127 span{
    width:18px !important;
    height:18px !important;
    border-radius:6px !important;
  }

  #adminExpensesTrash .trash-icon-cell127 span{
    width:34px !important;
    height:34px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:12px !important;
    font-size:13px !important;
  }

  #adminExpensesTrash .trash-id-cell127{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    min-width:0 !important;
  }

  #adminExpensesTrash .trash-id-cell127 small{
    display:block !important;
    color:#a5b4fc !important;
    -webkit-text-fill-color:#a5b4fc !important;
    font-size:8px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    text-transform:uppercase !important;
    margin:0 0 4px !important;
  }

  #adminExpensesTrash .trash-id-cell127 b{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-size:10.8px !important;
    line-height:1.2 !important;
    font-weight:1000 !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }

  #adminExpensesTrash tbody tr.admin-trash-card-row127 td[data-label]:not(.trash-id-cell127):not(.trash-actions-cell127){
    display:grid !important;
    grid-template-columns:76px minmax(0,1fr) !important;
    align-items:center !important;
    gap:9px !important;
    padding:8px 9px !important;
    border-radius:12px !important;
    background:rgba(255,255,255,.035) !important;
    border:1px solid rgba(148,163,184,.10) !important;
  }

  #adminExpensesTrash tbody tr.admin-trash-card-row127 td[data-label]:not(.trash-id-cell127):not(.trash-actions-cell127)::before{
    content:attr(data-label) !important;
    display:block !important;
    color:#94a3b8 !important;
    -webkit-text-fill-color:#94a3b8 !important;
    font-size:8px !important;
    line-height:1.1 !important;
    font-weight:1000 !important;
    text-transform:uppercase !important;
    letter-spacing:.06em !important;
  }

  #adminExpensesTrash tbody tr.admin-trash-card-row127 td[data-label]:not(.trash-id-cell127):not(.trash-actions-cell127) small{
    display:none !important;
  }

  #adminExpensesTrash tbody tr.admin-trash-card-row127 td[data-label]:not(.trash-id-cell127):not(.trash-actions-cell127) b{
    display:block !important;
    color:#f8fafc !important;
    -webkit-text-fill-color:#f8fafc !important;
    font-size:10.5px !important;
    line-height:1.25 !important;
    font-weight:900 !important;
    text-align:right !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }

  #adminExpensesTrash .trash-amount-cell127 b{
    color:#fca5a5 !important;
    -webkit-text-fill-color:#fca5a5 !important;
    font-size:11.7px !important;
    font-weight:1000 !important;
  }

  #adminExpensesTrash .trash-actions-cell127{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    padding-top:8px !important;
    margin-top:2px !important;
    border-top:1px solid rgba(148,163,184,.12) !important;
  }

  #adminExpensesTrash .trash-actions-cell127 .row-action-btn{
    width:100% !important;
    height:34px !important;
    min-height:34px !important;
    border-radius:12px !important;
    font-size:9.5px !important;
    font-weight:1000 !important;
    padding:0 8px !important;
    white-space:nowrap !important;
  }
}


#activityLog .activity-log-modern133{
  overflow:visible !important;
}

#activityLog .panel-head{
  align-items:flex-start !important;
  margin-bottom:12px !important;
}

#activityLog .panel-head h1{
  display:flex !important;
  align-items:center !important;
  gap:11px !important;
  font-size:24px !important;
  line-height:1.15 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-weight:1000 !important;
}

#activityLog .panel-head h1::before{
  content:"🕘" !important;
  width:42px !important;
  height:42px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:16px !important;
  background:linear-gradient(135deg,rgba(59,130,246,.22),rgba(124,58,237,.18)) !important;
  border:1px solid rgba(129,140,248,.24) !important;
}

#activityLog .panel-head p{
  color:#cbd5e1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
  font-size:12px !important;
  line-height:1.45 !important;
  margin-top:7px !important;
}

#activityLog .activity-log-actions{
  display:flex !important;
  gap:9px !important;
  align-items:center !important;
}

#activityLog .activity-log-actions .btn{
  min-height:40px !important;
  border-radius:14px !important;
  font-size:11px !important;
  font-weight:1000 !important;
}

#activityLog .activity-stats133{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:10px !important;
  margin:12px 0 !important;
}

#activityLog .activity-stat133{
  min-height:90px !important;
  padding:13px !important;
  border-radius:20px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(59,130,246,.13), transparent 40%),
    rgba(15,23,42,.56) !important;
  border:1px solid rgba(148,163,184,.14) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}

#activityLog .activity-stat133::before{
  width:30px !important;
  height:30px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:12px !important;
  margin-bottom:8px !important;
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  font-size:14px !important;
}

#activityLog .activity-stat133.total::before{content:"📊" !important;}
#activityLog .activity-stat133.ok::before{content:"✅" !important;}
#activityLog .activity-stat133.bad::before{content:"⚠️" !important;}
#activityLog .activity-stat133.latest::before{content:"🕘" !important;}

#activityLog .activity-stat133 span{
  display:block !important;
  color:#a5b4fc !important;
  -webkit-text-fill-color:#a5b4fc !important;
  font-size:9.5px !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  margin-bottom:7px !important;
}

#activityLog .activity-stat133 b{
  display:block !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:16px !important;
  line-height:1.15 !important;
  font-weight:1000 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

#activityLog .activity-log-filters133{
  display:grid !important;
  grid-template-columns:minmax(260px,1fr) minmax(190px,.8fr) 110px 90px !important;
  gap:10px !important;
  align-items:end !important;
  margin:10px 0 12px !important;
  padding:11px !important;
  border-radius:20px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(59,130,246,.13), transparent 38%),
    rgba(15,23,42,.50) !important;
  border:1px solid rgba(96,165,250,.14) !important;
}

#activityLog .activity-filter-field133{
  display:block !important;
  min-width:0 !important;
}

#activityLog .activity-filter-field133 span{
  display:block !important;
  color:#c7d2fe !important;
  -webkit-text-fill-color:#c7d2fe !important;
  font-size:9.5px !important;
  font-weight:1000 !important;
  margin-bottom:6px !important;
}

#activityLog .activity-filter-field133.search span::before{content:"🔎 " !important; -webkit-text-fill-color:initial !important;}
#activityLog .activity-filter-field133.action span::before{content:"⚡ " !important; -webkit-text-fill-color:initial !important;}
#activityLog .activity-filter-field133.limit span::before{content:"📄 " !important; -webkit-text-fill-color:initial !important;}

#activityLog .activity-log-filters133 input,
#activityLog .activity-log-filters133 select,
#activityLog .activity-clear-filters133{
  width:100% !important;
  min-height:38px !important;
  height:38px !important;
  border-radius:13px !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  background:rgba(15,23,42,.62) !important;
  border:1px solid rgba(148,163,184,.18) !important;
  font-size:11px !important;
  font-weight:850 !important;
}

#activityLog .activity-clear-filters133{
  color:#fecaca !important;
  -webkit-text-fill-color:#fecaca !important;
  background:rgba(127,29,29,.35) !important;
  border-color:rgba(248,113,113,.28) !important;
  font-weight:1000 !important;
}

#activityLog .activity-clear-filters133::before{
  content:"🧹 " !important;
  -webkit-text-fill-color:initial !important;
}

#activityLog .activity-log-wrap133{
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  overflow:visible !important;
}

#activityLog .activity-log-wrap133 table,
#activityLog .activity-log-wrap133 tbody{
  display:block !important;
  width:100% !important;
}

#activityLog .activity-log-wrap133 thead{
  display:none !important;
}

#activityLog tbody tr.activity-card-row133{
  display:block !important;
  width:100% !important;
  margin:0 0 10px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

#activityLog tbody tr.activity-card-row133 > td{
  display:block !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

#activityLog .activity-card133{
  display:grid !important;
  grid-template-columns:46px minmax(0,1fr) !important;
  gap:12px !important;
  align-items:start !important;
  padding:12px !important;
  border-radius:20px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(59,130,246,.12), transparent 40%),
    rgba(15,23,42,.56) !important;
  border:1px solid rgba(96,165,250,.15) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}

#activityLog .activity-card-row133.ok .activity-card133{
  border-color:rgba(74,222,128,.18) !important;
}

#activityLog .activity-card-row133.bad .activity-card133{
  border-color:rgba(248,113,113,.22) !important;
}

#activityLog .activity-card-icon133{
  width:42px !important;
  height:42px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,rgba(79,70,229,.35),rgba(37,99,235,.18)) !important;
  border:1px solid rgba(129,140,248,.22) !important;
  font-size:16px !important;
}

#activityLog .activity-card-main133{
  min-width:0 !important;
}

#activityLog .activity-card-top133{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  margin-bottom:10px !important;
}

#activityLog .activity-card-time133 span,
#activityLog .activity-card-grid133 span{
  display:block !important;
  color:#a5b4fc !important;
  -webkit-text-fill-color:#a5b4fc !important;
  font-size:8.5px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
  margin-bottom:5px !important;
}

#activityLog .activity-card-time133 b,
#activityLog .activity-card-grid133 b{
  display:block !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  font-size:11px !important;
  line-height:1.25 !important;
  font-weight:900 !important;
  overflow-wrap:anywhere !important;
}

#activityLog .activity-card-result133{
  flex:0 0 auto !important;
  padding:7px 11px !important;
  border-radius:999px !important;
  font-size:10px !important;
  font-weight:1000 !important;
  text-transform:capitalize !important;
}

#activityLog .activity-card-result133.ok{
  color:#bbf7d0 !important;
  -webkit-text-fill-color:#bbf7d0 !important;
  background:rgba(34,197,94,.13) !important;
  border:1px solid rgba(74,222,128,.24) !important;
}

#activityLog .activity-card-result133.bad{
  color:#fecaca !important;
  -webkit-text-fill-color:#fecaca !important;
  background:rgba(127,29,29,.35) !important;
  border:1px solid rgba(248,113,113,.28) !important;
}

#activityLog .activity-card-result133.mid{
  color:#dbeafe !important;
  -webkit-text-fill-color:#dbeafe !important;
  background:rgba(59,130,246,.12) !important;
  border:1px solid rgba(96,165,250,.22) !important;
}

#activityLog .activity-card-grid133{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:8px !important;
}

#activityLog .activity-card-grid133 > div{
  min-width:0 !important;
  padding:9px 10px !important;
  border-radius:13px !important;
  background:rgba(255,255,255,.035) !important;
  border:1px solid rgba(148,163,184,.10) !important;
}

#activityLog .activity-card-grid133 .wide{
  grid-column:1 / -1 !important;
}

#activityLog .activity-empty133,
#activityLog .activity-loading133{
  padding:18px !important;
  border-radius:18px !important;
  background:rgba(15,23,42,.50) !important;
  border:1px solid rgba(148,163,184,.12) !important;
  color:#cbd5e1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
  font-weight:850 !important;
  text-align:center !important;
}

#activityLog .activity-empty133.error{
  color:#fecaca !important;
  -webkit-text-fill-color:#fecaca !important;
  border-color:rgba(248,113,113,.25) !important;
}

@media(max-width:1100px){
  #activityLog .activity-stats133{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  #activityLog .activity-log-filters133{
    grid-template-columns:1fr 1fr 90px !important;
  }

  #activityLog .activity-filter-field133.search{
    grid-column:1 / -1 !important;
  }

  #activityLog .activity-card-grid133{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:767px){
  #activityLog .panel-head{
    display:block !important;
  }

  #activityLog .panel-head h1{
    font-size:18px !important;
  }

  #activityLog .panel-head h1::before{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    border-radius:13px !important;
  }

  #activityLog .panel-head p{
    font-size:10.5px !important;
  }

  #activityLog .activity-log-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:7px !important;
    margin-top:10px !important;
  }

  #activityLog .activity-log-actions .btn{
    width:100% !important;
    min-height:34px !important;
    border-radius:11px !important;
    font-size:9.5px !important;
    padding:0 6px !important;
  }

  #activityLog .activity-stats133{
    display:flex !important;
    gap:7px !important;
    overflow-x:auto !important;
    padding-bottom:4px !important;
  }

  #activityLog .activity-stats133::-webkit-scrollbar{
    display:none !important;
  }

  #activityLog .activity-stat133{
    flex:0 0 132px !important;
    min-height:74px !important;
    padding:9px !important;
    border-radius:16px !important;
  }

  #activityLog .activity-stat133::before{
    width:24px !important;
    height:24px !important;
    border-radius:10px !important;
    margin-bottom:5px !important;
    font-size:12px !important;
  }

  #activityLog .activity-stat133 span{
    font-size:8px !important;
    margin-bottom:5px !important;
  }

  #activityLog .activity-stat133 b{
    font-size:12.5px !important;
  }

  #activityLog .activity-log-filters133{
    grid-template-columns:1fr 1fr !important;
    gap:7px !important;
    padding:8px !important;
    border-radius:16px !important;
  }

  #activityLog .activity-filter-field133.search{
    grid-column:1 / -1 !important;
  }

  #activityLog .activity-filter-field133.action{
    grid-column:1 / -1 !important;
  }

  #activityLog .activity-clear-filters133{
    grid-column:1 / -1 !important;
  }

  #activityLog .activity-log-filters133 input,
  #activityLog .activity-log-filters133 select,
  #activityLog .activity-clear-filters133{
    min-height:34px !important;
    height:34px !important;
    border-radius:11px !important;
    font-size:10px !important;
  }

  #activityLog .activity-card133{
    grid-template-columns:38px minmax(0,1fr) !important;
    gap:9px !important;
    padding:10px !important;
    border-radius:18px !important;
  }

  #activityLog .activity-card-icon133{
    width:34px !important;
    height:34px !important;
    border-radius:12px !important;
    font-size:13px !important;
  }

  #activityLog .activity-card-top133{
    display:grid !important;
    grid-template-columns:1fr auto !important;
    gap:7px !important;
    margin-bottom:8px !important;
  }

  #activityLog .activity-card-time133 b{
    font-size:10.5px !important;
  }

  #activityLog .activity-card-result133{
    padding:6px 9px !important;
    font-size:9px !important;
  }

  #activityLog .activity-card-grid133{
    grid-template-columns:1fr !important;
    gap:7px !important;
  }

  #activityLog .activity-card-grid133 > div{
    display:grid !important;
    grid-template-columns:76px minmax(0,1fr) !important;
    gap:8px !important;
    align-items:center !important;
    padding:8px 9px !important;
    border-radius:12px !important;
  }

  #activityLog .activity-card-grid133 span{
    margin:0 !important;
    font-size:8px !important;
  }

  #activityLog .activity-card-grid133 b{
    text-align:right !important;
    font-size:10.2px !important;
    line-height:1.25 !important;
  }
}


#settings .settings-modern134{
  overflow:visible !important;
}

#settings .panel-head{
  align-items:flex-start !important;
  margin-bottom:12px !important;
}

#settings .panel-head h1{
  display:flex !important;
  align-items:center !important;
  gap:11px !important;
  font-size:24px !important;
  line-height:1.15 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-weight:1000 !important;
}

#settings .panel-head h1::before{
  content:"⚙️" !important;
  width:42px !important;
  height:42px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:16px !important;
  background:linear-gradient(135deg,rgba(59,130,246,.22),rgba(124,58,237,.18)) !important;
  border:1px solid rgba(129,140,248,.24) !important;
}

#settings .panel-head p{
  color:#cbd5e1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
  font-size:12px !important;
  line-height:1.45 !important;
  margin-top:7px !important;
}

#settings .settings-stats134{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:10px !important;
  margin:12px 0 !important;
}

#settings .settings-stat134{
  min-height:86px !important;
  padding:13px !important;
  border-radius:20px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(59,130,246,.13), transparent 40%),
    rgba(15,23,42,.56) !important;
  border:1px solid rgba(148,163,184,.14) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}

#settings .settings-stat134::before{
  width:30px !important;
  height:30px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:12px !important;
  margin-bottom:8px !important;
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  font-size:14px !important;
}

#settings .settings-stat134:nth-child(1)::before{content:"🌍" !important;}
#settings .settings-stat134:nth-child(2)::before{content:"🎨" !important;}
#settings .settings-stat134:nth-child(3)::before{content:"📦" !important;}
#settings .settings-stat134:nth-child(4)::before{content:"🔐" !important;}

#settings .settings-stat134 span{
  display:block !important;
  color:#a5b4fc !important;
  -webkit-text-fill-color:#a5b4fc !important;
  font-size:9.5px !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  margin-bottom:7px !important;
}

#settings .settings-stat134 b{
  display:block !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:15px !important;
  line-height:1.15 !important;
  font-weight:1000 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

#settings .settings-form134{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
  margin-top:12px !important;
}

#settings .settings-field134{
  position:relative !important;
  display:block !important;
  min-width:0 !important;
  padding:14px !important;
  border-radius:22px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(59,130,246,.10), transparent 36%),
    rgba(15,23,42,.52) !important;
  border:1px solid rgba(148,163,184,.14) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}

#settings .settings-field134::before{
  content:attr(data-icon) !important;
  width:30px !important;
  height:30px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:12px !important;
  margin-bottom:9px !important;
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  font-size:14px !important;
  -webkit-text-fill-color:initial !important;
}

#settings .settings-field134::after{
  content:attr(data-setting) !important;
  position:absolute !important;
  top:18px !important;
  left:54px !important;
  right:12px !important;
  color:#a5b4fc !important;
  -webkit-text-fill-color:#a5b4fc !important;
  font-size:9px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.07em !important;
}

#settings .settings-field134 > span,
#settings .settings-field134 > b{
  display:block !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  font-size:12px !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  margin:3px 0 8px !important;
}

#settings .settings-field134 input,
#settings .settings-field134 select{
  width:100% !important;
  min-height:40px !important;
  height:40px !important;
  border-radius:14px !important;
  font-size:11.5px !important;
  font-weight:850 !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  background:rgba(15,23,42,.62) !important;
  border:1px solid rgba(148,163,184,.18) !important;
}

#settings .settings-field134 input[type="checkbox"]{
  width:44px !important;
  min-width:44px !important;
  max-width:44px !important;
  height:24px !important;
  min-height:24px !important;
  accent-color:#22c55e !important;
}

#settings .settings-note134{
  grid-column:1 / -1 !important;
  padding:13px 14px !important;
  border-radius:20px !important;
  background:rgba(30,41,59,.40) !important;
  border:1px solid rgba(148,163,184,.14) !important;
}

#settings .settings-note134 b{
  color:#fef3c7 !important;
  -webkit-text-fill-color:#fef3c7 !important;
  font-size:12px !important;
}

#settings .settings-note134 span{
  display:block !important;
  color:#cbd5e1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
  font-size:11px !important;
  line-height:1.45 !important;
  margin-top:4px !important;
}

#settings .settings-actions134{
  grid-column:1 / -1 !important;
  display:flex !important;
  justify-content:flex-end !important;
  gap:10px !important;
  padding-top:2px !important;
}

#settings .settings-actions134 .btn{
  min-width:150px !important;
  min-height:42px !important;
  border-radius:14px !important;
  font-size:11.5px !important;
  font-weight:1000 !important;
}

#settings #saveSettingsBtn:disabled{
  opacity:.75 !important;
  cursor:not-allowed !important;
}

@media(max-width:1100px){
  #settings .settings-stats134{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  #settings .settings-form134{
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
  }

  #settings .settings-field134{
    padding:12px !important;
    border-radius:18px !important;
  }
}

@media(max-width:767px){
  #settings .panel-head{
    display:block !important;
  }

  #settings .panel-head h1{
    font-size:18px !important;
  }

  #settings .panel-head h1::before{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    border-radius:13px !important;
  }

  #settings .panel-head p{
    font-size:10.5px !important;
  }

  #settings .settings-stats134{
    display:flex !important;
    gap:7px !important;
    overflow-x:auto !important;
    padding-bottom:4px !important;
  }

  #settings .settings-stats134::-webkit-scrollbar{
    display:none !important;
  }

  #settings .settings-stat134{
    flex:0 0 130px !important;
    min-height:72px !important;
    padding:9px !important;
    border-radius:16px !important;
  }

  #settings .settings-stat134::before{
    width:24px !important;
    height:24px !important;
    border-radius:10px !important;
    margin-bottom:5px !important;
    font-size:12px !important;
  }

  #settings .settings-stat134 span{
    font-size:8px !important;
    margin-bottom:5px !important;
  }

  #settings .settings-stat134 b{
    font-size:12px !important;
  }

  #settings .settings-form134{
    grid-template-columns:1fr !important;
    gap:9px !important;
  }

  #settings .settings-field134{
    padding:11px !important;
    border-radius:17px !important;
  }

  #settings .settings-field134::before{
    width:26px !important;
    height:26px !important;
    border-radius:10px !important;
    margin-bottom:7px !important;
    font-size:12px !important;
  }

  #settings .settings-field134::after{
    top:16px !important;
    left:47px !important;
    font-size:8px !important;
  }

  #settings .settings-field134 > span,
  #settings .settings-field134 > b{
    font-size:11px !important;
    margin-bottom:7px !important;
  }

  #settings .settings-field134 input,
  #settings .settings-field134 select{
    min-height:36px !important;
    height:36px !important;
    border-radius:12px !important;
    font-size:10.5px !important;
  }

  #settings .settings-actions134{
    display:grid !important;
    grid-template-columns:1fr 1.2fr !important;
    gap:8px !important;
  }

  #settings .settings-actions134 .btn{
    min-width:0 !important;
    width:100% !important;
    min-height:38px !important;
    border-radius:12px !important;
    font-size:10px !important;
  }
}


#settings .settings-grid135{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

#settings .settings-section-title135{
  grid-column:1 / -1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin:5px 0 0 !important;
  padding:12px 14px !important;
  border-radius:18px !important;
  background:
    linear-gradient(135deg, rgba(59,130,246,.14), rgba(124,58,237,.10)),
    rgba(15,23,42,.44) !important;
  border:1px solid rgba(129,140,248,.17) !important;
}

#settings .settings-section-title135 span{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:14px !important;
  font-weight:1000 !important;
}

#settings .settings-section-title135 b{
  color:#a5b4fc !important;
  -webkit-text-fill-color:#a5b4fc !important;
  font-size:10px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.05em !important;
}

#settings .settings-field135 input[list]{
  padding-right:12px !important;
}

#settings .settings-backup-status135{
  grid-column:auto !important;
  min-width:0 !important;
  padding:14px !important;
  border-radius:22px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(34,197,94,.12), transparent 36%),
    rgba(15,23,42,.52) !important;
  border:1px solid rgba(74,222,128,.15) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}

#settings .settings-backup-status135::before{
  content:"☁️" !important;
  width:30px !important;
  height:30px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:12px !important;
  margin-bottom:10px !important;
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(255,255,255,.08) !important;
}

#settings .settings-backup-status135 > div{
  display:grid !important;
  grid-template-columns:95px minmax(0,1fr) !important;
  gap:8px !important;
  align-items:start !important;
  padding:6px 0 !important;
}

#settings .settings-backup-status135 span{
  color:#a5b4fc !important;
  -webkit-text-fill-color:#a5b4fc !important;
  font-size:9px !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
}

#settings .settings-backup-status135 b{
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  font-size:11.5px !important;
  line-height:1.25 !important;
  font-weight:900 !important;
  overflow-wrap:anywhere !important;
}

#settings .setting-checkcircle-row{
  min-height:0 !important;
}

#settings .settings-help p{
  max-width:780px !important;
}

@media(max-width:1100px){
  #settings .settings-grid135{
    grid-template-columns:1fr 1fr !important;
  }

  #settings .settings-section-title135{
    padding:10px 12px !important;
    border-radius:16px !important;
  }

  #settings .settings-backup-status135{
    border-radius:18px !important;
    padding:12px !important;
  }
}

@media(max-width:767px){
  #settings .settings-grid135{
    grid-template-columns:1fr !important;
  }

  #settings .settings-section-title135{
    display:block !important;
    padding:10px 11px !important;
    border-radius:15px !important;
  }

  #settings .settings-section-title135 span{
    display:block !important;
    font-size:13px !important;
    margin-bottom:4px !important;
  }

  #settings .settings-section-title135 b{
    display:block !important;
    font-size:8.5px !important;
  }

  #settings .settings-backup-status135{
    padding:11px !important;
    border-radius:17px !important;
  }

  #settings .settings-backup-status135::before{
    width:26px !important;
    height:26px !important;
    border-radius:10px !important;
    margin-bottom:8px !important;
    font-size:12px !important;
  }

  #settings .settings-backup-status135 > div{
    grid-template-columns:82px minmax(0,1fr) !important;
    padding:5px 0 !important;
  }

  #settings .settings-backup-status135 span{
    font-size:8px !important;
  }

  #settings .settings-backup-status135 b{
    font-size:10.5px !important;
  }
}


#settings .settings-help,
#settings .settings-note,
#settings .settings-note134{
  display:none !important;
}

#settings .settings-modern134{
  padding-bottom:18px !important;
}

#settings .settings-stats134{
  margin:10px 0 14px !important;
}

#settings .settings-stat134{
  min-height:76px !important;
  padding:11px 12px !important;
  border-radius:18px !important;
}

#settings .settings-stat134::before{
  width:26px !important;
  height:26px !important;
  border-radius:10px !important;
  margin-bottom:6px !important;
  font-size:12px !important;
}

#settings .settings-stat134 span{
  font-size:8.5px !important;
  margin-bottom:5px !important;
}

#settings .settings-stat134 b{
  font-size:13.5px !important;
}

#settings .settings-grid135{
  gap:10px !important;
  align-items:stretch !important;
}

#settings .settings-section-title135{
  margin:4px 0 2px !important;
  padding:10px 12px !important;
  border-radius:16px !important;
}

#settings .settings-section-title135 span{
  font-size:13px !important;
}

#settings .settings-section-title135 b{
  font-size:9px !important;
  opacity:.9 !important;
}

#settings .settings-field134{
  min-height:118px !important;
  padding:12px !important;
  border-radius:18px !important;
}

#settings .settings-field134::before{
  width:27px !important;
  height:27px !important;
  border-radius:10px !important;
  margin-bottom:8px !important;
  font-size:12px !important;
}

#settings .settings-field134::after{
  top:16px !important;
  left:50px !important;
  font-size:8.5px !important;
  line-height:1.1 !important;
}

#settings .settings-field134 > span,
#settings .settings-field134 > b{
  font-size:11px !important;
  line-height:1.2 !important;
  margin:2px 0 7px !important;
}

#settings .settings-field134 input,
#settings .settings-field134 select{
  min-height:38px !important;
  height:38px !important;
  border-radius:13px !important;
  font-size:11px !important;
  padding-left:10px !important;
  padding-right:10px !important;
}

#settings .setting-checkcircle-row{
  min-height:118px !important;
  padding:12px !important;
  border-radius:18px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(34,197,94,.12), transparent 36%),
    rgba(15,23,42,.52) !important;
  border:1px solid rgba(74,222,128,.15) !important;
}

#settings .setting-checkcircle-title{
  font-size:11px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  margin-bottom:10px !important;
}

#settings .setting-checkcircle-options{
  gap:8px !important;
}

#settings .checkcircle-option{
  min-height:38px !important;
  border-radius:13px !important;
  padding:8px 10px !important;
}

#settings .checkcircle-option b{
  font-size:10.5px !important;
}

#settings .settings-backup-status135{
  min-height:118px !important;
  padding:12px !important;
  border-radius:18px !important;
}

#settings .settings-backup-status135::before{
  width:27px !important;
  height:27px !important;
  border-radius:10px !important;
  margin-bottom:8px !important;
  font-size:12px !important;
}

#settings .settings-backup-status135 > div{
  grid-template-columns:86px minmax(0,1fr) !important;
  gap:7px !important;
  padding:5px 0 !important;
}

#settings .settings-backup-status135 span{
  font-size:8.5px !important;
}

#settings .settings-backup-status135 b{
  font-size:10.8px !important;
}

#settings .settings-actions134{
  margin-top:4px !important;
  padding-top:8px !important;
  border-top:1px solid rgba(148,163,184,.10) !important;
}

#settings .settings-actions134 .btn{
  min-height:40px !important;
  border-radius:13px !important;
  font-size:11px !important;
}

@media(max-width:1100px){
  #settings .settings-field134,
  #settings .setting-checkcircle-row,
  #settings .settings-backup-status135{
    min-height:108px !important;
    padding:11px !important;
  }

  #settings .settings-section-title135{
    padding:9px 11px !important;
  }
}

@media(max-width:767px){
  #settings .settings-modern134{
    padding-left:10px !important;
    padding-right:10px !important;
  }

  #settings .settings-stats134{
    margin:8px 0 10px !important;
  }

  #settings .settings-grid135{
    gap:8px !important;
  }

  #settings .settings-section-title135{
    padding:9px 10px !important;
    border-radius:14px !important;
  }

  #settings .settings-section-title135 span{
    font-size:12px !important;
  }

  #settings .settings-section-title135 b{
    font-size:8px !important;
  }

  #settings .settings-field134,
  #settings .setting-checkcircle-row,
  #settings .settings-backup-status135{
    min-height:0 !important;
    padding:10px !important;
    border-radius:16px !important;
  }

  #settings .settings-field134::before,
  #settings .settings-backup-status135::before{
    width:24px !important;
    height:24px !important;
    border-radius:9px !important;
    margin-bottom:6px !important;
    font-size:11px !important;
  }

  #settings .settings-field134::after{
    top:14px !important;
    left:43px !important;
    font-size:7.8px !important;
  }

  #settings .settings-field134 > span,
  #settings .settings-field134 > b,
  #settings .setting-checkcircle-title{
    font-size:10px !important;
    margin-bottom:6px !important;
  }

  #settings .settings-field134 input,
  #settings .settings-field134 select{
    min-height:34px !important;
    height:34px !important;
    border-radius:11px !important;
    font-size:10px !important;
  }

  #settings .checkcircle-option{
    min-height:34px !important;
    border-radius:11px !important;
  }

  #settings .settings-backup-status135 > div{
    grid-template-columns:78px minmax(0,1fr) !important;
  }

  #settings .settings-actions134{
    padding-top:6px !important;
  }

  #settings .settings-actions134 .btn{
    min-height:36px !important;
    border-radius:11px !important;
    font-size:9.5px !important;
  }
}


#settings .settings-modern137{
  max-width:1180px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

#settings .settings-stats134{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:9px !important;
}

#settings .settings-grid135{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
  width:100% !important;
}

#settings .settings-section-title135{
  grid-column:1 / -1 !important;
  min-height:42px !important;
  padding:10px 14px !important;
  border-radius:16px !important;
}

#settings .settings-section-title135 span{
  font-size:13px !important;
  line-height:1.1 !important;
}

#settings .settings-section-title135 b{
  font-size:8.5px !important;
  line-height:1.2 !important;
}

#settings .settings-field134,
#settings .settings-field137,
#settings .setting-checkcircle-row,
#settings .settings-backup-status135{
  min-height:108px !important;
  height:auto !important;
  padding:11px !important;
  border-radius:17px !important;
  box-sizing:border-box !important;
}

#settings .settings-field134::before,
#settings .settings-backup-status135::before{
  width:26px !important;
  height:26px !important;
  min-width:26px !important;
  border-radius:10px !important;
  margin-bottom:7px !important;
  font-size:12px !important;
}

#settings .settings-field134::after{
  top:15px !important;
  left:47px !important;
  right:10px !important;
  font-size:7.8px !important;
  line-height:1.15 !important;
}

#settings .settings-field134 > span,
#settings .settings-field134 > b,
#settings .setting-checkcircle-title{
  font-size:10.2px !important;
  line-height:1.18 !important;
  font-weight:900 !important;
  margin:1px 0 7px !important;
}

#settings .settings-field134 input,
#settings .settings-field134 select{
  min-height:35px !important;
  height:35px !important;
  border-radius:12px !important;
  font-size:10px !important;
  font-weight:850 !important;
}

#settings .setting-checkcircle-row{
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(34,197,94,.10), transparent 36%),
    rgba(15,23,42,.52) !important;
  border:1px solid rgba(74,222,128,.15) !important;
}

#settings .setting-checkcircle-options{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:8px !important;
}

#settings .checkcircle-option,
#settings .setting-checkcircle-row .checkcircle-option,
#settings .setting-checkcircle-row .checkcircle-option.settings-field134,
#settings .setting-checkcircle-row .checkcircle-option.settings-field135{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  min-height:35px !important;
  height:35px !important;
  padding:0 8px !important;
  border-radius:12px !important;
  background:rgba(15,23,42,.62) !important;
  border:1px solid rgba(148,163,184,.18) !important;
  box-shadow:none !important;
  cursor:pointer !important;
}

#settings .setting-checkcircle-row .checkcircle-option::before,
#settings .setting-checkcircle-row .checkcircle-option::after{
  display:none !important;
  content:none !important;
}

#settings .checkcircle-option.active{
  background:linear-gradient(135deg,rgba(34,197,94,.22),rgba(79,70,229,.18)) !important;
  border-color:rgba(74,222,128,.34) !important;
}

#settings .checkcircle-mark{
  width:16px !important;
  height:16px !important;
  min-width:16px !important;
  border-radius:999px !important;
  border:2px solid rgba(226,232,240,.65) !important;
}

#settings .checkcircle-option.active .checkcircle-mark{
  background:#22c55e !important;
  border-color:#bbf7d0 !important;
}

#settings .checkcircle-option.active .checkcircle-mark::before{
  content:"✓" !important;
  display:grid !important;
  place-items:center !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:1000 !important;
}

#settings .checkcircle-option b{
  font-size:10px !important;
  line-height:1 !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  font-weight:900 !important;
  margin:0 !important;
}

#settings .settings-backup-status135{
  grid-column:auto !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}

#settings .settings-backup-status135 > div{
  display:grid !important;
  grid-template-columns:74px minmax(0,1fr) !important;
  gap:7px !important;
  padding:4px 0 !important;
}

#settings .settings-backup-status135 span{
  font-size:7.8px !important;
  line-height:1.1 !important;
}

#settings .settings-backup-status135 b{
  font-size:9.8px !important;
  line-height:1.2 !important;
}

#settings .settings-actions134{
  grid-column:1 / -1 !important;
  display:flex !important;
  justify-content:flex-end !important;
  gap:10px !important;
  margin-top:4px !important;
  padding-top:10px !important;
}

#settings .settings-actions134 .btn{
  min-width:145px !important;
  min-height:38px !important;
  height:38px !important;
  border-radius:13px !important;
  font-size:10.5px !important;
  font-weight:1000 !important;
}

#settings #saveSettingsBtn.is-saving,
#settings #saveSettingsBtn:disabled{
  opacity:.78 !important;
  cursor:not-allowed !important;
  filter:saturate(.88) !important;
}

@media(max-width:1100px){
  #settings .settings-modern137{
    max-width:100% !important;
  }

  #settings .settings-grid135{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:9px !important;
  }

  #settings .settings-stats134{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }

  #settings .settings-stat134{
    min-height:66px !important;
    padding:9px !important;
  }

  #settings .settings-stat134::before{
    width:22px !important;
    height:22px !important;
    margin-bottom:5px !important;
    font-size:10px !important;
  }

  #settings .settings-stat134 span{
    font-size:7.5px !important;
  }

  #settings .settings-stat134 b{
    font-size:11px !important;
  }
}

@media(max-width:767px){
  #settings .settings-grid135{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  #settings .settings-stats134{
    display:flex !important;
    gap:7px !important;
    overflow-x:auto !important;
  }

  #settings .settings-stats134::-webkit-scrollbar{
    display:none !important;
  }

  #settings .settings-stat134{
    flex:0 0 118px !important;
    min-height:62px !important;
    padding:8px !important;
    border-radius:14px !important;
  }

  #settings .settings-section-title135{
    display:block !important;
    min-height:auto !important;
    padding:9px 10px !important;
    border-radius:14px !important;
  }

  #settings .settings-section-title135 span{
    display:block !important;
    font-size:12px !important;
    margin-bottom:3px !important;
  }

  #settings .settings-section-title135 b{
    display:block !important;
    font-size:7.5px !important;
  }

  #settings .settings-field134,
  #settings .settings-field137,
  #settings .setting-checkcircle-row,
  #settings .settings-backup-status135{
    min-height:0 !important;
    padding:10px !important;
    border-radius:15px !important;
  }

  #settings .settings-field134 input,
  #settings .settings-field134 select{
    min-height:34px !important;
    height:34px !important;
    font-size:10px !important;
  }

  #settings .settings-actions134{
    display:grid !important;
    grid-template-columns:1fr 1.15fr !important;
    gap:8px !important;
  }

  #settings .settings-actions134 .btn{
    width:100% !important;
    min-width:0 !important;
    height:36px !important;
    min-height:36px !important;
    border-radius:11px !important;
    font-size:9.5px !important;
  }
}


#settings .settings-final-ui138{
  max-width:none !important;
  width:100% !important;
  padding:18px 20px 20px !important;
  border-radius:24px !important;
  overflow:visible !important;
}

#settings .settings-final-ui138 .panel-head{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:16px !important;
  align-items:center !important;
  padding:14px 16px !important;
  margin:0 0 14px !important;
  border-radius:20px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(99,102,241,.16), transparent 38%),
    rgba(15,23,42,.50) !important;
  border:1px solid rgba(148,163,184,.14) !important;
}

#settings .settings-final-ui138 .panel-head h1{
  font-size:24px !important;
  margin:0 !important;
}

#settings .settings-final-ui138 .panel-head p{
  margin:7px 0 0 !important;
  max-width:720px !important;
  font-size:12px !important;
}

#settings .settings-head-actions138{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
}

#settings .settings-head-actions138 .btn,
#settings .settings-head-actions138 button{
  min-height:42px !important;
  height:42px !important;
  border-radius:14px !important;
  padding:0 18px !important;
  font-size:12px !important;
  font-weight:1000 !important;
  white-space:nowrap !important;
}

#settings .settings-save-top138{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background:linear-gradient(135deg,#3b82f6,#6d5dfc) !important;
  border:1px solid rgba(191,219,254,.28) !important;
}

#settings .hidden-settings-stats138,
#settings #settingsStats134.hidden-settings-stats138{
  display:none !important;
}

#settings .settings-grid135{
  display:grid !important;
  width:100% !important;
  max-width:100% !important;
  grid-template-columns:repeat(12,minmax(0,1fr)) !important;
  gap:12px !important;
  align-items:stretch !important;
}

#settings .settings-section-title135{
  grid-column:1 / -1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:14px !important;
  min-height:46px !important;
  padding:11px 14px !important;
  margin:0 !important;
  border-radius:18px !important;
  background:
    linear-gradient(135deg, rgba(59,130,246,.15), rgba(124,58,237,.14)),
    rgba(15,23,42,.48) !important;
  border:1px solid rgba(129,140,248,.20) !important;
}

#settings .settings-section-title135:nth-of-type(1)::before{content:"🎛️" !important;}
#settings .settings-section-title135:nth-of-type(2)::before{content:"🧾" !important;}
#settings .settings-section-title135:nth-of-type(3)::before{content:"🛡️" !important;}

#settings .settings-section-title135::before{
  width:28px !important;
  height:28px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:11px !important;
  background:rgba(99,102,241,.25) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  -webkit-text-fill-color:initial !important;
}

#settings .settings-section-title135 span{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:15px !important;
  line-height:1.1 !important;
  font-weight:1000 !important;
}

#settings .settings-section-title135 b{
  color:#a5b4fc !important;
  -webkit-text-fill-color:#a5b4fc !important;
  font-size:10px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}

#settings .settings-grid135 > label,
#settings .settings-grid135 > .setting-checkcircle-row,
#settings .settings-grid135 > .settings-backup-status135,
#settings .settings-grid135 > .settings-system-actions138{
  grid-column:span 4 !important;
  min-height:136px !important;
  padding:15px !important;
  border-radius:20px !important;
  box-sizing:border-box !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(59,130,246,.11), transparent 38%),
    rgba(15,23,42,.56) !important;
  border:1px solid rgba(148,163,184,.14) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 12px 26px rgba(0,0,0,.10) !important;
}

#settings .settings-section-title135:nth-of-type(2) ~ label,
#settings .settings-section-title135:nth-of-type(2) ~ .setting-checkcircle-row,
#settings .settings-section-title135:nth-of-type(2) ~ .settings-backup-status135,
#settings .settings-section-title135:nth-of-type(2) ~ .settings-system-actions138{
  grid-column:span 3 !important;
}

#settings .settings-section-title135:nth-of-type(3) ~ label,
#settings .settings-section-title135:nth-of-type(3) ~ .setting-checkcircle-row,
#settings .settings-section-title135:nth-of-type(3) ~ .settings-backup-status135,
#settings .settings-section-title135:nth-of-type(3) ~ .settings-system-actions138{
  grid-column:span 4 !important;
}

#settings #settingSiteName.closest-fix,
#settings .settings-grid135 > label:has(#settingSiteName),
#settings .settings-grid135 > label:has(#settingBusinessWebsite),
#settings .settings-grid135 > label:has(#settingCurrency){
  grid-column:span 4 !important;
}
#settings .settings-grid135 > label:has(#settingDefaultLanguage),
#settings .settings-grid135 > label:has(#settingDefaultTheme){
  grid-column:span 4 !important;
}

#settings .settings-field134::before,
#settings .settings-backup-status135::before,
#settings .settings-system-actions138 .settings-system-icon138{
  width:32px !important;
  height:32px !important;
  min-width:32px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:12px !important;
  margin:0 0 10px !important;
  background:rgba(255,255,255,.075) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  font-size:14px !important;
}

#settings .settings-field134::after{
  top:20px !important;
  left:59px !important;
  right:12px !important;
  color:#a5b4fc !important;
  -webkit-text-fill-color:#a5b4fc !important;
  font-size:9px !important;
  line-height:1.1 !important;
  letter-spacing:.08em !important;
  font-weight:1000 !important;
}

#settings .settings-field134 > span,
#settings .settings-field134 > b,
#settings .setting-checkcircle-title,
#settings .settings-system-title138{
  display:block !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  font-size:13px !important;
  line-height:1.2 !important;
  font-weight:1000 !important;
  margin:0 0 10px !important;
}

#settings .settings-field134 input,
#settings .settings-field134 select{
  width:100% !important;
  min-height:40px !important;
  height:40px !important;
  border-radius:13px !important;
  font-size:12px !important;
  font-weight:850 !important;
  padding:0 12px !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  background:rgba(15,23,42,.62) !important;
  border:1px solid rgba(148,163,184,.18) !important;
}

#settings .stock-password-card138,
#settings #stockPasswordCheckCircleRow{
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  min-height:136px !important;
  overflow:hidden !important;
}

#settings .stock-password-card138::before,
#settings #stockPasswordCheckCircleRow::before{
  content:"👁️" !important;
  width:32px !important;
  height:32px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:12px !important;
  margin-bottom:8px !important;
  background:rgba(255,255,255,.075) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  -webkit-text-fill-color:initial !important;
}

#settings .stock-password-sub138{
  display:block !important;
  color:#94a3b8 !important;
  -webkit-text-fill-color:#94a3b8 !important;
  font-size:11px !important;
  line-height:1.35 !important;
  font-weight:750 !important;
  margin:-4px 0 12px !important;
}

#settings .setting-checkcircle-options{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:9px !important;
  width:100% !important;
}

#settings .checkcircle-option,
#settings .setting-checkcircle-row .checkcircle-option,
#settings .setting-checkcircle-row .checkcircle-option.settings-field134,
#settings .setting-checkcircle-row .checkcircle-option.settings-field135,
#settings .setting-checkcircle-row .checkcircle-option.settings-field137{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  min-height:40px !important;
  height:40px !important;
  padding:0 12px !important;
  border-radius:13px !important;
  background:rgba(15,23,42,.62) !important;
  border:1px solid rgba(148,163,184,.18) !important;
  box-shadow:none !important;
  cursor:pointer !important;
  overflow:hidden !important;
}

#settings .setting-checkcircle-row .checkcircle-option::before,
#settings .setting-checkcircle-row .checkcircle-option::after{
  display:none !important;
  content:none !important;
}

#settings .checkcircle-option.active{
  background:linear-gradient(135deg,#3b82f6,#6d5dfc) !important;
  border-color:rgba(191,219,254,.34) !important;
}

#settings .checkcircle-mark{
  width:17px !important;
  height:17px !important;
  min-width:17px !important;
  border-radius:999px !important;
  border:2px solid rgba(226,232,240,.70) !important;
}

#settings .checkcircle-option.active .checkcircle-mark{
  background:#22c55e !important;
  border-color:#bbf7d0 !important;
}

#settings .checkcircle-option.active .checkcircle-mark::before{
  content:"✓" !important;
  display:grid !important;
  place-items:center !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:1000 !important;
}

#settings .checkcircle-option b{
  font-size:12px !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  font-weight:1000 !important;
  margin:0 !important;
}

#settings .settings-backup-status135{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}

#settings .settings-backup-status135 > div{
  display:grid !important;
  grid-template-columns:100px minmax(0,1fr) !important;
  gap:10px !important;
  align-items:start !important;
  padding:5px 0 !important;
}

#settings .settings-backup-status135 span{
  color:#a5b4fc !important;
  -webkit-text-fill-color:#a5b4fc !important;
  font-size:9px !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
}

#settings .settings-backup-status135 b{
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  font-size:12px !important;
  line-height:1.25 !important;
  font-weight:900 !important;
  overflow-wrap:anywhere !important;
}

#settings .settings-system-actions138 p{
  color:#94a3b8 !important;
  -webkit-text-fill-color:#94a3b8 !important;
  font-size:11.5px !important;
  line-height:1.35 !important;
  margin:-5px 0 14px !important;
}

#settings .settings-system-actions138 button{
  min-height:40px !important;
  height:40px !important;
  border-radius:13px !important;
  padding:0 14px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background:rgba(15,23,42,.64) !important;
  border:1px solid rgba(148,163,184,.22) !important;
  font-size:12px !important;
  font-weight:1000 !important;
}

#settings .settings-bottom-bar138,
#settings .settings-actions134{
  grid-column:1 / -1 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto auto !important;
  gap:10px !important;
  align-items:center !important;
  padding:13px 16px !important;
  margin-top:4px !important;
  border-radius:18px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(59,130,246,.13), transparent 35%),
    rgba(15,23,42,.52) !important;
  border:1px solid rgba(148,163,184,.14) !important;
}

#settings .settings-save-note138{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  min-width:0 !important;
}

#settings .settings-save-note138 span{
  width:26px !important;
  height:26px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:10px !important;
  background:rgba(59,130,246,.18) !important;
}

#settings .settings-save-note138 b{
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  font-size:12px !important;
  font-weight:1000 !important;
}

#settings .settings-save-note138 small{
  color:#94a3b8 !important;
  -webkit-text-fill-color:#94a3b8 !important;
  font-size:11px !important;
  font-weight:750 !important;
}

#settings .settings-actions134 .btn{
  min-width:150px !important;
  min-height:42px !important;
  height:42px !important;
  border-radius:14px !important;
  font-size:12px !important;
  font-weight:1000 !important;
}

@media(max-width:1180px){
  #settings .settings-grid135 > label,
  #settings .settings-grid135 > .setting-checkcircle-row,
  #settings .settings-grid135 > .settings-backup-status135,
  #settings .settings-grid135 > .settings-system-actions138,
  #settings .settings-section-title135:nth-of-type(2) ~ label,
  #settings .settings-section-title135:nth-of-type(2) ~ .setting-checkcircle-row,
  #settings .settings-section-title135:nth-of-type(2) ~ .settings-backup-status135,
  #settings .settings-section-title135:nth-of-type(2) ~ .settings-system-actions138,
  #settings .settings-section-title135:nth-of-type(3) ~ label,
  #settings .settings-section-title135:nth-of-type(3) ~ .setting-checkcircle-row,
  #settings .settings-section-title135:nth-of-type(3) ~ .settings-backup-status135,
  #settings .settings-section-title135:nth-of-type(3) ~ .settings-system-actions138{
    grid-column:span 6 !important;
  }

  #settings .settings-final-ui138 .panel-head{
    grid-template-columns:1fr !important;
  }

  #settings .settings-head-actions138{
    justify-content:flex-start !important;
  }
}

@media(max-width:767px){
  #settings .settings-final-ui138{
    padding:12px 10px 14px !important;
    border-radius:18px !important;
  }

  #settings .settings-final-ui138 .panel-head{
    display:block !important;
    padding:12px !important;
    border-radius:16px !important;
  }

  #settings .settings-head-actions138{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    margin-top:10px !important;
  }

  #settings .settings-head-actions138 .btn,
  #settings .settings-head-actions138 button{
    width:100% !important;
    min-height:36px !important;
    height:36px !important;
    border-radius:12px !important;
    font-size:9.5px !important;
    padding:0 8px !important;
  }

  #settings .settings-grid135{
    grid-template-columns:1fr !important;
    gap:9px !important;
  }

  #settings .settings-grid135 > label,
  #settings .settings-grid135 > .setting-checkcircle-row,
  #settings .settings-grid135 > .settings-backup-status135,
  #settings .settings-grid135 > .settings-system-actions138,
  #settings .settings-section-title135:nth-of-type(2) ~ label,
  #settings .settings-section-title135:nth-of-type(2) ~ .setting-checkcircle-row,
  #settings .settings-section-title135:nth-of-type(2) ~ .settings-backup-status135,
  #settings .settings-section-title135:nth-of-type(2) ~ .settings-system-actions138,
  #settings .settings-section-title135:nth-of-type(3) ~ label,
  #settings .settings-section-title135:nth-of-type(3) ~ .setting-checkcircle-row,
  #settings .settings-section-title135:nth-of-type(3) ~ .settings-backup-status135,
  #settings .settings-section-title135:nth-of-type(3) ~ .settings-system-actions138{
    grid-column:1 / -1 !important;
    min-height:auto !important;
    padding:11px !important;
    border-radius:16px !important;
  }

  #settings .settings-section-title135{
    min-height:auto !important;
    display:block !important;
    padding:10px 11px !important;
    border-radius:15px !important;
  }

  #settings .settings-section-title135::before{
    display:none !important;
  }

  #settings .settings-section-title135 span{
    display:block !important;
    font-size:13px !important;
    margin-bottom:3px !important;
  }

  #settings .settings-section-title135 b{
    display:block !important;
    font-size:8px !important;
  }

  #settings .settings-field134::after{
    top:15px !important;
    left:49px !important;
    font-size:8px !important;
  }

  #settings .settings-field134 > span,
  #settings .settings-field134 > b,
  #settings .setting-checkcircle-title,
  #settings .settings-system-title138{
    font-size:11px !important;
  }

  #settings .settings-field134 input,
  #settings .settings-field134 select,
  #settings .checkcircle-option,
  #settings .settings-system-actions138 button{
    min-height:35px !important;
    height:35px !important;
    border-radius:11px !important;
    font-size:10px !important;
  }

  #settings .settings-bottom-bar138,
  #settings .settings-actions134{
    grid-template-columns:1fr !important;
    padding:11px !important;
    border-radius:15px !important;
  }

  #settings .settings-actions134 .btn{
    width:100% !important;
    min-width:0 !important;
    min-height:36px !important;
    height:36px !important;
    font-size:10px !important;
  }

  #settings .settings-save-note138 small{
    display:none !important;
  }
}


@media (min-width: 768px){
  #settings .settings-panel,
  #settings .settings-modern134,
  #settings .settings-final-ui138,
  #settings #settingsForm{
    width:100% !important;
    max-width:none !important;
  }

  #settings .settings-final-ui138{
    padding:22px !important;
  }

  #settings .settings-final-ui138 .panel-head{
    margin-bottom:18px !important;
  }

  #settings .settings-grid135{
    display:grid !important;
    width:100% !important;
    max-width:100% !important;
    grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap:16px !important;
    align-items:stretch !important;
  }

  #settings .settings-section-title135,
  #settings .settings-actions134,
  #settings .settings-bottom-bar138{
    grid-column:1 / -1 !important;
  }

  #settings .settings-grid135 > label,
  #settings .settings-grid135 > .setting-checkcircle-row,
  #settings .settings-grid135 > .settings-backup-status135,
  #settings .settings-grid135 > .settings-system-actions138{
    grid-column:auto !important;
    min-width:0 !important;
    min-height:170px !important;
    height:auto !important;
    padding:16px !important;
    border-radius:20px !important;
  }

  #settings .settings-section-title135{
    min-height:54px !important;
    padding:12px 16px !important;
    border-radius:18px !important;
  }

  #settings .settings-section-title135 span{
    font-size:17px !important;
    line-height:1.15 !important;
  }

  #settings .settings-section-title135 b{
    font-size:11px !important;
  }

  #settings .settings-field134::before,
  #settings .settings-backup-status135::before,
  #settings .settings-system-actions138 .settings-system-icon138,
  #settings .stock-password-card138::before,
  #settings #stockPasswordCheckCircleRow::before{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    border-radius:12px !important;
    margin-bottom:10px !important;
    font-size:15px !important;
  }

  #settings .settings-field134::after{
    top:20px !important;
    left:60px !important;
    font-size:10px !important;
  }

  #settings .settings-field134 > span,
  #settings .settings-field134 > b,
  #settings .setting-checkcircle-title,
  #settings .settings-system-title138{
    font-size:14px !important;
    line-height:1.25 !important;
    margin:0 0 10px !important;
  }

  #settings .stock-password-sub138,
  #settings .settings-system-actions138 p{
    font-size:12px !important;
    line-height:1.45 !important;
  }

  #settings .settings-field134 input,
  #settings .settings-field134 select,
  #settings .checkcircle-option,
  #settings .settings-system-actions138 button{
    min-height:42px !important;
    height:42px !important;
    border-radius:14px !important;
    font-size:13px !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }

  #settings .checkcircle-option b{
    font-size:13px !important;
  }

  #settings .settings-backup-status135 > div{
    grid-template-columns:112px minmax(0,1fr) !important;
    gap:12px !important;
  }

  #settings .settings-backup-status135 span{
    font-size:10px !important;
  }

  #settings .settings-backup-status135 b{
    font-size:13px !important;
  }

  #settings .stock-password-card138,
  #settings #stockPasswordCheckCircleRow{
    min-height:180px !important;
  }

  #settings .settings-bottom-bar138,
  #settings .settings-actions134{
    grid-template-columns:minmax(0,1fr) auto auto !important;
    gap:12px !important;
    padding:14px 16px !important;
    margin-top:8px !important;
  }

  #settings .settings-actions134 .btn{
    min-width:170px !important;
    min-height:44px !important;
    height:44px !important;
    font-size:13px !important;
  }
}

@media (min-width: 768px) and (max-width: 1366px){
  #settings .settings-grid135{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  #settings .settings-grid135 > label,
  #settings .settings-grid135 > .setting-checkcircle-row,
  #settings .settings-grid135 > .settings-backup-status135,
  #settings .settings-grid135 > .settings-system-actions138{
    min-height:168px !important;
  }
}

@media (min-width: 1367px){
  #settings .settings-grid135{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }
}


#adminExpenses .admin-clean-shell130{
  grid-template-columns:1fr !important;
  gap:12px !important;
  padding:15px !important;
  border-radius:22px !important;
}

#adminExpenses .admin-clean-main130{
  min-width:0 !important;
}

#adminExpenses .admin-clean-top130{
  margin-bottom:13px !important;
}

#adminExpenses .admin-clean-icon130{
  width:42px !important;
  height:42px !important;
  flex:0 0 42px !important;
  border-radius:15px !important;
  font-size:17px !important;
}

#adminExpenses .admin-clean-id130 small,
#adminExpenses .admin-clean-item130 small{
  font-size:10px !important;
  margin-bottom:6px !important;
  letter-spacing:.14em !important;
}

#adminExpenses .admin-clean-id130 b,
#adminExpenses .admin-clean-item130 b{
  font-size:14px !important;
  line-height:1.4 !important;
}

#adminExpenses .admin-clean-grid130{
  grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  gap:10px !important;
}

#adminExpenses .admin-clean-item130{
  min-height:64px !important;
  padding:11px 12px !important;
  border-radius:15px !important;
  background:rgba(10,19,48,.46) !important;
}

#adminExpenses .admin-clean-wide130{
  grid-column:1 / -1 !important;
}

#adminExpenses .admin-clean-actions130{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  padding-top:2px !important;
  border-top:1px solid rgba(130,150,255,.10) !important;
}

#adminExpenses .admin-clean-actions130 .row-action-btn{
  width:auto !important;
  min-width:118px !important;
  min-height:40px !important;
  height:40px !important;
  padding:0 16px !important;
  border-radius:14px !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.01em !important;
  box-shadow:0 10px 22px rgba(0,0,0,.16) !important;
}

#adminExpenses .admin-clean-actions130 .admin-view-btn130{
  background:linear-gradient(135deg, rgba(90,124,255,.30), rgba(61,94,214,.24)) !important;
  border:1px solid rgba(149,178,255,.22) !important;
}

#adminExpenses .admin-clean-actions130 .admin-edit-btn130{
  background:linear-gradient(135deg, rgba(84,132,255,.20), rgba(82,110,188,.18)) !important;
  border:1px solid rgba(142,170,255,.18) !important;
}

#adminExpenses .admin-clean-actions130 .admin-delete-btn130{
  background:linear-gradient(135deg, rgba(141,55,99,.28), rgba(109,34,54,.20)) !important;
  border:1px solid rgba(255,126,164,.18) !important;
}

@media (min-width: 768px) and (max-width: 1199px){
  #adminExpenses .admin-clean-grid130{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
  #adminExpenses .admin-clean-item130{
    min-height:60px !important;
  }
  #adminExpenses .admin-clean-actions130 .row-action-btn{
    min-width:108px !important;
    min-height:38px !important;
    height:38px !important;
    font-size:11.5px !important;
  }
}

@media (max-width: 767px){
  #adminExpenses .admin-clean-shell130{
    padding:12px !important;
    border-radius:18px !important;
  }
  #adminExpenses .admin-clean-grid130{
    grid-template-columns:1fr !important;
  }
  #adminExpenses .admin-clean-item130{
    min-height:auto !important;
    padding:10px 11px !important;
  }
  #adminExpenses .admin-clean-actions130{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
    gap:8px !important;
  }
  #adminExpenses .admin-clean-actions130 .row-action-btn{
    min-width:0 !important;
    width:100% !important;
    min-height:38px !important;
    height:38px !important;
    padding:0 8px !important;
    font-size:11px !important;
  }
}

@media (min-width: 768px){
  #settings .settings-final-ui138{
    padding:18px 18px 16px !important;
  }

  #settings .settings-final-ui138 .panel-head{
    margin-bottom:14px !important;
    padding:14px 16px !important;
  }

  #settings .settings-grid135{
    gap:14px !important;
  }

  #settings .settings-grid135 > label,
  #settings .settings-grid135 > .setting-checkcircle-row,
  #settings .settings-grid135 > .settings-backup-status135,
  #settings .settings-grid135 > .settings-system-actions138{
    min-height:138px !important;
    padding:14px !important;
  }

  #settings .settings-section-title135{
    min-height:48px !important;
    padding:10px 14px !important;
    margin-bottom:-2px !important;
  }

  #settings .settings-section-title135 span{
    font-size:15px !important;
  }

  #settings .settings-section-title135 b{
    font-size:10px !important;
  }

  #settings .settings-field134 > span,
  #settings .settings-field134 > b,
  #settings .setting-checkcircle-title,
  #settings .settings-system-title138{
    font-size:13px !important;
    margin-bottom:8px !important;
  }

  #settings .stock-password-sub138,
  #settings .settings-system-actions138 p,
  #settings .settings-backup-status135 b,
  #settings .settings-backup-status135 span{
    font-size:11px !important;
    line-height:1.4 !important;
  }

  #settings .settings-field134 input,
  #settings .settings-field134 select,
  #settings .checkcircle-option,
  #settings .settings-system-actions138 button{
    min-height:40px !important;
    height:40px !important;
    font-size:12px !important;
    border-radius:13px !important;
  }

  #settings .stock-password-card138,
  #settings #stockPasswordCheckCircleRow{
    min-height:146px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    align-items:stretch !important;
  }

  #settings .setting-checkcircle-options{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:10px !important;
    margin-top:auto !important;
  }

  #settings .checkcircle-option{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    padding:0 12px !important;
  }

  #settings .checkcircle-option b{
    font-size:12px !important;
  }

  #settings .settings-bottom-bar138,
  #settings .settings-actions134{
    margin-top:4px !important;
    padding:12px 14px !important;
  }

  #settings .settings-save-note138 b{font-size:11.5px !important;}
  #settings .settings-save-note138 small{font-size:10px !important;}
  #settings .settings-actions134 .btn{min-width:150px !important;height:42px !important;font-size:12px !important;}
}

@media (min-width: 768px) and (max-width: 1024px){
  #settings .settings-grid135{
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  }
}

@media (min-width: 1025px) and (max-width: 1439px){
  #settings .settings-grid135{
    grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  }
}

@media (min-width: 1440px){
  #settings .settings-grid135{
    grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  }

  #settings .settings-final-ui138{
    padding:20px !important;
  }
}


@media (min-width:768px){
  #settings.page,
  #settings.page.active,
  #settings.page.active-page{
    width:100% !important;
    max-width:none !important;
  }

  #settings .settings-panel,
  #settings .settings-modern134,
  #settings .settings-final-ui138{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:16px !important;
    border-radius:22px !important;
  }

  #settings #settingsForm,
  #settings .settings-form,
  #settings .settings-form134{
    width:100% !important;
    max-width:none !important;
    margin-top:0 !important;
  }

  #settings .settings-final-ui138 .panel-head{
    min-height:78px !important;
    padding:12px 14px !important;
    margin:0 0 12px !important;
    border-radius:18px !important;
  }

  #settings .settings-final-ui138 .panel-head h1{
    font-size:23px !important;
    line-height:1.05 !important;
  }

  #settings .settings-final-ui138 .panel-head h1::before{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    border-radius:13px !important;
  }

  #settings .settings-final-ui138 .panel-head p{
    font-size:11px !important;
    margin-top:5px !important;
  }

  #settings .settings-head-actions138 .btn,
  #settings .settings-head-actions138 button{
    height:38px !important;
    min-height:38px !important;
    border-radius:12px !important;
    font-size:11px !important;
    padding:0 14px !important;
  }

  #settings .settings-grid135{
    display:grid !important;
    width:100% !important;
    max-width:none !important;
    gap:10px !important;
    align-items:stretch !important;
    grid-auto-flow:row dense !important;
  }

  #settings .settings-section-title135{
    grid-column:1 / -1 !important;
    min-height:38px !important;
    height:38px !important;
    padding:8px 12px !important;
    border-radius:15px !important;
    margin:2px 0 0 !important;
  }

  #settings .settings-section-title135::before{
    width:22px !important;
    height:22px !important;
    border-radius:8px !important;
    font-size:11px !important;
  }

  #settings .settings-section-title135 span{
    font-size:13px !important;
  }

  #settings .settings-section-title135 b{
    font-size:8.5px !important;
  }

  #settings .settings-grid135 > label,
  #settings .settings-grid135 > .setting-checkcircle-row,
  #settings .settings-grid135 > .settings-backup-status135,
  #settings .settings-grid135 > .settings-system-actions138{
    grid-column:auto !important;
    min-width:0 !important;
    min-height:112px !important;
    height:auto !important;
    padding:11px !important;
    border-radius:16px !important;
  }

  #settings .settings-field134::before,
  #settings .settings-backup-status135::before,
  #settings .settings-system-actions138 .settings-system-icon138,
  #settings .stock-password-card138::before,
  #settings #stockPasswordCheckCircleRow::before{
    width:24px !important;
    height:24px !important;
    min-width:24px !important;
    border-radius:9px !important;
    margin-bottom:6px !important;
    font-size:11px !important;
  }

  #settings .settings-field134::after{
    top:14px !important;
    left:43px !important;
    font-size:7.6px !important;
    letter-spacing:.06em !important;
  }

  #settings .settings-field134 > span,
  #settings .settings-field134 > b,
  #settings .setting-checkcircle-title,
  #settings .settings-system-title138{
    font-size:10.2px !important;
    line-height:1.12 !important;
    margin:0 0 6px !important;
  }

  #settings .stock-password-sub138,
  #settings .settings-system-actions138 p{
    font-size:9.5px !important;
    line-height:1.25 !important;
    margin:0 0 8px !important;
  }

  #settings .settings-field134 input,
  #settings .settings-field134 select,
  #settings .checkcircle-option,
  #settings .settings-system-actions138 button{
    min-height:33px !important;
    height:33px !important;
    border-radius:10px !important;
    font-size:10px !important;
    padding-left:9px !important;
    padding-right:9px !important;
  }

  #settings .settings-backup-status135 > div{
    grid-template-columns:72px minmax(0,1fr) !important;
    gap:7px !important;
    padding:3px 0 !important;
  }

  #settings .settings-backup-status135 span{
    font-size:7.4px !important;
    line-height:1.1 !important;
  }

  #settings .settings-backup-status135 b{
    font-size:9.2px !important;
    line-height:1.16 !important;
  }

  #settings .stock-password-card138,
  #settings #stockPasswordCheckCircleRow{
    min-height:112px !important;
    overflow:hidden !important;
  }

  #settings .setting-checkcircle-options{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:6px !important;
    margin-top:auto !important;
  }

  #settings .checkcircle-option{
    min-height:33px !important;
    height:33px !important;
    gap:6px !important;
    padding:0 8px !important;
  }

  #settings .checkcircle-mark{
    width:14px !important;
    height:14px !important;
    min-width:14px !important;
  }

  #settings .checkcircle-option b{
    font-size:9.8px !important;
  }

  #settings .settings-bottom-bar138,
  #settings .settings-actions134{
    min-height:54px !important;
    padding:9px 12px !important;
    margin-top:2px !important;
    border-radius:15px !important;
    gap:8px !important;
  }

  #settings .settings-save-note138 span{
    width:22px !important;
    height:22px !important;
    border-radius:8px !important;
  }

  #settings .settings-save-note138 b{
    font-size:10px !important;
  }

  #settings .settings-save-note138 small{
    font-size:9px !important;
  }

  #settings .settings-actions134 .btn{
    min-width:130px !important;
    min-height:34px !important;
    height:34px !important;
    border-radius:11px !important;
    font-size:10px !important;
    padding:0 11px !important;
  }
}

@media (min-width:900px) and (max-width:1366px){
  #settings .settings-grid135{
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (min-width:768px) and (max-width:899px){
  #settings .settings-grid135{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }

  #settings .settings-save-note138 small{
    display:none !important;
  }
}

@media (min-width:1367px){
  #settings .settings-grid135{
    grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
  }

  #settings .settings-grid135 > label,
  #settings .settings-grid135 > .setting-checkcircle-row,
  #settings .settings-grid135 > .settings-backup-status135,
  #settings .settings-grid135 > .settings-system-actions138{
    min-height:118px !important;
  }
}


@media (min-width:768px){
  #settings .settings-panel,
  #settings .settings-modern134,
  #settings .settings-final-ui138{
    width:100% !important;
    max-width:none !important;
    padding:14px !important;
    margin:0 !important;
    border-radius:20px !important;
  }

  #settings .settings-final-ui138 .panel-head{
    min-height:66px !important;
    padding:10px 12px !important;
    margin:0 0 10px !important;
    border-radius:16px !important;
    grid-template-columns:minmax(0,1fr) auto !important;
  }

  #settings .settings-final-ui138 .panel-head h1{
    font-size:21px !important;
    line-height:1.05 !important;
  }

  #settings .settings-final-ui138 .panel-head h1::before{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    border-radius:12px !important;
  }

  #settings .settings-final-ui138 .panel-head p{
    font-size:10.5px !important;
    margin-top:4px !important;
  }

  #settings .settings-head-actions138 .btn,
  #settings .settings-head-actions138 button{
    min-height:34px !important;
    height:34px !important;
    border-radius:11px !important;
    font-size:10px !important;
    padding:0 12px !important;
  }

  #settings .settings-grid135{
    display:grid !important;
    grid-template-columns:repeat(12,minmax(0,1fr)) !important;
    grid-auto-rows:auto !important;
    grid-auto-flow:row dense !important;
    gap:8px !important;
    align-items:stretch !important;
    width:100% !important;
    max-width:none !important;
  }

  #settings .settings-grid135 > *{
    grid-column:auto !important;
    min-width:0 !important;
  }

  #settings .settings-grid135 > :nth-child(1){ grid-column:1 / 7 !important; grid-row:1 !important; }
  #settings .settings-grid135 > :nth-child(2){ grid-column:1 / 3 !important; grid-row:2 !important; }
  #settings .settings-grid135 > :nth-child(3){ grid-column:3 / 5 !important; grid-row:2 !important; }
  #settings .settings-grid135 > :nth-child(4){ grid-column:5 / 7 !important; grid-row:2 !important; }
  #settings .settings-grid135 > :nth-child(5){ grid-column:1 / 4 !important; grid-row:3 !important; }
  #settings .settings-grid135 > :nth-child(6){ grid-column:4 / 7 !important; grid-row:3 !important; }

  #settings .settings-grid135 > :nth-child(7){ grid-column:7 / 13 !important; grid-row:1 !important; }
  #settings .settings-grid135 > :nth-child(8){ grid-column:7 / 10 !important; grid-row:2 !important; }
  #settings .settings-grid135 > :nth-child(9){ grid-column:10 / 13 !important; grid-row:2 !important; }
  #settings .settings-grid135 > :nth-child(10){ grid-column:7 / 10 !important; grid-row:3 !important; }
  #settings .settings-grid135 > :nth-child(11){ grid-column:10 / 13 !important; grid-row:3 !important; }

  #settings .settings-grid135 > :nth-child(12){ grid-column:1 / 13 !important; grid-row:4 !important; }
  #settings .settings-grid135 > :nth-child(13){ grid-column:1 / 4 !important; grid-row:5 !important; }
  #settings .settings-grid135 > :nth-child(14){ grid-column:4 / 8 !important; grid-row:5 !important; }
  #settings .settings-grid135 > :nth-child(15){ grid-column:8 / 10 !important; grid-row:5 !important; }
  #settings .settings-grid135 > #settingsSystemActions138{ grid-column:10 / 13 !important; grid-row:5 !important; }

  #settings .settings-section-title135{
    min-height:34px !important;
    height:34px !important;
    padding:7px 10px !important;
    margin:0 !important;
    border-radius:13px !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
  }

  #settings .settings-section-title135::before{
    width:20px !important;
    height:20px !important;
    border-radius:8px !important;
    font-size:10px !important;
  }

  #settings .settings-section-title135 span{
    font-size:12px !important;
    line-height:1 !important;
  }

  #settings .settings-section-title135 b{
    font-size:7.8px !important;
    line-height:1 !important;
  }

  #settings .settings-grid135 > label,
  #settings .settings-grid135 > .setting-checkcircle-row,
  #settings .settings-grid135 > .settings-backup-status135,
  #settings .settings-grid135 > .settings-system-actions138{
    min-height:94px !important;
    height:auto !important;
    padding:9px !important;
    border-radius:14px !important;
    box-sizing:border-box !important;
  }

  #settings .settings-field134::before,
  #settings .settings-backup-status135::before,
  #settings .settings-system-actions138 .settings-system-icon138,
  #settings .stock-password-card138::before,
  #settings #stockPasswordCheckCircleRow::before{
    width:21px !important;
    height:21px !important;
    min-width:21px !important;
    border-radius:8px !important;
    margin:0 0 5px !important;
    font-size:10px !important;
  }

  #settings .settings-field134::after{
    top:12px !important;
    left:39px !important;
    right:8px !important;
    font-size:7px !important;
    line-height:1.05 !important;
    letter-spacing:.05em !important;
  }

  #settings .settings-field134 > span,
  #settings .settings-field134 > b,
  #settings .setting-checkcircle-title,
  #settings .settings-system-title138{
    font-size:9.4px !important;
    line-height:1.08 !important;
    margin:0 0 5px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  #settings .stock-password-sub138,
  #settings .settings-system-actions138 p{
    font-size:8.6px !important;
    line-height:1.15 !important;
    margin:0 0 6px !important;
  }

  #settings .settings-field134 input,
  #settings .settings-field134 select,
  #settings .checkcircle-option,
  #settings .settings-system-actions138 button{
    min-height:29px !important;
    height:29px !important;
    border-radius:9px !important;
    font-size:9px !important;
    padding-left:7px !important;
    padding-right:7px !important;
  }

  #settings .stock-password-card138,
  #settings #stockPasswordCheckCircleRow{
    min-height:94px !important;
    overflow:hidden !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
  }

  #settings .setting-checkcircle-options{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:5px !important;
    margin-top:auto !important;
  }

  #settings .checkcircle-option{
    gap:5px !important;
    padding:0 6px !important;
  }

  #settings .checkcircle-mark{
    width:12px !important;
    height:12px !important;
    min-width:12px !important;
    border-width:1.5px !important;
  }

  #settings .checkcircle-option b{
    font-size:8.8px !important;
  }

  #settings .settings-backup-status135 > div{
    grid-template-columns:56px minmax(0,1fr) !important;
    gap:5px !important;
    padding:2px 0 !important;
  }

  #settings .settings-backup-status135 span{
    font-size:6.8px !important;
    line-height:1 !important;
  }

  #settings .settings-backup-status135 b{
    font-size:8.2px !important;
    line-height:1.1 !important;
  }

  #settings .settings-bottom-bar138,
  #settings .settings-actions134{
    min-height:42px !important;
    padding:7px 10px !important;
    margin-top:0 !important;
    border-radius:13px !important;
    gap:6px !important;
    grid-column:1 / -1 !important;
    grid-row:6 !important;
  }

  #settings .settings-save-note138 span{
    width:18px !important;
    height:18px !important;
    border-radius:7px !important;
    font-size:10px !important;
  }

  #settings .settings-save-note138 b{
    font-size:8.8px !important;
  }

  #settings .settings-save-note138 small{
    font-size:7.8px !important;
  }

  #settings .settings-actions134 .btn{
    min-width:110px !important;
    min-height:29px !important;
    height:29px !important;
    border-radius:9px !important;
    font-size:8.8px !important;
    padding:0 8px !important;
  }
}

@media (min-width:768px) and (max-width:900px){
  #settings .settings-grid135{
    gap:7px !important;
  }

  #settings .settings-field134 > span,
  #settings .settings-field134 > b,
  #settings .setting-checkcircle-title,
  #settings .settings-system-title138{
    white-space:normal !important;
  }

  #settings .settings-save-note138 small{
    display:none !important;
  }
}

@media (min-width:1367px){
  #settings .settings-grid135 > label,
  #settings .settings-grid135 > .setting-checkcircle-row,
  #settings .settings-grid135 > .settings-backup-status135,
  #settings .settings-grid135 > .settings-system-actions138{
    min-height:104px !important;
    padding:10px !important;
  }

  #settings .settings-section-title135{
    height:36px !important;
    min-height:36px !important;
  }
}


@media (min-width:768px){
  #settings .settings-panel,
  #settings .settings-modern134,
  #settings .settings-final-ui138{
    width:100% !important;
    max-width:none !important;
    padding:14px !important;
    margin:0 !important;
    border-radius:20px !important;
  }

  #settings .settings-final-ui138 .panel-head{
    min-height:62px !important;
    padding:10px 12px !important;
    margin:0 0 10px !important;
    border-radius:16px !important;
  }

  #settings .settings-final-ui138 .panel-head h1{
    font-size:21px !important;
    line-height:1.05 !important;
  }

  #settings .settings-final-ui138 .panel-head h1::before{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    border-radius:12px !important;
  }

  #settings .settings-final-ui138 .panel-head p{
    font-size:10.5px !important;
    margin-top:4px !important;
  }

  #settings .settings-head-actions138 .btn,
  #settings .settings-head-actions138 button{
    min-height:34px !important;
    height:34px !important;
    border-radius:11px !important;
    font-size:10px !important;
    padding:0 12px !important;
  }

  #settings #settingsForm.settings-form143{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
  }

  #settings .settings-desktop-grid143{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    grid-template-areas:
      "general defaults"
      "security security" !important;
    gap:10px !important;
    width:100% !important;
    max-width:none !important;
    align-items:start !important;
  }

  #settings .settings-general143{ grid-area:general !important; }
  #settings .settings-defaults143{ grid-area:defaults !important; }
  #settings .settings-security143{ grid-area:security !important; }

  #settings .settings-section143{
    min-width:0 !important;
    padding:10px !important;
    border-radius:18px !important;
    background:
      radial-gradient(circle at 0% 0%, rgba(59,130,246,.10), transparent 38%),
      rgba(15,23,42,.38) !important;
    border:1px solid rgba(148,163,184,.12) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
  }

  #settings .settings-section-title143{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    height:34px !important;
    padding:7px 10px !important;
    margin:0 0 8px !important;
    border-radius:13px !important;
    background:linear-gradient(135deg, rgba(59,130,246,.16), rgba(124,58,237,.16)) !important;
    border:1px solid rgba(129,140,248,.20) !important;
  }

  #settings .settings-section-title143 span{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:1000 !important;
  }

  #settings .settings-section-title143 b{
    color:#a5b4fc !important;
    -webkit-text-fill-color:#a5b4fc !important;
    font-size:7.5px !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:.03em !important;
  }

  #settings .settings-section-fields143{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:8px !important;
  }

  #settings .settings-security143 .settings-section-fields143{
    grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  }

  #settings .settings-mini-card143,
  #settings .settings-backup-status143,
  #settings .settings-system-actions138{
    position:relative !important;
    min-width:0 !important;
    min-height:88px !important;
    padding:9px !important;
    border-radius:14px !important;
    background:
      radial-gradient(circle at 0% 0%, rgba(59,130,246,.10), transparent 36%),
      rgba(15,23,42,.55) !important;
    border:1px solid rgba(148,163,184,.14) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
    box-sizing:border-box !important;
  }

  #settings .settings-mini-card143::before,
  #settings .settings-backup-status143::before,
  #settings .settings-system-actions138 .settings-system-icon138{
    content:attr(data-icon) !important;
    width:22px !important;
    height:22px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:8px !important;
    margin-bottom:5px !important;
    background:rgba(255,255,255,.075) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    font-size:10px !important;
    -webkit-text-fill-color:initial !important;
  }

  #settings .settings-mini-card143::after{
    content:attr(data-setting) !important;
    position:absolute !important;
    top:12px !important;
    left:38px !important;
    right:8px !important;
    color:#a5b4fc !important;
    -webkit-text-fill-color:#a5b4fc !important;
    font-size:6.8px !important;
    line-height:1.05 !important;
    font-weight:1000 !important;
    text-transform:uppercase !important;
    letter-spacing:.05em !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  #settings .settings-mini-card143 > span,
  #settings .settings-mini-card143 > b,
  #settings .setting-checkcircle-title,
  #settings .settings-system-title138{
    display:block !important;
    color:#f8fafc !important;
    -webkit-text-fill-color:#f8fafc !important;
    font-size:9.5px !important;
    line-height:1.12 !important;
    font-weight:950 !important;
    margin:0 0 5px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  #settings .settings-mini-card143 input,
  #settings .settings-mini-card143 select,
  #settings .settings-system-actions138 button{
    width:100% !important;
    min-height:29px !important;
    height:29px !important;
    border-radius:9px !important;
    font-size:9px !important;
    font-weight:850 !important;
    padding:0 7px !important;
    color:#f8fafc !important;
    -webkit-text-fill-color:#f8fafc !important;
    background:rgba(15,23,42,.62) !important;
    border:1px solid rgba(148,163,184,.18) !important;
  }

  #settings .stock-password-card143{
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    overflow:hidden !important;
  }

  #settings .stock-password-sub138{
    display:none !important;
  }

  #settings .setting-checkcircle-options{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:5px !important;
    margin-top:auto !important;
  }

  #settings .checkcircle-option,
  #settings .setting-checkcircle-row .checkcircle-option{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    min-height:29px !important;
    height:29px !important;
    padding:0 5px !important;
    border-radius:9px !important;
    background:rgba(15,23,42,.62) !important;
    border:1px solid rgba(148,163,184,.18) !important;
  }

  #settings .setting-checkcircle-row .checkcircle-option::before,
  #settings .setting-checkcircle-row .checkcircle-option::after{
    display:none !important;
    content:none !important;
  }

  #settings .checkcircle-mark{
    width:12px !important;
    height:12px !important;
    min-width:12px !important;
    border-width:1.5px !important;
  }

  #settings .checkcircle-option b{
    font-size:8.6px !important;
    line-height:1 !important;
    margin:0 !important;
  }

  #settings .settings-backup-status143{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
  }

  #settings .settings-backup-status143 > div{
    display:grid !important;
    grid-template-columns:54px minmax(0,1fr) !important;
    gap:5px !important;
    padding:2px 0 !important;
  }

  #settings .settings-backup-status143 span{
    color:#a5b4fc !important;
    -webkit-text-fill-color:#a5b4fc !important;
    font-size:6.5px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    text-transform:uppercase !important;
  }

  #settings .settings-backup-status143 b{
    color:#f8fafc !important;
    -webkit-text-fill-color:#f8fafc !important;
    font-size:8.2px !important;
    line-height:1.1 !important;
    font-weight:900 !important;
    overflow-wrap:anywhere !important;
  }

  #settings .settings-system-actions138 p{
    color:#94a3b8 !important;
    -webkit-text-fill-color:#94a3b8 !important;
    font-size:8.2px !important;
    line-height:1.15 !important;
    margin:0 0 6px !important;
  }

  #settings .settings-actions143,
  #settings .settings-bottom-bar138,
  #settings .settings-actions134{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto auto !important;
    gap:8px !important;
    align-items:center !important;
    min-height:40px !important;
    padding:7px 10px !important;
    margin-top:8px !important;
    border-radius:13px !important;
    background:
      radial-gradient(circle at 0% 0%, rgba(59,130,246,.12), transparent 35%),
      rgba(15,23,42,.50) !important;
    border:1px solid rgba(148,163,184,.13) !important;
  }

  #settings .settings-actions143 .btn,
  #settings .settings-actions134 .btn{
    min-width:110px !important;
    min-height:29px !important;
    height:29px !important;
    border-radius:9px !important;
    font-size:8.8px !important;
    padding:0 8px !important;
  }
}

@media (min-width:768px) and (max-width:900px){
  #settings .settings-section-fields143{
    grid-template-columns:1fr !important;
  }

  #settings .settings-security143 .settings-section-fields143{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }

  #settings .settings-mini-card143,
  #settings .settings-backup-status143,
  #settings .settings-system-actions138{
    min-height:82px !important;
  }
}

@media (min-width:1367px){
  #settings .settings-mini-card143,
  #settings .settings-backup-status143,
  #settings .settings-system-actions138{
    min-height:94px !important;
    padding:10px !important;
  }

  #settings .settings-section-fields143{
    gap:9px !important;
  }
}

@media (max-width:767px){
  #settings .settings-desktop-grid143{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  #settings .settings-section143{
    padding:10px !important;
    border-radius:16px !important;
    background:rgba(15,23,42,.38) !important;
    border:1px solid rgba(148,163,184,.12) !important;
  }

  #settings .settings-section-title143{
    padding:9px 10px !important;
    border-radius:14px !important;
    background:linear-gradient(135deg, rgba(59,130,246,.15), rgba(124,58,237,.14)) !important;
    border:1px solid rgba(129,140,248,.20) !important;
    margin-bottom:8px !important;
  }

  #settings .settings-section-title143 span{
    display:block !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-size:13px !important;
    font-weight:1000 !important;
    margin-bottom:3px !important;
  }

  #settings .settings-section-title143 b{
    display:block !important;
    color:#a5b4fc !important;
    -webkit-text-fill-color:#a5b4fc !important;
    font-size:8px !important;
    font-weight:900 !important;
  }

  #settings .settings-section-fields143,
  #settings .settings-security143 .settings-section-fields143{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:9px !important;
  }

  #settings .settings-mini-card143,
  #settings .settings-backup-status143,
  #settings .settings-system-actions138{
    padding:11px !important;
    border-radius:16px !important;
    background:rgba(15,23,42,.52) !important;
    border:1px solid rgba(148,163,184,.14) !important;
  }
}


@media (min-width:768px){
  #settings .settings-panel,
  #settings .settings-modern134,
  #settings .settings-final-ui138{
    width:100% !important;
    max-width:none !important;
    padding:16px !important;
  }

  #settings #settingsForm.settings-form143,
  #settings .settings-form143{
    width:100% !important;
    max-width:none !important;
    display:block !important;
  }

  #settings .settings-desktop-grid143{
    width:100% !important;
    max-width:none !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:14px !important;
  }

  #settings .settings-section143{
    width:100% !important;
    max-width:none !important;
    padding:12px !important;
    border-radius:20px !important;
  }

  #settings .settings-section-title143{
    height:40px !important;
    min-height:40px !important;
    padding:9px 12px !important;
    margin-bottom:10px !important;
    border-radius:15px !important;
  }

  #settings .settings-section-title143 span{
    font-size:14px !important;
  }

  #settings .settings-section-title143 b{
    font-size:8.8px !important;
  }

  #settings .settings-section-fields143{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:10px !important;
  }

  #settings .settings-security143 .settings-section-fields143{
    grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  }

  #settings .settings-mini-card143,
  #settings .settings-backup-status143,
  #settings .settings-system-actions138{
    min-height:108px !important;
    padding:11px !important;
    border-radius:16px !important;
  }

  #settings .settings-mini-card143::before,
  #settings .settings-backup-status143::before,
  #settings .settings-system-actions138 .settings-system-icon138{
    width:25px !important;
    height:25px !important;
    border-radius:9px !important;
    margin-bottom:7px !important;
    font-size:12px !important;
  }

  #settings .settings-mini-card143::after{
    top:14px !important;
    left:43px !important;
    font-size:7.8px !important;
  }

  #settings .settings-mini-card143 > span,
  #settings .settings-mini-card143 > b,
  #settings .setting-checkcircle-title,
  #settings .settings-system-title138{
    font-size:10.8px !important;
    line-height:1.18 !important;
    margin-bottom:7px !important;
  }

  #settings .settings-mini-card143 input,
  #settings .settings-mini-card143 select,
  #settings .settings-system-actions138 button{
    min-height:34px !important;
    height:34px !important;
    border-radius:11px !important;
    font-size:10.5px !important;
    padding-left:9px !important;
    padding-right:9px !important;
  }

  #settings .stock-password-card143{
    min-height:108px !important;
  }

  #settings .setting-checkcircle-options{
    gap:7px !important;
  }

  #settings .checkcircle-option,
  #settings .setting-checkcircle-row .checkcircle-option{
    min-height:34px !important;
    height:34px !important;
    border-radius:11px !important;
    gap:6px !important;
    padding:0 8px !important;
  }

  #settings .checkcircle-mark{
    width:14px !important;
    height:14px !important;
    min-width:14px !important;
  }

  #settings .checkcircle-option b{
    font-size:10px !important;
  }

  #settings .settings-backup-status143 > div{
    grid-template-columns:68px minmax(0,1fr) !important;
    gap:7px !important;
    padding:3px 0 !important;
  }

  #settings .settings-backup-status143 span{
    font-size:7.5px !important;
  }

  #settings .settings-backup-status143 b{
    font-size:9.3px !important;
    line-height:1.16 !important;
  }

  #settings .settings-system-actions138 p{
    font-size:9.5px !important;
    line-height:1.25 !important;
    margin-bottom:8px !important;
  }

  #settings .settings-actions143,
  #settings .settings-bottom-bar138,
  #settings .settings-actions134{
    min-height:46px !important;
    padding:8px 12px !important;
    margin-top:10px !important;
    border-radius:15px !important;
  }

  #settings .settings-actions143 .btn,
  #settings .settings-actions134 .btn{
    min-width:125px !important;
    min-height:33px !important;
    height:33px !important;
    border-radius:10px !important;
    font-size:9.8px !important;
  }
}

@media (min-width:901px){
  #settings .settings-desktop-grid143{
    grid-template-columns:minmax(0,1.06fr) minmax(0,1.06fr) !important;
  }
}

@media (min-width:768px) and (max-width:900px){
  #settings .settings-desktop-grid143{
    gap:10px !important;
  }

  #settings .settings-section-fields143{
    grid-template-columns:1fr !important;
  }

  #settings .settings-security143 .settings-section-fields143{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }

  #settings .settings-mini-card143,
  #settings .settings-backup-status143,
  #settings .settings-system-actions138{
    min-height:96px !important;
  }
}

@media (max-width: 767px){
  body.ks145-ui-clean-body{padding-bottom:calc(82px + env(safe-area-inset-bottom))!important;overflow-x:hidden!important;}
  #mobileTaskbar.ks145-disabled-nav{display:none!important;visibility:hidden!important;pointer-events:none!important;}
  #mobileV49Nav{display:flex!important;position:fixed!important;left:12px!important;right:12px!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;z-index:9999!important;border-radius:24px!important;padding:8px!important;gap:6px!important;background:rgba(6,12,30,.92)!important;border:1px solid rgba(148,163,184,.22)!important;box-shadow:0 22px 65px rgba(0,0,0,.45)!important;backdrop-filter:blur(18px)!important;}
  #mobileV49Nav .mobile-v49-nav-btn{min-width:0!important;flex:1!important;border-radius:18px!important;min-height:54px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;color:#cbd5e1!important;background:transparent!important;border:0!important;font-size:11px!important;}
  #mobileV49Nav .mobile-v49-nav-btn span{font-size:18px!important;line-height:1!important;}
  #mobileV49Nav .mobile-v49-nav-btn.active{background:linear-gradient(135deg,rgba(59,130,246,.28),rgba(168,85,247,.22))!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)!important;}

  #dashboard .mobile-v50-quick-actions{display:block!important;margin-top:14px!important;}
  #dashboard .mobile-v50-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  #dashboard .mobile-v50-qbtn{min-height:76px!important;border-radius:20px!important;padding:12px!important;}
  #dashboard .mobile-v50-qbtn b{font-size:12px!important;line-height:1.25!important;white-space:normal!important;}
  #dashboard .mobile-v50-qbtn.ks145-lang span{font-weight:900!important;font-size:18px!important;}
  .topbar .dashboard-lang-switch{display:none!important;}

  #add .purchase-date-visible{display:flex!important;}
  #add .form-grid label,#add .payment-grid label,#add .payment-box label{width:100%!important;min-width:0!important;}
  #add input,#add select,#add textarea{font-size:16px!important;min-height:48px!important;}
  #add .inline-input{display:grid!important;grid-template-columns:1fr auto auto!important;gap:8px!important;align-items:center!important;width:100%!important;}
  #add .inline-input input{min-width:0!important;width:100%!important;}
  #add .inline-input button{min-height:44px!important;white-space:nowrap!important;}
  #mobile{direction:ltr!important;text-align:left!important;}

  #orders .table-wrap{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;padding:0!important;}
  #orders table,#orders tbody,#orders tr,#orders td{display:block!important;width:100%!important;border:0!important;background:transparent!important;}
  #orders thead{display:none!important;}
  #orders tbody{display:grid!important;gap:14px!important;}
  #orders td{padding:0!important;}
  .ks145-order-card{display:block!important;border-radius:24px!important;padding:15px!important;background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(2,6,23,.94))!important;border:1px solid rgba(148,163,184,.18)!important;box-shadow:0 18px 45px rgba(0,0,0,.32)!important;overflow:hidden!important;}
  .ks145-order-card.expiring,.ks145-order-card.warning,.ks145-order-card.last,.ks145-order-card.latest,.ks145-order-row.expiring .ks145-order-card{background:linear-gradient(180deg,rgba(113,63,18,.98),rgba(69,26,3,.96))!important;border-color:rgba(250,204,21,.34)!important;}
  .ks145-order-card.expired,.ks145-order-card.danger,.ks145-order-row.expired .ks145-order-card{background:linear-gradient(180deg,rgba(127,29,29,.95),rgba(69,10,10,.94))!important;border-color:rgba(248,113,113,.32)!important;}
  .ks145-order-head{display:flex!important;align-items:center!important;gap:11px!important;margin-bottom:12px!important;}
  .ks145-order-logo{width:46px!important;height:46px!important;display:grid!important;place-items:center!important;border-radius:16px!important;background:rgba(255,255,255,.08)!important;overflow:hidden!important;flex:0 0 auto!important;}
  .ks145-order-logo img,.ks145-order-logo .service-logo-wrap{max-width:34px!important;max-height:34px!important;}
  .ks145-order-head span{display:block!important;color:#94a3b8!important;font-size:11px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.08em!important;}
  .ks145-order-head b{display:block!important;color:#fff!important;font-size:16px!important;margin-top:2px!important;overflow-wrap:anywhere!important;}
  .ks145-order-grid{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;}
  .ks145-order-field{border-radius:17px!important;padding:11px 12px!important;background:rgba(15,23,42,.72)!important;border:1px solid rgba(148,163,184,.12)!important;min-width:0!important;}
  .ks145-order-field span{display:block!important;font-size:11px!important;font-weight:800!important;color:#93a4bd!important;margin-bottom:5px!important;}
  .ks145-order-field b{display:block!important;color:#f8fafc!important;font-size:14px!important;line-height:1.35!important;overflow-wrap:anywhere!important;}
  .ks145-order-field em{font-style:normal!important;color:#60a5fa!important;margin:0 4px!important;}
  .ks145-order-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin-top:13px!important;}
  .ks145-order-actions .row-action-btn{min-height:42px!important;border-radius:14px!important;font-size:12px!important;padding:0 5px!important;margin:0!important;}
  .ks145-empty{padding:22px!important;text-align:center!important;color:#94a3b8!important;border-radius:20px!important;background:rgba(15,23,42,.8)!important;border:1px solid rgba(148,163,184,.16)!important;}

  .order-view-modal:not(.hidden){position:fixed!important;inset:0!important;z-index:10000!important;display:flex!important;align-items:stretch!important;justify-content:center!important;background:rgba(2,6,23,.82)!important;padding:0!important;}
  .order-view-card{width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;border-radius:0!important;overflow:auto!important;padding:16px!important;padding-bottom:calc(24px + env(safe-area-inset-bottom))!important;background:#06101f!important;}
  .order-view-top{position:sticky!important;top:0!important;z-index:3!important;background:rgba(6,16,31,.96)!important;border-radius:18px!important;padding:12px!important;margin-bottom:12px!important;border:1px solid rgba(148,163,184,.14)!important;}
  .order-view-top button{min-width:46px!important;min-height:42px!important;border-radius:14px!important;}
  .order-view-top button:before{content:"نامەوە"!important;font-size:12px!important;font-weight:900!important;color:#fff!important;}
  .ks145-view-hero{display:flex!important;gap:12px!important;align-items:center!important;padding:14px!important;border-radius:22px!important;background:linear-gradient(135deg,rgba(37,99,235,.22),rgba(168,85,247,.14))!important;border:1px solid rgba(148,163,184,.16)!important;margin-bottom:12px!important;}
  .ks145-view-logo{width:54px!important;height:54px!important;border-radius:18px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.08)!important;flex:0 0 auto!important;}
  .ks145-view-hero span,.ks145-view-grid span{display:block!important;color:#94a3b8!important;font-size:11px!important;font-weight:800!important;}
  .ks145-view-hero strong{display:block!important;color:#fff!important;font-size:17px!important;line-height:1.25!important;overflow-wrap:anywhere!important;}
  .ks145-view-hero small{display:block!important;color:#cbd5e1!important;margin-top:3px!important;}
  .ks145-view-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;}
  .ks145-view-grid>div{border-radius:16px!important;padding:11px!important;background:rgba(15,23,42,.75)!important;border:1px solid rgba(148,163,184,.12)!important;min-width:0!important;}
  .ks145-view-grid .wide{grid-column:1/-1!important;}
  .ks145-view-grid b{display:block!important;color:#f8fafc!important;font-size:14px!important;margin-top:5px!important;overflow-wrap:anywhere!important;}
  .ks145-view-grid .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;direction:ltr!important;text-align:left!important;}
  .ks145-view-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;margin-top:14px!important;}
  .ks145-view-actions .btn{min-height:46px!important;border-radius:15px!important;margin:0!important;}
}

@media (min-width: 768px){
  #add .purchase-date-visible{display:flex!important;}
}


@media (max-width: 767px){
  html body.mobile-menu-open,
  html body:has(#sidebar.sidebar.open){
    overflow:hidden !important;
    overscroll-behavior:none !important;
    touch-action:none !important;
  }

  html body.mobile-menu-open #mobileV49Nav,
  html body:has(#sidebar.sidebar.open) #mobileV49Nav,
  html body.mobile-menu-open #mobilePageMenuFab,
  html body:has(#sidebar.sidebar.open) #mobilePageMenuFab,
  html body.mobile-menu-open .mobile-page-menu-fab,
  html body:has(#sidebar.sidebar.open) .mobile-page-menu-fab{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  html body #sidebar.sidebar{
    position:fixed !important;
    inset:0 !important;
    left:0 !important;
    right:auto !important;
    top:0 !important;
    bottom:0 !important;
    width:100vw !important;
    max-width:100vw !important;
    min-width:100vw !important;
    height:100dvh !important;
    min-height:100dvh !important;
    max-height:100dvh !important;
    z-index:30000 !important;
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
    box-sizing:border-box !important;
    padding:calc(8px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom)) !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    overflow:hidden !important;
    background:linear-gradient(180deg,rgba(4,9,24,.995),rgba(8,14,34,.995)) !important;
    box-shadow:none !important;
    transform:translate3d(-100%,0,0) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transition:transform .22s ease, opacity .16s ease, visibility .16s ease !important;
    will-change:transform !important;
  }

  html body.rtl #sidebar.sidebar{
    left:auto !important;
    right:0 !important;
    transform:translate3d(100%,0,0) !important;
  }

  html body #sidebar.sidebar.open,
  html body.mobile-menu-open #sidebar.sidebar{
    transform:translate3d(0,0,0) !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  html body #sidebar.sidebar .mobile-menu-head{
    flex:0 0 auto !important;
    position:relative !important;
    top:auto !important;
    z-index:4 !important;
    display:grid !important;
    grid-template-columns:46px 1fr 46px !important;
    align-items:center !important;
    gap:8px !important;
    min-height:52px !important;
    padding:0 !important;
    margin:0 0 4px !important;
    border:0 !important;
    background:transparent !important;
  }

  html body #mobileMenuClose.mobile-menu-close{
    grid-column:1 !important;
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    min-height:46px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:17px !important;
    border:1px solid rgba(148,163,184,.18) !important;
    background:rgba(15,23,42,.78) !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-size:0 !important;
    line-height:1 !important;
    box-shadow:0 10px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.07) !important;
  }

  html body #mobileMenuClose.mobile-menu-close::before{
    content:"‹" !important;
    font-size:30px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    margin-top:-2px !important;
  }

  html body #sidebar.sidebar .mobile-menu-title{
    grid-column:2 !important;
    margin:0 !important;
    padding:0 !important;
    text-align:center !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-size:17px !important;
    line-height:1.15 !important;
    font-weight:1000 !important;
    letter-spacing:.01em !important;
  }

  html body #sidebar.sidebar .brand{
    display:none !important;
  }

  html body #sidebar.sidebar .menu-groups,
  html body #sidebar.sidebar nav.menu-groups,
  html body #sidebar.sidebar nav{
    flex:1 1 auto !important;
    min-height:0 !important;
    height:auto !important;
    width:100% !important;
    max-width:100% !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:9px !important;
    padding:0 2px 10px !important;
    margin:0 !important;
  }

  html body #sidebar.sidebar .nav-group{
    width:100% !important;
    max-width:100% !important;
    display:grid !important;
    gap:6px !important;
    margin:0 !important;
    padding:0 !important;
  }

  html body #sidebar.sidebar .nav-group-title{
    margin:8px 8px 2px !important;
    padding:0 !important;
  }

  html body #sidebar.sidebar nav.menu-groups button.nav-btn,
  html body #sidebar.sidebar nav button.nav-btn,
  html body #sidebar.sidebar .nav-btn{
    width:100% !important;
    max-width:100% !important;
    min-height:52px !important;
    height:auto !important;
    box-sizing:border-box !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 26px !important;
    align-items:center !important;
    gap:8px !important;
    padding:8px 10px !important;
    margin:0 !important;
    border-radius:18px !important;
    overflow:hidden !important;
    white-space:normal !important;
    text-align:left !important;
  }

  html body.rtl #sidebar.sidebar nav.menu-groups button.nav-btn,
  html body.rtl #sidebar.sidebar nav button.nav-btn,
  html body.rtl #sidebar.sidebar .nav-btn{
    text-align:right !important;
  }

  html body #sidebar.sidebar .nav-btn .nav-main{
    min-width:0 !important;
    width:100% !important;
    display:grid !important;
    grid-template-columns:36px minmax(0,1fr) !important;
    align-items:center !important;
    gap:10px !important;
  }

  html body #sidebar.sidebar .nav-btn .nav-main > span:last-child,
  html body #sidebar.sidebar .nav-btn span[data-i18n],
  html body #sidebar.sidebar .nav-btn b.ks-add-visible-text{
    min-width:0 !important;
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    font-size:14px !important;
    line-height:1.2 !important;
    font-weight:950 !important;
    color:#f8fafc !important;
    -webkit-text-fill-color:#f8fafc !important;
  }

  html body #sidebar.sidebar .nav-btn::before{
    content:none !important;
    display:none !important;
  }

  html body #sidebar.sidebar .nav-btn::after{
    content:"›" !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:26px !important;
    height:26px !important;
    min-width:26px !important;
    margin:0 !important;
    border-radius:11px !important;
    background:rgba(148,163,184,.14) !important;
    color:#e2e8f0 !important;
    -webkit-text-fill-color:#e2e8f0 !important;
    font-size:23px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    position:static !important;
    transform:none !important;
  }

  html body.rtl #sidebar.sidebar .nav-btn::after{
    content:"‹" !important;
  }

  html body #sidebar.sidebar .count{
    position:static !important;
    transform:none !important;
    min-width:22px !important;
    height:22px !important;
    padding:0 7px !important;
    margin:0 4px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    font-size:10px !important;
    line-height:1 !important;
    vertical-align:middle !important;
  }

  html body #sidebarFooter.side-bottom{
    flex:0 0 auto !important;
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:8px 0 0 !important;
    padding:0 !important;
  }

  html body #sidebarFooter.side-bottom .user-card{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }

  html body #sidebar.sidebar:not(.open) #logoutBtn.logout-btn{
    display:none !important;
  }

  html body #sidebar.sidebar.open #logoutBtn.logout-btn,
  html body.mobile-menu-open #sidebar.sidebar #logoutBtn.logout-btn,
  html body #sidebar.sidebar #logoutBtn.logout-btn{
    flex:0 0 auto !important;
    position:relative !important;
    inset:auto !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    display:flex !important;
    width:100% !important;
    max-width:100% !important;
    min-height:50px !important;
    box-sizing:border-box !important;
    margin:10px 0 0 !important;
    padding:12px 14px !important;
    z-index:4 !important;
    border-radius:18px !important;
    align-items:center !important;
    justify-content:center !important;
    gap:9px !important;
    color:#fecaca !important;
    -webkit-text-fill-color:#fecaca !important;
    background:linear-gradient(135deg,rgba(239,68,68,.25),rgba(127,29,29,.20)) !important;
    border:1px solid rgba(248,113,113,.38) !important;
    box-shadow:0 12px 28px rgba(2,6,23,.35), inset 0 1px 0 rgba(255,255,255,.06) !important;
    backdrop-filter:blur(12px) saturate(150%) !important;
    -webkit-backdrop-filter:blur(12px) saturate(150%) !important;
    font-size:13.5px !important;
    line-height:1.1 !important;
    font-weight:1000 !important;
    text-align:center !important;
  }

  html body #sidebar.sidebar #logoutBtn.logout-btn::before{
    content:"↪" !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:27px !important;
    height:27px !important;
    min-width:27px !important;
    border-radius:11px !important;
    background:rgba(255,255,255,.10) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    color:#fecaca !important;
    -webkit-text-fill-color:#fecaca !important;
    font-size:15px !important;
    line-height:1 !important;
  }

  @supports not (height:100dvh){
    html body #sidebar.sidebar{
      height:100vh !important;
      min-height:100vh !important;
      max-height:100vh !important;
    }
  }
}


@media (max-width: 767px){
  html body #menuBtn.menu-btn{
    pointer-events:auto !important;
    touch-action:manipulation !important;
    z-index:40001 !important;
  }
  html body.mobile-menu-open,
  html body.mobile-menu-open #app,
  html body.mobile-menu-open .main{
    overflow:hidden !important;
  }
  html body.mobile-menu-open #mobileV49Nav,
  html body.mobile-menu-open #mobileTaskbar,
  html body.mobile-menu-open #mobilePageMenuFab,
  html body.mobile-menu-open .mobile-page-menu-fab{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
  html body #sidebar.sidebar{
    position:fixed !important;
    inset:0 !important;
    width:100vw !important;
    max-width:100vw !important;
    min-width:100vw !important;
    height:100dvh !important;
    max-height:100dvh !important;
    z-index:40000 !important;
    transform:translate3d(-105vw,0,0) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
  html body.rtl #sidebar.sidebar{
    transform:translate3d(105vw,0,0) !important;
  }
  html body #sidebar.sidebar.open,
  html body.mobile-menu-open #sidebar.sidebar{
    transform:translate3d(0,0,0) !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  #orders .table-wrap{
    display:none !important;
  }
  #ordersMobileCards146{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
    width:100% !important;
    margin:12px 0 0 !important;
    padding:0 !important;
  }
  .ks146-order-card{
    display:block !important;
    width:100% !important;
    box-sizing:border-box !important;
    border-radius:24px !important;
    padding:15px !important;
    background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(2,6,23,.94)) !important;
    border:1px solid rgba(148,163,184,.18) !important;
    box-shadow:0 18px 45px rgba(0,0,0,.32) !important;
    overflow:hidden !important;
  }
  .ks146-order-card.is-latest,
  .ks146-order-card.latest,
  .ks146-order-card.last,
  .ks146-order-card.is-warning,
  .ks146-order-card.warning,
  .ks146-order-card.expiring{
    background:linear-gradient(180deg,rgba(113,63,18,.98),rgba(69,26,3,.96)) !important;
    border-color:rgba(250,204,21,.34) !important;
  }
  .ks146-order-card.is-expired,
  .ks146-order-card.expired,
  .ks146-order-card.danger{
    background:linear-gradient(180deg,rgba(127,29,29,.95),rgba(69,10,10,.94)) !important;
    border-color:rgba(248,113,113,.32) !important;
  }
  .ks146-head{
    display:flex !important;
    align-items:center !important;
    gap:11px !important;
    margin-bottom:12px !important;
  }
  .ks146-logo{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:16px !important;
    background:rgba(255,255,255,.08) !important;
    overflow:hidden !important;
  }
  .ks146-logo img,
  .ks146-logo .service-logo-wrap,
  .ks146-service-logo{
    max-width:34px !important;
    max-height:34px !important;
  }
  .ks146-logo-fallback{
    color:#fff !important;
    font-weight:1000 !important;
    font-size:20px !important;
  }
  .ks146-head span{
    display:block !important;
    color:#94a3b8 !important;
    font-size:11px !important;
    font-weight:900 !important;
    text-transform:uppercase !important;
    letter-spacing:.08em !important;
  }
  .ks146-head b{
    display:block !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-size:16px !important;
    margin-top:2px !important;
    overflow-wrap:anywhere !important;
  }
  .ks146-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:9px !important;
  }
  .ks146-grid > div{
    border-radius:17px !important;
    padding:11px 12px !important;
    background:rgba(15,23,42,.72) !important;
    border:1px solid rgba(148,163,184,.12) !important;
    min-width:0 !important;
  }
  .ks146-grid span{
    display:block !important;
    font-size:11px !important;
    font-weight:900 !important;
    color:#93a4bd !important;
    margin-bottom:5px !important;
  }
  .ks146-grid b{
    display:block !important;
    color:#f8fafc !important;
    -webkit-text-fill-color:#f8fafc !important;
    font-size:14px !important;
    line-height:1.35 !important;
    overflow-wrap:anywhere !important;
  }
  .ks146-grid em{
    font-style:normal !important;
    color:#60a5fa !important;
    margin:0 4px !important;
  }
  .ks146-actions{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:8px !important;
    margin-top:13px !important;
  }
  .ks146-actions .row-action-btn{
    min-width:0 !important;
    min-height:42px !important;
    border-radius:14px !important;
    font-size:12px !important;
    padding:0 5px !important;
    margin:0 !important;
  }
  .ks146-empty{
    padding:22px !important;
    text-align:center !important;
    color:#94a3b8 !important;
    border-radius:20px !important;
    background:rgba(15,23,42,.8) !important;
    border:1px solid rgba(148,163,184,.16) !important;
  }
  #ordersPager{
    margin-top:12px !important;
  }
}
@media (min-width: 768px){
  #ordersMobileCards146{display:none !important;}
}

@media (max-width: 767px){
  html body #sidebar.sidebar,
  html body #sidebar.sidebar.open,
  html body.mobile-menu-open #sidebar.sidebar{
    gap:6px !important;
    padding:calc(5px + env(safe-area-inset-top)) 10px calc(10px + env(safe-area-inset-bottom)) !important;
  }

  html body #sidebar.sidebar .mobile-menu-head{
    grid-template-columns:40px 1fr 40px !important;
    min-height:42px !important;
    gap:6px !important;
    margin:0 0 2px !important;
  }

  html body #mobileMenuClose.mobile-menu-close{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    min-height:40px !important;
    border-radius:14px !important;
  }

  html body #mobileMenuClose.mobile-menu-close::before{
    font-size:26px !important;
  }

  html body #sidebar.sidebar .mobile-menu-title{
    font-size:16px !important;
    line-height:1.1 !important;
  }

  html body #sidebar.sidebar .menu-groups,
  html body #sidebar.sidebar nav.menu-groups,
  html body #sidebar.sidebar nav{
    gap:6px !important;
    padding:0 0 6px !important;
  }

  html body #sidebar.sidebar .nav-group{
    gap:4px !important;
  }

  html body #sidebar.sidebar .nav-group-title{
    margin:5px 6px 1px !important;
    font-size:10px !important;
    line-height:1.05 !important;
    letter-spacing:.22em !important;
  }

  html body #sidebar.sidebar nav.menu-groups button.nav-btn,
  html body #sidebar.sidebar nav button.nav-btn,
  html body #sidebar.sidebar .nav-btn{
    min-height:44px !important;
    grid-template-columns:minmax(0,1fr) 22px !important;
    gap:6px !important;
    padding:6px 8px !important;
    border-radius:15px !important;
  }

  html body #sidebar.sidebar .nav-btn .nav-main{
    grid-template-columns:31px minmax(0,1fr) !important;
    gap:8px !important;
  }

  html body #sidebar.sidebar .nav-icon,
  html body #sidebar.sidebar .nav-main .nav-icon{
    width:31px !important;
    height:31px !important;
    min-width:31px !important;
    min-height:31px !important;
    max-width:31px !important;
    max-height:31px !important;
    border-radius:12px !important;
    font-size:16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  html body #sidebar.sidebar .nav-btn .nav-main > span:last-child,
  html body #sidebar.sidebar .nav-btn span[data-i18n],
  html body #sidebar.sidebar .nav-btn b.ks-add-visible-text{
    font-size:12.7px !important;
    line-height:1.1 !important;
    font-weight:900 !important;
  }

  html body #sidebar.sidebar .nav-btn::after{
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    border-radius:9px !important;
    font-size:19px !important;
  }

  html body #sidebar.sidebar .count{
    min-width:18px !important;
    height:18px !important;
    padding:0 5px !important;
    margin:0 2px !important;
    font-size:9px !important;
  }

  html body #sidebarFooter.side-bottom{
    margin:4px 0 0 !important;
  }

  html body #sidebarFooter.side-bottom .user-card{
    min-height:42px !important;
    padding:7px 9px !important;
    border-radius:15px !important;
  }

  html body #sidebarFooter.side-bottom .user-card > div,
  html body #userInitial{
    width:31px !important;
    height:31px !important;
    min-width:31px !important;
    min-height:31px !important;
    font-size:13px !important;
  }

  html body #sidebarFooter.side-bottom .user-card b{
    font-size:12.5px !important;
    line-height:1.05 !important;
  }

  html body #sidebarFooter.side-bottom .user-card small{
    font-size:10px !important;
    line-height:1.05 !important;
  }

  html body #sidebar.sidebar.open #logoutBtn.logout-btn,
  html body.mobile-menu-open #sidebar.sidebar #logoutBtn.logout-btn,
  html body #sidebar.sidebar #logoutBtn.logout-btn{
    min-height:43px !important;
    margin:6px 0 0 !important;
    padding:9px 12px !important;
    border-radius:15px !important;
    font-size:12.5px !important;
  }

  html body #sidebar.sidebar #logoutBtn.logout-btn::before{
    width:24px !important;
    height:24px !important;
    min-width:24px !important;
    border-radius:9px !important;
    font-size:13px !important;
  }
}

@media (max-width: 767px) and (max-height: 700px){
  html body #sidebar.sidebar,
  html body #sidebar.sidebar.open,
  html body.mobile-menu-open #sidebar.sidebar{
    gap:4px !important;
    padding:calc(4px + env(safe-area-inset-top)) 8px calc(8px + env(safe-area-inset-bottom)) !important;
  }

  html body #sidebar.sidebar .mobile-menu-head{
    min-height:38px !important;
    grid-template-columns:36px 1fr 36px !important;
  }

  html body #mobileMenuClose.mobile-menu-close{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;
  }

  html body #sidebar.sidebar nav.menu-groups button.nav-btn,
  html body #sidebar.sidebar nav button.nav-btn,
  html body #sidebar.sidebar .nav-btn{
    min-height:40px !important;
    padding:5px 7px !important;
    border-radius:14px !important;
  }

  html body #sidebar.sidebar .nav-btn .nav-main{
    grid-template-columns:28px minmax(0,1fr) !important;
    gap:7px !important;
  }

  html body #sidebar.sidebar .nav-icon,
  html body #sidebar.sidebar .nav-main .nav-icon{
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    min-height:28px !important;
    font-size:15px !important;
  }

  html body #sidebar.sidebar .nav-btn .nav-main > span:last-child,
  html body #sidebar.sidebar .nav-btn span[data-i18n],
  html body #sidebar.sidebar .nav-btn b.ks-add-visible-text{
    font-size:12px !important;
  }

  html body #sidebarFooter.side-bottom .user-card{
    min-height:38px !important;
    padding:6px 8px !important;
  }

  html body #sidebar.sidebar.open #logoutBtn.logout-btn,
  html body.mobile-menu-open #sidebar.sidebar #logoutBtn.logout-btn,
  html body #sidebar.sidebar #logoutBtn.logout-btn{
    min-height:39px !important;
    padding:8px 10px !important;
  }
}

@media (max-width: 767px){
  html body #sidebar.sidebar,
  html body #sidebar.sidebar.open,
  html body.mobile-menu-open #sidebar.sidebar{
    gap:4px !important;
    padding:calc(4px + env(safe-area-inset-top)) 8px calc(8px + env(safe-area-inset-bottom)) !important;
  }

  html body #sidebar.sidebar .mobile-menu-head{
    grid-template-columns:36px 1fr 36px !important;
    min-height:38px !important;
    height:38px !important;
    gap:5px !important;
    margin:0 0 1px !important;
  }

  html body #mobileMenuClose.mobile-menu-close{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;
    border-radius:13px !important;
  }

  html body #mobileMenuClose.mobile-menu-close::before{
    font-size:24px !important;
  }

  html body #sidebar.sidebar .mobile-menu-title{
    font-size:15px !important;
    line-height:1 !important;
  }

  html body #sidebar.sidebar .menu-groups,
  html body #sidebar.sidebar nav.menu-groups,
  html body #sidebar.sidebar nav{
    gap:4px !important;
    padding:0 0 4px !important;
  }

  html body #sidebar.sidebar .nav-group{
    gap:3px !important;
  }

  html body #sidebar.sidebar .nav-group-title{
    margin:4px 5px 0 !important;
    padding:0 !important;
    font-size:9px !important;
    line-height:1 !important;
    letter-spacing:.20em !important;
  }

  html body #sidebar.sidebar nav.menu-groups button.nav-btn,
  html body #sidebar.sidebar nav button.nav-btn,
  html body #sidebar.sidebar .nav-btn{
    min-height:37px !important;
    height:37px !important;
    max-height:37px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto 20px !important;
    grid-template-rows:1fr !important;
    align-items:center !important;
    column-gap:5px !important;
    row-gap:0 !important;
    padding:4px 6px !important;
    border-radius:13px !important;
    overflow:hidden !important;
  }

  html body #sidebar.sidebar .nav-btn .nav-main{
    grid-column:1 !important;
    grid-row:1 !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:27px minmax(0,1fr) !important;
    align-items:center !important;
    gap:7px !important;
  }

  html body #sidebar.sidebar .nav-icon,
  html body #sidebar.sidebar .nav-main .nav-icon{
    width:27px !important;
    height:27px !important;
    min-width:27px !important;
    min-height:27px !important;
    max-width:27px !important;
    max-height:27px !important;
    border-radius:10px !important;
    font-size:14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  html body #sidebar.sidebar .nav-btn .nav-main > span:last-child,
  html body #sidebar.sidebar .nav-btn span[data-i18n],
  html body #sidebar.sidebar .nav-btn b.ks-add-visible-text{
    min-width:0 !important;
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:900 !important;
  }

  html body #sidebar.sidebar .nav-btn > span.ks-add-menu-label-only,
  html body #sidebar.sidebar .nav-btn > b.ks-add-visible-text{
    display:none !important;
  }

  html body #sidebar.sidebar .count{
    grid-column:2 !important;
    grid-row:1 !important;
    position:static !important;
    transform:none !important;
    min-width:17px !important;
    width:auto !important;
    height:17px !important;
    padding:0 4px !important;
    margin:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    font-size:8.5px !important;
    line-height:1 !important;
  }

  html body #sidebar.sidebar .count.hidden{
    display:none !important;
  }

  html body #sidebar.sidebar .nav-btn::after{
    grid-column:3 !important;
    grid-row:1 !important;
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    min-height:20px !important;
    border-radius:8px !important;
    font-size:17px !important;
    line-height:1 !important;
    margin:0 !important;
    position:static !important;
    transform:none !important;
    align-self:center !important;
    justify-self:end !important;
  }

  html body #sidebarFooter.side-bottom{
    margin:3px 0 0 !important;
  }

  html body #sidebarFooter.side-bottom .user-card{
    min-height:36px !important;
    height:36px !important;
    padding:5px 7px !important;
    border-radius:13px !important;
    overflow:hidden !important;
  }

  html body #sidebarFooter.side-bottom .user-card > div,
  html body #userInitial{
    width:27px !important;
    height:27px !important;
    min-width:27px !important;
    min-height:27px !important;
    font-size:12px !important;
  }

  html body #sidebarFooter.side-bottom .user-card p{
    margin:0 !important;
    line-height:1 !important;
    min-width:0 !important;
  }

  html body #sidebarFooter.side-bottom .user-card b{
    font-size:11.5px !important;
    line-height:1 !important;
  }

  html body #sidebarFooter.side-bottom .user-card small{
    font-size:9px !important;
    line-height:1 !important;
  }

  html body #sidebar.sidebar.open #logoutBtn.logout-btn,
  html body.mobile-menu-open #sidebar.sidebar #logoutBtn.logout-btn,
  html body #sidebar.sidebar #logoutBtn.logout-btn{
    min-height:36px !important;
    height:36px !important;
    margin:4px 0 0 !important;
    padding:7px 9px !important;
    border-radius:13px !important;
    font-size:11.5px !important;
  }

  html body #sidebar.sidebar #logoutBtn.logout-btn::before{
    width:21px !important;
    height:21px !important;
    min-width:21px !important;
    border-radius:8px !important;
    font-size:12px !important;
  }
}


@media (max-width: 767px){
  html body #sidebar.sidebar,
  html body #sidebar.sidebar.open,
  html body.mobile-menu-open #sidebar.sidebar{
    --ks-menu-pad-x: 9px;
    padding:calc(5px + env(safe-area-inset-top)) var(--ks-menu-pad-x) calc(8px + env(safe-area-inset-bottom)) !important;
    gap:5px !important;
    background:
      radial-gradient(circle at 18% 0%, rgba(124,58,237,.24), transparent 34%),
      radial-gradient(circle at 100% 18%, rgba(59,130,246,.16), transparent 32%),
      linear-gradient(180deg, rgba(5,9,20,.985), rgba(7,10,27,.982)) !important;
  }

  html body #sidebar.sidebar .mobile-menu-head{
    height:39px !important;
    min-height:39px !important;
    margin:0 0 2px !important;
    padding:0 1px !important;
  }

  html body #sidebar.sidebar .mobile-menu-title{
    font-size:15px !important;
    font-weight:1000 !important;
    letter-spacing:-.02em !important;
    text-shadow:0 8px 22px rgba(0,0,0,.35) !important;
  }

  html body #mobileMenuClose.mobile-menu-close{
    width:35px !important;
    height:35px !important;
    min-width:35px !important;
    min-height:35px !important;
    border-radius:14px !important;
    background:rgba(255,255,255,.075) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 8px 18px rgba(0,0,0,.20) !important;
  }

  html body #sidebar.sidebar nav.menu-groups,
  html body #sidebar.sidebar .menu-groups{
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;
    gap:5px !important;
    padding:1px 0 4px !important;
    scrollbar-width:none !important;
  }
  html body #sidebar.sidebar nav.menu-groups::-webkit-scrollbar,
  html body #sidebar.sidebar .menu-groups::-webkit-scrollbar{display:none !important;}

  html body #sidebar.sidebar .nav-group{
    gap:3px !important;
    padding:0 !important;
    margin:0 !important;
  }

  html body #sidebar.sidebar .nav-group-title{
    margin:5px 6px 1px !important;
    color:#b8b6ff !important;
    opacity:.95 !important;
    font-size:9px !important;
    letter-spacing:.22em !important;
  }

  html body #sidebar.sidebar nav.menu-groups button.nav-btn,
  html body #sidebar.sidebar nav button.nav-btn,
  html body #sidebar.sidebar .nav-btn{
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;
    padding:4px 7px !important;
    border-radius:15px !important;
    background:linear-gradient(180deg, rgba(255,255,255,.082), rgba(255,255,255,.045)) !important;
    border:1px solid rgba(255,255,255,.115) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 7px 18px rgba(0,0,0,.14) !important;
  }

  html body #sidebar.sidebar nav.menu-groups button.nav-btn.active,
  html body #sidebar.sidebar nav button.nav-btn.active,
  html body #sidebar.sidebar .nav-btn.active{
    background:linear-gradient(135deg, rgba(79,70,229,.95), rgba(124,58,237,.75)) !important;
    border-color:rgba(167,139,250,.55) !important;
    box-shadow:0 10px 24px rgba(79,70,229,.28), inset 0 1px 0 rgba(255,255,255,.16) !important;
  }

  html body #sidebar.sidebar .nav-btn .nav-main{
    grid-template-columns:28px minmax(0,1fr) !important;
    gap:8px !important;
  }

  html body #sidebar.sidebar .nav-icon,
  html body #sidebar.sidebar .nav-main .nav-icon{
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    min-height:28px !important;
    max-width:28px !important;
    max-height:28px !important;
    border-radius:11px !important;
    background:rgba(255,255,255,.105) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10) !important;
    font-size:14px !important;
  }

  html body #sidebar.sidebar .nav-btn .nav-main > span:last-child,
  html body #sidebar.sidebar .nav-btn span[data-i18n],
  html body #sidebar.sidebar .nav-btn b.ks-add-visible-text{
    font-size:12px !important;
    letter-spacing:-.01em !important;
  }

  html body #sidebar.sidebar .count{
    min-width:16px !important;
    height:16px !important;
    padding:0 4px !important;
    font-size:8px !important;
    box-shadow:0 6px 14px rgba(244,63,94,.28) !important;
  }

  html body #sidebar.sidebar .nav-btn::after{
    width:19px !important;
    height:19px !important;
    min-width:19px !important;
    min-height:19px !important;
    border-radius:8px !important;
    background:rgba(255,255,255,.09) !important;
    font-size:16px !important;
  }

  html body #sidebarFooter.side-bottom{
    flex:0 0 auto !important;
    margin:4px 0 0 !important;
  }

  html body #sidebarFooter.side-bottom .user-card{
    height:35px !important;
    min-height:35px !important;
    padding:5px 7px !important;
    border-radius:15px !important;
    background:rgba(255,255,255,.045) !important;
    border:1px solid rgba(255,255,255,.095) !important;
  }

  html body #sidebar.sidebar.open #logoutBtn.logout-btn,
  html body.mobile-menu-open #sidebar.sidebar #logoutBtn.logout-btn,
  html body #sidebar.sidebar #logoutBtn.logout-btn{
    height:35px !important;
    min-height:35px !important;
    margin:5px 0 0 !important;
    padding:6px 9px !important;
    border-radius:15px !important;
    font-size:11.5px !important;
    background:linear-gradient(135deg, rgba(190,24,93,.74), rgba(136,19,55,.62)) !important;
    border:1px solid rgba(244,114,182,.25) !important;
  }

  .ks146-actions{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:7px !important;
    margin-top:13px !important;
    align-items:stretch !important;
  }

  .ks146-actions .row-action-btn{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    height:39px !important;
    min-height:39px !important;
    max-height:39px !important;
    padding:0 5px !important;
    border-radius:14px !important;
    font-size:11.3px !important;
    font-weight:1000 !important;
    letter-spacing:-.02em !important;
    white-space:nowrap !important;
    line-height:1 !important;
    border:1px solid rgba(255,255,255,.16) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.13), 0 8px 18px rgba(0,0,0,.18) !important;
    transform:none !important;
  }

  .ks146-actions .row-action-btn::before{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:17px !important;
    height:17px !important;
    min-width:17px !important;
    border-radius:7px !important;
    margin:0 !important;
    font-size:10px !important;
    background:rgba(255,255,255,.16) !important;
    color:currentColor !important;
    line-height:1 !important;
  }

  .ks146-actions .row-action-btn.view{
    color:#e0f2fe !important;
    -webkit-text-fill-color:#e0f2fe !important;
    background:linear-gradient(135deg, rgba(2,132,199,.82), rgba(37,99,235,.62)) !important;
  }
  .ks146-actions .row-action-btn.view::before{content:"👁" !important;}

  .ks146-actions .row-action-btn.copy{
    color:#d1fae5 !important;
    -webkit-text-fill-color:#d1fae5 !important;
    background:linear-gradient(135deg, rgba(5,150,105,.80), rgba(16,185,129,.58)) !important;
  }
  .ks146-actions .row-action-btn.copy::before{content:"⧉" !important;}

  .ks146-actions .row-action-btn.edit{
    color:#ede9fe !important;
    -webkit-text-fill-color:#ede9fe !important;
    background:linear-gradient(135deg, rgba(109,40,217,.82), rgba(124,58,237,.60)) !important;
  }
  .ks146-actions .row-action-btn.edit::before{content:"✎" !important;}

  .ks146-actions .row-action-btn.danger,
  .ks146-actions .row-action-btn.delete{
    color:#ffe4e6 !important;
    -webkit-text-fill-color:#ffe4e6 !important;
    background:linear-gradient(135deg, rgba(225,29,72,.86), rgba(159,18,57,.68)) !important;
  }
  .ks146-actions .row-action-btn.danger::before,
  .ks146-actions .row-action-btn.delete::before{content:"×" !important;}

  .ks146-actions .row-action-btn:active{
    transform:scale(.97) !important;
    filter:brightness(1.08) !important;
  }

  .ks146-order-card{
    border-radius:23px !important;
    padding:14px !important;
  }

  .ks146-grid > div{
    border-radius:16px !important;
    padding:10px 11px !important;
  }
}

@media (max-width: 767px) and (max-height: 470px), (max-width: 932px) and (orientation: landscape){
  html body #sidebar.sidebar,
  html body #sidebar.sidebar.open,
  html body.mobile-menu-open #sidebar.sidebar{
    padding:calc(4px + env(safe-area-inset-top)) calc(9px + env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) calc(9px + env(safe-area-inset-left)) !important;
    gap:4px !important;
  }

  html body #sidebar.sidebar .mobile-menu-head{
    height:34px !important;
    min-height:34px !important;
  }

  html body #mobileMenuClose.mobile-menu-close{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    min-height:32px !important;
  }

  html body #sidebar.sidebar nav.menu-groups,
  html body #sidebar.sidebar .menu-groups{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    align-content:start !important;
    gap:6px 8px !important;
    padding:1px 0 3px !important;
  }

  html body #sidebar.sidebar .nav-group{
    min-width:0 !important;
    gap:3px !important;
  }

  html body #sidebar.sidebar .nav-group-title{
    margin:3px 5px 1px !important;
    font-size:8px !important;
    letter-spacing:.20em !important;
  }

  html body #sidebar.sidebar nav.menu-groups button.nav-btn,
  html body #sidebar.sidebar nav button.nav-btn,
  html body #sidebar.sidebar .nav-btn{
    height:34px !important;
    min-height:34px !important;
    max-height:34px !important;
    border-radius:13px !important;
    padding:3px 6px !important;
    grid-template-columns:minmax(0,1fr) auto 18px !important;
  }

  html body #sidebar.sidebar .nav-btn .nav-main{
    grid-template-columns:25px minmax(0,1fr) !important;
    gap:6px !important;
  }

  html body #sidebar.sidebar .nav-icon,
  html body #sidebar.sidebar .nav-main .nav-icon{
    width:25px !important;
    height:25px !important;
    min-width:25px !important;
    min-height:25px !important;
    font-size:13px !important;
    border-radius:10px !important;
  }

  html body #sidebar.sidebar .nav-btn .nav-main > span:last-child,
  html body #sidebar.sidebar .nav-btn span[data-i18n]{
    font-size:11px !important;
  }

  html body #sidebar.sidebar .count{
    min-width:15px !important;
    height:15px !important;
    font-size:7.5px !important;
    padding:0 3px !important;
  }

  html body #sidebar.sidebar .nav-btn::after{
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    min-height:18px !important;
    font-size:15px !important;
  }

  html body #sidebarFooter.side-bottom{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    align-items:center !important;
    margin:3px 0 0 !important;
  }

  html body #sidebarFooter.side-bottom .user-card,
  html body #sidebar.sidebar.open #logoutBtn.logout-btn,
  html body.mobile-menu-open #sidebar.sidebar #logoutBtn.logout-btn,
  html body #sidebar.sidebar #logoutBtn.logout-btn{
    height:33px !important;
    min-height:33px !important;
    margin:0 !important;
    border-radius:13px !important;
  }
}

@media (max-width: 390px){
  .ks146-actions{
    gap:6px !important;
  }
  .ks146-actions .row-action-btn{
    font-size:10.5px !important;
    gap:3px !important;
    height:37px !important;
    min-height:37px !important;
    border-radius:13px !important;
  }
  .ks146-actions .row-action-btn::before{
    width:15px !important;
    height:15px !important;
    min-width:15px !important;
    font-size:9px !important;
  }
}


@media (max-width: 767px){
  #orders .ks146-actions{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:6px !important;
    margin-top:12px !important;
    padding:7px !important;
    border-radius:20px !important;
    background:rgba(7,14,32,.58) !important;
    border:1px solid rgba(148,163,184,.16) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 12px 24px rgba(0,0,0,.16) !important;
    backdrop-filter:blur(12px) !important;
    -webkit-backdrop-filter:blur(12px) !important;
  }

  #orders .ks146-actions .row-action-btn{
    position:relative !important;
    overflow:hidden !important;
    isolation:isolate !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    width:100% !important;
    height:36px !important;
    min-height:36px !important;
    max-height:36px !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 5px !important;
    border-radius:13px !important;
    font-size:11px !important;
    font-weight:1000 !important;
    line-height:1 !important;
    letter-spacing:-.03em !important;
    white-space:nowrap !important;
    text-align:center !important;
    text-shadow:none !important;
    box-shadow:none !important;
    transform:none !important;
    -webkit-tap-highlight-color:transparent !important;
  }

  #orders .ks146-actions .row-action-btn::before{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    height:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    margin:0 1px 0 0 !important;
    padding:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    border:0 !important;
    font-size:10px !important;
    line-height:1 !important;
    opacity:.95 !important;
    color:currentColor !important;
    -webkit-text-fill-color:currentColor !important;
  }

  #orders .ks146-actions .row-action-btn::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:-1 !important;
    border-radius:inherit !important;
    background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.025)) !important;
    pointer-events:none !important;
  }

  #orders .ks146-actions .row-action-btn.view{
    color:#bfdbfe !important;
    -webkit-text-fill-color:#bfdbfe !important;
    background:rgba(37,99,235,.16) !important;
    border:1px solid rgba(96,165,250,.32) !important;
  }
  #orders .ks146-actions .row-action-btn.copy{
    color:#bbf7d0 !important;
    -webkit-text-fill-color:#bbf7d0 !important;
    background:rgba(16,185,129,.14) !important;
    border:1px solid rgba(52,211,153,.30) !important;
  }
  #orders .ks146-actions .row-action-btn.edit{
    color:#ddd6fe !important;
    -webkit-text-fill-color:#ddd6fe !important;
    background:rgba(124,58,237,.15) !important;
    border:1px solid rgba(167,139,250,.30) !important;
  }
  #orders .ks146-actions .row-action-btn.danger,
  #orders .ks146-actions .row-action-btn.delete{
    color:#fecdd3 !important;
    -webkit-text-fill-color:#fecdd3 !important;
    background:rgba(225,29,72,.15) !important;
    border:1px solid rgba(251,113,133,.30) !important;
  }

  #orders .ks146-actions .row-action-btn:active{
    transform:scale(.98) !important;
    filter:brightness(1.10) !important;
  }

  #mobileV49Nav{
    left:13px !important;
    right:13px !important;
    bottom:calc(9px + env(safe-area-inset-bottom)) !important;
    padding:6px !important;
    gap:5px !important;
    border-radius:22px !important;
    background:rgba(5,10,24,.78) !important;
    border:1px solid rgba(148,163,184,.18) !important;
    box-shadow:0 14px 38px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.06) !important;
    backdrop-filter:blur(18px) saturate(1.08) !important;
    -webkit-backdrop-filter:blur(18px) saturate(1.08) !important;
  }

  #mobileV49Nav .mobile-v49-nav-btn{
    min-height:50px !important;
    border-radius:16px !important;
    background:transparent !important;
    box-shadow:none !important;
    border:1px solid transparent !important;
  }

  #mobileV49Nav .mobile-v49-nav-btn.active{
    background:linear-gradient(135deg, rgba(37,99,235,.30), rgba(124,58,237,.24)) !important;
    border:1px solid rgba(255,255,255,.11) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 8px 18px rgba(37,99,235,.16) !important;
  }

  #mobileV49Nav .mobile-v49-nav-btn span{
    width:25px !important;
    height:25px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:10px !important;
    background:rgba(255,255,255,.055) !important;
    box-shadow:none !important;
  }

  #mobileV49Nav .mobile-v49-nav-btn.active span{
    background:rgba(255,255,255,.10) !important;
  }
}

@media (max-width: 390px){
  #orders .ks146-actions{
    gap:5px !important;
    padding:6px !important;
    border-radius:18px !important;
  }
  #orders .ks146-actions .row-action-btn{
    height:34px !important;
    min-height:34px !important;
    max-height:34px !important;
    border-radius:12px !important;
    font-size:10.3px !important;
    gap:3px !important;
  }
  #orders .ks146-actions .row-action-btn::before{
    font-size:9px !important;
    margin-right:0 !important;
  }
}

@media (max-width: 932px) and (orientation: landscape){
  #orders .ks146-actions{
    gap:6px !important;
    padding:6px !important;
  }
  #orders .ks146-actions .row-action-btn{
    height:33px !important;
    min-height:33px !important;
    max-height:33px !important;
    border-radius:12px !important;
    font-size:10.5px !important;
  }
  #mobileV49Nav{
    left:10px !important;
    right:10px !important;
    padding:5px !important;
    border-radius:20px !important;
  }
  #mobileV49Nav .mobile-v49-nav-btn{
    min-height:46px !important;
    border-radius:15px !important;
  }
}


@media (max-width: 767px){
  html body #menuBtn.menu-btn{
    width:46px !important;
    height:46px !important;
    min-height:46px !important;
    padding:0 !important;
    border-radius:16px !important;
    border:1px solid rgba(148,163,184,.20) !important;
    background:linear-gradient(180deg, rgba(15,23,42,.92) 0%, rgba(21,30,56,.82) 100%) !important;
    box-shadow:0 12px 28px rgba(2,8,23,.28), inset 0 1px 0 rgba(255,255,255,.08), inset 0 -1px 0 rgba(99,102,241,.14) !important;
    backdrop-filter:blur(16px) saturate(1.08) !important;
    -webkit-backdrop-filter:blur(16px) saturate(1.08) !important;
    transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease !important;
    position:relative !important;
    overflow:hidden !important;
  }

  html body #menuBtn.menu-btn::after{
    content:"" !important;
    position:absolute !important;
    inset:1px !important;
    border-radius:15px !important;
    background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.015)) !important;
    pointer-events:none !important;
  }

  html body #menuBtn.menu-btn::before{
    content:"☰" !important;
    position:relative !important;
    z-index:1 !important;
    color:#f8fafc !important;
    font-size:19px !important;
    line-height:1 !important;
    text-shadow:0 1px 0 rgba(0,0,0,.18) !important;
  }

  html body #menuBtn.menu-btn:hover,
  html body #menuBtn.menu-btn:focus-visible{
    background:linear-gradient(180deg, rgba(22,32,60,.95) 0%, rgba(29,41,77,.88) 100%) !important;
    border-color:rgba(129,140,248,.32) !important;
    box-shadow:0 14px 30px rgba(2,8,23,.30), inset 0 1px 0 rgba(255,255,255,.10), 0 0 0 3px rgba(99,102,241,.08) !important;
    outline:none !important;
  }

  html body #menuBtn.menu-btn:active{
    transform:scale(.97) !important;
    box-shadow:0 8px 18px rgba(2,8,23,.25), inset 0 1px 0 rgba(255,255,255,.06) !important;
  }

  html body.mobile-menu-open #menuBtn.menu-btn{
    background:linear-gradient(180deg, rgba(44,57,104,.94) 0%, rgba(57,75,138,.88) 100%) !important;
    border-color:rgba(129,140,248,.40) !important;
    box-shadow:0 14px 30px rgba(28,42,100,.24), inset 0 1px 0 rgba(255,255,255,.10) !important;
  }
}

@media (max-width: 932px) and (orientation: landscape){
  html body #menuBtn.menu-btn{
    width:42px !important;
    height:42px !important;
    min-height:42px !important;
    border-radius:15px !important;
  }
  html body #menuBtn.menu-btn::after{
    border-radius:14px !important;
  }
  html body #menuBtn.menu-btn::before{
    font-size:18px !important;
  }
}


@media (max-width: 767px){
  #orders .ks146-actions{
    position:relative !important;
    z-index:5 !important;
    pointer-events:auto !important;
  }
  #orders .ks146-actions .row-action-btn{
    position:relative !important;
    z-index:6 !important;
    pointer-events:auto !important;
    cursor:pointer !important;
    -webkit-tap-highlight-color:rgba(255,255,255,.10) !important;
    user-select:none !important;
    -webkit-user-select:none !important;
    touch-action:manipulation !important;
  }
  #orders .ks146-actions .row-action-btn::before,
  #orders .ks146-actions .row-action-btn::after{
    pointer-events:none !important;
  }
}


@media (max-width: 767px){
  html body #app .main > .topbar{
    display:grid !important;
    grid-template-columns:46px minmax(0,1fr) 46px !important;
    grid-template-areas:"menu welcome logo" !important;
    align-items:center !important;
    gap:10px !important;
    min-height:62px !important;
    padding:8px 12px !important;
  }

  html body #app .main > .topbar #menuBtn.menu-btn{
    grid-area:menu !important;
    justify-self:start !important;
    align-self:center !important;
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    max-width:46px !important;
    min-height:46px !important;
    max-height:46px !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
  }

  html body #app .main > .topbar .mobile-top-logo-v49{
    grid-area:logo !important;
    justify-self:end !important;
    align-self:center !important;
    display:block !important;
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    max-width:46px !important;
    min-height:46px !important;
    max-height:46px !important;
    margin:0 !important;
    padding:7px !important;
    object-fit:contain !important;
    border-radius:16px !important;
    box-sizing:border-box !important;
    background:linear-gradient(180deg, rgba(15,23,42,.88), rgba(30,41,59,.66)) !important;
    border:1px solid rgba(148,163,184,.18) !important;
    box-shadow:0 10px 24px rgba(2,8,23,.20), inset 0 1px 0 rgba(255,255,255,.06) !important;
  }

  html body #app .main > .topbar > p{
    grid-area:welcome !important;
    justify-self:center !important;
    align-self:center !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:0 !important;
    max-width:100% !important;
    margin:0 !important;
    text-align:center !important;
  }

  html body #app .main > .topbar > p span{
    display:block !important;
    font-size:11px !important;
    line-height:1.05 !important;
    color:#a5b4fc !important;
    font-weight:700 !important;
    letter-spacing:.01em !important;
    white-space:nowrap !important;
  }

  html body #app .main > .topbar > p b{
    display:block !important;
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    font-size:18px !important;
    line-height:1.15 !important;
    color:#f8fafc !important;
    font-weight:900 !important;
    letter-spacing:-.02em !important;
  }

  html body #app .main > .topbar .dashboard-lang-switch{
    display:none !important;
  }
}

@media (max-width: 932px) and (orientation: landscape){
  html body #app .main > .topbar{
    grid-template-columns:42px minmax(0,1fr) 42px !important;
    gap:8px !important;
    min-height:54px !important;
    padding:6px 10px !important;
  }

  html body #app .main > .topbar #menuBtn.menu-btn,
  html body #app .main > .topbar .mobile-top-logo-v49{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    max-width:42px !important;
    min-height:42px !important;
    max-height:42px !important;
    border-radius:15px !important;
  }

  html body #app .main > .topbar .mobile-top-logo-v49{
    padding:6px !important;
  }

  html body #app .main > .topbar > p b{
    font-size:16px !important;
  }
}


@media (max-width: 767px){
  html body #app .main > header.topbar.topbar-v161{
    display:grid !important;
    grid-template-columns:48px minmax(0,1fr) 48px !important;
    grid-template-areas:"menu welcome logo" !important;
    align-items:center !important;
    justify-content:stretch !important;
    gap:10px !important;
    min-height:64px !important;
    height:64px !important;
    padding:8px 12px !important;
    box-sizing:border-box !important;
  }

  html body #app .main > header.topbar.topbar-v161 #menuBtn.menu-btn.topbar-menu-v161,
  html body #app .main > header.topbar.topbar-v161 img.mobile-top-logo-v49.topbar-logo-v161{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    max-width:48px !important;
    min-height:48px !important;
    max-height:48px !important;
    flex:0 0 48px !important;
    aspect-ratio:1 / 1 !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:17px !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    position:relative !important;
    inset:auto !important;
    transform:none !important;
    float:none !important;
  }

  html body #app .main > header.topbar.topbar-v161 #menuBtn.menu-btn.topbar-menu-v161{
    grid-area:menu !important;
    justify-self:start !important;
    align-self:center !important;
    border:1px solid rgba(148,163,184,.22) !important;
    background:linear-gradient(180deg, rgba(15,23,42,.92), rgba(30,41,59,.70)) !important;
    box-shadow:0 10px 24px rgba(2,8,23,.22), inset 0 1px 0 rgba(255,255,255,.07) !important;
    color:#f8fafc !important;
    overflow:hidden !important;
  }

  html body #app .main > header.topbar.topbar-v161 #menuBtn.menu-btn.topbar-menu-v161::before{
    content:"☰" !important;
    display:block !important;
    position:relative !important;
    inset:auto !important;
    width:auto !important;
    height:auto !important;
    color:#f8fafc !important;
    font-size:21px !important;
    line-height:1 !important;
    margin:0 !important;
    padding:0 !important;
    background:none !important;
    border:0 !important;
    box-shadow:none !important;
  }

  html body #app .main > header.topbar.topbar-v161 #menuBtn.menu-btn.topbar-menu-v161::after{
    content:"" !important;
    position:absolute !important;
    inset:1px !important;
    border-radius:16px !important;
    background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.01)) !important;
    pointer-events:none !important;
  }

  html body #app .main > header.topbar.topbar-v161 img.mobile-top-logo-v49.topbar-logo-v161{
    grid-area:logo !important;
    justify-self:end !important;
    align-self:center !important;
    object-fit:contain !important;
    padding:7px !important;
    border:1px solid rgba(148,163,184,.22) !important;
    background:linear-gradient(180deg, rgba(15,23,42,.92), rgba(30,41,59,.70)) !important;
    box-shadow:0 10px 24px rgba(2,8,23,.22), inset 0 1px 0 rgba(255,255,255,.07) !important;
  }

  html body #app .main > header.topbar.topbar-v161 > p.topbar-welcome-v161{
    grid-area:welcome !important;
    justify-self:center !important;
    align-self:center !important;
    min-width:0 !important;
    max-width:100% !important;
    width:100% !important;
    height:auto !important;
    margin:0 !important;
    padding:0 2px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    overflow:hidden !important;
  }

  html body #app .main > header.topbar.topbar-v161 > p.topbar-welcome-v161 span{
    display:block !important;
    font-size:11px !important;
    line-height:1.08 !important;
    font-weight:800 !important;
    color:#a5b4fc !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    max-width:100% !important;
  }

  html body #app .main > header.topbar.topbar-v161 > p.topbar-welcome-v161 b{
    display:block !important;
    font-size:18px !important;
    line-height:1.12 !important;
    font-weight:900 !important;
    color:#f8fafc !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    max-width:100% !important;
  }

  html body #app .main > header.topbar.topbar-v161 .dashboard-lang-switch{
    display:none !important;
  }
}

@media (max-width: 932px) and (orientation: landscape){
  html body #app .main > header.topbar.topbar-v161{
    grid-template-columns:44px minmax(0,1fr) 44px !important;
    min-height:56px !important;
    height:56px !important;
    padding:6px 10px !important;
    gap:8px !important;
  }

  html body #app .main > header.topbar.topbar-v161 #menuBtn.menu-btn.topbar-menu-v161,
  html body #app .main > header.topbar.topbar-v161 img.mobile-top-logo-v49.topbar-logo-v161{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    max-width:44px !important;
    min-height:44px !important;
    max-height:44px !important;
    flex-basis:44px !important;
    border-radius:15px !important;
  }

  html body #app .main > header.topbar.topbar-v161 img.mobile-top-logo-v49.topbar-logo-v161{
    padding:6px !important;
  }

  html body #app .main > header.topbar.topbar-v161 #menuBtn.menu-btn.topbar-menu-v161::before{
    font-size:19px !important;
  }

  html body #app .main > header.topbar.topbar-v161 > p.topbar-welcome-v161 b{
    font-size:16px !important;
  }

  html body #app .main > header.topbar.topbar-v161 > p.topbar-welcome-v161 span{
    font-size:10.5px !important;
  }
}


@media (max-width: 767px){
  html body #mobilePageMenuFab,
  html body .mobile-page-menu-fab,
  html body .mobile-page-menu-fab.show,
  html body.mobile-inner-page #mobilePageMenuFab,
  html body.mobile-inner-page .mobile-page-menu-fab,
  html body.mobile-inner-page .mobile-page-menu-fab.show{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
    position:absolute !important;
    width:0 !important;
    height:0 !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:0 !important;
    max-height:0 !important;
    overflow:hidden !important;
    clip:rect(0 0 0 0) !important;
    transform:scale(0) !important;
    z-index:-1 !important;
  }

  html body #app .main > header.topbar.topbar-v164{
    display:grid !important;
    grid-template-columns:48px minmax(0,1fr) 48px !important;
    grid-template-areas:"menu welcome logo" !important;
    align-items:center !important;
    justify-content:stretch !important;
    gap:10px !important;
    min-height:64px !important;
    height:64px !important;
    padding:8px 12px !important;
    box-sizing:border-box !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  html body #app .main > header.topbar.topbar-v164 #menuBtn.mobile-main-menu-btn-v164,
  html body #app .main > header.topbar.topbar-v164 img.topbar-logo-v164{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    max-width:48px !important;
    min-height:48px !important;
    max-height:48px !important;
    flex:0 0 48px !important;
    aspect-ratio:1 / 1 !important;
    margin:0 !important;
    border-radius:17px !important;
    box-sizing:border-box !important;
    position:relative !important;
    inset:auto !important;
    transform:none !important;
  }

  html body #app .main > header.topbar.topbar-v164 #menuBtn.mobile-main-menu-btn-v164{
    grid-area:menu !important;
    justify-self:start !important;
    align-self:center !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    border:1px solid rgba(148,163,184,.22) !important;
    background:linear-gradient(180deg, rgba(15,23,42,.92), rgba(30,41,59,.70)) !important;
    box-shadow:0 10px 24px rgba(2,8,23,.22), inset 0 1px 0 rgba(255,255,255,.07) !important;
    color:#f8fafc !important;
    z-index:32000 !important;
    pointer-events:auto !important;
  }

  html body #app .main > header.topbar.topbar-v164 #menuBtn.mobile-main-menu-btn-v164::before{
    content:"☰" !important;
    display:block !important;
    color:#f8fafc !important;
    font-size:21px !important;
    line-height:1 !important;
    background:none !important;
    border:0 !important;
    box-shadow:none !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    position:relative !important;
    z-index:1 !important;
  }

  html body #app .main > header.topbar.topbar-v164 img.topbar-logo-v164{
    grid-area:logo !important;
    justify-self:end !important;
    align-self:center !important;
    display:block !important;
    object-fit:contain !important;
    padding:7px !important;
    border:1px solid rgba(148,163,184,.22) !important;
    background:linear-gradient(180deg, rgba(15,23,42,.92), rgba(30,41,59,.70)) !important;
    box-shadow:0 10px 24px rgba(2,8,23,.22), inset 0 1px 0 rgba(255,255,255,.07) !important;
  }

  html body #app .main > header.topbar.topbar-v164 > p.topbar-welcome-v164{
    grid-area:welcome !important;
    justify-self:center !important;
    align-self:center !important;
    min-width:0 !important;
    max-width:100% !important;
    width:100% !important;
    margin:0 !important;
    padding:0 2px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    overflow:hidden !important;
  }

  html body #app .main > header.topbar.topbar-v164 > p.topbar-welcome-v164 span{
    display:block !important;
    font-size:11px !important;
    line-height:1.08 !important;
    font-weight:800 !important;
    color:#a5b4fc !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    max-width:100% !important;
  }

  html body #app .main > header.topbar.topbar-v164 > p.topbar-welcome-v164 b{
    display:block !important;
    font-size:18px !important;
    line-height:1.12 !important;
    font-weight:900 !important;
    color:#f8fafc !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    max-width:100% !important;
  }

  html body #app .main > header.topbar.topbar-v164 .dashboard-lang-switch{
    display:none !important;
  }

  html body #sidebar.sidebar{
    z-index:40000 !important;
  }

  html body.mobile-menu-open #mobileV49Nav,
  html body.mobile-menu-open #mobileTaskbar{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
}

@media (max-width: 932px) and (orientation: landscape){
  html body #app .main > header.topbar.topbar-v164{
    grid-template-columns:44px minmax(0,1fr) 44px !important;
    min-height:56px !important;
    height:56px !important;
    padding:6px 10px !important;
    gap:8px !important;
  }

  html body #app .main > header.topbar.topbar-v164 #menuBtn.mobile-main-menu-btn-v164,
  html body #app .main > header.topbar.topbar-v164 img.topbar-logo-v164{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    max-width:44px !important;
    min-height:44px !important;
    max-height:44px !important;
    flex-basis:44px !important;
    border-radius:15px !important;
  }

  html body #app .main > header.topbar.topbar-v164 img.topbar-logo-v164{
    padding:6px !important;
  }

  html body #app .main > header.topbar.topbar-v164 #menuBtn.mobile-main-menu-btn-v164::before{
    font-size:19px !important;
  }

  html body #app .main > header.topbar.topbar-v164 > p.topbar-welcome-v164 b{
    font-size:16px !important;
  }

  html body #app .main > header.topbar.topbar-v164 > p.topbar-welcome-v164 span{
    font-size:10.5px !important;
  }
}


#users .manage-users-panel{
  position:relative;
  overflow:hidden;
}

#users .manage-users-panel::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:220px;
  background:
    radial-gradient(circle at 12% 0%, rgba(99,102,241,.20), transparent 36%),
    radial-gradient(circle at 86% 8%, rgba(14,165,233,.14), transparent 34%);
  pointer-events:none;
  opacity:.9;
}

#users .manage-users-panel > *{
  position:relative;
  z-index:1;
}

#users .panel-head{
  align-items:center;
  gap:16px;
  padding-bottom:14px;
}

#users .panel-head h1{
  letter-spacing:-.025em;
}

#users .panel-head p{
  max-width:620px;
}

#users #reloadUsersBtn{
  border-radius:14px !important;
  min-height:42px;
  font-weight:800;
}

#users .users-form{
  border-radius:24px !important;
  background:linear-gradient(180deg, rgba(15,23,42,.68), rgba(15,23,42,.45)) !important;
  border:1px solid rgba(148,163,184,.14) !important;
  box-shadow:0 18px 44px rgba(2,8,23,.18), inset 0 1px 0 rgba(255,255,255,.045) !important;
  padding:18px !important;
  margin-bottom:18px !important;
}

#users .users-form .form-grid{
  display:grid !important;
  grid-template-columns:repeat(5, minmax(0,1fr)) !important;
  gap:12px !important;
}

#users .users-form .form-grid label{
  min-width:0 !important;
  padding:12px !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.035) !important;
  border:1px solid rgba(148,163,184,.11) !important;
}

#users .users-form .form-grid label,
#users .permissions-box h3{
  color:#e2e8f0 !important;
  font-weight:800 !important;
}

#users .users-form input,
#users .users-form select{
  min-height:42px !important;
  border-radius:14px !important;
  margin-top:7px !important;
  background:rgba(2,6,23,.44) !important;
  border:1px solid rgba(148,163,184,.16) !important;
  color:#f8fafc !important;
}

#users .permissions-box{
  margin-top:14px !important;
  padding:16px !important;
  border-radius:22px !important;
  background:rgba(2,6,23,.30) !important;
  border:1px solid rgba(148,163,184,.12) !important;
}

#users .permissions-box h3{
  margin:0 0 12px !important;
  font-size:15px !important;
}

#users .perm-grid{
  display:grid !important;
  grid-template-columns:repeat(5, minmax(0,1fr)) !important;
  gap:9px !important;
}

#users .perm-grid label{
  min-height:40px !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:10px 11px !important;
  border-radius:14px !important;
  background:rgba(15,23,42,.58) !important;
  border:1px solid rgba(148,163,184,.12) !important;
  color:#cbd5e1 !important;
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  cursor:pointer !important;
  transition:background .18s ease, border-color .18s ease, transform .18s ease !important;
}

#users .perm-grid label:hover{
  transform:translateY(-1px);
  border-color:rgba(129,140,248,.26) !important;
}

#users .perm-grid label:has(input:checked){
  background:linear-gradient(180deg, rgba(37,99,235,.22), rgba(37,99,235,.11)) !important;
  border-color:rgba(96,165,250,.30) !important;
  color:#dbeafe !important;
}

#users .perm-grid input[type="checkbox"]{
  width:16px !important;
  height:16px !important;
  min-height:16px !important;
  margin:0 !important;
  accent-color:#3b82f6 !important;
}

#users .form-actions{
  margin-top:14px !important;
  display:flex !important;
  justify-content:flex-end !important;
  gap:10px !important;
}

#users .form-actions .btn{
  min-height:42px !important;
  border-radius:14px !important;
  font-weight:900 !important;
  padding:0 16px !important;
}

#users .table-wrap{
  border-radius:24px !important;
  border:1px solid rgba(148,163,184,.14) !important;
  background:rgba(15,23,42,.50) !important;
  box-shadow:0 18px 44px rgba(2,8,23,.18), inset 0 1px 0 rgba(255,255,255,.04) !important;
  overflow:hidden !important;
}

#users table{
  border-collapse:separate !important;
  border-spacing:0 !important;
  width:100% !important;
}

#users thead th{
  background:rgba(2,6,23,.54) !important;
  color:#94a3b8 !important;
  font-size:11px !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  font-weight:900 !important;
  padding:14px 12px !important;
  border-bottom:1px solid rgba(148,163,184,.12) !important;
}

#users tbody td{
  padding:13px 12px !important;
  border-bottom:1px solid rgba(148,163,184,.08) !important;
  vertical-align:middle !important;
}

#users tbody tr:last-child td{
  border-bottom:0 !important;
}

#users .mu-row-v165{
  background:rgba(15,23,42,.22) !important;
  transition:background .16s ease !important;
}

#users .mu-row-v165:hover{
  background:rgba(37,99,235,.08) !important;
}

#users .mu-user-cell-v165{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  min-width:170px !important;
}

#users .mu-avatar-v165{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  border-radius:12px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#eef2ff !important;
  font-weight:950 !important;
  background:linear-gradient(135deg, rgba(79,70,229,.74), rgba(37,99,235,.50)) !important;
  border:1px solid rgba(165,180,252,.22) !important;
  box-shadow:0 8px 18px rgba(37,99,235,.16), inset 0 1px 0 rgba(255,255,255,.10) !important;
}

#users .mu-avatar-v165.big{
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  border-radius:17px !important;
  font-size:18px !important;
}

#users .mu-user-cell-v165 b,
#users .mu-name-v165,
#users .mu-partner-v165{
  color:#f8fafc !important;
  font-weight:850 !important;
}

#users .mu-user-cell-v165 small{
  display:block !important;
  margin-top:2px !important;
  color:#94a3b8 !important;
  font-size:11px !important;
}

#users .mu-role-badge-v165{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:30px !important;
  padding:6px 10px !important;
  border-radius:999px !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:900 !important;
  text-transform:capitalize !important;
  white-space:nowrap !important;
  background:rgba(37,99,235,.14) !important;
  color:#dbeafe !important;
  border:1px solid rgba(96,165,250,.24) !important;
}

#users .mu-role-badge-v165.role-super_admin,
#users .mu-role-badge-v165.role-super-admin{
  color:#fde68a !important;
  background:rgba(245,158,11,.15) !important;
  border-color:rgba(251,191,36,.28) !important;
}

#users .mu-role-badge-v165.role-admin{
  color:#ddd6fe !important;
  background:rgba(124,58,237,.16) !important;
  border-color:rgba(167,139,250,.28) !important;
}

#users .mu-role-badge-v165.role-seller{
  color:#bbf7d0 !important;
  background:rgba(16,185,129,.14) !important;
  border-color:rgba(52,211,153,.26) !important;
}

#users .mu-perm-list-v165{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px !important;
  max-width:520px !important;
}

#users .mu-perm-chip-v165{
  display:inline-flex !important;
  align-items:center !important;
  min-height:25px !important;
  padding:5px 8px !important;
  border-radius:999px !important;
  background:rgba(30,41,59,.68) !important;
  border:1px solid rgba(148,163,184,.13) !important;
  color:#e2e8f0 !important;
  font-size:10.5px !important;
  line-height:1.1 !important;
  font-weight:800 !important;
}

#users .mu-perm-chip-v165.more{
  color:#bfdbfe !important;
  background:rgba(37,99,235,.16) !important;
  border-color:rgba(96,165,250,.24) !important;
}

#users .mu-perm-chip-v165.empty{
  color:#cbd5e1 !important;
  background:rgba(148,163,184,.09) !important;
}

#users .mu-actions-v165{
  display:flex !important;
  gap:7px !important;
  justify-content:flex-end !important;
  align-items:center !important;
  min-width:140px !important;
}

#users .mu-actions-v165 .row-action-btn,
#users .mu-card-actions-v165 .row-action-btn{
  border-radius:13px !important;
  min-height:36px !important;
  padding:0 12px !important;
  font-weight:900 !important;
}

#users .mu-edit-v165{
  color:#dbeafe !important;
  background:linear-gradient(180deg, rgba(37,99,235,.20), rgba(37,99,235,.10)) !important;
  border:1px solid rgba(96,165,250,.24) !important;
}

#users .mu-delete-v165{
  color:#fecdd3 !important;
  background:linear-gradient(180deg, rgba(225,29,72,.20), rgba(225,29,72,.10)) !important;
  border:1px solid rgba(251,113,133,.24) !important;
}

#usersMobileCards165{
  display:none;
}

@media (min-width: 768px) and (max-width: 1180px){
  #users .panel-head{
    display:flex !important;
  }

  #users .users-form .form-grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }

  #users .users-form .form-grid label:nth-child(5){
    grid-column:1 / -1 !important;
  }

  #users .perm-grid{
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  }

  #users .table-wrap{
    overflow:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }

  #users table{
    min-width:920px !important;
  }
}

@media (max-width: 767px){
  #users .manage-users-panel{
    padding:14px !important;
    padding-bottom:calc(96px + env(safe-area-inset-bottom)) !important;
    border-radius:24px !important;
  }

  #users .panel-head{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    align-items:start !important;
    margin-bottom:12px !important;
  }

  #users .panel-head h1{
    font-size:23px !important;
    line-height:1.12 !important;
    margin:0 !important;
  }

  #users .panel-head p{
    font-size:12.5px !important;
    line-height:1.35 !important;
    margin-top:4px !important;
  }

  #users #reloadUsersBtn{
    width:100% !important;
    min-height:42px !important;
  }

  #users .users-form{
    padding:13px !important;
    border-radius:22px !important;
    margin-bottom:14px !important;
  }

  #users .users-form .form-grid{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  #users .users-form .form-grid label{
    padding:11px !important;
    border-radius:16px !important;
  }

  #users .users-form input,
  #users .users-form select{
    width:100% !important;
    min-height:43px !important;
    font-size:16px !important;
  }

  #users .permissions-box{
    padding:12px !important;
    border-radius:18px !important;
  }

  #users .perm-grid{
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }

  #users .perm-grid label{
    min-height:42px !important;
    padding:9px !important;
    border-radius:14px !important;
    font-size:11.5px !important;
  }

  #users .form-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:9px !important;
  }

  #users .form-actions .btn{
    width:100% !important;
    min-height:43px !important;
  }

  #users .table-wrap{
    display:none !important;
  }

  #usersMobileCards165{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:13px !important;
    margin-top:12px !important;
  }

  #users .mu-mobile-empty-v165{
    padding:18px !important;
    border-radius:18px !important;
    text-align:center !important;
    color:#cbd5e1 !important;
    background:rgba(15,23,42,.70) !important;
    border:1px solid rgba(148,163,184,.14) !important;
  }

  #users .mu-card-v165{
    position:relative !important;
    padding:14px !important;
    border-radius:23px !important;
    overflow:hidden !important;
    background:
      radial-gradient(circle at 0 0, rgba(99,102,241,.18), transparent 38%),
      linear-gradient(180deg, rgba(15,23,42,.96), rgba(8,13,26,.92)) !important;
    border:1px solid rgba(148,163,184,.14) !important;
    box-shadow:0 16px 38px rgba(2,8,23,.26), inset 0 1px 0 rgba(255,255,255,.045) !important;
  }

  #users .mu-card-v165.role-super_admin,
  #users .mu-card-v165.role-super-admin{
    background:
      radial-gradient(circle at 0 0, rgba(245,158,11,.18), transparent 38%),
      linear-gradient(180deg, rgba(15,23,42,.96), rgba(8,13,26,.92)) !important;
  }

  #users .mu-card-v165.role-admin{
    background:
      radial-gradient(circle at 0 0, rgba(124,58,237,.18), transparent 38%),
      linear-gradient(180deg, rgba(15,23,42,.96), rgba(8,13,26,.92)) !important;
  }

  #users .mu-card-top-v165{
    display:grid !important;
    grid-template-columns:48px minmax(0,1fr) auto !important;
    gap:10px !important;
    align-items:center !important;
    margin-bottom:12px !important;
  }

  #users .mu-card-title-v165{
    min-width:0 !important;
  }

  #users .mu-card-title-v165 h3{
    margin:0 !important;
    font-size:16px !important;
    line-height:1.18 !important;
    color:#f8fafc !important;
    font-weight:950 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  #users .mu-card-title-v165 p{
    margin:3px 0 0 !important;
    font-size:12px !important;
    color:#a5b4fc !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  #users .mu-card-grid-v165{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:9px !important;
    margin-bottom:10px !important;
  }

  #users .mu-card-grid-v165 > div,
  #users .mu-card-perms-v165{
    padding:10px 11px !important;
    border-radius:16px !important;
    background:rgba(15,23,42,.54) !important;
    border:1px solid rgba(148,163,184,.11) !important;
  }

  #users .mu-card-grid-v165 span,
  #users .mu-card-perms-head-v165 span{
    display:block !important;
    margin-bottom:5px !important;
    color:#94a3b8 !important;
    font-size:10.5px !important;
    text-transform:uppercase !important;
    letter-spacing:.05em !important;
    font-weight:900 !important;
  }

  #users .mu-card-grid-v165 b{
    display:block !important;
    color:#f8fafc !important;
    font-size:13px !important;
    line-height:1.25 !important;
    overflow-wrap:anywhere !important;
  }

  #users .mu-card-perms-head-v165{
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    gap:10px !important;
    margin-bottom:8px !important;
  }

  #users .mu-card-perms-head-v165 span{
    margin:0 !important;
  }

  #users .mu-card-perms-head-v165 b{
    min-width:25px !important;
    height:25px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    color:#bfdbfe !important;
    background:rgba(37,99,235,.14) !important;
    border:1px solid rgba(96,165,250,.22) !important;
    font-size:11px !important;
  }

  #users .mu-card-v165 .mu-perm-list-v165{
    max-height:104px !important;
    overflow:auto !important;
    -webkit-overflow-scrolling:touch !important;
    padding-right:2px !important;
  }

  #users .mu-card-actions-v165{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:9px !important;
    margin-top:11px !important;
  }

  #users .mu-card-actions-v165 .row-action-btn{
    width:100% !important;
    min-height:42px !important;
    border-radius:15px !important;
    justify-content:center !important;
  }
}

@media (max-width: 390px){
  #users .perm-grid{
    grid-template-columns:1fr !important;
  }

  #users .mu-card-top-v165{
    grid-template-columns:44px minmax(0,1fr) !important;
  }

  #users .mu-card-top-v165 .mu-role-badge-v165{
    grid-column:1 / -1 !important;
    justify-self:start !important;
  }

  #users .mu-card-grid-v165{
    grid-template-columns:1fr !important;
  }
}


#users #userForm button[disabled]{
  opacity:.68 !important;
  cursor:not-allowed !important;
  filter:saturate(.75) !important;
}


#users .perm-grid label{
  position:relative !important;
  user-select:none !important;
  -webkit-user-select:none !important;
  cursor:pointer !important;
  pointer-events:auto !important;
}

#users .perm-grid label input[type="checkbox"]{
  pointer-events:auto !important;
  cursor:pointer !important;
  position:relative !important;
  z-index:2 !important;
}

#users .perm-grid label.ks168-checked,
#users .perm-grid label:has(input[type="checkbox"]:checked){
  background:linear-gradient(180deg, rgba(37,99,235,.28), rgba(37,99,235,.13)) !important;
  border-color:rgba(96,165,250,.38) !important;
  color:#dbeafe !important;
  -webkit-text-fill-color:#dbeafe !important;
  box-shadow:0 10px 24px rgba(37,99,235,.10), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

@media (min-width: 768px){
  #users .table-wrap{
    overflow-x:auto !important;
    overflow-y:visible !important;
    -webkit-overflow-scrolling:touch !important;
  }

  #users table{
    min-width:1120px !important;
    table-layout:fixed !important;
  }

  #users thead th:nth-child(1),
  #users tbody td:nth-child(1){ width:210px !important; }

  #users thead th:nth-child(2),
  #users tbody td:nth-child(2){ width:150px !important; }

  #users thead th:nth-child(3),
  #users tbody td:nth-child(3){ width:130px !important; }

  #users thead th:nth-child(4),
  #users tbody td:nth-child(4){ width:150px !important; }

  #users thead th:nth-child(5),
  #users tbody td:nth-child(5){ width:auto !important; }

  #users thead th:nth-child(6),
  #users tbody td:nth-child(6){
    width:178px !important;
    min-width:178px !important;
    max-width:178px !important;
    padding-left:12px !important;
    padding-right:14px !important;
    text-align:center !important;
    white-space:nowrap !important;
    position:sticky !important;
    right:0 !important;
    z-index:5 !important;
    background:rgba(10,16,31,.96) !important;
    box-shadow:-12px 0 22px rgba(2,8,23,.36) !important;
  }

  #users thead th:nth-child(6){
    z-index:7 !important;
    background:rgba(12,18,34,.98) !important;
  }

  #users .mu-actions-v165{
    min-width:148px !important;
    width:148px !important;
    display:grid !important;
    grid-template-columns:68px 74px !important;
    gap:6px !important;
    justify-content:center !important;
    align-items:center !important;
  }

  #users .mu-actions-v165 .row-action-btn{
    width:100% !important;
    min-width:0 !important;
    min-height:38px !important;
    padding:0 8px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:14px !important;
    font-size:12px !important;
    line-height:1 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  #users .mu-perm-list-v165{
    max-width:100% !important;
  }
}

@media (min-width: 768px) and (max-width: 1180px){
  #users table{
    min-width:1080px !important;
  }

  #users thead th:nth-child(6),
  #users tbody td:nth-child(6){
    width:172px !important;
    min-width:172px !important;
    max-width:172px !important;
  }

  #users .mu-actions-v165{
    width:144px !important;
    min-width:144px !important;
    grid-template-columns:66px 72px !important;
  }

  #users .mu-actions-v165 .row-action-btn{
    font-size:11.5px !important;
  }
}


@media (min-width: 768px){
  #dashboard .dashboard-analytics-row-v169{
    display:grid !important;
    grid-template-columns:minmax(0, 1.18fr) minmax(320px, .82fr) !important;
    gap:18px !important;
    align-items:start !important;
  }

  #dashboard .partner-analytics-panel-v169{
    position:relative !important;
    overflow:hidden !important;
    padding:22px !important;
    border-radius:26px !important;
    background:
      radial-gradient(circle at 8% 0%, rgba(99,102,241,.18), transparent 34%),
      radial-gradient(circle at 92% 12%, rgba(14,165,233,.13), transparent 32%),
      linear-gradient(180deg, rgba(15,23,42,.82), rgba(8,13,26,.78)) !important;
    border:1px solid rgba(148,163,184,.15) !important;
    box-shadow:0 20px 50px rgba(2,8,23,.22), inset 0 1px 0 rgba(255,255,255,.045) !important;
  }

  #dashboard .partner-analytics-panel-v169 > h2{
    margin:0 0 16px !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    color:#f8fafc !important;
    font-size:22px !important;
    line-height:1.15 !important;
    letter-spacing:-.02em !important;
    font-weight:950 !important;
  }

  #dashboard .partner-analytics-panel-v169 > h2::before{
    content:"👥" !important;
    width:38px !important;
    height:38px !important;
    border-radius:14px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:18px !important;
    background:linear-gradient(135deg, rgba(79,70,229,.72), rgba(37,99,235,.48)) !important;
    border:1px solid rgba(165,180,252,.22) !important;
    box-shadow:0 10px 24px rgba(37,99,235,.14), inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  #partnerStats .partner-empty-v169,
  #partnerStats .dash-empty{
    padding:18px !important;
    border-radius:18px !important;
    color:#cbd5e1 !important;
    border:1px dashed rgba(148,163,184,.30) !important;
    background:rgba(15,23,42,.50) !important;
    text-align:center !important;
  }

  #partnerStats .partner-analytics-grid-v169,
  #partnerStats.partner-analytics-grid-v169,
  #partnerStats .partner-analytics-grid{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:14px !important;
    width:100% !important;
  }

  #partnerStats .partner-analytics-card-v169,
  #partnerStats .partner-analytics-card{
    position:relative !important;
    min-width:0 !important;
    padding:15px !important;
    border-radius:22px !important;
    overflow:hidden !important;
    background:
      radial-gradient(circle at 0% 0%, rgba(99,102,241,.22), transparent 38%),
      linear-gradient(180deg, rgba(15,23,42,.96), rgba(8,13,26,.92)) !important;
    border:1px solid rgba(148,163,184,.14) !important;
    box-shadow:0 16px 34px rgba(2,8,23,.20), inset 0 1px 0 rgba(255,255,255,.045) !important;
    display:grid !important;
    grid-template-rows:auto auto 1fr auto !important;
    gap:12px !important;
  }

  #partnerStats .partner-analytics-card-v169::after{
    content:"" !important;
    position:absolute !important;
    inset:auto -24px -42px auto !important;
    width:92px !important;
    height:92px !important;
    border-radius:999px !important;
    background:rgba(59,130,246,.10) !important;
    pointer-events:none !important;
  }

  #partnerStats .partner-card-top-v169{
    display:grid !important;
    grid-template-columns:44px minmax(0,1fr) auto !important;
    gap:10px !important;
    align-items:center !important;
    min-width:0 !important;
  }

  #partnerStats .partner-avatar-v169{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    border-radius:16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#eef2ff !important;
    font-weight:950 !important;
    font-size:17px !important;
    background:linear-gradient(135deg, rgba(79,70,229,.78), rgba(37,99,235,.54)) !important;
    border:1px solid rgba(165,180,252,.22) !important;
    box-shadow:0 10px 22px rgba(37,99,235,.14), inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  #partnerStats .partner-title-v169{
    min-width:0 !important;
  }

  #partnerStats .partner-title-v169 b,
  #partnerStats .partner-analytics-head b{
    display:block !important;
    color:#f8fafc !important;
    font-size:15px !important;
    line-height:1.15 !important;
    font-weight:950 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  #partnerStats .partner-title-v169 span,
  #partnerStats .partner-analytics-head span{
    display:block !important;
    margin-top:4px !important;
    color:#93c5fd !important;
    font-size:11px !important;
    line-height:1.1 !important;
    font-weight:800 !important;
    white-space:nowrap !important;
  }

  #partnerStats .partner-rank-v169{
    min-width:34px !important;
    height:28px !important;
    padding:0 8px !important;
    border-radius:999px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#fde68a !important;
    background:rgba(245,158,11,.13) !important;
    border:1px solid rgba(251,191,36,.22) !important;
    font-size:11px !important;
    font-weight:950 !important;
  }

  #partnerStats .partner-profit-v169{
    padding:12px !important;
    border-radius:17px !important;
    background:rgba(2,6,23,.34) !important;
    border:1px solid rgba(148,163,184,.10) !important;
  }

  #partnerStats .partner-profit-v169 span{
    display:block !important;
    color:#94a3b8 !important;
    text-transform:uppercase !important;
    letter-spacing:.055em !important;
    font-size:10px !important;
    font-weight:950 !important;
    margin-bottom:5px !important;
  }

  #partnerStats .partner-profit-v169 strong,
  #partnerStats .partner-analytics-card > strong{
    display:block !important;
    color:#34d399 !important;
    font-size:21px !important;
    line-height:1.05 !important;
    letter-spacing:-.03em !important;
    font-weight:1000 !important;
    overflow-wrap:anywhere !important;
    margin:0 !important;
  }

  #partnerStats .partner-profit-v169 small{
    font-size:11px !important;
    color:#86efac !important;
    letter-spacing:0 !important;
  }

  #partnerStats .partner-meta-v169,
  #partnerStats .partner-analytics-meta{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:8px !important;
    margin:0 !important;
  }

  #partnerStats .partner-meta-v169 span,
  #partnerStats .partner-analytics-meta span{
    min-width:0 !important;
    padding:9px 10px !important;
    border-radius:14px !important;
    background:rgba(15,23,42,.58) !important;
    border:1px solid rgba(148,163,184,.10) !important;
    display:flex !important;
    flex-direction:column !important;
    gap:4px !important;
  }

  #partnerStats .partner-meta-v169 em{
    color:#94a3b8 !important;
    font-size:10px !important;
    font-style:normal !important;
    text-transform:uppercase !important;
    letter-spacing:.045em !important;
    font-weight:900 !important;
  }

  #partnerStats .partner-meta-v169 b,
  #partnerStats .partner-analytics-meta b{
    color:#f8fafc !important;
    font-size:12px !important;
    line-height:1.1 !important;
    font-weight:950 !important;
    overflow-wrap:anywhere !important;
  }

  #partnerStats .partner-filter-v169,
  #partnerStats .partner-dash-filter{
    width:100% !important;
    min-height:40px !important;
    border-radius:15px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:linear-gradient(180deg, rgba(37,99,235,.28), rgba(37,99,235,.12)) !important;
    border:1px solid rgba(96,165,250,.28) !important;
    color:#dbeafe !important;
    font-weight:950 !important;
    box-shadow:0 10px 24px rgba(37,99,235,.10) !important;
    position:relative !important;
    z-index:2 !important;
  }

  #partnerStats .partner-analytics-footer-v169,
  #partnerStats .partner-analytics-footer{
    margin-top:14px !important;
    padding:12px !important;
    border-radius:18px !important;
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
    gap:10px !important;
    background:rgba(2,6,23,.36) !important;
    border:1px solid rgba(148,163,184,.12) !important;
  }

  #partnerStats .partner-analytics-footer-v169 span,
  #partnerStats .partner-analytics-footer span{
    min-width:0 !important;
    padding:9px 10px !important;
    border-radius:14px !important;
    background:rgba(15,23,42,.50) !important;
    color:#94a3b8 !important;
    font-size:11px !important;
    font-weight:900 !important;
    line-height:1.2 !important;
    text-align:center !important;
  }

  #partnerStats .partner-analytics-footer-v169 b,
  #partnerStats .partner-analytics-footer b{
    display:block !important;
    margin-top:3px !important;
    color:#f8fafc !important;
    font-size:13px !important;
    font-weight:950 !important;
    overflow-wrap:anywhere !important;
  }
}

@media (min-width: 768px) and (max-width: 1180px){
  #dashboard .dashboard-analytics-row-v169{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  #dashboard .partner-analytics-panel-v169{
    padding:18px !important;
    border-radius:24px !important;
  }

  #partnerStats .partner-analytics-grid-v169,
  #partnerStats .partner-analytics-grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:12px !important;
  }

  #partnerStats .partner-analytics-card-v169,
  #partnerStats .partner-analytics-card{
    padding:14px !important;
    border-radius:20px !important;
  }

  #partnerStats .partner-profit-v169 strong,
  #partnerStats .partner-analytics-card > strong{
    font-size:19px !important;
  }

  #partnerStats .partner-analytics-footer-v169,
  #partnerStats .partner-analytics-footer{
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  }
}


#sidebar .nav-btn[data-page="add"] .ks-add-menu-label-only,
#sidebar .nav-btn[data-page="add"] .ks-add-visible-text{
  display:none !important;
  visibility:hidden !important;
  width:0 !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}

#sidebar .nav-btn[data-page="add"] .nav-main{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-width:0 !important;
}

#sidebar .nav-btn[data-page="add"] .nav-main [data-i18n="navAdd"]{
  display:inline !important;
  visibility:visible !important;
  opacity:1 !important;
  width:auto !important;
  height:auto !important;
  font-size:inherit !important;
  line-height:inherit !important;
  white-space:normal !important;
}

@media (min-width: 768px){
  #sidebar .nav-btn[data-page="add"]{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    height:58px !important;
    min-height:58px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:12px !important;
    padding:8px 12px !important;
    font-size:15px !important;
    text-indent:0 !important;
    letter-spacing:0 !important;
    overflow:hidden !important;
  }

  #sidebar .nav-btn[data-page="add"]::after{
    content:none !important;
    display:none !important;
  }
}

@media (min-width: 768px){
  #partnerStats .partner-analytics-card button.copy,
  #partnerStats .partner-analytics-card .partner-copy-btn,
  #partnerStats .partner-analytics-card button:not(.partner-dash-filter):not(.partner-filter-v169){
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
    width:0 !important;
    height:0 !important;
    min-width:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  #partnerStats .partner-dash-filter,
  #partnerStats .partner-filter-v169{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-width:0 !important;
    min-height:40px !important;
    border-radius:15px !important;
    font-size:13px !important;
    font-weight:950 !important;
    color:#dbeafe !important;
    -webkit-text-fill-color:#dbeafe !important;
    background:linear-gradient(180deg, rgba(37,99,235,.28), rgba(37,99,235,.12)) !important;
    border:1px solid rgba(96,165,250,.28) !important;
    box-shadow:0 10px 24px rgba(37,99,235,.10) !important;
  }
}


#partnerStats .pa172-filter{
  all:unset !important;
  box-sizing:border-box !important;
}
#partnerStats .pa172-card button:not(.pa172-filter):not(.pa173-copy){
  display:none !important;
}


#partnerStats .pa173-actions{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 92px !important;
  gap:8px !important;
  width:100% !important;
}
#partnerStats .pa173-copy{
  all:unset !important;
  box-sizing:border-box !important;
  height:42px !important;
  border-radius:15px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  cursor:pointer !important;
  color:#bbf7d0 !important;
  -webkit-text-fill-color:#bbf7d0 !important;
  background:linear-gradient(180deg,rgba(16,185,129,.24),rgba(16,185,129,.12)) !important;
  border:1px solid rgba(52,211,153,.30) !important;
  font-size:13px !important;
  font-weight:950 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}
#partnerStats .pa173-copy::before,
#partnerStats .pa173-copy::after{content:none !important;display:none !important;}
#partnerStats .pa172-card button:not(.pa172-filter):not(.pa173-copy){display:none !important;}
@media(max-width:699px){
  #partnerStats .pa173-actions{grid-template-columns:1fr 86px !important;gap:8px !important;}
  #partnerStats .pa173-copy,#partnerStats .pa172-filter{height:40px !important;border-radius:14px !important;font-size:12px !important;}
}


@media (max-width: 699px){
  #dashboard .partner-analytics-panel-v172{
    position:relative !important;
    overflow:hidden !important;
    padding:14px !important;
    border-radius:24px !important;
    background:
      radial-gradient(circle at 8% 0%, rgba(99,102,241,.16), transparent 34%),
      radial-gradient(circle at 92% 12%, rgba(14,165,233,.10), transparent 32%),
      linear-gradient(180deg, rgba(15,23,42,.86), rgba(8,13,26,.82)) !important;
    border:1px solid rgba(148,163,184,.15) !important;
    box-shadow:0 16px 38px rgba(2,8,23,.22), inset 0 1px 0 rgba(255,255,255,.045) !important;
  }

  #dashboard .partner-analytics-panel-v172 > h2{
    margin:0 0 13px !important;
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
    color:#f8fafc !important;
    font-size:20px !important;
    line-height:1.15 !important;
    font-weight:950 !important;
    letter-spacing:-.02em !important;
  }

  #dashboard .partner-analytics-panel-v172 > h2::before{
    content:"👥" !important;
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    border-radius:14px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:17px !important;
    background:linear-gradient(135deg, rgba(79,70,229,.76), rgba(37,99,235,.52)) !important;
    border:1px solid rgba(165,180,252,.22) !important;
  }

  #partnerStats .pa172-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    width:100% !important;
  }

  #partnerStats .pa172-card{
    position:relative !important;
    display:grid !important;
    grid-template-rows:auto auto auto auto !important;
    gap:10px !important;
    min-width:0 !important;
    min-height:0 !important;
    padding:13px !important;
    border-radius:21px !important;
    overflow:hidden !important;
    background:
      radial-gradient(circle at 0% 0%, rgba(99,102,241,.20), transparent 38%),
      linear-gradient(180deg, rgba(15,23,42,.96), rgba(8,13,26,.92)) !important;
    border:1px solid rgba(148,163,184,.14) !important;
    box-shadow:0 14px 30px rgba(2,8,23,.20), inset 0 1px 0 rgba(255,255,255,.045) !important;
  }

  #partnerStats .pa172-top{
    display:grid !important;
    grid-template-columns:40px minmax(0,1fr) 34px !important;
    gap:9px !important;
    align-items:center !important;
    min-width:0 !important;
  }

  #partnerStats .pa172-avatar{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    border-radius:15px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#eef2ff !important;
    font-weight:950 !important;
    font-size:16px !important;
    background:linear-gradient(135deg, rgba(79,70,229,.78), rgba(37,99,235,.54)) !important;
    border:1px solid rgba(165,180,252,.22) !important;
  }

  #partnerStats .pa172-title{
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    gap:4px !important;
  }

  #partnerStats .pa172-title b{
    display:block !important;
    color:#f8fafc !important;
    font-size:15px !important;
    line-height:1.1 !important;
    font-weight:950 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  #partnerStats .pa172-title span{
    display:block !important;
    color:#93c5fd !important;
    font-size:11px !important;
    line-height:1.1 !important;
    font-weight:850 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  #partnerStats .pa172-rank{
    min-width:32px !important;
    height:27px !important;
    border-radius:999px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#fde68a !important;
    background:rgba(245,158,11,.13) !important;
    border:1px solid rgba(251,191,36,.22) !important;
    font-size:11px !important;
    font-weight:950 !important;
  }

  #partnerStats .pa172-profit{
    padding:11px !important;
    border-radius:16px !important;
    background:rgba(2,6,23,.34) !important;
    border:1px solid rgba(148,163,184,.10) !important;
    min-width:0 !important;
  }

  #partnerStats .pa172-profit span{
    display:block !important;
    color:#94a3b8 !important;
    text-transform:uppercase !important;
    letter-spacing:.055em !important;
    font-size:10px !important;
    font-weight:950 !important;
    margin-bottom:5px !important;
  }

  #partnerStats .pa172-profit strong{
    display:block !important;
    color:#34d399 !important;
    font-size:20px !important;
    line-height:1.05 !important;
    letter-spacing:-.03em !important;
    font-weight:1000 !important;
    overflow-wrap:anywhere !important;
  }

  #partnerStats .pa172-profit small{
    font-size:10.5px !important;
    color:#86efac !important;
  }

  #partnerStats .pa172-meta{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    min-width:0 !important;
  }

  #partnerStats .pa172-meta div{
    min-width:0 !important;
    padding:9px 10px !important;
    border-radius:14px !important;
    background:rgba(15,23,42,.58) !important;
    border:1px solid rgba(148,163,184,.10) !important;
    display:flex !important;
    flex-direction:column !important;
    gap:4px !important;
  }

  #partnerStats .pa172-meta span{
    display:block !important;
    color:#94a3b8 !important;
    font-size:10px !important;
    text-transform:uppercase !important;
    letter-spacing:.045em !important;
    font-weight:900 !important;
    line-height:1.1 !important;
  }

  #partnerStats .pa172-meta b{
    display:block !important;
    color:#f8fafc !important;
    font-size:12px !important;
    line-height:1.15 !important;
    font-weight:950 !important;
    overflow-wrap:anywhere !important;
  }

  #partnerStats .pa173-actions{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 86px !important;
    gap:8px !important;
    width:100% !important;
  }

  #partnerStats .pa172-filter,
  #partnerStats .pa173-copy{
    all:unset !important;
    box-sizing:border-box !important;
    width:100% !important;
    height:40px !important;
    min-height:40px !important;
    border-radius:14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    cursor:pointer !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:950 !important;
    text-align:center !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  #partnerStats .pa172-filter{
    color:#dbeafe !important;
    -webkit-text-fill-color:#dbeafe !important;
    background:linear-gradient(180deg, rgba(37,99,235,.32), rgba(37,99,235,.15)) !important;
    border:1px solid rgba(96,165,250,.30) !important;
    box-shadow:0 10px 22px rgba(37,99,235,.12), inset 0 1px 0 rgba(255,255,255,.06) !important;
  }

  #partnerStats .pa173-copy{
    color:#bbf7d0 !important;
    -webkit-text-fill-color:#bbf7d0 !important;
    background:linear-gradient(180deg, rgba(16,185,129,.24), rgba(16,185,129,.12)) !important;
    border:1px solid rgba(52,211,153,.30) !important;
    box-shadow:0 10px 22px rgba(16,185,129,.10), inset 0 1px 0 rgba(255,255,255,.06) !important;
  }

  #partnerStats .pa172-filter::before,
  #partnerStats .pa172-filter::after,
  #partnerStats .pa173-copy::before,
  #partnerStats .pa173-copy::after{
    content:none !important;
    display:none !important;
  }

  #partnerStats .pa172-footer{
    margin-top:12px !important;
    padding:10px !important;
    border-radius:17px !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    background:rgba(2,6,23,.36) !important;
    border:1px solid rgba(148,163,184,.12) !important;
  }

  #partnerStats .pa172-footer span{
    min-width:0 !important;
    padding:9px 10px !important;
    border-radius:14px !important;
    background:rgba(15,23,42,.50) !important;
    color:#94a3b8 !important;
    font-size:11px !important;
    font-weight:900 !important;
    line-height:1.2 !important;
    text-align:center !important;
  }

  #partnerStats .pa172-footer b{
    display:block !important;
    margin-top:3px !important;
    color:#f8fafc !important;
    font-size:13px !important;
    font-weight:950 !important;
    overflow-wrap:anywhere !important;
  }
}

@media (max-width: 390px){
  #partnerStats .pa172-meta{
    grid-template-columns:1fr !important;
  }

  #partnerStats .pa173-actions{
    grid-template-columns:1fr !important;
  }
}

#dashboard #recentBody .status-pill,
#dashboard #recentBody .status,
#dashboard .dashboard-recent-row .status-pill,
#dashboard .dashboard-recent-row .status{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:74px !important;
  height:30px !important;
  min-height:30px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:950 !important;
  white-space:nowrap !important;
  box-sizing:border-box !important;
}

#dashboard #recentBody .status-pill.active,
#dashboard #recentBody .status.active,
#dashboard .dashboard-recent-row .status-pill.active,
#dashboard .dashboard-recent-row .status.active{
  color:#bbf7d0 !important;
  -webkit-text-fill-color:#bbf7d0 !important;
  background:linear-gradient(180deg, rgba(16,185,129,.24), rgba(16,185,129,.12)) !important;
  border:1px solid rgba(52,211,153,.30) !important;
  box-shadow:0 8px 18px rgba(16,185,129,.12), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

#dashboard #recentBody .status-pill.expiring,
#dashboard #recentBody .status.expiring,
#dashboard .dashboard-recent-row .status-pill.expiring,
#dashboard .dashboard-recent-row .status.expiring{
  color:#fde68a !important;
  -webkit-text-fill-color:#fde68a !important;
  background:linear-gradient(180deg, rgba(245,158,11,.24), rgba(245,158,11,.12)) !important;
  border:1px solid rgba(251,191,36,.30) !important;
}

#dashboard #recentBody .status-pill.expired,
#dashboard #recentBody .status.expired,
#dashboard .dashboard-recent-row .status-pill.expired,
#dashboard .dashboard-recent-row .status.expired{
  color:#fecaca !important;
  -webkit-text-fill-color:#fecaca !important;
  background:linear-gradient(180deg, rgba(239,68,68,.24), rgba(239,68,68,.12)) !important;
  border:1px solid rgba(248,113,113,.30) !important;
}


#ksMenu184{box-sizing:border-box!important;}
#ksMenu184 *{box-sizing:border-box!important;}

@media (min-width:768px){
  html body #app.app{display:grid!important;grid-template-columns:288px minmax(0,1fr)!important;}
  html body #ksMenu184.ks-menu184{
    position:sticky!important;top:0!important;left:0!important;height:100dvh!important;width:288px!important;min-width:288px!important;max-width:288px!important;
    display:flex!important;flex-direction:column!important;overflow:hidden!important;color:#f8fafc!important;background:linear-gradient(180deg,#050713 0%,#090d1d 52%,#050609 100%)!important;border-right:1px solid rgba(255,255,255,.10)!important;box-shadow:18px 0 48px rgba(0,0,0,.34)!important;z-index:20!important;transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;
  }
  #ksMenu184 .ks-menu184-top{display:none!important;}
}

#ksMenu184 .ks-menu184-brand{margin:18px 16px 12px!important;padding:13px!important;display:grid!important;grid-template-columns:54px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;border-radius:22px!important;background:linear-gradient(135deg,rgba(255,255,255,.105),rgba(255,255,255,.045))!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;}
#ksMenu184 .ks-menu184-brand img{width:54px!important;height:54px!important;min-width:54px!important;border-radius:18px!important;object-fit:contain!important;padding:6px!important;background:#060915!important;border:1px solid rgba(129,140,248,.26)!important;box-shadow:0 10px 24px rgba(79,70,229,.22)!important;}
#ksMenu184 .ks-menu184-brand h2{margin:0!important;color:#a5b4fc!important;-webkit-text-fill-color:#a5b4fc!important;font-size:19px!important;line-height:1.05!important;font-weight:1000!important;letter-spacing:-.025em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#ksMenu184 .ks-menu184-brand p{margin:6px 0 0!important;color:#e5e7eb!important;-webkit-text-fill-color:#e5e7eb!important;font-size:11px!important;line-height:1.1!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.14em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#ksMenu184 .ks-menu184-nav{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;padding:6px 14px 12px!important;display:flex!important;flex-direction:column!important;gap:6px!important;scrollbar-width:thin!important;scrollbar-color:rgba(139,92,246,.55) transparent!important;}
#ksMenu184 .ks-menu184-nav::-webkit-scrollbar{width:4px!important;}
#ksMenu184 .ks-menu184-nav::-webkit-scrollbar-thumb{background:rgba(139,92,246,.55)!important;border-radius:999px!important;}
#ksMenu184 .ks-menu184-group{display:flex!important;flex-direction:column!important;gap:6px!important;margin:0 0 9px!important;padding:0!important;}
#ksMenu184 .ks-menu184-group h3{margin:0!important;padding:6px 2px 2px!important;color:#8b95ad!important;-webkit-text-fill-color:#8b95ad!important;font-size:10px!important;line-height:1!important;font-weight:1000!important;letter-spacing:.18em!important;text-transform:uppercase!important;}
#ksMenu184 .ks-menu184-btn{all:unset!important;box-sizing:border-box!important;width:100%!important;height:50px!important;min-height:50px!important;display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;gap:11px!important;align-items:center!important;padding:6px 10px!important;border-radius:17px!important;color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.095)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;cursor:pointer!important;overflow:hidden!important;pointer-events:auto!important;touch-action:manipulation!important;}
#ksMenu184 .ks-menu184-btn::before,#ksMenu184 .ks-menu184-btn::after{content:none!important;display:none!important;}
#ksMenu184 .ks-menu184-btn.active{background:linear-gradient(135deg,#4f46e5 0%,#6d28d9 58%,#7c3aed 100%)!important;border-color:rgba(196,181,253,.38)!important;box-shadow:0 14px 32px rgba(109,40,217,.34),inset 0 1px 0 rgba(255,255,255,.14)!important;}
#ksMenu184 .ks-menu184-icon{width:38px!important;height:38px!important;min-width:38px!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important;line-height:1!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.10)!important;}
#ksMenu184 .ks-menu184-label{display:block!important;min-width:0!important;color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important;font-size:14px!important;line-height:1.1!important;font-weight:950!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#ksMenu184 .ks-menu184-user{flex:0 0 auto!important;margin:7px 14px 8px!important;padding:10px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;border-radius:20px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.10)!important;}
#ksMenu184 .ks-menu184-avatar{width:42px!important;height:42px!important;border-radius:15px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:1000!important;}
#ksMenu184 .ks-menu184-user p{margin:0!important;min-width:0!important;}
#ksMenu184 .ks-menu184-user b{display:block!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:13.5px!important;line-height:1.1!important;font-weight:1000!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#ksMenu184 .ks-menu184-user small{display:block!important;margin-top:4px!important;color:#a5b4fc!important;-webkit-text-fill-color:#a5b4fc!important;font-size:11px!important;line-height:1.1!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#ksMenu184 .ks-menu184-logout{all:unset!important;box-sizing:border-box!important;flex:0 0 auto!important;height:43px!important;min-height:43px!important;margin:0 14px 14px!important;border-radius:17px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;-webkit-text-fill-color:#fff!important;background:linear-gradient(135deg,#be185d,#ec4899)!important;border:1px solid rgba(244,114,182,.30)!important;font-size:13px!important;line-height:1!important;font-weight:1000!important;box-shadow:0 14px 34px rgba(190,24,93,.28),inset 0 1px 0 rgba(255,255,255,.10)!important;cursor:pointer!important;pointer-events:auto!important;touch-action:manipulation!important;}

@media (max-width:767px){
  html body #app.app{display:block!important;}
  html body #ksMenu184.ks-menu184{position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:min(90vw,352px)!important;max-width:352px!important;height:100dvh!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;color:#fff!important;background:radial-gradient(circle at 20% 0%,rgba(91,33,182,.35),transparent 30%),radial-gradient(circle at 100% 35%,rgba(37,99,235,.16),transparent 28%),linear-gradient(180deg,#050713 0%,#070a16 45%,#050609 100%)!important;border-right:1px solid rgba(255,255,255,.10)!important;border-radius:0 28px 28px 0!important;box-shadow:34px 0 80px rgba(0,0,0,.70),inset 0 1px 0 rgba(255,255,255,.06)!important;transform:translateX(-105%)!important;transition:transform .24s cubic-bezier(.2,.8,.2,1)!important;z-index:999999!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
  html body #ksMenu184.ks-menu184.open,html body.ks-menu184-open #ksMenu184.ks-menu184{transform:translateX(0)!important;}
  html body.ks-menu184-open{overflow:hidden!important;touch-action:none!important;}
  #ksMenu184 .ks-menu184-top{flex:0 0 auto!important;height:58px!important;display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;align-items:center!important;padding:8px 12px 6px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;}
  #ksMenu184 .ks-menu184-close{all:unset!important;box-sizing:border-box!important;width:40px!important;height:40px!important;border-radius:15px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;-webkit-text-fill-color:#fff!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.12)!important;font-size:30px!important;line-height:1!important;font-weight:700!important;cursor:pointer!important;}
  #ksMenu184 .ks-menu184-title{text-align:center!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:15px!important;line-height:1!important;font-weight:950!important;}
  #ksMenu184 .ks-menu184-brand{margin:10px 14px 8px!important;padding:12px!important;grid-template-columns:48px minmax(0,1fr)!important;}
  #ksMenu184 .ks-menu184-brand img{width:48px!important;height:48px!important;min-width:48px!important;border-radius:17px!important;}
  #ksMenu184 .ks-menu184-brand h2{font-size:18px!important;}
  #ksMenu184 .ks-menu184-nav{padding:6px 14px 10px!important;}
  #ksMenu184 .ks-menu184-btn{height:49px!important;min-height:49px!important;}
  #ksMenu184 .ks-menu184-logout{margin-bottom:calc(10px + env(safe-area-inset-bottom))!important;}
}

@media (max-width:932px) and (orientation:landscape){
  html body #ksMenu184.ks-menu184{width:min(78vw,330px)!important;max-width:330px!important;border-radius:0 22px 22px 0!important;}
  #ksMenu184 .ks-menu184-top{height:42px!important;padding:5px 9px 3px!important;}
  #ksMenu184 .ks-menu184-close{width:32px!important;height:32px!important;border-radius:11px!important;font-size:24px!important;}
  #ksMenu184 .ks-menu184-brand{margin:6px 10px 5px!important;padding:7px!important;grid-template-columns:36px minmax(0,1fr)!important;gap:8px!important;border-radius:16px!important;}
  #ksMenu184 .ks-menu184-brand img{width:36px!important;height:36px!important;min-width:36px!important;border-radius:12px!important;padding:5px!important;}
  #ksMenu184 .ks-menu184-brand h2{font-size:14.5px!important;}
  #ksMenu184 .ks-menu184-brand p{font-size:9px!important;margin-top:2px!important;}
  #ksMenu184 .ks-menu184-nav{padding:4px 9px 6px!important;gap:3px!important;}
  #ksMenu184 .ks-menu184-group{gap:3px!important;margin-bottom:5px!important;}
  #ksMenu184 .ks-menu184-group h3{font-size:8px!important;padding:3px 2px 1px!important;}
  #ksMenu184 .ks-menu184-btn{height:32px!important;min-height:32px!important;grid-template-columns:27px minmax(0,1fr)!important;gap:7px!important;padding:3px 6px!important;border-radius:11px!important;}
  #ksMenu184 .ks-menu184-icon{width:27px!important;height:27px!important;min-width:27px!important;border-radius:9px!important;font-size:13px!important;}
  #ksMenu184 .ks-menu184-label{font-size:11.2px!important;line-height:1!important;}
  #ksMenu184 .ks-menu184-user{margin:3px 9px 5px!important;padding:6px!important;grid-template-columns:30px minmax(0,1fr)!important;border-radius:13px!important;}
  #ksMenu184 .ks-menu184-avatar{width:30px!important;height:30px!important;border-radius:10px!important;font-size:12px!important;}
  #ksMenu184 .ks-menu184-user b{font-size:11px!important;}
  #ksMenu184 .ks-menu184-user small{font-size:9px!important;margin-top:2px!important;}
  #ksMenu184 .ks-menu184-logout{height:30px!important;min-height:30px!important;margin:0 9px calc(5px + env(safe-area-inset-bottom))!important;border-radius:11px!important;font-size:10.5px!important;}
}


#add .ks-add-modern-title{
  margin: 18px 0 16px !important;
  padding: 24px !important;
  border-radius: 28px !important;
  background: radial-gradient(circle at 12% 0%, rgba(96,165,250,.18), transparent 34%), linear-gradient(180deg, rgba(15,23,42,.88), rgba(8,13,26,.82)) !important;
  border: 1px solid rgba(148,163,184,.16) !important;
  box-shadow: 0 22px 55px rgba(2,8,23,.24), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
#add .ks-add-pill{
  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;
  margin-bottom:10px !important;
  padding:7px 12px !important;
  border-radius:999px !important;
  color:#bfdbfe !important;
  background:rgba(37,99,235,.15) !important;
  border:1px solid rgba(96,165,250,.24) !important;
  font-size:12px !important;
  font-weight:950 !important;
  letter-spacing:.04em !important;
}
#add .ks-add-modern-form{
  display:grid !important;
  gap:18px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
#add .ks-form-section{
  padding:22px !important;
  border-radius:28px !important;
  background: linear-gradient(180deg, rgba(15,23,42,.86), rgba(8,13,26,.78)) !important;
  border:1px solid rgba(148,163,184,.14) !important;
  box-shadow: 0 18px 42px rgba(2,8,23,.20), inset 0 1px 0 rgba(255,255,255,.04) !important;
  overflow:hidden !important;
}
#add .ks-form-section-head{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  margin-bottom:18px !important;
}
#add .ks-form-section-head > span{
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  border-radius:17px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#dbeafe !important;
  font-weight:1000 !important;
  background:linear-gradient(135deg, rgba(37,99,235,.42), rgba(79,70,229,.24)) !important;
  border:1px solid rgba(147,197,253,.22) !important;
}
#add .ks-form-section-head h3{
  margin:0 !important;
  color:#f8fafc !important;
  font-size:20px !important;
  line-height:1.15 !important;
  font-weight:1000 !important;
  letter-spacing:-.02em !important;
}
#add .ks-form-section-head p{
  margin:5px 0 0 !important;
  color:#94a3b8 !important;
  font-size:13px !important;
  line-height:1.35 !important;
  font-weight:750 !important;
}
#add .ks-form-grid,
#add .ks-payment-grid{
  display:grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap:14px !important;
}
#add .ks-form-grid-two{
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
#add .ks-form-grid label,
#add .ks-payment-grid label,
#add .ks-pay-method,
#add .ks-currency-box,
#add .ks-vip-box,
#add .ks-payment-row,
#add .ks-notes-box{
  min-width:0 !important;
  border-radius:20px !important;
}
#add .ks-form-grid label,
#add .ks-payment-grid label,
#add .ks-pay-method,
#add .ks-currency-box,
#add .ks-vip-box,
#add .ks-notes-box{
  padding:14px !important;
  background:rgba(2,6,23,.28) !important;
  border:1px solid rgba(148,163,184,.10) !important;
}
#add .ks-form-grid input,
#add .ks-form-grid select,
#add .ks-payment-grid input,
#add .ks-payment-grid select,
#add .ks-notes-box textarea{
  min-height:46px !important;
  border-radius:15px !important;
}
#add .ks-form-grid .inline-input{
  margin-top:8px !important;
}
#add .ks-form-grid .inline-input input{
  min-width:0 !important;
}
#add .ks-payment-row{
  padding:16px !important;
  background:rgba(2,6,23,.26) !important;
  border:1px solid rgba(148,163,184,.10) !important;
  margin-bottom:14px !important;
}
#add .ks-payment-row > label,
#add .ks-pay-method > span,
#add .ks-currency-box > span,
#add .ks-vip-box > span:first-child{
  display:block !important;
  margin-bottom:10px !important;
  color:#cbd5e1 !important;
  font-size:13px !important;
  font-weight:950 !important;
}
#add .payment-status-options,
#add .pay-buttons{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
}
#add .payment-status-chip,
#add .pay-buttons .pay,
#add .choice-box.small-choice label,
#add .vip-box > span:last-child{
  min-height:44px !important;
  border-radius:15px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  padding:10px 13px !important;
  font-weight:950 !important;
}
#add .payment-status-chip.active,
#add .pay-buttons .pay.active,
#add .choice-box.small-choice label.active{
  box-shadow:0 12px 26px rgba(37,99,235,.16), inset 0 1px 0 rgba(255,255,255,.07) !important;
}
#add .ks-notes-box{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  margin-top:14px !important;
}
#add .ks-notes-box textarea{
  width:100% !important;
  min-height:105px !important;
  resize:vertical !important;
}
#add .ks-system-hidden-field,
#add .ks-system-fields{
  display:none !important;
}
#add .ks-form-actions{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:14px !important;
  padding:10px 0 4px !important;
}
#add .ks-form-actions .btn{
  min-width:180px !important;
  min-height:54px !important;
  border-radius:18px !important;
  font-size:15px !important;
  font-weight:1000 !important;
  letter-spacing:.01em !important;
}
#add .ks-clear-btn{
  color:#e5e7eb !important;
  background:rgba(15,23,42,.72) !important;
  border:1px solid rgba(148,163,184,.20) !important;
}
#add .ks-save-btn{
  color:#052e16 !important;
  background:linear-gradient(135deg, #34d399, #22c55e) !important;
  border:1px solid rgba(134,239,172,.45) !important;
  box-shadow:0 18px 34px rgba(34,197,94,.20) !important;
}
@media(max-width:1180px){
  #add .ks-form-grid,
  #add .ks-payment-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  #add .ks-form-grid-two{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media(max-width:767px){
  #add .ks-add-modern-title{ padding:18px !important; border-radius:24px !important; }
  #add .ks-form-section{ padding:16px !important; border-radius:24px !important; }
  #add .ks-form-section-head{ gap:11px !important; align-items:flex-start !important; }
  #add .ks-form-section-head > span{ width:40px !important; height:40px !important; min-width:40px !important; border-radius:14px !important; }
  #add .ks-form-section-head h3{ font-size:18px !important; }
  #add .ks-form-grid,
  #add .ks-form-grid-two,
  #add .ks-payment-grid{ grid-template-columns:1fr !important; gap:12px !important; }
  #add .payment-status-options,
  #add .pay-buttons{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:9px !important; }
  #add .payment-status-chip,
  #add .pay-buttons .pay{ width:100% !important; }
  #add .ks-form-actions{ flex-direction:column-reverse !important; gap:10px !important; }
  #add .ks-form-actions .btn{ width:100% !important; min-width:0 !important; }
}

#add #customerForm .modern-form-section{
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}

#add .ks-add-modern-form{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:20px !important;
  width:100% !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

#add .ks-form-section{
  width:100% !important;
  display:block !important;
  padding:24px !important;
  border-radius:30px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(59,130,246,.11), transparent 32%),
    linear-gradient(180deg, rgba(15,23,42,.91), rgba(8,13,26,.84)) !important;
  border:1px solid rgba(148,163,184,.16) !important;
  box-shadow:0 18px 46px rgba(2,8,23,.20), inset 0 1px 0 rgba(255,255,255,.05) !important;
  overflow:visible !important;
}

#add .ks-form-section-head{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  margin:0 0 18px !important;
  padding:0 !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
}

#add .ks-form-section-head > span{
  flex:0 0 46px !important;
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  border-radius:17px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(135deg, rgba(37,99,235,.72), rgba(79,70,229,.55)) !important;
  border:1px solid rgba(147,197,253,.28) !important;
  box-shadow:0 10px 24px rgba(37,99,235,.16), inset 0 1px 0 rgba(255,255,255,.10) !important;
  color:#dbeafe !important;
  -webkit-text-fill-color:#dbeafe !important;
  font-size:15px !important;
  font-weight:1000 !important;
  line-height:1 !important;
}

#add .ks-form-section-head h3{
  margin:0 !important;
  padding:0 !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  font-size:21px !important;
  line-height:1.12 !important;
  font-weight:1000 !important;
  letter-spacing:-.025em !important;
}

#add .ks-form-section-head p{
  margin:5px 0 0 !important;
  padding:0 !important;
  color:#94a3b8 !important;
  -webkit-text-fill-color:#94a3b8 !important;
  font-size:13px !important;
  line-height:1.35 !important;
  font-weight:780 !important;
}

#add .ks-form-grid,
#add .ks-payment-grid{
  width:100% !important;
  display:grid !important;
  gap:16px !important;
  align-items:start !important;
}

@media (min-width:1181px){
  #add .ks-form-grid-one{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
  #add .ks-form-grid-two{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
  #add .ks-payment-grid{grid-template-columns:minmax(240px,.95fr) minmax(240px,.95fr) minmax(240px,.95fr) !important;}
  #add .ks-form-grid-one label:has(#profitField){grid-column:auto !important;}
}
@media (min-width:768px) and (max-width:1180px){
  #add .ks-form-grid-one,
  #add .ks-form-grid-two,
  #add .ks-payment-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width:767px){
  #add .ks-form-section{padding:16px !important;border-radius:24px !important;}
  #add .ks-form-section-head{align-items:flex-start !important;gap:11px !important;margin-bottom:14px !important;}
  #add .ks-form-section-head > span{width:40px !important;height:40px !important;min-width:40px !important;flex-basis:40px !important;border-radius:14px !important;font-size:13px !important;}
  #add .ks-form-section-head h3{font-size:18px !important;}
  #add .ks-form-grid-one,
  #add .ks-form-grid-two,
  #add .ks-payment-grid{grid-template-columns:1fr !important;gap:12px !important;}
}

#add .ks-form-grid > label,
#add .ks-payment-grid > label,
#add .ks-pay-method,
#add .ks-currency-box,
#add .ks-vip-box,
#add .ks-notes-box{
  width:100% !important;
  min-width:0 !important;
  min-height:auto !important;
  margin:0 !important;
  padding:15px !important;
  border-radius:21px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:9px !important;
  position:relative !important;
  background:rgba(2,6,23,.34) !important;
  border:1px solid rgba(148,163,184,.12) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
  color:#cbd5e1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
  font-size:13px !important;
  line-height:1.2 !important;
  font-weight:950 !important;
  overflow:visible !important;
}

#add .ks-form-grid > label::before,
#add .ks-form-grid > label::after,
#add .ks-payment-grid > label::before,
#add .ks-payment-grid > label::after,
#add .ks-notes-box::before,
#add .ks-notes-box::after{
  content:none !important;
  display:none !important;
}

#add .ks-form-grid input,
#add .ks-form-grid select,
#add .ks-payment-grid input,
#add .ks-payment-grid select,
#add .ks-notes-box textarea{
  width:100% !important;
  min-height:50px !important;
  margin:0 !important;
  border-radius:16px !important;
  background:rgba(17,24,39,.72) !important;
  border:1px solid rgba(148,163,184,.17) !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  font-size:15px !important;
  font-weight:850 !important;
  box-shadow:none !important;
}

#add .inline-input,
#add .clean-inline-input,
#add .add-pro-inline{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto auto !important;
  gap:8px !important;
  align-items:center !important;
  width:100% !important;
  margin:0 !important;
}
#add .inline-input input{min-width:0 !important;}
#add .inline-input button{
  min-height:50px !important;
  min-width:70px !important;
  padding:0 14px !important;
  border-radius:16px !important;
  white-space:nowrap !important;
  font-weight:1000 !important;
}
#add #getStockBtn{min-width:112px !important;}

#add .ks-payment-row{
  width:100% !important;
  margin:0 0 16px !important;
  padding:16px !important;
  border-radius:21px !important;
  background:rgba(2,6,23,.31) !important;
  border:1px solid rgba(148,163,184,.12) !important;
}
#add .ks-payment-row > label,
#add .ks-pay-method > span,
#add .ks-currency-box > span,
#add .ks-vip-box > span:first-child,
#add .ks-notes-box{
  color:#cbd5e1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
  font-size:13px !important;
  font-weight:950 !important;
}

#add #paymentStatusBox,
#add .payment-status-options{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
}
#add .pay-buttons{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
}

#add #paymentStatusBox .payment-status-chip,
#add .choice-box.small-choice label,
#add .pay-buttons .pay{
  all:unset !important;
  box-sizing:border-box !important;
  min-height:48px !important;
  min-width:110px !important;
  padding:0 15px !important;
  border-radius:16px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  cursor:pointer !important;
  user-select:none !important;
  -webkit-user-select:none !important;
  background:rgba(15,23,42,.70) !important;
  border:1px solid rgba(148,163,184,.18) !important;
  color:#e5e7eb !important;
  -webkit-text-fill-color:#e5e7eb !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  text-align:center !important;
  position:relative !important;
}

#add #paymentStatusBox .payment-status-chip input[type="radio"],
#add .choice-box.small-choice label input[type="radio"],
#add .ks-vip-box #vip{
  appearance:none !important;
  -webkit-appearance:none !important;
  position:absolute !important;
  opacity:0 !important;
  width:1px !important;
  height:1px !important;
  min-width:1px !important;
  min-height:1px !important;
  max-width:1px !important;
  max-height:1px !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  pointer-events:none !important;
  transform:none !important;
  inset:auto !important;
}

#add #paymentStatusBox .payment-status-chip::before,
#add .choice-box.small-choice label::before{
  content:"" !important;
  display:inline-flex !important;
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  min-height:18px !important;
  border-radius:999px !important;
  border:2px solid rgba(148,163,184,.45) !important;
  background:rgba(2,6,23,.50) !important;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.24) !important;
}
#add #paymentStatusBox .payment-status-chip::after,
#add .choice-box.small-choice label::after{
  content:none !important;
  display:none !important;
}
#add #paymentStatusBox .payment-status-chip.active,
#add #paymentStatusBox .payment-status-chip.check-active,
#add .choice-box.small-choice label.active,
#add .choice-box.small-choice label.check-active,
#add .pay-buttons .pay.active{
  background:linear-gradient(135deg, rgba(37,99,235,.92), rgba(124,58,237,.84)) !important;
  border-color:rgba(167,139,250,.52) !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  box-shadow:0 12px 26px rgba(37,99,235,.18), inset 0 1px 0 rgba(255,255,255,.13) !important;
}
#add #paymentStatusBox .payment-status-chip.active::before,
#add #paymentStatusBox .payment-status-chip.check-active::before,
#add .choice-box.small-choice label.active::before,
#add .choice-box.small-choice label.check-active::before{
  border-color:rgba(219,234,254,.94) !important;
  background:radial-gradient(circle,#fff 0 34%, transparent 37%), linear-gradient(135deg,#60a5fa,#8b5cf6) !important;
}
#add .choice-box.small-choice label b{
  display:inline-flex !important;
  margin-left:2px !important;
  padding:4px 7px !important;
  border-radius:999px !important;
  background:rgba(16,185,129,.16) !important;
  color:#86efac !important;
  -webkit-text-fill-color:#86efac !important;
  font-size:10px !important;
  font-weight:1000 !important;
}

#add .ks-currency-box{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
}
#add .ks-currency-box > span{
  grid-column:1 / -1 !important;
}
#add .ks-currency-box label{
  width:100% !important;
  min-width:0 !important;
}

#add .ks-vip-box{
  min-height:0 !important;
}
#add .ks-vip-box > span:last-child{
  width:100% !important;
  min-height:52px !important;
  padding:0 16px !important;
  border-radius:16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  cursor:pointer !important;
  user-select:none !important;
  background:rgba(15,23,42,.72) !important;
  border:1px solid rgba(148,163,184,.18) !important;
  color:#e5e7eb !important;
  -webkit-text-fill-color:#e5e7eb !important;
  font-weight:1000 !important;
}
#add .ks-vip-box > span:last-child::before{
  content:"" !important;
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  border-radius:6px !important;
  border:2px solid rgba(148,163,184,.45) !important;
  background:rgba(2,6,23,.52) !important;
}
#add .ks-vip-box.active > span:last-child,
#add .ks-vip-box.vip-selected > span:last-child,
#add .ks-vip-box:has(#vip:checked) > span:last-child{
  background:linear-gradient(135deg, rgba(16,185,129,.90), rgba(37,99,235,.84)) !important;
  border-color:rgba(134,239,172,.48) !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  box-shadow:0 12px 26px rgba(16,185,129,.16), inset 0 1px 0 rgba(255,255,255,.13) !important;
}
#add .ks-vip-box.active > span:last-child::before,
#add .ks-vip-box.vip-selected > span:last-child::before,
#add .ks-vip-box:has(#vip:checked) > span:last-child::before{
  content:"✓" !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  font-size:12px !important;
  font-weight:1000 !important;
  border-color:rgba(187,247,208,.92) !important;
  background:linear-gradient(135deg,#22c55e,#16a34a) !important;
}

#add .ks-notes-box textarea{
  min-height:110px !important;
  padding:15px !important;
  resize:vertical !important;
}

#add .ks-form-actions{
  width:100% !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:16px !important;
  margin:12px 0 0 !important;
  padding:16px 0 4px !important;
  position:relative !important;
  bottom:auto !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
#add .ks-form-actions .btn,
#add .ks-form-actions button{
  min-width:190px !important;
  min-height:56px !important;
  border-radius:19px !important;
  font-size:15px !important;
  line-height:1 !important;
  font-weight:1000 !important;
}
#add .ks-form-actions .ks-clear-btn,
#add .ks-form-actions [data-clear-customer="true"]{
  color:#e5e7eb !important;
  -webkit-text-fill-color:#e5e7eb !important;
  background:rgba(15,23,42,.80) !important;
  border:1px solid rgba(148,163,184,.22) !important;
}
#add .ks-form-actions .ks-save-btn,
#add .ks-form-actions [data-save-customer="true"]{
  color:#052e16 !important;
  -webkit-text-fill-color:#052e16 !important;
  background:linear-gradient(135deg, #34d399, #22c55e) !important;
  border:1px solid rgba(134,239,172,.48) !important;
  box-shadow:0 18px 34px rgba(34,197,94,.20) !important;
}
#add .ks-form-actions button[data-clear-customer="true"] ~ button[data-clear-customer="true"]{
  display:none !important;
}
@media(max-width:767px){
  #add .ks-form-actions{flex-direction:column-reverse !important;gap:10px !important;}
  #add .ks-form-actions .btn,
  #add .ks-form-actions button{width:100% !important;min-width:0 !important;}
  #add .inline-input{grid-template-columns:minmax(0,1fr) auto auto !important;}
  #add .inline-input button{min-width:62px !important;padding:0 10px !important;font-size:12px !important;}
  #add #getStockBtn{min-width:92px !important;}
}


#add .ks-vip-box{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  background:linear-gradient(180deg, rgba(24,18,45,.82), rgba(8,13,26,.92)) !important;
  border:1px solid rgba(251,191,36,.22) !important;
}
#add .ks-vip-box > span:first-child{
  color:#fde68a !important;
  -webkit-text-fill-color:#fde68a !important;
  letter-spacing:.02em !important;
}
#add .ks-vip-box > span:last-child{
  width:100% !important;
  min-height:56px !important;
  padding:0 17px 0 14px !important;
  border-radius:18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  cursor:pointer !important;
  user-select:none !important;
  -webkit-user-select:none !important;
  background:
    radial-gradient(circle at 12% 20%, rgba(251,191,36,.22), transparent 30%),
    linear-gradient(135deg, rgba(30,41,59,.92), rgba(88,28,135,.38)) !important;
  border:1px solid rgba(251,191,36,.35) !important;
  color:#fde68a !important;
  -webkit-text-fill-color:#fde68a !important;
  font-weight:1000 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 12px 26px rgba(0,0,0,.15) !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease !important;
}
#add .ks-vip-box > span:last-child::before{
  content:"♛" !important;
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  border-radius:13px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#451a03 !important;
  -webkit-text-fill-color:#451a03 !important;
  font-size:17px !important;
  font-weight:1000 !important;
  border:1px solid rgba(253,230,138,.72) !important;
  background:linear-gradient(135deg,#fde68a,#f59e0b) !important;
  box-shadow:0 8px 20px rgba(245,158,11,.22), inset 0 1px 0 rgba(255,255,255,.42) !important;
}
#add .ks-vip-box > span:last-child::after{
  content:"OFF" !important;
  min-width:52px !important;
  height:28px !important;
  border-radius:999px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#cbd5e1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
  background:rgba(15,23,42,.72) !important;
  border:1px solid rgba(148,163,184,.23) !important;
  font-size:11px !important;
  font-weight:1000 !important;
  letter-spacing:.08em !important;
}
#add .ks-vip-box.active > span:last-child,
#add .ks-vip-box.vip-selected > span:last-child,
#add .ks-vip-box:has(#vip:checked) > span:last-child{
  background:
    radial-gradient(circle at 14% 12%, rgba(255,255,255,.22), transparent 28%),
    linear-gradient(135deg, #f59e0b 0%, #ec4899 52%, #7c3aed 100%) !important;
  border-color:rgba(253,230,138,.75) !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  box-shadow:0 18px 38px rgba(236,72,153,.20), 0 10px 26px rgba(245,158,11,.16), inset 0 1px 0 rgba(255,255,255,.20) !important;
}
#add .ks-vip-box.active > span:last-child::before,
#add .ks-vip-box.vip-selected > span:last-child::before,
#add .ks-vip-box:has(#vip:checked) > span:last-child::before{
  content:"✓" !important;
  color:#064e3b !important;
  -webkit-text-fill-color:#064e3b !important;
  background:linear-gradient(135deg,#ecfdf5,#34d399) !important;
  border-color:rgba(236,253,245,.86) !important;
}
#add .ks-vip-box.active > span:last-child::after,
#add .ks-vip-box.vip-selected > span:last-child::after,
#add .ks-vip-box:has(#vip:checked) > span:last-child::after{
  content:"ON" !important;
  color:#064e3b !important;
  -webkit-text-fill-color:#064e3b !important;
  background:#fef3c7 !important;
  border-color:rgba(254,243,199,.85) !important;
}
#add .ks-vip-box > span:last-child:active{ transform:scale(.985) !important; }
#add #vip{
  appearance:none !important;
  -webkit-appearance:none !important;
  position:absolute !important;
  opacity:0 !important;
  width:1px !important;
  height:1px !important;
  pointer-events:none !important;
}
#add #customServiceBox.hidden,
#add #customPlanBox.hidden,
#add #customWarrantyBox.hidden,
#add #customPartnerBox.hidden,
#add #paymentAccountBox.hidden,
#add .ks-custom-hidden-force{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}
#add #paymentAccountBox:not(.hidden){
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
}
#add #paymentAccountBox:not(.hidden) input{
  border-color:rgba(251,191,36,.38) !important;
  box-shadow:0 0 0 1px rgba(251,191,36,.10), 0 12px 28px rgba(245,158,11,.08) !important;
}


#add [data-paste],
#add #showPass,
#add #getStockBtn{
  cursor:pointer !important;
  touch-action:manipulation !important;
  user-select:none !important;
}
#add #showPass:empty::before{content:"Show";}
#add #showPass,
#add [data-paste]{
  min-width:72px !important;
  min-height:44px !important;
  border-radius:14px !important;
  border:1px solid rgba(96,165,250,.30) !important;
  background:linear-gradient(135deg,rgba(37,99,235,.92),rgba(59,130,246,.82)) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:13px !important;
  font-weight:950 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-shadow:0 12px 24px rgba(37,99,235,.18) !important;
}
#add [data-paste]:active,
#add #showPass:active{transform:translateY(1px) scale(.99) !important;}
body.customer-edit-mode #add .order-edit-only,
body.editing-order-mode #add .order-edit-only,
#add.customer-edit-mode .order-edit-only{
  display:flex !important;
}
body.customer-edit-mode #add .ks-system-hidden-field,
body.editing-order-mode #add .ks-system-hidden-field,
#add.customer-edit-mode .ks-system-hidden-field{
  display:flex !important;
}
body.customer-edit-mode #add .ks-system-fields,
body.editing-order-mode #add .ks-system-fields,
#add.customer-edit-mode .ks-system-fields{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr)) !important;
  gap:14px !important;
  margin-top:16px !important;
  padding:16px !important;
  border-radius:22px !important;
  border:1px solid rgba(96,165,250,.20) !important;
  background:rgba(15,23,42,.42) !important;
}
body.customer-add-mode #add .ks-system-fields,
body.adding-order-mode #add .ks-system-fields,
body.customer-add-mode #add .ks-system-hidden-field,
body.adding-order-mode #add .ks-system-hidden-field,
body.customer-add-mode #add .order-edit-only,
body.adding-order-mode #add .order-edit-only{
  display:none !important;
}
body.customer-edit-mode #formTitle::after,
#add.customer-edit-mode #formTitle::after{
  content:" • Full Edit Mode";
  color:#60a5fa;
  font-size:15px;
  font-weight:900;
}
#orderViewModal.ks126-view-modal-open,
#orderViewModal:not(.hidden){
  position:fixed !important;
  inset:0 !important;
  z-index:12000 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:22px !important;
  background:rgba(2,6,23,.76) !important;
  backdrop-filter:blur(16px) !important;
}
#orderViewModal.hidden{display:none !important;}
#orderViewModal .order-view-card{
  width:min(980px,96vw) !important;
  max-height:min(88vh,920px) !important;
  overflow:auto !important;
  border-radius:30px !important;
  padding:22px !important;
  border:1px solid rgba(148,163,184,.22) !important;
  background:radial-gradient(circle at 4% 0%,rgba(59,130,246,.22),transparent 34%),radial-gradient(circle at 100% 0%,rgba(168,85,247,.18),transparent 35%),linear-gradient(180deg,rgba(15,23,42,.98),rgba(8,13,26,.96)) !important;
  box-shadow:0 35px 90px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
#orderViewModal .order-view-top{
  padding-bottom:16px !important;
  margin-bottom:18px !important;
  border-bottom:1px solid rgba(148,163,184,.14) !important;
}
#orderViewModal .order-view-top h2{
  font-size:28px !important;
  line-height:1.08 !important;
  letter-spacing:-.03em !important;
  color:#f8fafc !important;
  margin:0 0 6px !important;
}
#orderViewModal .order-view-top p{
  color:#94a3b8 !important;
  font-size:14px !important;
  font-weight:750 !important;
  margin:0 !important;
}
#orderViewModal .order-view-top button{
  width:46px !important;
  height:46px !important;
  border-radius:16px !important;
  border:1px solid rgba(148,163,184,.18) !important;
  background:rgba(15,23,42,.72) !important;
  color:#e5e7eb !important;
  cursor:pointer !important;
}
#orderViewModal .order-view-top button:before{content:"×";font-size:26px;font-weight:900;line-height:1;}
.ks126-view-modern{display:flex;flex-direction:column;gap:16px;}
.ks126-view-hero{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:20px;
  border-radius:24px;
  border:1px solid rgba(96,165,250,.18);
  background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(124,58,237,.13));
}
.ks126-view-kicker{
  display:inline-flex;
  align-items:center;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(37,99,235,.20);
  color:#bfdbfe;
  font-size:11px;
  font-weight:1000;
  letter-spacing:.06em;
  text-transform:uppercase;
  margin-bottom:10px;
}
.ks126-view-hero h3{margin:0;color:#fff;font-size:30px;line-height:1.05;font-weight:1000;letter-spacing:-.035em;}
.ks126-view-hero p{margin:8px 0 0;color:#cbd5e1;font-size:15px;font-weight:850;}
.ks126-view-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;}
.ks126-view-badges span{
  padding:8px 12px;
  border-radius:999px;
  background:rgba(15,23,42,.72);
  border:1px solid rgba(148,163,184,.16);
  color:#e0e7ff;
  font-size:12px;
  font-weight:950;
}
.ks126-view-section{
  padding:18px;
  border-radius:24px;
  border:1px solid rgba(148,163,184,.14);
  background:rgba(2,6,23,.28);
}
.ks126-view-section h4{
  margin:0 0 14px;
  color:#f8fafc;
  font-size:18px;
  font-weight:1000;
  letter-spacing:-.015em;
}
.ks126-view-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.ks126-view-field{
  min-width:0;
  padding:13px 14px;
  border-radius:17px;
  background:rgba(15,23,42,.62);
  border:1px solid rgba(148,163,184,.12);
}
.ks126-view-field.wide{grid-column:span 2;}
.ks126-view-field span{
  display:block;
  margin-bottom:6px;
  color:#94a3b8;
  font-size:11px;
  line-height:1.2;
  font-weight:1000;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.ks126-view-field b{
  display:block;
  color:#f8fafc;
  font-size:15px;
  line-height:1.3;
  font-weight:850;
  overflow-wrap:anywhere;
}
.ks126-view-note{
  min-height:54px;
  padding:15px;
  border-radius:17px;
  color:#e5e7eb;
  background:rgba(15,23,42,.62);
  border:1px solid rgba(148,163,184,.12);
  white-space:pre-wrap;
  font-size:15px;
  line-height:1.55;
}
.ks126-view-actions{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
  padding-top:4px;
}
.ks126-view-actions .ks126-view-btn{
  min-width:150px !important;
  height:52px !important;
  border-radius:17px !important;
  font-size:14px !important;
  font-weight:1000 !important;
}
@media(max-width:920px){
  .ks126-view-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .ks126-view-field.wide{grid-column:span 2;}
}
@media(max-width:620px){
  #orderViewModal:not(.hidden){padding:10px !important;align-items:stretch !important;}
  #orderViewModal .order-view-card{width:100% !important;max-height:calc(100dvh - 20px) !important;border-radius:24px !important;padding:16px !important;}
  .ks126-view-hero{flex-direction:column;padding:16px;}
  .ks126-view-hero h3{font-size:25px;}
  .ks126-view-badges{justify-content:flex-start;}
  .ks126-view-grid{grid-template-columns:1fr;}
  .ks126-view-field.wide{grid-column:auto;}
  .ks126-view-actions .ks126-view-btn{width:100% !important;}
}


.dashboard-lang-switch{background:rgba(2,6,23,.92)!important;border:1px solid rgba(148,163,184,.22)!important;box-shadow:0 10px 25px rgba(0,0,0,.20)!important;}
.dashboard-lang-switch button,#langKuBtn,#langEnBtn{position:relative!important;min-width:72px!important;height:38px!important;border-radius:13px!important;background:#050914!important;color:#e5e7eb!important;-webkit-text-fill-color:#e5e7eb!important;border:1px solid rgba(148,163,184,.20)!important;font-size:13px!important;font-weight:950!important;line-height:1!important;overflow:hidden!important;}
.dashboard-lang-switch button::before,.dashboard-lang-switch button::after,#langKuBtn::before,#langKuBtn::after,#langEnBtn::before,#langEnBtn::after{content:none!important;display:none!important;}
.dashboard-lang-switch button.active,.dashboard-lang-switch button.active-lang,.dashboard-lang-switch button:hover,#langKuBtn.active,#langEnBtn.active{background:linear-gradient(135deg,#111827,#1e293b)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:rgba(96,165,250,.45)!important;}

.backup-security-panel{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important;contain:layout paint!important;}
.backup-security-panel .panel-head{display:flex!important;flex-wrap:wrap!important;gap:14px!important;align-items:flex-start!important;justify-content:space-between!important;min-width:0!important;}
.backup-security-panel .panel-head>*{min-width:0!important;}
.backup-action-buttons{display:flex!important;flex-wrap:wrap!important;gap:10px!important;justify-content:flex-start!important;max-width:100%!important;}
.backup-action-buttons .btn,.backup-security-panel .btn{flex:0 1 auto!important;min-width:140px!important;max-width:100%!important;white-space:normal!important;line-height:1.15!important;}
.backup-status-line{display:flex!important;flex-wrap:wrap!important;gap:8px!important;max-width:100%!important;}
.backup-status-line span{min-width:0!important;overflow-wrap:anywhere!important;}
.backup-security-panel .table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;}
@media(max-width:700px){.backup-action-buttons{display:grid!important;grid-template-columns:1fr!important;width:100%!important}.backup-action-buttons .btn{width:100%!important;min-width:0!important}}

#add .inline-input,#add .clean-inline-input{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:8px!important;align-items:center!important;width:100%!important;}
#add .inline-input input{min-width:0!important;width:100%!important;}
#add .inline-input button,#add [data-paste],#showPass{height:44px!important;min-width:68px!important;padding:0 12px!important;border-radius:14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;user-select:none!important;touch-action:manipulation!important;font-size:12px!important;font-weight:950!important;white-space:nowrap!important;border:1px solid rgba(96,165,250,.30)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;}
#showPass{font-size:12px!important;background:linear-gradient(135deg,#7c3aed,#4f46e5)!important;}
#showPass::before,#showPass::after{content:none!important;display:none!important;}
#add [data-paste]{background:linear-gradient(135deg,#059669,#047857)!important;}
@media(max-width:620px){#add .inline-input{grid-template-columns:1fr!important}#add .inline-input button,#showPass,#add [data-paste]{width:100%!important}}

.order-view-modal.ks127-view-open{position:fixed!important;inset:0!important;z-index:20000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:18px!important;background:rgba(2,6,23,.76)!important;backdrop-filter:blur(12px)!important;}
.order-view-modal.ks127-view-open.hidden{display:none!important;}
.order-view-modal.ks127-view-open .order-view-card{width:min(760px,96vw)!important;max-height:88vh!important;overflow:auto!important;border-radius:28px!important;padding:22px!important;background:radial-gradient(circle at top left,rgba(59,130,246,.16),transparent 32%),linear-gradient(180deg,rgba(15,23,42,.98),rgba(3,7,18,.98))!important;border:1px solid rgba(148,163,184,.20)!important;box-shadow:0 28px 80px rgba(0,0,0,.45)!important;}
.order-view-modal.ks127-view-open .order-view-top{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin-bottom:16px!important;}
.order-view-modal.ks127-view-open .order-view-top h2{margin:0!important;font-size:22px!important;line-height:1.15!important;color:#fff!important;font-weight:1000!important;}
.order-view-modal.ks127-view-open .order-view-top p{margin:5px 0 0!important;color:#94a3b8!important;font-size:13px!important;}
.order-view-modal.ks127-view-open .order-view-top button{width:42px!important;height:42px!important;border-radius:14px!important;border:1px solid rgba(148,163,184,.22)!important;background:rgba(15,23,42,.75)!important;color:#fff!important;}
.order-view-modal.ks127-view-open .order-view-top button::before{content:"×";font-size:24px;font-weight:900;line-height:1;}
.ks127-view-box{display:grid!important;gap:14px!important;}
.ks127-view-title{padding:16px!important;border-radius:22px!important;background:linear-gradient(135deg,rgba(37,99,235,.20),rgba(124,58,237,.13))!important;border:1px solid rgba(96,165,250,.20)!important;}
.ks127-view-title b{display:block!important;color:#fff!important;font-size:20px!important;line-height:1.15!important;font-weight:1000!important;}.ks127-view-title span{display:block!important;color:#bfdbfe!important;font-size:13px!important;margin-top:5px!important;}
.ks127-view-group{padding:14px!important;border-radius:20px!important;background:rgba(15,23,42,.62)!important;border:1px solid rgba(148,163,184,.14)!important;}.ks127-view-group h3{margin:0 0 10px!important;color:#e5e7eb!important;font-size:14px!important;font-weight:1000!important;letter-spacing:.02em!important;}
.ks127-view-line{display:grid!important;grid-template-columns:minmax(115px,170px) 34px minmax(0,1fr)!important;gap:8px!important;align-items:start!important;min-height:34px!important;padding:8px 0!important;border-top:1px solid rgba(148,163,184,.10)!important;}.ks127-view-line:first-of-type{border-top:0!important;}
.ks127-view-line span{color:#93a4bb!important;font-size:13px!important;font-weight:850!important;line-height:1.35!important;}.ks127-view-line em{font-style:normal!important;color:#64748b!important;font-weight:900!important;text-align:center!important;}.ks127-view-line b{color:#f8fafc!important;font-size:14.5px!important;line-height:1.35!important;font-weight:900!important;overflow-wrap:anywhere!important;}
.ks127-view-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;justify-content:center!important;padding-top:4px!important;}.ks127-view-actions .btn{min-width:120px!important;}
@media(max-width:560px){.order-view-modal.ks127-view-open{align-items:flex-end!important;padding:8px!important}.order-view-modal.ks127-view-open .order-view-card{width:100%!important;max-height:92vh!important;border-radius:24px 24px 18px 18px!important;padding:16px!important}.ks127-view-line{grid-template-columns:1fr!important;gap:2px!important}.ks127-view-line em{display:none!important}.ks127-view-line b{font-size:15px!important}}

body.ks127-edit-all #add .ks-system-fields,body.ks127-edit-all #add .order-edit-only,body.ks127-edit-all #add #paymentAccountBox,body.ks127-edit-all #add #customServiceBox,body.ks127-edit-all #add #customPlanBox,body.ks127-edit-all #add #customWarrantyBox,body.ks127-edit-all #add #customPartnerBox{display:block!important;visibility:visible!important;opacity:1!important;}
body.ks127-edit-all #add .ks-system-fields{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin-top:16px!important;padding:16px!important;border-radius:22px!important;background:rgba(245,158,11,.08)!important;border:1px solid rgba(245,158,11,.22)!important;}
body.ks127-edit-all #add .ks-system-fields::before{content:"Edit all table columns";grid-column:1/-1;display:block;color:#fde68a;font-weight:1000;font-size:14px;margin-bottom:2px;}
body.ks127-edit-all #add #orderIdDisplay[readonly]{opacity:.85!important;cursor:not-allowed!important;}
@media(max-width:760px){body.ks127-edit-all #add .ks-system-fields{grid-template-columns:1fr!important}}


#ks145LangKu span{display:none!important;content:none!important;}
#ks145LangKu b{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;}
[data-i18n="navUsers"]{font-size:0!important;}
[data-i18n="navUsers"]::after{content:"Manage Users"!important;font-size:inherit!important;}

#ksMenu184 [data-page="users"] .ks-menu184-label::before,
#ksMenu184 [data-page="users"] .ks-menu184-label::after{content:none!important;display:none!important}
#ksMenu184 [data-page="users"] .ks-menu184-label{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#settings .settings-system-actions131{margin-top:16px!important;padding:18px!important;border-radius:22px!important;background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(9,14,28,.88))!important;border:1px solid rgba(96,165,250,.22)!important;box-shadow:0 16px 38px rgba(2,8,23,.22)!important}
#settings .settings-system-btns131{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:12px!important}
#settings .settings-system-btns131 button,#settings #settingsReloadAllData138{width:100%!important;min-height:46px!important;border:0!important;border-radius:16px!important;cursor:pointer!important;background:linear-gradient(135deg,#2563eb,#7c3aed)!important;color:#fff!important;font-weight:900!important;box-shadow:0 12px 24px rgba(37,99,235,.20)!important}
#settings .settings-system-btns131 button:disabled,#settings #settingsReloadAllData138:disabled{opacity:.55!important;cursor:not-allowed!important}
#settings #settingDefaultPaymentMethod,#settings #settingDefaultLanguage{cursor:pointer!important}
@media(max-width:700px){#settings .settings-system-btns131{grid-template-columns:1fr!important}}


#dashboard .backup-security-panel{
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  contain:none!important;
  margin-top:22px!important;
  padding:24px!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 10% 0%,rgba(59,130,246,.18),transparent 34%),
    radial-gradient(circle at 95% 8%,rgba(168,85,247,.16),transparent 30%),
    linear-gradient(180deg,rgba(15,23,42,.92),rgba(2,6,23,.88))!important;
  border:1px solid rgba(148,163,184,.18)!important;
  box-shadow:0 24px 70px rgba(2,8,23,.28), inset 0 1px 0 rgba(255,255,255,.05)!important;
}
#dashboard .backup-security-panel::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 38%,rgba(96,165,250,.05))!important;
}
#dashboard .backup-security-panel .panel-head{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(360px,.92fr)!important;
  gap:18px!important;
  align-items:start!important;
  justify-content:stretch!important;
  margin-bottom:18px!important;
  min-width:0!important;
}
#dashboard .backup-security-panel .panel-head>div:first-child{
  min-width:0!important;
  padding:4px 0!important;
}
#dashboard .backup-security-panel .panel-head h2{
  margin:0!important;
  color:#f8fafc!important;
  font-size:clamp(20px,2.2vw,30px)!important;
  line-height:1.08!important;
  font-weight:1000!important;
  letter-spacing:-.035em!important;
}
#dashboard .backup-security-panel .panel-head p{
  margin:8px 0 0!important;
  max-width:640px!important;
  color:#a8b4c8!important;
  font-size:14px!important;
  line-height:1.55!important;
}
#dashboard .backup-action-buttons{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  align-self:stretch!important;
}
#dashboard .backup-action-buttons .btn,
#dashboard .backup-security-panel .backup-action-buttons button{
  all:unset!important;
  box-sizing:border-box!important;
  min-width:0!important;
  width:100%!important;
  min-height:58px!important;
  padding:12px 14px!important;
  border-radius:19px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  cursor:pointer!important;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  color:#f8fafc!important;
  -webkit-text-fill-color:#f8fafc!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:950!important;
  letter-spacing:-.01em!important;
  background:linear-gradient(135deg,rgba(37,99,235,.34),rgba(124,58,237,.26))!important;
  border:1px solid rgba(125,211,252,.22)!important;
  box-shadow:0 14px 28px rgba(37,99,235,.15), inset 0 1px 0 rgba(255,255,255,.07)!important;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease!important;
}
#dashboard .backup-action-buttons .btn:hover,
#dashboard .backup-security-panel .backup-action-buttons button:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(147,197,253,.45)!important;
  box-shadow:0 18px 36px rgba(37,99,235,.20), inset 0 1px 0 rgba(255,255,255,.09)!important;
}
#dashboard .backup-action-buttons .btn:disabled,
#dashboard .backup-security-panel .backup-action-buttons button:disabled{
  opacity:.55!important;
  cursor:not-allowed!important;
  transform:none!important;
}
#dashboard #backupPanelBtn::before{content:"☁"!important;font-size:18px!important;line-height:1!important;}
#dashboard #excelBackupBtn::before{content:"▣"!important;font-size:18px!important;line-height:1!important;}
#dashboard #dailyExcelBackupBtn::before{content:"↻"!important;font-size:18px!important;line-height:1!important;}
#dashboard #hourlyDriveBackupBtn::before{content:"⏱"!important;font-size:18px!important;line-height:1!important;}
#dashboard .backup-status-line{
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:4px 0 16px!important;
}
#dashboard .backup-status-line span{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-height:48px!important;
  padding:10px 12px!important;
  border-radius:17px!important;
  color:#dbeafe!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:850!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  background:linear-gradient(180deg,rgba(15,23,42,.72),rgba(15,23,42,.46))!important;
  border:1px solid rgba(148,163,184,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
#dashboard .backup-status-line span::before{
  content:"•"!important;
  margin-inline-end:8px!important;
  color:#22c55e!important;
  font-size:22px!important;
  line-height:0!important;
}
#dashboard .backup-security-panel .table-wrap{
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  border-radius:22px!important;
  background:rgba(2,6,23,.28)!important;
  border:1px solid rgba(148,163,184,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
#dashboard .backup-security-panel table{
  width:100%!important;
  min-width:720px!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}
#dashboard .backup-security-panel th{
  color:#bfdbfe!important;
  background:rgba(15,23,42,.78)!important;
  font-size:12px!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
  letter-spacing:.055em!important;
}
#dashboard .backup-security-panel td{
  color:#e5e7eb!important;
  font-size:13px!important;
  vertical-align:middle!important;
}
#dashboard .backup-security-panel a.row-action-btn,
#dashboard .backup-security-panel .row-action-btn{
  min-height:34px!important;
  padding:8px 11px!important;
  border-radius:12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:3px!important;
  font-size:12px!important;
  font-weight:950!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;
  border:1px solid rgba(147,197,253,.28)!important;
}
#dashboard .backup-security-panel .row-action-btn.danger{
  background:linear-gradient(135deg,#dc2626,#991b1b)!important;
  border-color:rgba(252,165,165,.30)!important;
}
@media(max-width:1180px){
  #dashboard .backup-security-panel .panel-head{grid-template-columns:1fr!important;}
  #dashboard .backup-status-line{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:720px){
  #dashboard{padding-bottom:112px!important;}
  #dashboard .backup-security-panel{
    margin:18px 0 104px!important;
    padding:16px!important;
    border-radius:24px!important;
  }
  #dashboard .backup-security-panel .panel-head{gap:14px!important;margin-bottom:14px!important;}
  #dashboard .backup-security-panel .panel-head h2{font-size:22px!important;}
  #dashboard .backup-security-panel .panel-head p{font-size:12.5px!important;line-height:1.45!important;}
  #dashboard .backup-action-buttons{grid-template-columns:1fr!important;gap:9px!important;}
  #dashboard .backup-action-buttons .btn,
  #dashboard .backup-security-panel .backup-action-buttons button{min-height:52px!important;border-radius:17px!important;font-size:12.5px!important;padding:11px 12px!important;}
  #dashboard .backup-status-line{grid-template-columns:1fr!important;gap:8px!important;margin-bottom:14px!important;}
  #dashboard .backup-status-line span{min-height:44px!important;font-size:11.8px!important;border-radius:15px!important;}
  #dashboard .backup-security-panel .table-wrap{border-radius:18px!important;max-width:100%!important;}
  #dashboard .backup-security-panel table{min-width:640px!important;}
  #mobileTaskbar,.mobile-taskbar,#mobileV49Nav,.mobile-v49-nav{z-index:30000!important;}
}


#add .customer-duplicate-warning{
  margin:18px 0 16px!important;
  padding:16px 18px!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,rgba(245,158,11,.18),rgba(15,23,42,.88))!important;
  border:1px solid rgba(245,158,11,.45)!important;
  box-shadow:0 18px 45px rgba(245,158,11,.10), inset 0 1px 0 rgba(255,255,255,.06)!important;
  color:#fff7ed!important;
}
#add .customer-duplicate-warning.hidden{display:none!important}
#add .dup-warning-head{display:flex!important;align-items:flex-start!important;gap:12px!important;margin-bottom:10px!important}
#add .dup-warning-head>span{width:38px!important;height:38px!important;min-width:38px!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:rgba(245,158,11,.20)!important;border:1px solid rgba(251,191,36,.35)!important;font-size:20px!important}
#add .dup-warning-head b{display:block!important;color:#fde68a!important;font-size:18px!important;line-height:1.2!important;font-weight:950!important}
#add .dup-warning-head small{display:block!important;margin-top:4px!important;color:#fed7aa!important;font-size:13px!important;line-height:1.45!important;font-weight:750!important}
#add .dup-warning-item{padding:10px 12px!important;margin-top:8px!important;border-radius:16px!important;background:rgba(2,6,23,.35)!important;border:1px solid rgba(251,191,36,.16)!important}
#add .dup-warning-item strong{display:block!important;color:#fff7ed!important;font-size:14px!important;font-weight:900!important;margin-bottom:6px!important}
#add .dup-warning-item ul{margin:0!important;padding:0!important;list-style:none!important;display:grid!important;gap:5px!important}
#add .dup-warning-item li{font-size:13px!important;color:#e5e7eb!important;line-height:1.35!important;overflow-wrap:anywhere!important}
@media (max-width:768px){
  #add .customer-duplicate-warning{margin:12px 0 14px!important;padding:13px 14px!important;border-radius:18px!important}
  #add .dup-warning-head b{font-size:15px!important}
  #add .dup-warning-head small,#add .dup-warning-item li{font-size:12px!important}
}


#stock .stock-tools.stock-one-form.ks142-stock-forms{
  display:grid !important;
  grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr) !important;
  gap:18px !important;
  align-items:stretch !important;
  margin-top:18px !important;
}
#stock .ks142-stock-forms .stock-card{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  gap:16px !important;
  min-width:0 !important;
  padding:24px !important;
  border-radius:30px !important;
  overflow:hidden !important;
  background:radial-gradient(circle at 0 0, rgba(16,185,129,.20), transparent 36%),linear-gradient(180deg, rgba(15,23,42,.88), rgba(8,13,25,.94)) !important;
  border:1px solid rgba(148,163,184,.18) !important;
  box-shadow:0 20px 50px rgba(2,6,23,.28), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
#stock .ks142-stock-forms .ks142-manual-stock-card{
  background:radial-gradient(circle at 0 0, rgba(59,130,246,.23), transparent 35%),linear-gradient(180deg, rgba(15,23,42,.88), rgba(8,13,25,.94)) !important;
}
#stock .ks142-stock-title{display:flex !important;flex-direction:column !important;gap:7px !important;margin:0 !important;}
#stock .ks142-stock-title h2{margin:0 !important;font-size:22px !important;line-height:1.15 !important;font-weight:1000 !important;color:#fff !important;-webkit-text-fill-color:#fff !important;letter-spacing:-.02em !important;}
#stock .ks142-stock-title p{margin:0 !important;color:#cbd5e1 !important;-webkit-text-fill-color:#cbd5e1 !important;font-size:13px !important;line-height:1.45 !important;font-weight:800 !important;}
#stock .ks142-stock-grid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px !important;width:100% !important;}
#stock .ks142-field{display:flex !important;flex-direction:column !important;gap:8px !important;min-width:0 !important;margin:0 !important;padding:14px !important;border-radius:20px !important;background:rgba(2,6,23,.25) !important;border:1px solid rgba(148,163,184,.12) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;}
#stock .ks142-field.ks142-wide{grid-column:1 / -1 !important;}
#stock .ks142-field > span, #stock .ks142-field.stock-note-field{font-size:11px !important;line-height:1.25 !important;font-weight:1000 !important;letter-spacing:.055em !important;text-transform:uppercase !important;color:#c7d2fe !important;-webkit-text-fill-color:#c7d2fe !important;margin:0 !important;}
#stock .ks142-field input, #stock .ks142-field select, #stock .ks142-field textarea{
  width:100% !important;
  min-height:50px !important;
  border-radius:17px !important;
  border:1px solid rgba(129,140,248,.18) !important;
  background:rgba(2,6,23,.52) !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045) !important;
  font-size:14px !important;
  font-weight:900 !important;
  outline:none !important;
}
#stock .ks142-field input:focus, #stock .ks142-field select:focus, #stock .ks142-field textarea:focus{border-color:rgba(96,165,250,.55) !important;box-shadow:0 0 0 3px rgba(59,130,246,.13), inset 0 1px 0 rgba(255,255,255,.05) !important;}
#stock .ks142-field textarea{min-height:92px !important;resize:vertical !important;padding:14px !important;line-height:1.45 !important;}
#stock .ks142-bulk-field{padding:14px !important;background:rgba(2,6,23,.34) !important;}
#stock .ks142-bulk-field #stockBulkText{min-height:124px !important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace !important;line-height:1.55 !important;}
#stock .ks142-stock-forms #importStockBtn, #stock .ks142-stock-forms #addStockBtn{margin-top:auto !important;width:100% !important;min-height:54px !important;border-radius:18px !important;font-size:14px !important;font-weight:1000 !important;}
#stock .ks142-stock-forms #importStockBtn{background:linear-gradient(135deg,#10b981,#22c55e) !important;box-shadow:0 18px 35px rgba(34,197,94,.22) !important;}
#stock .ks142-stock-forms #addStockBtn{background:linear-gradient(135deg,#3b82f6,#2563eb) !important;box-shadow:0 18px 35px rgba(59,130,246,.22) !important;}
#stock .ks142-stock-forms .custom-service-input.hidden, #stock .ks142-stock-forms #stockCustomServiceBox.hidden, #stock .ks142-stock-forms #manualStockCustomServiceBox.hidden{display:none !important;}
@media(max-width:1100px){#stock .stock-tools.stock-one-form.ks142-stock-forms{grid-template-columns:1fr !important;}#stock .ks142-stock-forms .stock-card{padding:20px !important;border-radius:26px !important;}}
@media(max-width:767px){
  #stock .stock-tools.stock-one-form.ks142-stock-forms{gap:12px !important;margin-top:12px !important;}
  #stock .ks142-stock-forms .stock-card{padding:14px !important;border-radius:22px !important;gap:12px !important;}
  #stock .ks142-stock-title h2{font-size:18px !important;}
  #stock .ks142-stock-title p{font-size:12px !important;}
  #stock .ks142-stock-grid{grid-template-columns:1fr !important;gap:10px !important;}
  #stock .ks142-field{padding:11px !important;border-radius:17px !important;gap:6px !important;}
  #stock .ks142-field > span, #stock .ks142-field.stock-note-field{font-size:10px !important;}
  #stock .ks142-field input, #stock .ks142-field select, #stock .ks142-field textarea{min-height:44px !important;border-radius:14px !important;font-size:13px !important;}
  #stock .ks142-field textarea{min-height:78px !important;}
  #stock .ks142-bulk-field #stockBulkText{min-height:100px !important;}
  #stock .ks142-stock-forms #importStockBtn, #stock .ks142-stock-forms #addStockBtn{min-height:46px !important;border-radius:15px !important;font-size:13px !important;}
}

body.ks145-full-edit-mode #add .ks-system-fields,
#add.ks145-full-edit-mode .ks-system-fields{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  margin:18px 0!important;
  visibility:visible!important;
  opacity:1!important;
}
body.ks145-full-edit-mode #add .order-edit-only,
body.ks145-full-edit-mode #add .ks-system-hidden-field,
body.ks145-full-edit-mode #add .purchase-date-visible,
body.ks145-full-edit-mode #add .ks-expire-visible,
body.ks145-full-edit-mode #add #customServiceBox,
body.ks145-full-edit-mode #add #customPlanBox,
body.ks145-full-edit-mode #add #customWarrantyBox,
body.ks145-full-edit-mode #add #customPartnerBox,
body.ks145-full-edit-mode #add #paymentAccountBox,
#add.ks145-full-edit-mode .order-edit-only,
#add.ks145-full-edit-mode .ks-system-hidden-field,
#add.ks145-full-edit-mode .purchase-date-visible,
#add.ks145-full-edit-mode .ks-expire-visible,
#add.ks145-full-edit-mode #customServiceBox,
#add.ks145-full-edit-mode #customPlanBox,
#add.ks145-full-edit-mode #customWarrantyBox,
#add.ks145-full-edit-mode #customPartnerBox,
#add.ks145-full-edit-mode #paymentAccountBox{
  display:flex!important;
  flex-direction:column!important;
  visibility:visible!important;
  opacity:1!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}
#add .ks145-edit-notice{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:16px 18px!important;
  margin:0 0 18px!important;
  border:1px solid rgba(96,165,250,.35)!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,rgba(37,99,235,.22),rgba(124,58,237,.14))!important;
  color:#eaf2ff!important;
  box-shadow:0 18px 45px rgba(2,6,23,.24)!important;
}
#add .ks145-edit-notice b{font-size:15px!important;font-weight:950!important;color:#93c5fd!important;white-space:nowrap!important;}
#add .ks145-edit-notice span{font-size:13px!important;font-weight:800!important;color:#cbd5e1!important;line-height:1.45!important;}
body.ks145-full-edit-mode #add #purchaseDate,
body.ks145-full-edit-mode #add #expiryDate,
body.ks145-full-edit-mode #add #remainingDays,
body.ks145-full-edit-mode #add #orderStatus{
  border-color:rgba(96,165,250,.38)!important;
  box-shadow:0 0 0 1px rgba(96,165,250,.14) inset!important;
}
body.ks145-full-edit-mode #formTitle::after{
  content:"All columns open";
  display:inline-flex!important;
  margin-left:10px!important;
  padding:7px 10px!important;
  border-radius:999px!important;
  font-size:12px!important;
  color:#bfdbfe!important;
  background:rgba(37,99,235,.20)!important;
  border:1px solid rgba(96,165,250,.28)!important;
  vertical-align:middle!important;
}
@media(max-width:768px){
  body.ks145-full-edit-mode #add .ks-system-fields,
  #add.ks145-full-edit-mode .ks-system-fields{
    grid-template-columns:1fr!important;
  }
  #add .ks145-edit-notice{
    flex-direction:column!important;
    align-items:flex-start!important;
    border-radius:18px!important;
    padding:14px!important;
  }
  #add .ks145-edit-notice b{white-space:normal!important;}
}


body.ks145-full-edit-mode #add #customServiceBox.ks-custom-force-hide,
body.ks145-full-edit-mode #add #customPlanBox.ks-custom-force-hide,
body.ks145-full-edit-mode #add #customWarrantyBox.ks-custom-force-hide,
body.ks145-full-edit-mode #add #customPartnerBox.ks-custom-force-hide,
#add.ks145-full-edit-mode #customServiceBox.ks-custom-force-hide,
#add.ks145-full-edit-mode #customPlanBox.ks-custom-force-hide,
#add.ks145-full-edit-mode #customWarrantyBox.ks-custom-force-hide,
#add.ks145-full-edit-mode #customPartnerBox.ks-custom-force-hide{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}
body.ks145-full-edit-mode #add #customServiceBox.ks-custom-force-show,
body.ks145-full-edit-mode #add #customPlanBox.ks-custom-force-show,
body.ks145-full-edit-mode #add #customWarrantyBox.ks-custom-force-show,
body.ks145-full-edit-mode #add #customPartnerBox.ks-custom-force-show,
#add.ks145-full-edit-mode #customServiceBox.ks-custom-force-show,
#add.ks145-full-edit-mode #customPlanBox.ks-custom-force-show,
#add.ks145-full-edit-mode #customWarrantyBox.ks-custom-force-show,
#add.ks145-full-edit-mode #customPartnerBox.ks-custom-force-show{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}

#paymentAccountBox,#paymentAccount{display:none!important;visibility:hidden!important;opacity:0!important;}


.family-groups-panel{display:flex;flex-direction:column;gap:18px}.family-head{align-items:center}.family-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.family-summary-card{padding:16px;border-radius:20px;background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(8,13,26,.88));border:1px solid rgba(148,163,184,.16);box-shadow:0 16px 40px rgba(0,0,0,.18)}.family-summary-card span{display:block;color:#94a3b8;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.family-summary-card b{display:block;margin-top:6px;color:#f8fafc;font-size:28px;line-height:1;font-weight:1000}.family-summary-card.warning b{color:#fbbf24}.family-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.family-card{border-radius:24px;padding:18px;background:radial-gradient(circle at 0 0,rgba(59,130,246,.14),transparent 34%),linear-gradient(180deg,rgba(15,23,42,.92),rgba(8,13,26,.88));border:1px solid rgba(148,163,184,.16);box-shadow:0 18px 50px rgba(0,0,0,.20)}.family-card-title h2,.family-list-head h2{margin:0;color:#f8fafc;font-size:20px;letter-spacing:-.02em}.family-card-title p,.family-list-head p{margin:4px 0 0;color:#94a3b8;font-size:13px}.family-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.family-form-grid label{display:flex;flex-direction:column;gap:7px;color:#cbd5e1;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.035em}.family-form-grid input,.family-form-grid select,.family-form-grid textarea,.family-list-head input{width:100%;box-sizing:border-box;border-radius:15px;border:1px solid rgba(148,163,184,.18);background:rgba(2,6,23,.38);color:#f8fafc;padding:12px 13px;font-size:14px;outline:none}.family-form-grid textarea{min-height:86px;resize:vertical}.family-wide{grid-column:1/-1}.family-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.family-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.family-list-head input{max-width:280px}.family-groups-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.family-group-card,.family-member-card{padding:15px;border-radius:20px;border:1px solid rgba(148,163,184,.14);background:linear-gradient(180deg,rgba(15,23,42,.74),rgba(2,6,23,.64));box-shadow:0 12px 28px rgba(0,0,0,.14)}.family-group-card.active{border-color:rgba(34,197,94,.24)}.family-group-card.full{border-color:rgba(251,191,36,.30)}.family-group-card.expiring{border-color:rgba(245,158,11,.38)}.family-group-card.expired{border-color:rgba(239,68,68,.36)}.family-card-title-row{display:flex;justify-content:space-between;gap:10px;align-items:center}.family-card-title-row b{color:#93c5fd;font-size:13px}.family-status{padding:6px 9px;border-radius:999px;font-size:10px;font-weight:950;text-transform:uppercase;background:rgba(59,130,246,.16);color:#bfdbfe;border:1px solid rgba(96,165,250,.20)}.family-status.full{background:rgba(251,191,36,.14);color:#fde68a}.family-status.expiring{background:rgba(245,158,11,.14);color:#fed7aa}.family-status.expired{background:rgba(239,68,68,.14);color:#fecaca}.family-group-card h3{margin:8px 0 4px;color:#f8fafc;font-size:17px}.family-group-card p{margin:0;color:#94a3b8;overflow-wrap:anywhere}.family-seat-meter{margin-top:12px;padding:11px;border-radius:15px;background:rgba(2,6,23,.36);border:1px solid rgba(148,163,184,.08)}.family-seat-meter>div:first-child{display:flex;justify-content:space-between;align-items:center}.family-seat-meter span,.family-seat-meter small,.family-member-card span{color:#94a3b8;font-size:11px;font-weight:800}.family-seat-meter strong{color:#f8fafc}.family-seat-meter .meter{height:8px;border-radius:999px;background:rgba(148,163,184,.16);overflow:hidden;margin:9px 0}.family-seat-meter .meter i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#38bdf8)}.family-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.family-meta span{padding:8px;border-radius:12px;background:rgba(15,23,42,.58);color:#94a3b8;font-size:11px}.family-meta b{display:block;color:#e5e7eb;margin-top:3px;overflow-wrap:anywhere}.family-actions-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.family-actions-row button{border:0;border-radius:12px;padding:9px 12px;background:rgba(37,99,235,.20);color:#bfdbfe;font-weight:950;cursor:pointer}.family-actions-row button.danger{background:rgba(239,68,68,.16);color:#fecaca}.family-members-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.family-member-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:center}.family-member-card b{display:block;color:#f8fafc;overflow-wrap:anywhere}.family-empty{padding:18px;border-radius:18px;text-align:center;color:#cbd5e1;background:rgba(15,23,42,.45);border:1px dashed rgba(148,163,184,.25)}.family-empty.danger{color:#fecaca;border-color:rgba(239,68,68,.25)}@media(max-width:1100px){.family-layout{grid-template-columns:1fr}.family-groups-list,.family-members-list{grid-template-columns:1fr}.family-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.family-summary-grid{grid-template-columns:1fr 1fr;gap:10px}.family-summary-card{padding:13px;border-radius:18px}.family-summary-card b{font-size:22px}.family-form-grid{grid-template-columns:1fr}.family-card{padding:14px;border-radius:20px}.family-list-head{align-items:stretch;flex-direction:column}.family-list-head input{max-width:none}.family-meta{grid-template-columns:1fr}.family-member-card{grid-template-columns:1fr}.family-actions{display:grid;grid-template-columns:1fr 1fr}.family-actions .btn{width:100%}}


.ks150-family-error{border:1px solid rgba(239,68,68,.55)!important;background:rgba(127,29,29,.28)!important;color:#fecaca!important;margin-bottom:12px!important;}

#familyCustomServiceBox.hidden,
#familyAuthSecretBox.hidden {
  display: none !important;
}
.ks151-secret-field input {
  -webkit-text-security: disc;
}
.ks151-family-error {
  margin-bottom: 12px;
}

#familyOrderId { display:none !important; }
#familyCustomPlanBox.hidden,
#familyMemberCustomPlanBox.hidden { display:none !important; }
.family-card { min-width:0; overflow:hidden; }
.family-form-grid { align-items:start; }
.family-form-grid label { min-width:0; }
.family-form-grid input,
.family-form-grid select,
.family-form-grid textarea { min-width:0; min-height:48px; }
.family-form-grid input[type="date"] { line-height:1.2; }
.ks152-vip-field input[type="hidden"] { display:none !important; }
.ks152-option-buttons { display:grid; grid-template-columns:1fr 1fr; gap:8px; width:100%; }
.ks152-option-buttons button { min-height:48px; border-radius:15px; border:1px solid rgba(148,163,184,.18); background:rgba(2,6,23,.38); color:#cbd5e1; font-weight:950; cursor:pointer; }
.ks152-option-buttons button.active { background:linear-gradient(135deg,rgba(34,197,94,.95),rgba(59,130,246,.80)); color:#fff; border-color:rgba(125,211,252,.45); box-shadow:0 10px 26px rgba(34,197,94,.15); }
@media (max-width:1450px){
  .family-layout { grid-template-columns:1fr !important; }
  .family-card { width:100%; }
}
@media (min-width:681px){
  .family-form-grid { grid-template-columns:repeat(2,minmax(230px,1fr)); }
}


.ks153-auto-hidden{display:none!important;}
.ks153-input-tools{display:flex;gap:8px;margin-top:8px;align-items:center;flex-wrap:wrap;}
.ks153-tool-btn{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff;border-radius:12px;padding:8px 10px;font-weight:800;line-height:1;min-height:36px;cursor:pointer;}
.ks153-tool-btn.paste{background:rgba(34,211,238,.12);border-color:rgba(34,211,238,.28);color:#bff8ff;}
#familyPassword,#familyAuthSecretKey,#familyOwnerEmail{padding-right:14px;}
#familyMemberCostShare,#familyMemberProfit{opacity:.92;background:rgba(255,255,255,.055)!important;}
.family-member-card div b{word-break:break-word;}
@media (min-width: 900px){
  #familyGroups .family-layout{align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;}
  #familyGroups .family-card{min-width:0;overflow:hidden;}
  #familyGroups .family-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
  #familyGroups .family-form-grid label{min-width:0;}
}
@media (max-width: 899px){
  #familyGroups .family-layout{grid-template-columns:1fr!important;}
  #familyGroups .family-form-grid{grid-template-columns:1fr!important;}
}

.ks154-family-toolbar{
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
  margin:14px 0 18px; padding:12px;
  border:1px solid rgba(99,102,241,.25); border-radius:18px;
  background:rgba(15,23,42,.62); box-shadow:0 14px 34px rgba(0,0,0,.18);
}
.ks154-family-toolbar button{
  border:1px solid rgba(148,163,184,.22); border-radius:14px;
  padding:10px 16px; color:#e5e7eb; font-weight:900;
  background:rgba(30,41,59,.82); cursor:pointer;
}
.ks154-family-toolbar button.active{
  border-color:rgba(139,92,246,.72);
  background:linear-gradient(135deg,#7c3aed,#9333ea);
  box-shadow:0 10px 28px rgba(124,58,237,.26);
}
.ks154-family-toolbar span{color:#a7b3c7; font-size:13px; font-weight:800;}
.family-actions-row .green{background:linear-gradient(135deg,#10b981,#22c55e)!important;color:white!important;}
.family-actions-row .danger{background:rgba(239,68,68,.22)!important;color:#fecaca!important;border-color:rgba(239,68,68,.35)!important;}
#familyMemberCostShare:not([readonly]){border-color:rgba(34,211,238,.45)!important; box-shadow:0 0 0 1px rgba(34,211,238,.14) inset;}
.ks154-error{border-color:rgba(239,68,68,.38)!important;background:rgba(127,29,29,.22)!important;color:#fecaca!important;}
@media (max-width: 768px){
  .ks154-family-toolbar{align-items:stretch; flex-direction:column;}
  .ks154-family-toolbar button{width:100%;}
}

.family-member-card.ks156-family-member-card{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:11px!important;
  align-items:stretch!important;
  padding:16px!important;
  border-radius:24px!important;
  border:1px solid rgba(99,102,241,.28)!important;
  background:
    radial-gradient(circle at 0 0,rgba(34,211,238,.13),transparent 30%),
    radial-gradient(circle at 100% 0,rgba(139,92,246,.13),transparent 32%),
    linear-gradient(180deg,rgba(15,23,42,.90),rgba(2,6,23,.78))!important;
  box-shadow:0 18px 48px rgba(0,0,0,.23)!important;
}
.family-member-card.ks156-family-member-card>div:not(.family-actions-row){
  min-width:0;
  padding:11px 12px;
  border-radius:16px;
  background:rgba(15,23,42,.58);
  border:1px solid rgba(148,163,184,.10);
}
.family-member-card.ks156-family-member-card>div:first-child{
  grid-column:1/-1;
  background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(16,185,129,.10));
  border-color:rgba(96,165,250,.22);
}
.family-member-card.ks156-family-member-card>div:first-child b{
  font-size:18px;
  letter-spacing:-.01em;
}
.family-member-card.ks156-family-member-card span{
  display:block;
  margin-bottom:4px;
  color:#9ca3af!important;
  font-size:11px!important;
  font-weight:950!important;
  text-transform:none!important;
  letter-spacing:.02em;
}
.family-member-card.ks156-family-member-card b{
  color:#f8fafc!important;
  font-size:15px;
  line-height:1.25;
  word-break:break-word;
  overflow-wrap:anywhere;
}
.family-member-card.ks156-family-member-card .family-actions-row{
  grid-column:1/-1;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px!important;
  margin-top:4px!important;
}
.family-member-card.ks156-family-member-card .family-actions-row button{
  min-height:42px;
  border-radius:14px!important;
  font-weight:1000!important;
}
.family-member-card.ks156-family-member-card .ks156-copy-member-btn{
  background:linear-gradient(135deg,#06b6d4,#2563eb)!important;
  color:white!important;
  border:1px solid rgba(125,211,252,.35)!important;
  box-shadow:0 10px 24px rgba(37,99,235,.24);
}
@media(max-width:680px){
  .family-members-list{grid-template-columns:1fr!important;gap:12px!important;}
  .family-member-card.ks156-family-member-card{
    grid-template-columns:1fr!important;
    padding:14px!important;
    border-radius:22px!important;
  }
  .family-member-card.ks156-family-member-card>div:first-child,
  .family-member-card.ks156-family-member-card .family-actions-row{grid-column:auto!important;}
  .family-member-card.ks156-family-member-card .family-actions-row{grid-template-columns:1fr!important;}
  .family-member-card.ks156-family-member-card .family-actions-row button{width:100%;min-height:46px;}
}


#familyGroups.ks157-family-compact .family-layout{
  align-items:start!important;
  gap:18px!important;
}
#familyGroups.ks157-family-compact .family-card.family-group-form,
#familyGroups.ks157-family-compact .family-card.family-member-form{
  padding:14px!important;
  border-radius:22px!important;
}
#familyGroups.ks157-family-compact .family-card-title{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
}
#familyGroups.ks157-family-compact .family-card-title h2{
  font-size:18px!important;
  line-height:1.15!important;
}
#familyGroups.ks157-family-compact .family-card-title p{
  font-size:12px!important;
  line-height:1.35!important;
}
#familyGroups.ks157-family-compact .family-form-grid{
  gap:10px!important;
  margin-top:10px!important;
  align-items:start!important;
}
#familyGroups.ks157-family-compact .family-form-grid label{
  gap:6px!important;
  font-size:11px!important;
  line-height:1.2!important;
  letter-spacing:.03em!important;
  min-width:0!important;
}
#familyGroups.ks157-family-compact .family-form-grid input,
#familyGroups.ks157-family-compact .family-form-grid select,
#familyGroups.ks157-family-compact .family-form-grid textarea{
  min-height:44px!important;
  height:44px!important;
  padding:10px 12px!important;
  border-radius:14px!important;
  font-size:14px!important;
  line-height:1.2!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
#familyGroups.ks157-family-compact .family-form-grid textarea{
  height:58px!important;
  min-height:58px!important;
  resize:vertical!important;
}
#familyGroups.ks157-family-compact .family-actions{
  margin-top:10px!important;
  gap:8px!important;
}
#familyGroups.ks157-family-compact .family-actions .btn{
  min-height:42px!important;
  border-radius:14px!important;
  padding:9px 14px!important;
}
#familyGroups .ks157-force-hidden{display:none!important;}

#familyGroups .ks157-field-with-tools{
  position:relative!important;
}
#familyGroups .ks157-field-with-tools>input{
  padding-right:52px!important;
}
#familyGroups .ks157-field-with-tools.ks157-double-tools>input{
  padding-right:92px!important;
}
#familyGroups .ks153-input-tools.ks157-inline-tools{
  position:absolute!important;
  right:7px!important;
  bottom:7px!important;
  margin:0!important;
  display:flex!important;
  gap:5px!important;
  align-items:center!important;
  z-index:3!important;
  pointer-events:auto!important;
}
#familyGroups .ks153-input-tools.ks157-inline-tools .ks153-tool-btn,
#familyGroups .ks153-input-tools.ks157-inline-tools .ks157-tool-icon{
  width:31px!important;
  height:31px!important;
  min-width:31px!important;
  min-height:31px!important;
  padding:0!important;
  border-radius:10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:14px!important;
  line-height:1!important;
  background:rgba(15,23,42,.82)!important;
  border:1px solid rgba(148,163,184,.28)!important;
  color:#e0f2fe!important;
  box-shadow:0 8px 18px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(8px);
}
#familyGroups .ks153-input-tools.ks157-inline-tools .paste{
  background:rgba(6,182,212,.18)!important;
  border-color:rgba(34,211,238,.34)!important;
  color:#cffafe!important;
}

#familyGroups .ks157-date-field{
  min-width:0!important;
  overflow:hidden!important;
}
#familyGroups input.ks157-date-input,
#familyGroups .family-form-grid input[type="date"]{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  height:44px!important;
  line-height:44px!important;
  -webkit-appearance:none;
  appearance:none;
  font-size:14px!important;
}
#familyGroups input[type="date"]::-webkit-date-and-time-value{
  text-align:left;
  min-height:44px;
  line-height:44px;
}

.ks157-family-form-tabs{
  display:none;
  grid-template-columns:1fr 1fr;
  gap:8px;
  padding:6px;
  border-radius:18px;
  background:rgba(2,6,23,.44);
  border:1px solid rgba(148,163,184,.16);
  box-shadow:0 14px 32px rgba(0,0,0,.16);
}
.ks157-family-form-tabs button{
  min-height:42px;
  border:0;
  border-radius:14px;
  background:rgba(15,23,42,.70);
  color:#cbd5e1;
  font-weight:1000;
  letter-spacing:.01em;
}
.ks157-family-form-tabs button.active{
  background:linear-gradient(135deg,#06b6d4,#7c3aed);
  color:#fff;
  box-shadow:0 12px 28px rgba(124,58,237,.22);
}

@media (min-width:1101px){
  #familyGroups.ks157-family-compact .family-layout{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  }
  #familyGroups.ks157-family-compact .family-form-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (min-width:681px) and (max-width:1180px){
  #familyGroups.ks157-family-compact .family-layout{
    grid-template-columns:1fr!important;
  }
  #familyGroups.ks157-family-compact .family-form-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  #familyGroups.ks157-family-compact .family-wide,
  #familyGroups.ks157-family-compact .ks157-notes-field{
    grid-column:span 3!important;
  }
  #familyGroups.ks157-family-compact .family-card.family-group-form,
  #familyGroups.ks157-family-compact .family-card.family-member-form{
    max-width:none!important;
  }
}
@media (max-width:680px){
  #familyGroups.ks157-family-compact{
    gap:12px!important;
  }
  #familyGroups .ks157-family-form-tabs{
    display:grid!important;
    position:sticky;
    top:calc(env(safe-area-inset-top,0px) + 8px);
    z-index:20;
    margin:4px 0 10px;
  }
  #familyGroups .family-layout.ks157-family-layout{
    display:block!important;
  }
  #familyGroups .family-layout.ks157-family-layout[data-ks157-active-form="group"] .family-member-form{
    display:none!important;
  }
  #familyGroups .family-layout.ks157-family-layout[data-ks157-active-form="member"] .family-group-form{
    display:none!important;
  }
  #familyGroups.ks157-family-compact .family-card.family-group-form,
  #familyGroups.ks157-family-compact .family-card.family-member-form{
    padding:13px!important;
  }
  #familyGroups.ks157-family-compact .family-form-grid{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  #familyGroups.ks157-family-compact .family-card-title h2{
    font-size:17px!important;
  }
  #familyGroups.ks157-family-compact .family-form-grid input,
  #familyGroups.ks157-family-compact .family-form-grid select,
  #familyGroups.ks157-family-compact .family-form-grid textarea{
    min-height:43px!important;
    height:43px!important;
    border-radius:13px!important;
    font-size:14px!important;
  }
  #familyGroups.ks157-family-compact .family-form-grid textarea{
    min-height:52px!important;
    height:52px!important;
  }
  #familyGroups .ks157-field-with-tools>input{
    padding-right:50px!important;
  }
  #familyGroups .ks157-field-with-tools.ks157-double-tools>input{
    padding-right:88px!important;
  }
  #familyGroups .ks153-input-tools.ks157-inline-tools .ks153-tool-btn,
  #familyGroups .ks153-input-tools.ks157-inline-tools .ks157-tool-icon{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
  }
  #familyGroups input.ks157-date-input,
  #familyGroups .family-form-grid input[type="date"]{
    min-height:43px!important;
    height:43px!important;
    line-height:43px!important;
  }
}

#familyMobile.ks158-mobile-input{
  font-variant-numeric: tabular-nums;
  letter-spacing:.03em;
}
#familyMobile.ks158-mobile-invalid{
  border-color:rgba(251,146,60,.88)!important;
  box-shadow:0 0 0 3px rgba(251,146,60,.16)!important;
}
#familyMobile.ks158-mobile-invalid::placeholder{color:rgba(251,146,60,.95)!important;}

#familyMembersList .family-member-card.ks158-member-card{
  position:relative;
  overflow:hidden;
}
#familyMembersList .family-member-card.ks158-member-card .ks158-member-service-chip{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:9px 12px;
  border-radius:16px;
  border:1px solid rgba(45,212,191,.22);
  background:linear-gradient(135deg,rgba(20,184,166,.15),rgba(59,130,246,.10));
  color:#dbeafe;
  grid-column:1/-1;
  min-width:0;
}
#familyMembersList .family-member-card.ks158-member-card .ks158-member-service-chip span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#67e8f9;
  white-space:nowrap;
}
#familyMembersList .family-member-card.ks158-member-card .ks158-member-service-chip span:before{content:"👥";font-size:13px;letter-spacing:0;}
#familyMembersList .family-member-card.ks158-member-card .ks158-member-service-chip b{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  min-width:0;
  font-size:13px;
  color:#fff;
}

@media (max-width: 900px){
  #familyMembersList{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  #familyMembersList .family-member-card.ks158-member-card{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    padding:10px!important;
    border-radius:18px!important;
    margin:0!important;
    box-shadow:0 12px 26px rgba(0,0,0,.22)!important;
    border-color:rgba(99,102,241,.20)!important;
  }
  #familyMembersList .family-member-card.ks158-member-card:active{
    transform:scale(.992);
  }
  #familyMembersList .family-member-card.ks158-member-card > div:first-child{
    grid-column:1/-1!important;
    min-height:0!important;
    padding:10px 12px!important;
    border-radius:16px!important;
    background:linear-gradient(135deg,rgba(14,165,233,.22),rgba(99,102,241,.16))!important;
  }
  #familyMembersList .family-member-card.ks158-member-card > div:first-child b{
    font-size:16px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  #familyMembersList .family-member-card.ks158-member-card > div:first-child span{
    margin-top:3px!important;
    font-size:12px!important;
    letter-spacing:.03em!important;
    opacity:.88!important;
  }
  #familyMembersList .family-member-card.ks158-member-card .ks158-member-service-chip{
    padding:8px 10px!important;
    border-radius:14px!important;
  }
  #familyMembersList .family-member-card.ks158-member-card .ks158-member-service-chip b{font-size:12px!important;}
  #familyMembersList .family-member-card.ks158-member-card > div:not(:first-child):not(.family-actions-row):not(.ks158-member-service-chip){
    min-height:52px!important;
    padding:8px 10px!important;
    border-radius:14px!important;
    background:rgba(15,23,42,.52)!important;
    border:1px solid rgba(148,163,184,.12)!important;
  }
  #familyMembersList .family-member-card.ks158-member-card > div:not(:first-child):not(.family-actions-row):not(.ks158-member-service-chip) span{
    display:block!important;
    font-size:10px!important;
    line-height:1.1!important;
    letter-spacing:.06em!important;
    text-transform:uppercase!important;
    color:rgba(226,232,240,.62)!important;
    margin-bottom:5px!important;
  }
  #familyMembersList .family-member-card.ks158-member-card > div:not(:first-child):not(.family-actions-row):not(.ks158-member-service-chip) b{
    display:block!important;
    font-size:13px!important;
    line-height:1.25!important;
    color:#fff!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }
  #familyMembersList .family-member-card.ks158-member-card .family-actions-row{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:1fr 1fr 1fr!important;
    gap:8px!important;
    margin-top:2px!important;
  }
  #familyMembersList .family-member-card.ks158-member-card .family-actions-row button{
    min-height:42px!important;
    padding:9px 8px!important;
    border-radius:13px!important;
    font-size:12px!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }
}

@media (max-width: 420px){
  #familyMembersList .family-member-card.ks158-member-card{
    grid-template-columns:1fr!important;
    gap:7px!important;
    padding:9px!important;
  }
  #familyMembersList .family-member-card.ks158-member-card .family-actions-row{
    grid-template-columns:1fr!important;
  }
}

#familyGroups.ks159-family-collapsible .ks159-title-with-close{
  position:relative;
  padding-right:78px;
}
#familyGroups.ks159-family-collapsible .ks159-hide-form-btn{
  position:absolute;
  right:0;
  top:2px;
  min-height:32px;
  height:32px;
  padding:0 12px;
  border:1px solid rgba(148,163,184,.20);
  border-radius:999px;
  background:rgba(15,23,42,.68);
  color:#e5e7eb;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
}
#familyGroups.ks159-family-collapsible .ks159-hide-form-btn:hover{
  background:rgba(30,41,59,.92);
  border-color:rgba(45,212,191,.35);
}
#familyGroups .ks157-family-form-tabs.ks159-family-form-buttons button{
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  min-height:52px;
  line-height:1.1;
}
#familyGroups .ks157-family-form-tabs.ks159-family-form-buttons button span{
  display:block;
  font-weight:950;
}
#familyGroups .ks157-family-form-tabs.ks159-family-form-buttons button small{
  display:block;
  font-size:10px;
  font-weight:800;
  opacity:.70;
}
#familyGroups .ks157-family-form-tabs.ks159-family-form-buttons button.active small{
  opacity:.92;
}

@media (max-width:1180px), (hover:none), (pointer:coarse){
  #familyGroups.ks159-family-collapsible .ks157-family-form-tabs,
  #familyGroups.ks159-family-collapsible .ks157-family-form-tabs.ks159-family-form-buttons{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    position:sticky!important;
    top:calc(env(safe-area-inset-top,0px) + 8px)!important;
    z-index:35!important;
    margin:4px 0 12px!important;
    padding:8px!important;
    border:1px solid rgba(45,212,191,.16)!important;
    border-radius:20px!important;
    background:linear-gradient(135deg,rgba(2,6,23,.88),rgba(15,23,42,.76))!important;
    box-shadow:0 14px 34px rgba(0,0,0,.28)!important;
    backdrop-filter:blur(16px)!important;
  }
  #familyGroups.ks159-family-collapsible .ks157-family-form-tabs button{
    min-height:50px!important;
    border-radius:15px!important;
    border:1px solid rgba(148,163,184,.14)!important;
    background:rgba(15,23,42,.72)!important;
    color:#dbeafe!important;
    box-shadow:none!important;
  }
  #familyGroups.ks159-family-collapsible .ks157-family-form-tabs button.active,
  #familyGroups.ks159-family-collapsible .ks157-family-form-tabs button[aria-expanded="true"]{
    background:linear-gradient(135deg,#06b6d4,#2563eb)!important;
    border-color:rgba(103,232,249,.44)!important;
    color:#fff!important;
    box-shadow:0 14px 28px rgba(37,99,235,.24)!important;
  }
  #familyGroups.ks159-family-collapsible .family-layout.ks159-family-layout{
    display:block!important;
    margin-top:0!important;
  }
  #familyGroups.ks159-family-collapsible .family-layout.ks159-family-layout:not(.ks159-form-open) .family-group-form,
  #familyGroups.ks159-family-collapsible .family-layout.ks159-family-layout:not(.ks159-form-open) .family-member-form{
    display:none!important;
  }
  #familyGroups.ks159-family-collapsible .family-layout.ks159-family-layout.ks159-form-open[data-ks157-active-form="group"] .family-member-form{
    display:none!important;
  }
  #familyGroups.ks159-family-collapsible .family-layout.ks159-family-layout.ks159-form-open[data-ks157-active-form="member"] .family-group-form{
    display:none!important;
  }
  #familyGroups.ks159-family-collapsible .family-layout.ks159-family-layout.ks159-form-open[data-ks157-active-form="group"] .family-group-form,
  #familyGroups.ks159-family-collapsible .family-layout.ks159-family-layout.ks159-form-open[data-ks157-active-form="member"] .family-member-form{
    display:block!important;
    animation:ks159FormOpen .18s ease-out both;
  }
  #familyGroups.ks159-family-collapsible .family-card.family-group-form,
  #familyGroups.ks159-family-collapsible .family-card.family-member-form{
    max-width:100%!important;
    margin:0 0 12px!important;
  }
  #familyGroups.ks159-family-collapsible .ks159-hide-form-btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
}

@media (min-width:1181px) and (hover:hover) and (pointer:fine){
  #familyGroups.ks159-family-collapsible .ks159-hide-form-btn{display:none!important;}
}

@keyframes ks159FormOpen{
  from{opacity:0; transform:translateY(-8px) scale(.99);}
  to{opacity:1; transform:translateY(0) scale(1);}
}


#familyGroups.ks160-family-loading #familyGroupsList,
#familyGroups.ks160-family-loading #familyMembersList{opacity:.92;transition:opacity .16s ease;}
.ks160-family-toolbar{position:relative;z-index:2;}
.ks160-selected-family-group{outline:2px solid rgba(45,212,191,.62)!important;box-shadow:0 0 0 4px rgba(45,212,191,.12),0 18px 44px rgba(0,0,0,.32)!important;}
.family-member-card.ks160-member-card{contain:layout paint;}
.family-member-card.ks160-member-card .ks160-member-head{background:linear-gradient(135deg,rgba(14,165,233,.18),rgba(124,58,237,.14));border:1px solid rgba(96,165,250,.25);border-radius:16px;padding:12px 14px;}
.family-member-card.ks160-member-card .ks160-member-head b{display:block;font-size:1rem;line-height:1.15;}
.family-member-card.ks160-member-card .ks160-member-head span{display:block;margin-top:4px;color:rgba(226,232,240,.72);font-size:.78rem;word-break:break-word;}
.family-member-card.ks160-member-card .ks160-copy-btn{background:linear-gradient(135deg,#22d3ee,#2563eb)!important;color:#fff!important;border-color:rgba(34,211,238,.35)!important;}
@media (max-width:768px){
  .family-member-card.ks160-member-card{padding:12px!important;border-radius:18px!important;gap:8px!important;}
  .family-member-card.ks160-member-card > div:not(.family-actions-row):not(.ks158-member-service-chip):not(.ks160-member-head){min-height:auto!important;padding:10px!important;border-radius:13px!important;}
  .family-member-card.ks160-member-card > div span{font-size:.68rem!important;letter-spacing:.04em;}
  .family-member-card.ks160-member-card > div b{font-size:.86rem!important;line-height:1.2!important;}
  .family-member-card.ks160-member-card .family-actions-row{grid-template-columns:1fr 1fr 1fr!important;gap:8px!important;}
  .family-member-card.ks160-member-card .family-actions-row button{min-height:42px!important;border-radius:13px!important;font-size:.8rem!important;padding:9px 8px!important;}
}



#users #permDeleteTrash:checked + span{}
#users label:has(#permDeleteTrash){border-color:rgba(245,158,11,.35);}
#users label:has(#permDeleteForever){border-color:rgba(239,68,68,.35);}


.ks166-family-service-title{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
}
.ks166-service-icon-shell{
  width:34px;
  height:34px;
  min-width:34px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 10px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.08);
  overflow:hidden;
  vertical-align:middle;
}
.ks166-service-icon-img{
  width:24px;
  height:24px;
  object-fit:contain;
  display:block;
}
.ks166-icon-missing{display:none!important;}
.ks166-icon-fallback{display:none!important;}
.family-group-card.ks166-family-icon-card .family-card-title-row{
  align-items:center!important;
}
.ks166-member-service-chip{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
}
.ks166-member-service-chip > span:not(.ks166-service-icon-shell),
.ks166-member-service-chip > b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ks166-member-icon-shell{
  width:30px;
  height:30px;
  min-width:30px;
  border-radius:10px;
}
.ks166-member-icon-shell .ks166-service-icon-img{
  width:21px;
  height:21px;
}
@media(max-width:768px){
  .ks166-service-icon-shell{
    width:28px;
    height:28px;
    min-width:28px;
    border-radius:10px;
  }
  .ks166-service-icon-img{
    width:20px;
    height:20px;
  }
  .ks166-family-service-title{gap:7px!important;}
  .ks166-member-service-chip{gap:7px!important;}
}



#familyGroups .ks168-service-icon-shell{
  width:30px;
  height:30px;
  min-width:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  background:rgba(15,23,42,.42);
  border:1px solid rgba(148,163,184,.20);
  overflow:hidden;
  vertical-align:middle;
  margin-right:8px;
}
#familyGroups .ks168-service-icon-img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  padding:3px;
}
#familyGroups .ks168-service-title{
  display:inline-flex;
  align-items:center;
  gap:0;
}
#familyGroups .ks168-member-service-chip .ks168-member-icon-shell,
#familyGroups .ks158-member-service-chip .ks168-member-icon-shell{
  width:24px;
  height:24px;
  min-width:24px;
  border-radius:8px;
  margin-right:7px;
}
#familyGroups .ks168-member-icon-img{ padding:2px; }
@media (max-width: 768px){
  #familyGroups .ks168-service-icon-shell{ width:26px; height:26px; min-width:26px; border-radius:8px; margin-right:6px; }
  #familyGroups .ks168-member-service-chip .ks168-member-icon-shell,
  #familyGroups .ks158-member-service-chip .ks168-member-icon-shell{ width:22px; height:22px; min-width:22px; }
}



#familyGroups .family-list-card{
  background:
    radial-gradient(circle at 0 0, rgba(16,185,129,.14), transparent 34%),
    linear-gradient(180deg, rgba(3,26,22,.92), rgba(8,13,26,.88)) !important;
  border-color:rgba(34,197,94,.22)!important;
  overflow:visible!important;
}
#familyGroups .family-members-card{
  background:
    radial-gradient(circle at 0 0, rgba(59,130,246,.15), transparent 34%),
    linear-gradient(180deg, rgba(15,23,42,.94), rgba(2,6,23,.86)) !important;
  border-color:rgba(96,165,250,.22)!important;
  overflow:visible!important;
  max-height:none!important;
}
#familyGroups .family-groups-panel,
#familyGroups .family-groups-list,
#familyGroups .family-members-list{
  overflow:visible!important;
  max-height:none!important;
}
#familyGroups .family-groups-panel{
  padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))!important;
}
#familyGroups .family-groups-list{
  grid-template-columns:repeat(auto-fit,minmax(310px,1fr))!important;
  align-items:stretch!important;
  gap:14px!important;
}
#familyGroups .family-group-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  min-height:0!important;
  padding:16px!important;
  border-radius:24px!important;
  border:1px solid rgba(34,197,94,.24)!important;
  border-left:6px solid rgba(34,197,94,.85)!important;
  background:
    linear-gradient(135deg, rgba(16,185,129,.14), rgba(59,130,246,.06) 48%, rgba(2,6,23,.72)),
    linear-gradient(180deg, rgba(6,24,20,.94), rgba(2,6,23,.82))!important;
  box-shadow:0 16px 42px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.05)!important;
}
#familyGroups .family-group-card::before{
  content:"GROUP";
  position:absolute;
  top:12px;
  right:58px;
  padding:4px 8px;
  border-radius:999px;
  color:#bbf7d0;
  background:rgba(16,185,129,.14);
  border:1px solid rgba(34,197,94,.22);
  font-size:9px;
  font-weight:1000;
  letter-spacing:.08em;
}
#familyGroups .family-group-card .family-card-main{
  padding:0 0 2px!important;
}
#familyGroups .family-group-card .family-card-title-row{
  padding-right:58px!important;
}
#familyGroups .family-group-card .family-card-title-row b{
  color:#d1fae5!important;
  font-size:13px!important;
  letter-spacing:.01em!important;
}
#familyGroups .family-group-card h3{
  margin:10px 0 3px!important;
  color:#ffffff!important;
  font-size:19px!important;
  line-height:1.15!important;
}
#familyGroups .family-group-card p{
  color:#99f6e4!important;
  font-size:13px!important;
  opacity:.88!important;
}
#familyGroups .family-group-card .family-seat-meter{
  margin-top:0!important;
  padding:12px!important;
  border-radius:18px!important;
  background:rgba(2,6,23,.42)!important;
  border-color:rgba(34,197,94,.12)!important;
}
#familyGroups .family-group-card .family-meta{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  margin-top:0!important;
}
#familyGroups .family-group-card .family-meta span{
  background:rgba(15,23,42,.48)!important;
  border:1px solid rgba(148,163,184,.08)!important;
  min-width:0!important;
}
#familyGroups .family-group-card .family-actions-row{
  margin-top:auto!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}
#familyGroups .family-group-card .family-actions-row button{
  width:100%!important;
  min-height:42px!important;
  border-radius:14px!important;
}
#familyGroups .family-group-card.ks160-selected-family-group{
  border-left-color:#22d3ee!important;
  border-color:rgba(34,211,238,.55)!important;
  background:
    linear-gradient(135deg, rgba(34,211,238,.16), rgba(16,185,129,.10) 55%, rgba(2,6,23,.76)),
    linear-gradient(180deg, rgba(4,47,46,.96), rgba(2,6,23,.82))!important;
}
#familyGroups .family-members-list{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(245px,1fr))!important;
  align-items:start!important;
  gap:12px!important;
  width:100%!important;
}
#familyGroups .family-member-card.ks160-member-card{
  position:relative!important;
  min-width:0!important;
  width:100%!important;
  max-width:none!important;
  border-radius:22px!important;
  border-color:rgba(96,165,250,.28)!important;
  background:
    radial-gradient(circle at 0 0, rgba(59,130,246,.14), transparent 33%),
    linear-gradient(180deg, rgba(15,23,42,.90), rgba(2,6,23,.82))!important;
  box-shadow:0 14px 36px rgba(0,0,0,.22)!important;
}
#familyGroups .family-member-card.ks160-member-card::before{
  content:"MEMBER";
  position:absolute;
  top:10px;
  right:12px;
  padding:4px 8px;
  border-radius:999px;
  color:#bfdbfe;
  background:rgba(59,130,246,.14);
  border:1px solid rgba(96,165,250,.22);
  font-size:9px;
  font-weight:1000;
  letter-spacing:.08em;
  z-index:1;
}
#familyGroups .family-member-card.ks160-member-card .ks160-member-head{
  padding-right:82px!important;
}
#familyGroups .family-member-card.ks160-member-card > div{
  min-width:0!important;
}
#familyGroups .family-member-card.ks160-member-card b,
#familyGroups .family-member-card.ks160-member-card span{
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
#familyGroups .family-members-card .family-list-head{
  align-items:flex-start!important;
}
#familyGroups .family-members-card .family-list-head p{
  color:#bfdbfe!important;
  font-weight:900!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  background:rgba(59,130,246,.10)!important;
  border:1px solid rgba(96,165,250,.16)!important;
}
@media(max-width:900px){
  #familyGroups .family-groups-list,
  #familyGroups .family-members-list{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:680px){
  #familyGroups .family-list-card,
  #familyGroups .family-members-card{
    padding:12px!important;
    border-radius:21px!important;
  }
  #familyGroups .family-group-card{
    padding:13px!important;
    border-radius:20px!important;
    border-left-width:5px!important;
    gap:9px!important;
  }
  #familyGroups .family-group-card::before,
  #familyGroups .family-member-card.ks160-member-card::before{
    top:8px!important;
    right:9px!important;
    font-size:8px!important;
    padding:3px 7px!important;
  }
  #familyGroups .family-group-card .family-card-title-row{
    padding-right:52px!important;
  }
  #familyGroups .family-group-card h3{
    font-size:16px!important;
  }
  #familyGroups .family-group-card p{
    font-size:12px!important;
  }
  #familyGroups .family-group-card .family-meta{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  #familyGroups .family-group-card .family-meta span{
    padding:7px!important;
    font-size:10px!important;
  }
  #familyGroups .family-group-card .family-actions-row{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  #familyGroups .family-group-card .family-actions-row button{
    min-height:38px!important;
    font-size:12px!important;
    padding:8px 6px!important;
  }
  #familyGroups .family-member-card.ks160-member-card{
    padding:10px!important;
    gap:7px!important;
    border-radius:18px!important;
  }
  #familyGroups .family-member-card.ks160-member-card .ks160-member-head{
    padding:10px 76px 10px 11px!important;
  }
  #familyGroups .family-member-card.ks160-member-card .ks160-member-head b{
    font-size:.92rem!important;
  }
  #familyGroups .family-member-card.ks160-member-card .ks158-member-service-chip{
    padding:8px 10px!important;
    min-height:36px!important;
  }
  #familyGroups .family-member-card.ks160-member-card > div:not(.family-actions-row):not(.ks158-member-service-chip):not(.ks160-member-head){
    padding:8px 9px!important;
    border-radius:12px!important;
  }
  #familyGroups .family-member-card.ks160-member-card .family-actions-row{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
  }
  #familyGroups .family-member-card.ks160-member-card .family-actions-row button{
    min-height:38px!important;
    font-size:11.5px!important;
    padding:8px 5px!important;
  }
  #familyGroups .family-groups-panel{
    padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))!important;
  }
}
@media(max-width:420px){
  #familyGroups .family-group-card .family-meta,
  #familyGroups .family-group-card .family-actions-row,
  #familyGroups .family-member-card.ks160-member-card .family-actions-row{
    grid-template-columns:1fr!important;
  }
}


#familyGroups.ks170-family-polish .family-list-card,
#familyGroups.ks170-family-polish .family-members-card{
  overflow:visible!important;
  max-height:none!important;
}
#familyGroups.ks170-family-polish .family-groups-list,
#familyGroups.ks170-family-polish .family-members-list{
  overflow:visible!important;
  max-height:none!important;
}
#familyGroups.ks170-family-polish .family-groups-list{
  grid-template-columns:repeat(auto-fit,minmax(285px,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}
#familyGroups.ks170-family-polish .family-group-card{
  isolation:isolate!important;
  padding:14px!important;
  border-radius:22px!important;
  border:1px solid rgba(20,184,166,.28)!important;
  border-top:4px solid rgba(45,212,191,.82)!important;
  border-left:1px solid rgba(20,184,166,.28)!important;
  background:
    radial-gradient(circle at 15% 0%, rgba(45,212,191,.18), transparent 34%),
    linear-gradient(180deg, rgba(5,38,35,.96), rgba(7,14,28,.92))!important;
  box-shadow:0 14px 34px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.05)!important;
}
#familyGroups.ks170-family-polish .family-group-card::before,
#familyGroups.ks170-family-polish .family-group-card .ks169-folder-dot,
#familyGroups.ks170-family-polish .family-member-card.ks160-member-card::before,
#familyGroups.ks170-family-polish .ks166-service-icon-shell{
  display:none!important;
}
#familyGroups.ks170-family-polish .family-group-card .family-card-main{
  display:block!important;
  min-width:0!important;
}
#familyGroups.ks170-family-polish .family-group-card .family-card-title-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:0!important;
  margin:0 0 10px!important;
}
#familyGroups.ks170-family-polish .family-group-card .family-card-title-row b{
  display:inline-flex!important;
  align-items:center!important;
  min-width:0!important;
  max-width:calc(100% - 92px)!important;
  gap:7px!important;
  padding:6px 9px!important;
  border-radius:999px!important;
  color:#d1fae5!important;
  background:rgba(15,118,110,.22)!important;
  border:1px solid rgba(45,212,191,.22)!important;
  font-size:12px!important;
  font-weight:1000!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#familyGroups.ks170-family-polish .family-group-card .family-status{
  position:static!important;
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:28px!important;
  padding:6px 9px!important;
  line-height:1!important;
  font-size:10px!important;
  letter-spacing:.04em!important;
  border-radius:999px!important;
}
#familyGroups.ks170-family-polish .ks168-group-icon-shell{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  margin:0!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.08)!important;
}
#familyGroups.ks170-family-polish .ks168-group-icon-img{
  padding:2px!important;
}
#familyGroups.ks170-family-polish .family-group-card h3{
  margin:0 0 5px!important;
  color:#ffffff!important;
  font-size:18px!important;
  line-height:1.18!important;
  overflow-wrap:anywhere!important;
}
#familyGroups.ks170-family-polish .family-group-card p{
  margin:0!important;
  color:#99f6e4!important;
  font-size:12.5px!important;
  opacity:.9!important;
}
#familyGroups.ks170-family-polish .family-group-card .family-seat-meter{
  margin-top:12px!important;
  padding:10px 11px!important;
  border-radius:16px!important;
  background:rgba(2,6,23,.48)!important;
  border:1px solid rgba(45,212,191,.12)!important;
}
#familyGroups.ks170-family-polish .family-group-card .family-meta{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  margin-top:10px!important;
}
#familyGroups.ks170-family-polish .family-group-card .family-meta span{
  min-height:54px!important;
  padding:8px!important;
  border-radius:13px!important;
  background:rgba(15,23,42,.52)!important;
  border:1px solid rgba(148,163,184,.10)!important;
}
#familyGroups.ks170-family-polish .family-group-card .family-meta b{
  font-size:12px!important;
  line-height:1.2!important;
}
#familyGroups.ks170-family-polish .family-group-card .family-actions-row{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  margin-top:12px!important;
}
#familyGroups.ks170-family-polish .family-group-card .family-actions-row button{
  min-height:40px!important;
  padding:8px 6px!important;
  border-radius:13px!important;
  font-size:12px!important;
}
#familyGroups.ks170-family-polish .family-group-card.ks160-selected-family-group{
  border-top-color:#22d3ee!important;
  border-color:rgba(34,211,238,.55)!important;
  box-shadow:0 0 0 2px rgba(34,211,238,.10), 0 18px 38px rgba(0,0,0,.28)!important;
}
#familyGroups.ks170-family-polish .family-members-card{
  padding-bottom:22px!important;
  margin-bottom:calc(105px + env(safe-area-inset-bottom,0px))!important;
}
#familyGroups.ks170-family-polish .family-members-list{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(270px,1fr))!important;
  gap:12px!important;
  width:100%!important;
  padding-bottom:18px!important;
}
#familyGroups.ks170-family-polish .family-member-card.ks160-member-card{
  border-top:4px solid rgba(59,130,246,.65)!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 0 0, rgba(59,130,246,.18), transparent 32%),
    linear-gradient(180deg, rgba(15,23,42,.94), rgba(2,6,23,.88))!important;
}
#familyGroups.ks170-family-polish .family-member-card.ks160-member-card .ks160-member-head{
  padding:10px 12px!important;
  border-radius:15px!important;
  background:linear-gradient(135deg, rgba(59,130,246,.20), rgba(14,165,233,.10))!important;
}
#familyGroups.ks170-family-polish .family-member-card.ks160-member-card .ks160-member-head b{
  font-size:.98rem!important;
}
#familyGroups.ks170-family-polish .family-member-card.ks160-member-card .ks158-member-service-chip{
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  grid-auto-flow:column!important;
  align-items:center!important;
  gap:8px!important;
  padding:8px 10px!important;
  border-radius:14px!important;
}
#familyGroups.ks170-family-polish .family-member-card.ks160-member-card .ks158-member-service-chip b{
  justify-self:end!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  max-width:140px!important;
}
@media(max-width:900px){
  #familyGroups.ks170-family-polish .family-groups-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:680px){
  #familyGroups.ks170-family-polish .family-groups-list,
  #familyGroups.ks170-family-polish .family-members-list{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  #familyGroups.ks170-family-polish .family-group-card{
    padding:12px!important;
    border-radius:19px!important;
  }
  #familyGroups.ks170-family-polish .family-group-card .family-card-title-row b{
    max-width:calc(100% - 82px)!important;
    padding:5px 8px!important;
    font-size:11.5px!important;
  }
  #familyGroups.ks170-family-polish .family-group-card h3{font-size:16px!important;}
  #familyGroups.ks170-family-polish .family-group-card .family-meta{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  #familyGroups.ks170-family-polish .family-group-card .family-meta span{
    min-height:auto!important;
    padding:7px!important;
  }
  #familyGroups.ks170-family-polish .family-group-card .family-actions-row{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  #familyGroups.ks170-family-polish .family-members-card{
    margin-bottom:calc(145px + env(safe-area-inset-bottom,0px))!important;
  }
}
@media(max-width:420px){
  #familyGroups.ks170-family-polish .family-group-card .family-meta{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  #familyGroups.ks170-family-polish .family-group-card .family-actions-row,
  #familyGroups.ks170-family-polish .family-member-card.ks160-member-card .family-actions-row{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  #familyGroups.ks170-family-polish .family-group-card .family-actions-row button,
  #familyGroups.ks170-family-polish .family-member-card.ks160-member-card .family-actions-row button{
    min-height:38px!important;
    font-size:11px!important;
    padding:7px 4px!important;
  }
}


#adminExpenses .admin-spending-modern115{
  background:
    radial-gradient(circle at 0% 0%, rgba(16,185,129,.10), transparent 34%),
    linear-gradient(180deg, rgba(15,23,42,.70), rgba(6,12,24,.82)) !important;
  border:1px solid rgba(34,197,94,.14) !important;
  border-radius:28px !important;
  padding-bottom:26px !important;
}

#adminExpenses .admin-expense-filters115{
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(124px,.72fr) minmax(124px,.72fr) minmax(150px,.9fr) minmax(260px,1.5fr) 96px !important;
  align-items:end !important;
  gap:10px !important;
  margin:48px 0 14px !important;
  padding:12px !important;
  border-radius:20px !important;
  background:
    radial-gradient(circle at 0 0, rgba(56,189,248,.12), transparent 36%),
    rgba(8,17,34,.64) !important;
  border:1px solid rgba(96,165,250,.14) !important;
  box-shadow:0 12px 30px rgba(2,6,23,.20), inset 0 1px 0 rgba(255,255,255,.04) !important;
  overflow:visible !important;
}

#adminExpenses .admin-expense-filters115::before{
  content:"Expense Records" !important;
  position:absolute !important;
  left:0 !important;
  top:-34px !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  font-size:16px !important;
  font-weight:1000 !important;
  letter-spacing:-.02em !important;
}

#adminExpenses .admin-expense-filters115::after{
  content:"Filter and search expenses" !important;
  position:absolute !important;
  left:0 !important;
  top:-14px !important;
  color:#94a3b8 !important;
  -webkit-text-fill-color:#94a3b8 !important;
  font-size:11px !important;
  font-weight:800 !important;
}

#adminExpenses .admin-expense-filters115 label{
  min-width:0 !important;
  display:block !important;
}

#adminExpenses .admin-expense-filters115 label span{
  display:block !important;
  margin:0 0 5px !important;
  color:#c7d2fe !important;
  -webkit-text-fill-color:#c7d2fe !important;
  font-size:9.5px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  letter-spacing:.04em !important;
}

#adminExpenses .admin-expense-filters115 input,
#adminExpenses .admin-expense-filters115 select,
#adminExpenses #adminExpenseClearFilters115{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  height:38px !important;
  min-height:38px !important;
  border-radius:13px !important;
  font-size:11px !important;
  font-weight:850 !important;
  box-sizing:border-box !important;
  background:rgba(2,6,23,.45) !important;
  border:1px solid rgba(148,163,184,.16) !important;
}

#adminExpenses #adminExpenseClearFilters115{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  background:linear-gradient(135deg, rgba(127,29,29,.56), rgba(69,10,10,.58)) !important;
  border-color:rgba(248,113,113,.28) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  cursor:pointer !important;
}

#adminExpenses .table-wrap{
  overflow:visible !important;
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  margin-top:0 !important;
}

#adminExpenses .table-wrap table,
#adminExpenses .table-wrap tbody{
  display:block !important;
  width:100% !important;
}

#adminExpenses .table-wrap thead{
  display:none !important;
}

#adminExpenses tbody tr.admin-clean-card130,
#adminExpenses tbody tr.admin-card-row119{
  display:block !important;
  width:100% !important;
  margin:0 0 12px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

#adminExpenses tbody tr.admin-clean-card130 > td,
#adminExpenses tbody tr.admin-card-row119 > td{
  display:block !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

#adminExpenses .admin-clean-shell130{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 292px !important;
  gap:12px !important;
  align-items:stretch !important;
  padding:14px !important;
  border-radius:22px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(59,130,246,.14), transparent 38%),
    linear-gradient(135deg, rgba(15,23,42,.70), rgba(8,13,25,.86)) !important;
  border:1px solid rgba(96,165,250,.14) !important;
  box-shadow:0 14px 34px rgba(2,6,23,.22), inset 0 1px 0 rgba(255,255,255,.05) !important;
  overflow:hidden !important;
}

#adminExpenses .admin-clean-main130{
  min-width:0 !important;
  display:grid !important;
  gap:10px !important;
}

#adminExpenses .admin-clean-top130{
  display:flex !important;
  align-items:center !important;
  gap:11px !important;
  padding:0 !important;
  margin:0 !important;
}

#adminExpenses .admin-clean-icon130{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  flex:0 0 42px !important;
  border-radius:15px !important;
  display:grid !important;
  place-items:center !important;
  font-size:17px !important;
  background:linear-gradient(135deg, rgba(99,102,241,.42), rgba(14,165,233,.20)) !important;
  border:1px solid rgba(165,180,252,.22) !important;
  box-shadow:0 10px 22px rgba(37,99,235,.12) !important;
}

#adminExpenses .admin-clean-id130{
  min-width:0 !important;
}

#adminExpenses .admin-clean-id130 small,
#adminExpenses .admin-clean-item130 small{
  display:block !important;
  margin:0 0 5px !important;
  color:#a5b4fc !important;
  -webkit-text-fill-color:#a5b4fc !important;
  font-size:9px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}

#adminExpenses .admin-clean-id130 b{
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  font-size:13px !important;
  line-height:1.15 !important;
  font-weight:1000 !important;
  overflow-wrap:anywhere !important;
}

#adminExpenses .admin-clean-grid130{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:9px !important;
}

#adminExpenses .admin-clean-item130{
  min-width:0 !important;
  min-height:58px !important;
  padding:10px 11px !important;
  border-radius:15px !important;
  background:rgba(2,6,23,.28) !important;
  border:1px solid rgba(148,163,184,.10) !important;
}

#adminExpenses .admin-clean-item130 b{
  display:block !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  font-size:12px !important;
  line-height:1.24 !important;
  font-weight:900 !important;
  overflow-wrap:anywhere !important;
}

#adminExpenses .admin-clean-amount130 b{
  color:#34d399 !important;
  -webkit-text-fill-color:#34d399 !important;
  font-size:14px !important;
  font-weight:1000 !important;
}

#adminExpenses .admin-clean-wide130{
  grid-column:1 / -1 !important;
  min-height:50px !important;
}

#adminExpenses .admin-clean-actions130{
  align-self:stretch !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:8px !important;
  padding:0 0 0 12px !important;
  border-left:1px solid rgba(148,163,184,.10) !important;
  border-top:0 !important;
  align-content:center !important;
  justify-content:stretch !important;
}

#adminExpenses .admin-clean-actions130 .row-action-btn{
  width:100% !important;
  min-width:0 !important;
  height:38px !important;
  min-height:38px !important;
  border-radius:13px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  font-size:11px !important;
  font-weight:1000 !important;
  letter-spacing:.01em !important;
  white-space:nowrap !important;
}

#adminExpenses .admin-clean-actions130 .admin-view-btn130,
#adminExpenses .admin-clean-actions130 .admin-view-btn115{
  background:linear-gradient(135deg,rgba(37,99,235,.62),rgba(29,78,216,.40)) !important;
  border:1px solid rgba(147,197,253,.24) !important;
}

#adminExpenses .admin-clean-actions130 .admin-edit-btn130,
#adminExpenses .admin-clean-actions130 .admin-edit-btn{
  background:linear-gradient(135deg,rgba(30,64,175,.52),rgba(30,41,59,.46)) !important;
  border:1px solid rgba(129,140,248,.22) !important;
}

#adminExpenses .admin-clean-actions130 .admin-delete-btn130,
#adminExpenses .admin-clean-actions130 .admin-delete-btn{
  background:linear-gradient(135deg,rgba(127,29,29,.54),rgba(69,10,10,.56)) !important;
  border:1px solid rgba(248,113,113,.24) !important;
}

#adminExpenses .admin-card-row119{
  grid-template-columns:none !important;
}

#adminExpenses .admin-card-row119 .admin-card-actions119{
  display:flex !important;
  gap:8px !important;
}

@media(max-width:1180px){
  #adminExpenses .admin-expense-filters115{
    grid-template-columns:1fr 1fr 1fr !important;
  }
  #adminExpenses .admin-expense-filters115 label:nth-child(4){
    grid-column:1 / 3 !important;
  }
  #adminExpenses #adminExpenseClearFilters115{
    grid-column:3 !important;
  }
  #adminExpenses .admin-clean-shell130{
    grid-template-columns:1fr !important;
  }
  #adminExpenses .admin-clean-actions130{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    padding:10px 0 0 !important;
    border-left:0 !important;
    border-top:1px solid rgba(148,163,184,.10) !important;
  }
}

@media(max-width:767px){
  #adminExpenses .admin-spending-modern115{
    border-radius:22px !important;
    padding:14px 10px 90px !important;
  }
  #adminExpenses .admin-expense-filters115{
    grid-template-columns:1fr 1fr !important;
    gap:7px !important;
    padding:9px !important;
    border-radius:17px !important;
    margin-top:44px !important;
  }
  #adminExpenses .admin-expense-filters115 label:nth-child(3),
  #adminExpenses .admin-expense-filters115 label:nth-child(4),
  #adminExpenses #adminExpenseClearFilters115{
    grid-column:1 / -1 !important;
  }
  #adminExpenses .admin-expense-filters115 input,
  #adminExpenses .admin-expense-filters115 select,
  #adminExpenses #adminExpenseClearFilters115{
    height:35px !important;
    min-height:35px !important;
    border-radius:12px !important;
    font-size:10px !important;
  }
  #adminExpenses .admin-clean-shell130{
    padding:10px !important;
    border-radius:18px !important;
    gap:9px !important;
  }
  #adminExpenses .admin-clean-top130{
    gap:8px !important;
  }
  #adminExpenses .admin-clean-icon130{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    flex-basis:34px !important;
    border-radius:12px !important;
    font-size:13px !important;
  }
  #adminExpenses .admin-clean-id130 small{
    display:none !important;
  }
  #adminExpenses .admin-clean-id130 b{
    font-size:11px !important;
  }
  #adminExpenses .admin-clean-grid130{
    grid-template-columns:1fr 1fr !important;
    gap:7px !important;
  }
  #adminExpenses .admin-clean-item130{
    min-height:48px !important;
    padding:8px 9px !important;
    border-radius:13px !important;
  }
  #adminExpenses .admin-clean-wide130{
    grid-column:1 / -1 !important;
    min-height:44px !important;
  }
  #adminExpenses .admin-clean-item130 small{
    font-size:8px !important;
    margin-bottom:4px !important;
  }
  #adminExpenses .admin-clean-item130 b{
    font-size:10px !important;
    line-height:1.18 !important;
  }
  #adminExpenses .admin-clean-amount130 b{
    font-size:11.5px !important;
  }
  #adminExpenses .admin-clean-actions130{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:7px !important;
    padding-top:9px !important;
  }
  #adminExpenses .admin-clean-actions130 .row-action-btn{
    height:34px !important;
    min-height:34px !important;
    border-radius:12px !important;
    font-size:10px !important;
    padding:0 6px !important;
  }
}


html,
body,
#app,
.app,
.main,
.page,
#add,
#add.active-page{
  background-color:#03130f !important;
}

#add,
#add.active-page,
#add #customerForm,
#add .ks-add-modern-form,
#add .ks-form-section,
#add .ks-form-section-payment,
#add .payment-box,
#add .customer-payment-box{
  overflow:visible !important;
  max-width:100% !important;
}

#add .ks-notes-box,
#add label:has(#notes){
  width:100% !important;
  max-width:100% !important;
  min-height:auto !important;
  height:auto !important;
  margin-top:14px !important;
  padding:15px !important;
  border-radius:22px !important;
  background:rgba(2,6,23,.36) !important;
  border:1px solid rgba(148,163,184,.14) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
  overflow:hidden !important;
}

#add #notes,
#add textarea#notes,
#add .ks-notes-box textarea{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  min-height:92px !important;
  height:92px !important;
  max-height:150px !important;
  box-sizing:border-box !important;
  resize:none !important;
  overflow:auto !important;
  background:linear-gradient(180deg,rgba(15,23,42,.86),rgba(8,13,26,.88)) !important;
  border:1px solid rgba(148,163,184,.18) !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  border-radius:17px !important;
  padding:14px 15px !important;
  line-height:1.5 !important;
  font-size:14px !important;
  font-weight:800 !important;
  outline:none !important;
  appearance:none !important;
  -webkit-appearance:none !important;
}

#add #notes:focus,
#add textarea#notes:focus{
  background:linear-gradient(180deg,rgba(15,23,42,.94),rgba(8,13,26,.94)) !important;
  border-color:rgba(96,165,250,.55) !important;
  box-shadow:0 0 0 3px rgba(59,130,246,.14), inset 0 1px 0 rgba(255,255,255,.05) !important;
}

#add #notes::placeholder{
  color:#94a3b8 !important;
  -webkit-text-fill-color:#94a3b8 !important;
}

#add .ks-vip-box{
  max-width:100% !important;
  overflow:hidden !important;
  background:linear-gradient(180deg,rgba(24,18,45,.82),rgba(8,13,26,.92)) !important;
  border:1px solid rgba(251,191,36,.22) !important;
}

#add .ks-vip-box > span:last-child{
  width:100% !important;
  min-height:54px !important;
  height:54px !important;
  max-height:54px !important;
  overflow:hidden !important;
  background:radial-gradient(circle at 12% 20%, rgba(251,191,36,.20), transparent 30%),linear-gradient(135deg, rgba(30,41,59,.94), rgba(88,28,135,.38)) !important;
  border:1px solid rgba(251,191,36,.35) !important;
  color:#fde68a !important;
  -webkit-text-fill-color:#fde68a !important;
}

#add .ks-vip-box #vip{
  appearance:none !important;
  -webkit-appearance:none !important;
  position:absolute !important;
  opacity:0 !important;
  width:1px !important;
  height:1px !important;
  min-width:1px !important;
  min-height:1px !important;
  pointer-events:none !important;
}

@media (min-width:768px) and (max-width:1368px){
  #add .ks-payment-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    align-items:start !important;
  }
  #add .ks-notes-box,
  #add label:has(#notes){
    grid-column:1 / -1 !important;
  }
  #add #notes,
  #add textarea#notes{
    min-height:88px !important;
    height:88px !important;
    max-height:140px !important;
  }
}

@supports (-webkit-touch-callout:none){
  html, body, #app, .app, .main, #add{
    background:#03130f !important;
  }
}



#reports .reports-filters,
#adminExpenses .admin-expense-filters115{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  isolation:isolate !important;
}

#reports .reports-filters *,
#adminExpenses .admin-expense-filters115 *{
  box-sizing:border-box !important;
}

#reports .reports-filters label,
#adminExpenses .admin-expense-filters115 label{
  min-width:0 !important;
  max-width:100% !important;
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
  margin:0 !important;
  overflow:hidden !important;
}

#reports .reports-filters label span,
#adminExpenses .admin-expense-filters115 label span{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  line-height:1.15 !important;
  margin:0 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

#reports .reports-filters input,
#reports .reports-filters select,
#adminExpenses .admin-expense-filters115 input,
#adminExpenses .admin-expense-filters115 select{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  inline-size:100% !important;
  min-inline-size:0 !important;
  flex:0 1 auto !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  -webkit-text-size-adjust:100% !important;
}

#reports .reports-filters input[type="date"],
#adminExpenses .admin-expense-filters115 input[type="date"]{
  text-align:center !important;
  padding-left:8px !important;
  padding-right:8px !important;
  font-variant-numeric:tabular-nums !important;
  min-width:0 !important;
}

#reports .reports-filters{
  display:grid !important;
  grid-template-columns:minmax(0,.86fr) minmax(0,.86fr) minmax(0,1.04fr) minmax(0,1.04fr) minmax(112px,auto) !important;
  gap:12px !important;
  align-items:end !important;
  padding:14px !important;
  border-radius:24px !important;
}

#reports #clearReportsFiltersBtn.reports-filter-clear-wrap114,
#reports .reports-filter-clear-wrap114{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  height:44px !important;
  min-height:44px !important;
  align-self:end !important;
  padding:0 12px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

#adminExpenses .admin-expense-filters115{
  display:grid !important;
  grid-template-columns:minmax(0,.82fr) minmax(0,.82fr) minmax(0,1fr) minmax(0,1.65fr) minmax(94px,auto) !important;
  gap:12px !important;
  align-items:end !important;
  padding:14px !important;
  border-radius:24px !important;
}

#adminExpenses #adminExpenseClearFilters115{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  height:39px !important;
  min-height:39px !important;
  align-self:end !important;
  padding:0 12px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

@media (max-width:1280px){
  #reports .reports-filters{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  #reports #clearReportsFiltersBtn.reports-filter-clear-wrap114,
  #reports .reports-filter-clear-wrap114{
    grid-column:1 / -1 !important;
  }
  #adminExpenses .admin-expense-filters115{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  #adminExpenses .admin-expense-filters115 label:nth-child(4),
  #adminExpenses #adminExpenseClearFilters115{
    grid-column:1 / -1 !important;
  }
}

@media (max-width:767px){
  #reports .reports-filters,
  #adminExpenses .admin-expense-filters115{
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    padding:10px !important;
    border-radius:18px !important;
    overflow:hidden !important;
  }
  #reports .reports-filters label:nth-child(3),
  #reports .reports-filters label:nth-child(4),
  #reports #clearReportsFiltersBtn.reports-filter-clear-wrap114,
  #reports .reports-filter-clear-wrap114,
  #adminExpenses .admin-expense-filters115 label:nth-child(3),
  #adminExpenses .admin-expense-filters115 label:nth-child(4),
  #adminExpenses #adminExpenseClearFilters115{
    grid-column:1 / -1 !important;
  }
  #reports .reports-filters input,
  #reports .reports-filters select,
  #reports #clearReportsFiltersBtn.reports-filter-clear-wrap114,
  #reports .reports-filter-clear-wrap114,
  #adminExpenses .admin-expense-filters115 input,
  #adminExpenses .admin-expense-filters115 select,
  #adminExpenses #adminExpenseClearFilters115{
    height:38px !important;
    min-height:38px !important;
    border-radius:13px !important;
    font-size:11px !important;
  }
}


html,
body{
  height:100% !important;
  min-height:100% !important;
  overflow:hidden !important;
  overscroll-behavior:none !important;
  touch-action:manipulation !important;
}
body{
  position:relative !important;
}
.app{
  height:100vh !important;
  height:100dvh !important;
  min-height:0 !important;
  overflow:hidden !important;
}
.sidebar{
  height:100vh !important;
  height:100dvh !important;
  max-height:100dvh !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  -webkit-overflow-scrolling:touch !important;
  overscroll-behavior:contain !important;
  scroll-behavior:smooth !important;
}
.main{
  height:100vh !important;
  height:100dvh !important;
  min-height:0 !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  -webkit-overflow-scrolling:touch !important;
  overscroll-behavior:contain !important;
  scroll-behavior:smooth !important;
  padding-bottom:max(42px, env(safe-area-inset-bottom)) !important;
}
.main > .page,
.page,
.panel,
.form-panel,
.report-section,
.expense-section,
.backup-security-panel,
.family-layout,
.family-groups-shell,
.family-list-shell,
.family-members-card,
.family-group-card,
.family-member-card,
.orders-card,
.stock-card,
.admin-expense-card,
.reports-card{
  max-height:none !important;
  overflow:visible !important;
}
.table-wrap,
.reports-table-wrap,
.orders-table-wrap,
.stock-table-wrap{
  max-height:none !important;
  overflow-y:visible !important;
  overflow-x:auto !important;
  -webkit-overflow-scrolling:touch !important;
}
#familyGroupsList,
#familyMembersList,
#ordersList,
#stockList,
#adminExpenseList,
#expenseList,
#reportsContent,
#recentOrders,
#recentOrdersList{
  max-height:none !important;
  overflow:visible !important;
}

.modal,
.modal-content,
.order-view-modal,
.order-view-box,
.copy-modal,
.ks-copy-card,
.ks-final-card,
.ks-beauty-copy-card,
.ks-pro-ready-card{
  -webkit-overflow-scrolling:touch !important;
  overscroll-behavior:contain !important;
}

@media (max-width:767px){
  html,
  body{
    overflow:hidden !important;
    height:100% !important;
  }
  .app{
    display:block !important;
    height:100vh !important;
    height:100dvh !important;
    overflow:hidden !important;
  }
  .main{
    position:relative !important;
    width:100% !important;
    height:100vh !important;
    height:100dvh !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    padding-bottom:calc(110px + env(safe-area-inset-bottom)) !important;
  }
  .sidebar{
    overflow-x:hidden !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;
  }
  .sidebar:not(.open){
    overflow:hidden !important;
  }
  .page,
  .panel,
  .form-panel,
  .section-card,
  .modern-card,
  .add-customer-section,
  .family-form-card,
  .family-members-card,
  .family-list-shell{
    max-height:none !important;
    overflow:visible !important;
  }
}

@media (min-width:768px){
  .app{
    display:grid !important;
    grid-template-columns:280px minmax(0,1fr) !important;
  }
  .sidebar{
    position:sticky !important;
    top:0 !important;
  }
}



#ksMenu184.ks-menu184{
  min-height:0 !important;
  overflow:hidden !important;
  overscroll-behavior:contain !important;
  -webkit-overflow-scrolling:touch !important;
}
#ksMenu184 .ks-menu184-nav{
  flex:1 1 auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  -webkit-overflow-scrolling:touch !important;
  overscroll-behavior:contain !important;
  touch-action:pan-y !important;
}
@media (min-width:768px){
  html body #ksMenu184.ks-menu184{
    height:100vh !important;
    height:100dvh !important;
    max-height:100dvh !important;
    display:flex !important;
    flex-direction:column !important;
  }
}
@media (max-width:767px){
  html body #ksMenu184.ks-menu184.open,
  html body.ks-menu184-open #ksMenu184.ks-menu184{
    height:100vh !important;
    height:100dvh !important;
    max-height:100dvh !important;
    display:flex !important;
    flex-direction:column !important;
  }
}


html body #app.app{
  min-height:100dvh !important;
  overflow:hidden !important;
}
html body #ksMenu184.ks-menu184,
html body #ksMenu184.ks-menu184 *{
  box-sizing:border-box !important;
}

@media (min-width:768px){
  html body #app.app{
    display:grid !important;
    grid-template-columns:288px minmax(0,1fr) !important;
    width:100% !important;
    height:100vh !important;
    height:100dvh !important;
    min-height:0 !important;
    overflow:hidden !important;
  }
  html body #ksMenu184.ks-menu184{
    position:sticky !important;
    inset:auto auto auto 0 !important;
    top:0 !important;
    left:0 !important;
    width:288px !important;
    min-width:288px !important;
    max-width:288px !important;
    height:100vh !important;
    height:100dvh !important;
    max-height:100dvh !important;
    min-height:0 !important;
    display:grid !important;
    grid-template-rows:auto minmax(0,1fr) auto auto !important;
    overflow:hidden !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    z-index:20 !important;
    border-radius:0 !important;
    background:linear-gradient(180deg,#050713 0%,#090d1d 52%,#050609 100%) !important;
    border-right:1px solid rgba(255,255,255,.10) !important;
    box-shadow:18px 0 48px rgba(0,0,0,.34) !important;
  }
  html body #ksMenu184 .ks-menu184-top{
    display:none !important;
  }
  html body #ksMenu184 .ks-menu184-brand,
  html body #ksMenu184 .ks-menu184-user,
  html body #ksMenu184 .ks-menu184-logout{
    display:grid !important;
    opacity:1 !important;
    visibility:visible !important;
  }
  html body #ksMenu184 .ks-menu184-logout{
    display:flex !important;
  }
  html body #ksMenu184 .ks-menu184-nav{
    display:flex !important;
    flex-direction:column !important;
    min-height:0 !important;
    height:auto !important;
    max-height:none !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;
    touch-action:pan-y !important;
  }
  html body #app.app > main.main,
  html body main.main{
    height:100vh !important;
    height:100dvh !important;
    min-height:0 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;
  }
  html body #menuBtn,
  html body .mobile-main-menu-btn-v164{
    display:none !important;
  }
}

@media (max-width:767px){
  html body #app.app{
    display:block !important;
    width:100% !important;
    height:100vh !important;
    height:100dvh !important;
    overflow:hidden !important;
  }
  html body #ksMenu184.ks-menu184{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    bottom:0 !important;
    width:min(88vw,352px) !important;
    max-width:352px !important;
    height:100vh !important;
    height:100dvh !important;
    max-height:100dvh !important;
    display:grid !important;
    grid-template-rows:auto auto minmax(0,1fr) auto auto !important;
    overflow:hidden !important;
    transform:translateX(-105%) !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    z-index:999999 !important;
    border-radius:0 24px 24px 0 !important;
  }
  html body #ksMenu184.ks-menu184.open,
  html body.ks-menu184-open #ksMenu184.ks-menu184{
    transform:translateX(0) !important;
  }
  html body #ksMenu184 .ks-menu184-top,
  html body #ksMenu184 .ks-menu184-brand,
  html body #ksMenu184 .ks-menu184-nav,
  html body #ksMenu184 .ks-menu184-user,
  html body #ksMenu184 .ks-menu184-logout{
    opacity:1 !important;
    visibility:visible !important;
  }
  html body #ksMenu184 .ks-menu184-nav{
    min-height:0 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;
    touch-action:pan-y !important;
  }
  html body #app.app > main.main,
  html body main.main{
    width:100% !important;
    height:100vh !important;
    height:100dvh !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;
  }
  html body #menuBtn,
  html body .mobile-main-menu-btn-v164{
    display:inline-flex !important;
  }
}


#loginPage:not(.hidden){
  min-height:100vh!important;
  padding:clamp(18px,4vw,42px)!important;
  background:
    radial-gradient(circle at 18% 16%, rgba(59,130,246,.22), transparent 30%),
    radial-gradient(circle at 82% 12%, rgba(139,92,246,.22), transparent 34%),
    radial-gradient(circle at 50% 100%, rgba(16,185,129,.14), transparent 38%),
    linear-gradient(135deg,#020617 0%,#07131f 48%,#03120d 100%)!important;
  overflow:hidden!important;
}
.ks177-login-shell{width:min(460px,100%);position:relative;z-index:2;}
.ks177-login-shell:before{content:"";position:absolute;inset:-28px;border-radius:34px;background:linear-gradient(135deg,rgba(34,211,238,.12),rgba(139,92,246,.12));filter:blur(20px);z-index:-1;}
.login-card.ks177-login-card{width:100%!important;margin:0!important;padding:26px!important;border-radius:28px!important;background:linear-gradient(180deg,rgba(15,23,42,.88),rgba(2,6,23,.92))!important;border:1px solid rgba(148,163,184,.22)!important;box-shadow:0 28px 90px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.08)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;}
.ks177-login-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;}

.login-card .ks177-lang{width:auto!important;margin:0!important;padding:9px 13px!important;border-radius:999px!important;background:rgba(15,23,42,.74)!important;border:1px solid rgba(148,163,184,.22)!important;color:#e5e7eb!important;}
.ks177-brand-block{text-align:center;margin-bottom:22px;}
.login-card img.ks177-login-logo{width:86px!important;height:86px!important;margin:0 auto 12px!important;border-radius:24px!important;object-fit:cover;box-shadow:0 14px 36px rgba(59,130,246,.28)!important;}
.login-card.ks177-login-card h1{margin:0 0 6px!important;font-size:31px!important;font-weight:1000!important;letter-spacing:-.04em!important;background:linear-gradient(135deg,#fff,#93c5fd 48%,#a78bfa)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;}
.ks177-brand-block p{margin:0!important;color:#94a3b8!important;font-size:13px!important;font-weight:800!important;letter-spacing:.08em;text-transform:uppercase;}
.ks177-login-form{display:grid;gap:10px;}

.ks177-input-wrap{position:relative;display:flex;align-items:center;background:rgba(2,6,23,.56)!important;border:1px solid rgba(148,163,184,.18)!important;border-radius:18px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;}
.ks177-input-wrap:focus-within{border-color:rgba(96,165,250,.62)!important;box-shadow:0 0 0 4px rgba(59,130,246,.12), inset 0 1px 0 rgba(255,255,255,.08)!important;transform:translateY(-1px);}
.ks177-input-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);opacity:.72;font-size:15px;pointer-events:none;}
.ks177-input-wrap input{width:100%!important;height:54px!important;padding:0 16px 0 46px!important;border:0!important;outline:0!important;background:transparent!important;color:#f8fafc!important;font-size:16px!important;font-weight:850!important;box-shadow:none!important;border-radius:18px!important;}
.ks177-pass-wrap input{padding-right:56px!important;}
.login-card .ks177-input-btn{position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;width:42px!important;height:38px!important;margin:0!important;padding:0!important;border-radius:13px!important;border:1px solid rgba(148,163,184,.17)!important;background:rgba(51,65,85,.55)!important;color:#e5e7eb!important;display:grid!important;place-items:center!important;box-shadow:none!important;}




#loginBtn{height:54px!important;margin-top:8px!important;border-radius:18px!important;background:linear-gradient(135deg,#2563eb,#7c3aed)!important;box-shadow:0 16px 34px rgba(59,130,246,.24)!important;font-size:16px!important;font-weight:1000!important;letter-spacing:.01em!important;justify-content:center!important;}
#loginBtn:disabled{opacity:.72!important;cursor:not-allowed!important;transform:none!important;}
#loginBtn.is-loading .ks177-login-btn-text:before{content:"";display:inline-block;width:15px;height:15px;margin-right:9px;border-radius:50%;border:2px solid rgba(255,255,255,.42);border-top-color:#fff;vertical-align:-2px;animation:ks177Spin .78s linear infinite;}
@keyframes ks177Spin{to{transform:rotate(360deg)}}
.login-card.ks177-login-card .login-msg{min-height:26px!important;margin:8px 0 0!important;padding:0!important;color:#fbbf24!important;text-align:center!important;font-weight:900!important;}
.login-card.ks177-login-card .login-msg:not(:empty){padding:10px 12px!important;border-radius:14px!important;background:rgba(245,158,11,.10)!important;border:1px solid rgba(245,158,11,.22)!important;}


@media (max-width:520px){
  #loginPage:not(.hidden){padding:18px!important;align-items:center!important;}
  .login-card.ks177-login-card{padding:21px!important;border-radius:24px!important;}
  .ks177-login-top{margin-bottom:14px;}
  
  .login-card img.ks177-login-logo{width:78px!important;height:78px!important;}
  .login-card.ks177-login-card h1{font-size:27px!important;}
  
  .ks177-input-wrap input{height:52px!important;font-size:15px!important;}
}


.login-card.ks177-login-card #loginBtn{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;}
.login-card.ks177-login-card #loginBtn .ks177-login-btn-text{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;}










@media (max-width:520px){
  
  
}






@media (max-width:820px){
  
}
@media (max-width:520px){
  
}


#loginPage:not(.hidden) .ks177-login-shell{
  width:min(390px,100%)!important;
}
#loginPage:not(.hidden) .login-card.ks177-login-card{
  padding:28px!important;
  border-radius:26px!important;
}
#loginPage:not(.hidden) .ks177-login-top{
  justify-content:flex-end!important;
  margin-bottom:12px!important;
}

#loginPage:not(.hidden) .ks177-brand-block{
  margin:0 0 24px!important;
}
#loginPage:not(.hidden) .login-card img.ks177-login-logo{
  width:82px!important;
  height:82px!important;
  margin-bottom:12px!important;
}
#loginPage:not(.hidden) .login-card.ks177-login-card h1{
  margin-bottom:0!important;
}
#loginPage:not(.hidden) .ks177-login-form{
  gap:12px!important;
}
#loginPage:not(.hidden) #loginBtn{
  margin-top:12px!important;
}
#loginPage:not(.hidden) .login-card.ks177-login-card .login-msg{
  min-height:18px!important;
  margin-top:6px!important;
}
@media (max-width:520px){
  #loginPage:not(.hidden){
    padding:18px!important;
  }
  #loginPage:not(.hidden) .login-card.ks177-login-card{
    padding:24px 20px!important;
    border-radius:24px!important;
  }
  #loginPage:not(.hidden) .login-card img.ks177-login-logo{
    width:74px!important;
    height:74px!important;
  }
}


#dashboard .backup-security-panel{
  isolation:isolate!important;
  margin-top:24px!important;
  padding:26px!important;
  border-radius:32px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 8% 0%, rgba(34,197,94,.16), transparent 32%),
    radial-gradient(circle at 90% 5%, rgba(124,58,237,.24), transparent 35%),
    radial-gradient(circle at 48% 120%, rgba(14,165,233,.14), transparent 38%),
    linear-gradient(135deg, rgba(7,18,34,.96), rgba(14,17,39,.94) 52%, rgba(9,22,45,.96))!important;
  border:1px solid rgba(125,211,252,.18)!important;
  box-shadow:
    0 28px 80px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.07),
    inset 0 -1px 0 rgba(34,197,94,.06)!important;
}
#dashboard .backup-security-panel::before{
  z-index:-1!important;
  opacity:1!important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.075), transparent 34%, rgba(34,197,94,.045) 100%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.025) 0 1px, transparent 1px 13px)!important;
}
#dashboard .backup-security-panel::after{
  content:""!important;
  position:absolute!important;
  inset:14px!important;
  z-index:-1!important;
  pointer-events:none!important;
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.045)!important;
}
#dashboard .backup-security-panel .panel-head{
  grid-template-columns:minmax(280px,1fr) minmax(430px,.95fr)!important;
  gap:22px!important;
  align-items:center!important;
  margin-bottom:20px!important;
}
#dashboard .backup-security-panel .panel-head>div:first-child{
  position:relative!important;
  padding:8px 0 8px 76px!important;
}
#dashboard .backup-security-panel .panel-head>div:first-child::before{
  content:"🛡️"!important;
  position:absolute!important;
  left:0!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:58px!important;
  height:58px!important;
  border-radius:20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:27px!important;
  background:linear-gradient(135deg, rgba(34,197,94,.28), rgba(37,99,235,.22), rgba(124,58,237,.20))!important;
  border:1px solid rgba(125,211,252,.22)!important;
  box-shadow:0 16px 34px rgba(37,99,235,.16), inset 0 1px 0 rgba(255,255,255,.10)!important;
}
#dashboard .backup-security-panel .panel-head h2{
  font-size:clamp(23px,2.35vw,34px)!important;
  letter-spacing:-.045em!important;
  text-shadow:0 2px 20px rgba(96,165,250,.16)!important;
}
#dashboard .backup-security-panel .panel-head p{
  margin-top:9px!important;
  color:#b7c5da!important;
  font-size:14.5px!important;
  max-width:560px!important;
}
#dashboard .backup-action-buttons{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
#dashboard .backup-action-buttons .btn,
#dashboard .backup-security-panel .backup-action-buttons button{
  min-height:62px!important;
  border-radius:21px!important;
  padding:14px 16px!important;
  font-size:13.5px!important;
  justify-content:center!important;
  background:
    linear-gradient(135deg, rgba(37,99,235,.52), rgba(124,58,237,.44))!important;
  border:1px solid rgba(147,197,253,.32)!important;
  box-shadow:0 16px 34px rgba(37,99,235,.20), inset 0 1px 0 rgba(255,255,255,.12)!important;
}
#dashboard .backup-action-buttons .btn::before,
#dashboard .backup-security-panel .backup-action-buttons button::before{
  width:30px!important;
  height:30px!important;
  border-radius:12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(255,255,255,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;
}
#dashboard #backupPanelBtn{background:linear-gradient(135deg,rgba(37,99,235,.58),rgba(124,58,237,.46))!important;}
#dashboard #excelBackupBtn{background:linear-gradient(135deg,rgba(14,165,233,.48),rgba(79,70,229,.44))!important;}
#dashboard #dailyExcelBackupBtn{background:linear-gradient(135deg,rgba(34,197,94,.40),rgba(37,99,235,.42))!important;}
#dashboard #hourlyDriveBackupBtn{background:linear-gradient(135deg,rgba(20,184,166,.42),rgba(124,58,237,.40))!important;}
#dashboard .backup-status-line{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin:8px 0 20px!important;
  padding:12px!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,rgba(6,78,59,.32),rgba(15,23,42,.40),rgba(30,41,59,.26))!important;
  border:1px solid rgba(34,197,94,.17)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
#dashboard .backup-status-line span{
  min-height:56px!important;
  padding:12px 14px!important;
  border-radius:18px!important;
  color:#eaf2ff!important;
  font-size:12.5px!important;
  font-weight:900!important;
  background:linear-gradient(180deg,rgba(15,23,42,.82),rgba(15,23,42,.58))!important;
  border:1px solid rgba(125,211,252,.14)!important;
  box-shadow:0 10px 24px rgba(2,8,23,.18), inset 0 1px 0 rgba(255,255,255,.05)!important;
}
#dashboard .backup-status-line span::before{
  content:""!important;
  width:8px!important;
  height:8px!important;
  min-width:8px!important;
  margin-inline-end:11px!important;
  border-radius:999px!important;
  background:#22c55e!important;
  box-shadow:0 0 0 5px rgba(34,197,94,.12), 0 0 18px rgba(34,197,94,.62)!important;
}
#dashboard .backup-security-panel .table-wrap{
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(15,23,42,.58),rgba(2,6,23,.42))!important;
  border:1px solid rgba(125,211,252,.13)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 16px 34px rgba(2,8,23,.18)!important;
}
#dashboard .backup-security-panel table{
  min-width:0!important;
}
#dashboard .backup-security-panel th{
  padding:16px 18px!important;
  color:#dbeafe!important;
  background:linear-gradient(180deg,rgba(15,23,42,.88),rgba(15,23,42,.72))!important;
  font-size:12px!important;
}
#dashboard .backup-security-panel td{
  padding:17px 18px!important;
  border-top:1px solid rgba(148,163,184,.08)!important;
  color:#eef2ff!important;
  font-size:13.5px!important;
}
#dashboard .backup-security-panel tbody tr:hover td{
  background:rgba(59,130,246,.07)!important;
}
#dashboard .backup-type-badge{
  display:inline-flex!important;
  align-items:center!important;
  margin-top:6px!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  color:#bfdbfe!important;
  background:rgba(59,130,246,.13)!important;
  border:1px solid rgba(147,197,253,.18)!important;
  font-size:10.5px!important;
  font-weight:950!important;
}
#dashboard .backup-security-panel a.row-action-btn,
#dashboard .backup-security-panel .row-action-btn{
  min-height:36px!important;
  padding:9px 13px!important;
  border-radius:13px!important;
  text-decoration:none!important;
  box-shadow:0 10px 22px rgba(37,99,235,.18), inset 0 1px 0 rgba(255,255,255,.10)!important;
}
#dashboard .backup-security-panel .row-action-btn.danger{
  box-shadow:0 10px 22px rgba(220,38,38,.15), inset 0 1px 0 rgba(255,255,255,.10)!important;
}
@media(max-width:1180px){
  #dashboard .backup-security-panel .panel-head{grid-template-columns:1fr!important;align-items:start!important;}
  #dashboard .backup-action-buttons{max-width:720px!important;}
  #dashboard .backup-status-line{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:720px){
  #dashboard .backup-security-panel{
    margin:18px 0 104px!important;
    padding:16px!important;
    border-radius:26px!important;
  }
  #dashboard .backup-security-panel::after{inset:8px!important;border-radius:21px!important;}
  #dashboard .backup-security-panel .panel-head{gap:15px!important;margin-bottom:16px!important;}
  #dashboard .backup-security-panel .panel-head>div:first-child{padding:2px 0 2px 58px!important;min-height:50px!important;}
  #dashboard .backup-security-panel .panel-head>div:first-child::before{width:46px!important;height:46px!important;border-radius:16px!important;font-size:22px!important;}
  #dashboard .backup-security-panel .panel-head h2{font-size:22px!important;line-height:1.1!important;}
  #dashboard .backup-security-panel .panel-head p{font-size:12.4px!important;line-height:1.45!important;margin-top:6px!important;}
  #dashboard .backup-action-buttons{grid-template-columns:1fr!important;gap:10px!important;}
  #dashboard .backup-action-buttons .btn,
  #dashboard .backup-security-panel .backup-action-buttons button{min-height:54px!important;border-radius:18px!important;font-size:12.7px!important;padding:12px 13px!important;}
  #dashboard .backup-action-buttons .btn::before,
  #dashboard .backup-security-panel .backup-action-buttons button::before{width:28px!important;height:28px!important;border-radius:11px!important;}
  #dashboard .backup-status-line{grid-template-columns:1fr!important;padding:10px!important;gap:9px!important;border-radius:20px!important;margin:10px 0 16px!important;}
  #dashboard .backup-status-line span{min-height:46px!important;border-radius:15px!important;font-size:11.8px!important;padding:10px 12px!important;}
  #dashboard .backup-security-panel .table-wrap{overflow:visible!important;border-radius:20px!important;background:transparent!important;border:0!important;box-shadow:none!important;}
  #dashboard .backup-security-panel table,
  #dashboard .backup-security-panel thead,
  #dashboard .backup-security-panel tbody,
  #dashboard .backup-security-panel tr,
  #dashboard .backup-security-panel td{display:block!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;}
  #dashboard .backup-security-panel thead{display:none!important;}
  #dashboard .backup-security-panel tbody tr{
    margin:0 0 10px!important;
    padding:12px!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,rgba(15,23,42,.82),rgba(2,6,23,.62))!important;
    border:1px solid rgba(125,211,252,.13)!important;
    box-shadow:0 12px 26px rgba(2,8,23,.18), inset 0 1px 0 rgba(255,255,255,.05)!important;
  }
  #dashboard .backup-security-panel tbody tr td{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:10px 4px!important;
    border:0!important;
    border-bottom:1px solid rgba(148,163,184,.08)!important;
    font-size:12.6px!important;
    text-align:right!important;
    overflow-wrap:anywhere!important;
  }
  #dashboard .backup-security-panel tbody tr td:last-child{border-bottom:0!important;justify-content:flex-end!important;flex-wrap:wrap!important;}
  #dashboard .backup-security-panel tbody tr td::before{
    min-width:96px!important;
    color:#93c5fd!important;
    font-size:11px!important;
    line-height:1.35!important;
    font-weight:1000!important;
    text-transform:uppercase!important;
    letter-spacing:.04em!important;
    text-align:left!important;
  }
  #dashboard .backup-security-panel tbody tr td:nth-child(1)::before{content:"Created"!important;}
  #dashboard .backup-security-panel tbody tr td:nth-child(2)::before{content:"File"!important;}
  #dashboard .backup-security-panel tbody tr td:nth-child(3)::before{content:"Size"!important;}
  #dashboard .backup-security-panel tbody tr td:nth-child(4)::before{content:"Google Drive"!important;}
  #dashboard .backup-security-panel tbody tr td:nth-child(5)::before{content:"Action"!important;}
  #dashboard .backup-security-panel tbody tr td[colspan]{display:block!important;text-align:center!important;padding:18px 8px!important;color:#cbd5e1!important;}
  #dashboard .backup-security-panel tbody tr td[colspan]::before{content:none!important;display:none!important;}
}


#reports{
  --r182-bg:#07131b;
  --r182-card:rgba(10,18,34,.72);
  --r182-card2:rgba(15,23,42,.82);
  --r182-line:rgba(148,163,184,.16);
  --r182-line2:rgba(125,211,252,.22);
  --r182-text:#f8fafc;
  --r182-muted:#b7c4d8;
  --r182-soft:#8ea3be;
  --r182-blue:#38bdf8;
  --r182-green:#34d399;
  --r182-violet:#8b5cf6;
  --r182-amber:#fbbf24;
  --r182-red:#fb7185;
  --r182-shadow:0 28px 75px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.06);
  --r182-font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

#reports .reports-page{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  padding:26px !important;
  border-radius:30px !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(56,189,248,.20), transparent 34%),
    radial-gradient(circle at 84% 4%, rgba(139,92,246,.22), transparent 32%),
    radial-gradient(circle at 72% 100%, rgba(16,185,129,.15), transparent 38%),
    linear-gradient(145deg, rgba(6,18,29,.96), rgba(7,24,22,.94) 48%, rgba(9,14,29,.96)) !important;
  border:1px solid rgba(125,211,252,.17) !important;
  box-shadow:var(--r182-shadow) !important;
  font-family:var(--r182-font) !important;
}

#reports .reports-page::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-1 !important;
  pointer-events:none !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.028) 1px, transparent 1px) !important;
  background-size:44px 44px !important;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.65), transparent 72%) !important;
  -webkit-mask-image:linear-gradient(180deg, rgba(0,0,0,.65), transparent 72%) !important;
  opacity:.55 !important;
}

#reports .reports-page::after{
  content:"" !important;
  position:absolute !important;
  width:260px !important;
  height:260px !important;
  right:-82px !important;
  top:-92px !important;
  border-radius:999px !important;
  background:radial-gradient(circle, rgba(139,92,246,.22), transparent 68%) !important;
  filter:blur(4px) !important;
  pointer-events:none !important;
  z-index:-1 !important;
}

#reports .panel-head{
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:18px !important;
  align-items:start !important;
  margin:0 0 16px !important;
  padding:16px !important;
  border-radius:26px !important;
  background:
    linear-gradient(135deg, rgba(15,23,42,.72), rgba(15,23,42,.38)),
    radial-gradient(circle at 0 0, rgba(56,189,248,.16), transparent 38%) !important;
  border:1px solid rgba(148,163,184,.14) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}

#reports .panel-head h1{
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  background:linear-gradient(135deg, #ffffff 0%, #dbeafe 38%, #8be9ff 70%, #b9a5ff 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  font-family:var(--r182-font) !important;
  font-size:clamp(24px,2.4vw,36px) !important;
  line-height:1.05 !important;
  font-weight:1000 !important;
  letter-spacing:-.045em !important;
  text-wrap:balance !important;
}

#reports .panel-head h1::before{
  content:"📊" !important;
  width:52px !important;
  min-width:52px !important;
  height:52px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:19px !important;
  background:
    linear-gradient(135deg, rgba(56,189,248,.26), rgba(139,92,246,.22)),
    rgba(255,255,255,.06) !important;
  border:1px solid rgba(125,211,252,.26) !important;
  box-shadow:0 18px 38px rgba(56,189,248,.12), inset 0 1px 0 rgba(255,255,255,.12) !important;
  -webkit-text-fill-color:initial !important;
  font-size:23px !important;
}

#reports .panel-head p{
  max-width:660px !important;
  margin:9px 0 0 !important;
  color:var(--r182-muted) !important;
  -webkit-text-fill-color:var(--r182-muted) !important;
  font-size:14.5px !important;
  line-height:1.62 !important;
  font-weight:650 !important;
  letter-spacing:-.01em !important;
}

#reports .reports-actions114{
  display:grid !important;
  grid-template-columns:174px 174px !important;
  gap:10px !important;
  justify-content:end !important;
  align-items:start !important;
  min-width:0 !important;
}

#reports .reports-reload114,
#reports .reports-export-main114{
  position:relative !important;
  overflow:hidden !important;
  width:100% !important;
  min-height:48px !important;
  height:48px !important;
  border-radius:18px !important;
  border:1px solid rgba(125,211,252,.30) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-family:var(--r182-font) !important;
  font-size:13px !important;
  font-weight:950 !important;
  letter-spacing:-.015em !important;
  white-space:nowrap !important;
  box-shadow:0 16px 32px rgba(37,99,235,.18), inset 0 1px 0 rgba(255,255,255,.13) !important;
}

#reports .reports-reload114{
  background:linear-gradient(135deg,#17c9a3,#2563eb) !important;
}

#reports .reports-export-main114{
  background:linear-gradient(135deg,#7c3aed,#2563eb 58%,#0ea5e9) !important;
}

#reports .reports-reload114::before{
  content:"↻" !important;
  margin-right:7px !important;
  font-size:15px !important;
  -webkit-text-fill-color:#fff !important;
}

#reports .reports-export-main114::before{
  content:"⬇️" !important;
  margin-right:7px !important;
  -webkit-text-fill-color:initial !important;
}

#reports .reports-actions .btn::after,
#reports .reports-reload114::after,
#reports .reports-export-main114::after,
#reports #reportsPartnerActionsBtn114::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(120deg, transparent, rgba(255,255,255,.20), transparent) !important;
  transform:translateX(-135%) !important;
  transition:transform .45s ease !important;
  pointer-events:none !important;
}

@media (hover:hover){
  #reports .reports-reload114:hover::after,
  #reports .reports-export-main114:hover::after,
  #reports #reportsPartnerActionsBtn114:hover::after{
    transform:translateX(135%) !important;
  }
}

#reports .reports-export-list114,
#reports .reports-partner-list114{
  border-radius:20px !important;
  padding:10px !important;
  background:rgba(8,13,25,.96) !important;
  border:1px solid rgba(148,163,184,.20) !important;
  box-shadow:0 28px 70px rgba(0,0,0,.50), inset 0 1px 0 rgba(255,255,255,.08) !important;
  backdrop-filter:blur(22px) saturate(165%) !important;
  -webkit-backdrop-filter:blur(22px) saturate(165%) !important;
}

#reports .reports-export-list114 button,
#reports .reports-partner-list114 button{
  min-height:44px !important;
  border-radius:15px !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  background:linear-gradient(135deg, rgba(15,23,42,.86), rgba(30,41,59,.62)) !important;
  border:1px solid rgba(148,163,184,.16) !important;
  font-family:var(--r182-font) !important;
  font-size:12.5px !important;
  font-weight:900 !important;
  letter-spacing:-.01em !important;
}

#reports .reports-export-list114 button:hover,
#reports .reports-partner-list114 button:hover{
  border-color:rgba(125,211,252,.32) !important;
  background:linear-gradient(135deg, rgba(37,99,235,.22), rgba(15,23,42,.78)) !important;
}

#reports .reports-export-status112{
  grid-template-columns:46px minmax(0,1fr) !important;
  gap:13px !important;
  min-height:72px !important;
  margin:14px 0 !important;
  padding:13px 15px !important;
  border-radius:24px !important;
  background:
    linear-gradient(135deg, rgba(15,23,42,.76), rgba(8,47,73,.32)),
    radial-gradient(circle at 0 0, rgba(56,189,248,.18), transparent 44%) !important;
  border:1px solid rgba(125,211,252,.20) !important;
  box-shadow:0 18px 42px rgba(2,6,23,.20), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

#reports .reports-export-status-icon112{
  width:46px !important;
  height:46px !important;
  border-radius:17px !important;
  background:linear-gradient(135deg, rgba(56,189,248,.20), rgba(139,92,246,.16)) !important;
  border:1px solid rgba(125,211,252,.22) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10) !important;
  font-size:19px !important;
}

#reports .reports-export-status112 strong{
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  font-family:var(--r182-font) !important;
  font-size:14px !important;
  font-weight:950 !important;
  line-height:1.18 !important;
  letter-spacing:-.018em !important;
}

#reports .reports-export-status112 span{
  color:#abc0d8 !important;
  -webkit-text-fill-color:#abc0d8 !important;
  font-size:12.5px !important;
  line-height:1.45 !important;
  font-weight:650 !important;
  letter-spacing:-.005em !important;
}

#reports .reports-help114{
  margin:12px 0 !important;
}

#reports .reports-help-toggle114{
  min-height:42px !important;
  padding:0 16px !important;
  border-radius:999px !important;
  color:#dff7ff !important;
  -webkit-text-fill-color:#dff7ff !important;
  background:linear-gradient(135deg, rgba(56,189,248,.16), rgba(15,23,42,.48)) !important;
  border:1px solid rgba(125,211,252,.24) !important;
  font-family:var(--r182-font) !important;
  font-size:12.5px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:-.015em !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
}

#reports .reports-guide108{
  gap:12px !important;
}

#reports .reports-guide-item{
  min-height:88px !important;
  border-radius:23px !important;
  padding:15px !important;
  background:
    radial-gradient(circle at 0 0, rgba(56,189,248,.16), transparent 42%),
    linear-gradient(180deg, rgba(15,23,42,.72), rgba(15,23,42,.44)) !important;
  border:1px solid rgba(148,163,184,.16) !important;
  box-shadow:0 14px 32px rgba(2,6,23,.16), inset 0 1px 0 rgba(255,255,255,.055) !important;
}

#reports .reports-guide-item b{
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  font-size:14px !important;
  line-height:1.18 !important;
  font-weight:950 !important;
  letter-spacing:-.022em !important;
}

#reports .reports-guide-item span{
  color:#9fb3cc !important;
  -webkit-text-fill-color:#9fb3cc !important;
  font-size:11.5px !important;
  line-height:1.35 !important;
  font-weight:650 !important;
}

#reports .reports-filters{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) auto !important;
  gap:12px !important;
  align-items:end !important;
  margin:14px 0 !important;
  padding:14px !important;
  border-radius:26px !important;
  background:
    linear-gradient(135deg, rgba(15,23,42,.72), rgba(15,23,42,.42)),
    radial-gradient(circle at 0 0, rgba(16,185,129,.12), transparent 42%) !important;
  border:1px solid rgba(148,163,184,.16) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055) !important;
}

#reports .reports-filters label span{
  margin:0 0 8px !important;
  color:#93c5fd !important;
  -webkit-text-fill-color:#93c5fd !important;
  font-family:var(--r182-font) !important;
  font-size:10.5px !important;
  font-weight:1000 !important;
  letter-spacing:.095em !important;
  text-transform:uppercase !important;
}

#reports .reports-filters input,
#reports .reports-filters select{
  height:48px !important;
  min-height:48px !important;
  border-radius:18px !important;
  padding:0 14px !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  background:rgba(3,9,20,.64) !important;
  border:1px solid rgba(125,211,252,.18) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
  font-family:var(--r182-font) !important;
  font-size:13px !important;
  font-weight:750 !important;
  letter-spacing:-.015em !important;
}

#reports .reports-filters input:focus,
#reports .reports-filters select:focus{
  border-color:rgba(56,189,248,.52) !important;
  box-shadow:0 0 0 4px rgba(56,189,248,.11), inset 0 1px 0 rgba(255,255,255,.05) !important;
}

#reports #clearReportsFiltersBtn.reports-filter-clear-wrap114,
#reports .reports-filter-clear-wrap114{
  height:48px !important;
  min-height:48px !important;
  border-radius:18px !important;
  padding:0 18px !important;
  color:#ffe4e6 !important;
  -webkit-text-fill-color:#ffe4e6 !important;
  background:linear-gradient(135deg, rgba(244,63,94,.22), rgba(15,23,42,.58)) !important;
  border:1px solid rgba(251,113,133,.30) !important;
  font-family:var(--r182-font) !important;
  font-size:12.5px !important;
  font-weight:950 !important;
  letter-spacing:-.012em !important;
  box-shadow:0 14px 28px rgba(244,63,94,.08), inset 0 1px 0 rgba(255,255,255,.07) !important;
}

#reports .report-summary-grid{
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:12px !important;
  margin:14px 0 !important;
}

#reports .report-card{
  position:relative !important;
  min-height:122px !important;
  padding:16px !important;
  border-radius:26px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 0 0, rgba(56,189,248,.15), transparent 40%),
    linear-gradient(180deg, rgba(15,23,42,.82), rgba(6,12,25,.92)) !important;
  border:1px solid rgba(148,163,184,.17) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06) !important;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

#reports .report-card::after{
  content:"" !important;
  position:absolute !important;
  inset:auto -24px -54px auto !important;
  width:110px !important;
  height:110px !important;
  border-radius:999px !important;
  background:radial-gradient(circle, rgba(56,189,248,.12), transparent 68%) !important;
  pointer-events:none !important;
}

@media (hover:hover){
  #reports .report-card:hover{
    transform:translateY(-3px) !important;
    border-color:rgba(125,211,252,.28) !important;
    box-shadow:0 24px 54px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08) !important;
  }
}

#reports .report-card::before{
  width:38px !important;
  height:38px !important;
  border-radius:15px !important;
  margin-bottom:14px !important;
  background:linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.04)) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
  font-size:17px !important;
}

#reports .report-card span{
  margin:0 0 8px !important;
  color:#a7b7ff !important;
  -webkit-text-fill-color:#a7b7ff !important;
  font-family:var(--r182-font) !important;
  font-size:10.5px !important;
  line-height:1.1 !important;
  font-weight:1000 !important;
  letter-spacing:.085em !important;
  text-transform:uppercase !important;
  overflow-wrap:anywhere !important;
}

#reports .report-card b{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  font-family:var(--r182-font) !important;
  font-size:clamp(22px,1.7vw,28px) !important;
  line-height:1.02 !important;
  font-weight:1000 !important;
  letter-spacing:-.05em !important;
  font-variant-numeric:tabular-nums lining-nums !important;
}

#reports .report-card small{
  margin-top:6px !important;
  color:#8ea3be !important;
  -webkit-text-fill-color:#8ea3be !important;
  font-size:10.5px !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
}

#reports .report-card.sales{border-color:rgba(52,211,153,.24) !important;}
#reports .report-card.sales::after{background:radial-gradient(circle, rgba(52,211,153,.16), transparent 68%) !important;}
#reports .report-card.cost{border-color:rgba(96,165,250,.22) !important;}
#reports .report-card.profit{border-color:rgba(56,189,248,.25) !important;}
#reports .report-card.spending{border-color:rgba(251,191,36,.24) !important;}
#reports .report-card.final{
  border-color:rgba(52,211,153,.34) !important;
  background:
    radial-gradient(circle at 0 0, rgba(52,211,153,.22), transparent 42%),
    linear-gradient(180deg, rgba(6,78,59,.48), rgba(6,12,25,.92)) !important;
}
#reports .report-card.final::after{background:radial-gradient(circle, rgba(52,211,153,.18), transparent 68%) !important;}

#reports .reports-insights108{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  margin:12px 0 14px !important;
}

#reports .reports-insight-card{
  min-height:72px !important;
  padding:15px 16px !important;
  border-radius:23px !important;
  background:linear-gradient(135deg, rgba(15,23,42,.72), rgba(8,47,73,.28)) !important;
  border:1px solid rgba(148,163,184,.16) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}

#reports .reports-insight-card span{
  color:#8ea3be !important;
  -webkit-text-fill-color:#8ea3be !important;
  font-family:var(--r182-font) !important;
  font-size:10.5px !important;
  font-weight:1000 !important;
  letter-spacing:.085em !important;
}

#reports .reports-insight-card b{
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  font-family:var(--r182-font) !important;
  font-size:15px !important;
  line-height:1.25 !important;
  font-weight:950 !important;
  letter-spacing:-.022em !important;
}

#reports .reports-partner-tools110{
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:12px !important;
  margin:12px 0 14px !important;
  padding:14px 15px !important;
  border-radius:25px !important;
  background:
    radial-gradient(circle at 0 0, rgba(52,211,153,.18), transparent 42%),
    linear-gradient(135deg, rgba(15,23,42,.72), rgba(6,78,59,.22)) !important;
  border:1px solid rgba(52,211,153,.22) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

#reports .reports-partner-tools110 strong{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  font-family:var(--r182-font) !important;
  font-size:15.5px !important;
  line-height:1.16 !important;
  font-weight:1000 !important;
  letter-spacing:-.03em !important;
}

#reports .reports-partner-tools110 span{
  color:#b7c4d8 !important;
  -webkit-text-fill-color:#b7c4d8 !important;
  font-size:12px !important;
  line-height:1.38 !important;
  font-weight:650 !important;
}

#reports #reportsPartnerActionsBtn114{
  position:relative !important;
  overflow:hidden !important;
  min-height:44px !important;
  border-radius:18px !important;
  padding:0 16px !important;
  color:#dbfff0 !important;
  -webkit-text-fill-color:#dbfff0 !important;
  background:linear-gradient(135deg, rgba(16,185,129,.28), rgba(15,23,42,.62)) !important;
  border:1px solid rgba(52,211,153,.34) !important;
  font-family:var(--r182-font) !important;
  font-size:12.5px !important;
  font-weight:950 !important;
  letter-spacing:-.01em !important;
  box-shadow:0 15px 30px rgba(16,185,129,.10), inset 0 1px 0 rgba(255,255,255,.07) !important;
}

#reports .reports-tabs{
  display:flex !important;
  gap:10px !important;
  overflow-x:auto !important;
  padding:4px 2px 12px !important;
  margin:10px 0 10px !important;
  -webkit-overflow-scrolling:touch !important;
  scroll-snap-type:x proximity !important;
}

#reports .reports-tabs::-webkit-scrollbar{display:none !important;}

#reports .report-tab{
  flex:0 0 auto !important;
  min-width:142px !important;
  min-height:58px !important;
  padding:10px 13px !important;
  border-radius:20px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:4px !important;
  scroll-snap-align:start !important;
  color:#e2e8f0 !important;
  -webkit-text-fill-color:#e2e8f0 !important;
  background:linear-gradient(135deg, rgba(15,23,42,.72), rgba(30,41,59,.42)) !important;
  border:1px solid rgba(148,163,184,.17) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055) !important;
}

#reports .report-tab span{
  color:inherit !important;
  -webkit-text-fill-color:inherit !important;
  font-family:var(--r182-font) !important;
  font-size:13px !important;
  line-height:1.05 !important;
  font-weight:950 !important;
  letter-spacing:-.025em !important;
}

#reports .report-tab small{
  max-width:160px !important;
  color:#92a4bb !important;
  -webkit-text-fill-color:#92a4bb !important;
  font-size:9.5px !important;
  line-height:1.25 !important;
  font-weight:700 !important;
  letter-spacing:-.006em !important;
}

#reports .report-tab.active{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  background:
    radial-gradient(circle at 0 0, rgba(56,189,248,.28), transparent 42%),
    linear-gradient(135deg, rgba(37,99,235,.58), rgba(139,92,246,.50)) !important;
  border-color:rgba(125,211,252,.42) !important;
  box-shadow:0 18px 36px rgba(37,99,235,.22), inset 0 1px 0 rgba(255,255,255,.12) !important;
}

#reports .report-tab.active small{
  color:#dbeafe !important;
  -webkit-text-fill-color:#dbeafe !important;
}

#reports .table-wrap{
  border-radius:25px !important;
  background:rgba(3,9,20,.30) !important;
  border:1px solid rgba(148,163,184,.12) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}

#reports .reports-table{
  border-spacing:0 9px !important;
  font-family:var(--r182-font) !important;
}

#reports .reports-table thead th{
  color:#9ecbff !important;
  -webkit-text-fill-color:#9ecbff !important;
  background:rgba(15,23,42,.62) !important;
  font-size:11px !important;
  font-weight:1000 !important;
  letter-spacing:.095em !important;
}

#reports .reports-table tbody tr{
  background:linear-gradient(135deg, rgba(15,23,42,.66), rgba(30,41,59,.40)) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.04) !important;
}

#reports .reports-table tbody td{
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  font-size:12.5px !important;
  font-weight:750 !important;
  letter-spacing:-.01em !important;
  border-color:rgba(148,163,184,.10) !important;
}

@media(max-width:1100px){
  #reports .reports-page{
    padding:22px !important;
    border-radius:28px !important;
  }

  #reports .panel-head{
    grid-template-columns:1fr !important;
  }

  #reports .reports-actions114{
    grid-template-columns:repeat(2, minmax(160px, 174px)) !important;
    justify-content:start !important;
  }

  #reports .report-summary-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  #reports .reports-filters{
    grid-template-columns:repeat(2,minmax(0,1fr)) auto !important;
  }
}

@media(max-width:767px){
  #reports .reports-page{
    padding:14px !important;
    border-radius:24px !important;
  }

  #reports .panel-head{
    padding:13px !important;
    border-radius:22px !important;
    gap:12px !important;
  }

  #reports .panel-head h1{
    font-size:22px !important;
    letter-spacing:-.038em !important;
  }

  #reports .panel-head h1::before{
    width:44px !important;
    min-width:44px !important;
    height:44px !important;
    border-radius:17px !important;
    font-size:20px !important;
  }

  #reports .panel-head p{
    font-size:12.5px !important;
    line-height:1.46 !important;
  }

  #reports .reports-actions114{
    grid-template-columns:1fr 1fr !important;
    width:100% !important;
    gap:8px !important;
  }

  #reports .reports-reload114,
  #reports .reports-export-main114{
    min-height:42px !important;
    height:42px !important;
    border-radius:15px !important;
    font-size:11.5px !important;
    padding:0 8px !important;
  }

  #reports .reports-export-list114,
  #reports .reports-partner-list114{
    width:min(92vw,292px) !important;
    min-width:0 !important;
  }

  #reports .reports-export-status112{
    grid-template-columns:36px minmax(0,1fr) !important;
    min-height:58px !important;
    padding:10px !important;
    border-radius:18px !important;
  }

  #reports .reports-export-status-icon112{
    width:36px !important;
    height:36px !important;
    border-radius:14px !important;
    font-size:15px !important;
  }

  #reports .reports-export-status112 strong{
    font-size:12.2px !important;
  }

  #reports .reports-export-status112 span{
    font-size:10.5px !important;
  }

  #reports .reports-help-toggle114{
    width:100% !important;
    min-height:39px !important;
    border-radius:15px !important;
    font-size:11.5px !important;
  }

  #reports .reports-help114.is-open .reports-guide108{
    display:flex !important;
    overflow-x:auto !important;
    padding-bottom:5px !important;
  }

  #reports .reports-guide-item{
    flex:0 0 176px !important;
    min-height:72px !important;
    border-radius:19px !important;
    padding:12px !important;
  }

  #reports .reports-filters{
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    padding:10px !important;
    border-radius:20px !important;
  }

  #reports .reports-filters label span{
    font-size:9.5px !important;
    letter-spacing:.07em !important;
  }

  #reports .reports-filters input,
  #reports .reports-filters select{
    height:40px !important;
    min-height:40px !important;
    border-radius:14px !important;
    padding:0 10px !important;
    font-size:11px !important;
  }

  #reports #clearReportsFiltersBtn.reports-filter-clear-wrap114,
  #reports .reports-filter-clear-wrap114{
    grid-column:1 / -1 !important;
    height:40px !important;
    min-height:40px !important;
    border-radius:14px !important;
    font-size:11.5px !important;
  }

  #reports .report-summary-grid{
    display:flex !important;
    gap:9px !important;
    overflow-x:auto !important;
    padding:2px 1px 8px !important;
    scroll-snap-type:x proximity !important;
    -webkit-overflow-scrolling:touch !important;
  }

  #reports .report-summary-grid::-webkit-scrollbar{display:none !important;}

  #reports .report-card{
    flex:0 0 154px !important;
    min-height:104px !important;
    padding:13px !important;
    border-radius:21px !important;
    scroll-snap-align:start !important;
  }

  #reports .report-card::before{
    width:31px !important;
    height:31px !important;
    border-radius:13px !important;
    margin-bottom:10px !important;
    font-size:15px !important;
  }

  #reports .report-card span{
    font-size:9.5px !important;
    margin-bottom:6px !important;
  }

  #reports .report-card b{
    font-size:20px !important;
  }

  #reports .reports-insights108{
    display:flex !important;
    overflow-x:auto !important;
    gap:9px !important;
    padding-bottom:5px !important;
    -webkit-overflow-scrolling:touch !important;
  }

  #reports .reports-insights108::-webkit-scrollbar{display:none !important;}

  #reports .reports-insight-card{
    flex:0 0 210px !important;
    min-height:64px !important;
    padding:12px !important;
    border-radius:20px !important;
  }

  #reports .reports-partner-tools110{
    grid-template-columns:1fr !important;
    padding:12px !important;
    border-radius:21px !important;
  }

  #reports .reports-partner-actions114{
    width:100% !important;
  }

  #reports #reportsPartnerActionsBtn114{
    width:100% !important;
    min-height:40px !important;
    border-radius:15px !important;
    font-size:11.5px !important;
  }

  #reports .report-tab{
    min-width:124px !important;
    min-height:52px !important;
    padding:9px 11px !important;
    border-radius:18px !important;
  }

  #reports .report-tab span{
    font-size:11.5px !important;
  }

  #reports .report-tab small{
    font-size:8.5px !important;
    max-width:116px !important;
  }

  #reports .reports-table tbody tr.report-row108{
    border-radius:22px !important;
    padding:12px !important;
    background:linear-gradient(135deg, rgba(15,23,42,.74), rgba(8,47,73,.25)) !important;
    border:1px solid rgba(148,163,184,.16) !important;
    box-shadow:0 14px 32px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.05) !important;
  }

  #reports .reports-table tbody tr.report-row108::before{
    color:#dff7ff !important;
    -webkit-text-fill-color:#dff7ff !important;
    font-size:13.5px !important;
    font-weight:1000 !important;
    letter-spacing:-.02em !important;
  }

  #reports .reports-table tbody td{
    grid-template-columns:105px minmax(0,1fr) !important;
    font-size:12px !important;
  }

  #reports .reports-table tbody td::before{
    color:#93c5fd !important;
    -webkit-text-fill-color:#93c5fd !important;
    font-size:9.5px !important;
    letter-spacing:.07em !important;
  }
}

/* =========================================================
   v1.0.186 — Family Groups UI fix
   Fixes iPad/tablet floating form switcher covering group cards.
   UI only: no API/backend/function changes.
   ========================================================= */
#familyGroups #ks157FamilyFormTabs,
#familyGroups.ks159-family-collapsible #ks157FamilyFormTabs,
#familyGroups.ks159-family-collapsible .ks157-family-form-tabs,
#familyGroups.ks159-family-collapsible .ks157-family-form-tabs.ks159-family-form-buttons{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  z-index:3 !important;
  transform:none !important;
  width:100% !important;
  margin:12px 0 18px !important;
  clear:both !important;
}
#familyGroups .family-list-card,
#familyGroups .family-members-card,
#familyGroups .family-groups-list,
#familyGroups .family-members-list{
  position:relative !important;
  z-index:1 !important;
}
#familyGroups.ks159-family-collapsible .family-layout.ks159-family-layout{
  position:relative !important;
  z-index:2 !important;
}
#familyGroups.ks159-family-collapsible .family-layout.ks159-family-layout:not(.ks159-form-open){
  margin:0 0 10px !important;
  min-height:0 !important;
}
#familyGroups.ks159-family-collapsible .ks157-family-form-tabs button{
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
@media (min-width:768px){
  #familyGroups #ks157FamilyFormTabs,
  #familyGroups.ks159-family-collapsible #ks157FamilyFormTabs,
  #familyGroups.ks159-family-collapsible .ks157-family-form-tabs,
  #familyGroups.ks159-family-collapsible .ks157-family-form-tabs.ks159-family-form-buttons{
    position:relative !important;
    top:auto !important;
    margin:10px 0 20px !important;
    backdrop-filter:blur(10px) !important;
  }
  #familyGroups .family-list-card{
    margin-top:0 !important;
  }
}
@media (max-width:767px){
  #familyGroups #ks157FamilyFormTabs,
  #familyGroups.ks159-family-collapsible #ks157FamilyFormTabs,
  #familyGroups.ks159-family-collapsible .ks157-family-form-tabs,
  #familyGroups.ks159-family-collapsible .ks157-family-form-tabs.ks159-family-form-buttons{
    position:relative !important;
    top:auto !important;
    margin:8px 0 12px !important;
    border-radius:18px !important;
  }
}



/* v1.0.187 Family Groups: member search, view actions, and secret show fix */
#familyGroups .family-members-head-187{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  flex-wrap:wrap !important;
}
#familyGroups #familyMemberSearch{
  min-width:min(360px,100%) !important;
  flex:1 1 260px !important;
  height:46px !important;
  border-radius:16px !important;
  border:1px solid rgba(88,166,255,.26) !important;
  background:rgba(5,13,30,.72) !important;
  color:#fff !important;
  padding:0 16px !important;
  outline:none !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04), 0 10px 24px rgba(0,0,0,.18) !important;
}
#familyGroups #familyMemberSearch:focus{
  border-color:rgba(47,128,255,.9) !important;
  box-shadow:0 0 0 4px rgba(47,128,255,.15), inset 0 0 0 1px rgba(255,255,255,.06) !important;
}
#familyGroups .ks187-actions,
#familyGroups .family-actions-row{
  gap:8px !important;
  flex-wrap:wrap !important;
}
#familyGroups .family-actions-row [data-ks187-member-view],
#familyGroups .family-actions-row [data-ks187-family-view],
#familyGroups .family-actions-row [data-ks187-member-action="view"]{
  background:linear-gradient(135deg, rgba(88,166,255,.95), rgba(124,58,237,.9)) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.16) !important;
}
#familyGroups .ks153-input-tools [data-ks187-secret-toggle],
#familyGroups [data-ks187-secret-toggle]{
  cursor:pointer !important;
  pointer-events:auto !important;
  z-index:6 !important;
}
.ks187-family-view-modal{
  position:fixed !important;
  inset:0 !important;
  z-index:99999 !important;
  display:grid !important;
  place-items:center !important;
  padding:22px !important;
  background:rgba(1,6,18,.72) !important;
  backdrop-filter:blur(14px) !important;
}
.ks187-family-view-modal.hidden{display:none !important;}
.ks187-family-view-card{
  width:min(760px,96vw) !important;
  max-height:88vh !important;
  overflow:auto !important;
  border-radius:26px !important;
  border:1px solid rgba(82,178,255,.24) !important;
  background:linear-gradient(145deg, rgba(11,24,54,.96), rgba(6,21,35,.96)) !important;
  color:#fff !important;
  box-shadow:0 28px 80px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.ks187-family-view-top{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:16px !important;
  padding:22px 24px !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}
.ks187-family-view-top h2{margin:0 !important;font-size:24px !important;line-height:1.2 !important;}
.ks187-family-view-top p{margin:6px 0 0 !important;color:rgba(229,239,255,.72) !important;font-weight:700 !important;}
.ks187-family-view-top button{
  width:42px !important;height:42px !important;border-radius:14px !important;border:1px solid rgba(255,255,255,.14) !important;
  background:rgba(255,255,255,.08) !important;color:#fff !important;font-size:26px !important;line-height:1 !important;
}
.ks187-family-view-body{padding:22px 24px 24px !important;}
.ks187-view-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
}
.ks187-view-grid > div{
  min-width:0 !important;
  border:1px solid rgba(82,178,255,.16) !important;
  border-radius:16px !important;
  padding:12px 14px !important;
  background:rgba(5,13,30,.58) !important;
}
.ks187-view-grid span{display:block !important;color:rgba(229,239,255,.62) !important;font-size:12px !important;font-weight:900 !important;text-transform:uppercase !important;letter-spacing:.06em !important;margin-bottom:6px !important;}
.ks187-view-grid b{display:block !important;color:#fff !important;font-size:15px !important;line-height:1.35 !important;overflow-wrap:anywhere !important;}
.ks187-view-actions{display:flex !important;gap:10px !important;flex-wrap:wrap !important;justify-content:flex-end !important;margin-top:18px !important;}
.ks187-view-actions button{
  min-height:42px !important;border-radius:14px !important;border:1px solid rgba(255,255,255,.14) !important;
  background:rgba(47,128,255,.24) !important;color:#fff !important;font-weight:900 !important;padding:0 16px !important;
}
@media (max-width:767px){
  .ks187-view-grid{grid-template-columns:1fr !important;}
  .ks187-family-view-card{width:100% !important;max-height:92vh !important;border-radius:22px !important;}
  #familyGroups .family-members-head-187{align-items:stretch !important;}
  #familyGroups #familyMemberSearch{flex-basis:100% !important;width:100% !important;}
}


/* v1.0.189 Family member owner email + duplicate View cleanup polish */
#familyGroups .family-member-card .ks189-member-owner-email{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:12px 14px !important;
  border:1px solid rgba(56,189,248,.22) !important;
  border-radius:16px !important;
  background:linear-gradient(135deg, rgba(14,165,233,.12), rgba(99,102,241,.08)) !important;
  min-width:0 !important;
}
#familyGroups .family-member-card .ks189-member-owner-email span{
  color:rgba(226,232,240,.68) !important;
  font-size:12px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
  white-space:nowrap !important;
}
#familyGroups .family-member-card .ks189-member-owner-email b{
  color:#e0f2fe !important;
  font-size:14px !important;
  line-height:1.35 !important;
  font-weight:900 !important;
  text-align:right !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}
#familyGroups .family-actions-row [data-ks187-member-action="view"],
#familyGroups .family-actions-row [data-ks187-member-view]{
  min-width:76px !important;
}
@media (max-width: 768px){
  #familyGroups .family-member-card .ks189-member-owner-email{
    display:block !important;
  }
  #familyGroups .family-member-card .ks189-member-owner-email b{
    text-align:left !important;
    margin-top:5px !important;
  }
}


/* v1.0.190 Family View X close + Member Search Clear button (UI only) */
#familyGroups .family-members-head-190 .ks190-member-search-wrap{
  flex:1 1 420px !important;
  min-width:min(520px,100%) !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}
#familyGroups .family-members-head-190 .ks190-member-search-wrap #familyMemberSearch{
  flex:1 1 auto !important;
  min-width:0 !important;
}
#familyGroups .ks190-member-search-clear{
  height:46px !important;
  min-width:96px !important;
  border-radius:16px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:rgba(255,255,255,.08) !important;
  color:#e5efff !important;
  font-weight:900 !important;
  padding:0 14px !important;
  cursor:pointer !important;
  box-shadow:0 10px 24px rgba(0,0,0,.16) !important;
}
#familyGroups .ks190-member-search-clear span{
  font-size:18px !important;
  line-height:1 !important;
  margin-right:4px !important;
}
#familyGroups .ks190-member-search-clear:hover{
  background:rgba(248,113,113,.16) !important;
  border-color:rgba(248,113,113,.35) !important;
  color:#fff !important;
}
.ks190-family-view-card{
  position:relative !important;
}
.ks190-view-x-close{
  position:sticky !important;
  top:12px !important;
  float:right !important;
  z-index:20 !important;
  width:44px !important;
  height:44px !important;
  margin:12px 12px -56px 0 !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:rgba(239,68,68,.20) !important;
  color:#fff !important;
  font-size:30px !important;
  line-height:38px !important;
  font-weight:900 !important;
  cursor:pointer !important;
  box-shadow:0 14px 34px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.12) !important;
}
.ks190-view-x-close:hover{
  background:rgba(239,68,68,.34) !important;
  transform:translateY(-1px) !important;
}
.ks190-family-view-card .ks187-family-view-top{
  padding-right:72px !important;
}
@media (max-width:767px){
  #familyGroups .family-members-head-190 .ks190-member-search-wrap{
    flex-basis:100% !important;
    width:100% !important;
    min-width:0 !important;
  }
  #familyGroups .ks190-member-search-clear{
    min-width:86px !important;
    padding:0 10px !important;
  }
  .ks190-view-x-close{
    top:10px !important;
    width:42px !important;
    height:42px !important;
    margin:10px 10px -52px 0 !important;
  }
}

/* Level 4 — Stock pagination controls */
.ks-l4-pager{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  padding:14px 10px 4px;
}
.ks-l4-page-btn{
  border:1px solid rgba(148,163,184,.28);
  border-radius:999px;
  padding:10px 16px;
  background:rgba(15,23,42,.72);
  color:#e5e7eb;
  font-weight:800;
  cursor:pointer;
  min-height:42px;
}
.ks-l4-page-btn:disabled{
  opacity:.45;
  cursor:not-allowed;
}
.ks-l4-page-info{
  border:1px solid rgba(148,163,184,.18);
  border-radius:999px;
  padding:10px 14px;
  background:rgba(2,6,23,.42);
  color:#cbd5e1;
  font-weight:700;
}
@media (max-width:768px){
  .ks-l4-pager{gap:8px;padding:12px 4px 2px;}
  .ks-l4-page-btn{flex:1 1 120px;padding:11px 12px;}
  .ks-l4-page-info{order:-1;width:100%;text-align:center;border-radius:16px;}
}


/* =========================================================
   Level 6 — CSS & Mobile UI Cleanup Fix
   Family Groups + mobile/iPad polish
   No backend / database changes
   ========================================================= */

/* Family members: stop email/password fields from turning into vertical columns on iPad/tablet */
#familyGroups .family-members-list,
#familyGroups.ks170-family-polish .family-members-list{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,390px),1fr))!important;
  align-items:start!important;
  gap:14px!important;
  width:100%!important;
}

#familyGroups .family-member-card,
#familyGroups .family-member-card.ks158-member-card,
#familyGroups .family-member-card.ks160-member-card{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:stretch!important;
}

#familyGroups .family-member-card .ks160-member-head,
#familyGroups .family-member-card .ks158-member-service-chip,
#familyGroups .family-member-card .family-actions-row{
  grid-column:1 / -1!important;
}

#familyGroups .family-member-card > div,
#familyGroups .family-member-card > div *{
  min-width:0!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
}

#familyGroups .family-member-card > div:not(.family-actions-row):not(.ks158-member-service-chip):not(.ks160-member-head){
  padding:10px 11px!important;
  border-radius:15px!important;
  background:rgba(15,23,42,.54)!important;
  border:1px solid rgba(148,163,184,.12)!important;
  overflow:hidden!important;
}

#familyGroups .family-member-card span,
#familyGroups .family-member-card b,
#familyGroups .family-member-card p,
#familyGroups .family-member-card small{
  display:block!important;
  max-width:100%!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
  line-height:1.25!important;
}

#familyGroups .family-member-card span{
  margin-bottom:5px!important;
  color:rgba(226,232,240,.68)!important;
  font-size:10px!important;
  font-weight:1000!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
}

#familyGroups .family-member-card b{
  color:#ffffff!important;
  font-size:13px!important;
  font-weight:950!important;
}

/* Seat/Owner email fields need wider space */
#familyGroups .family-member-card > div:nth-child(3),
#familyGroups .family-member-card > div:has(span:first-child){
  min-width:0!important;
}

#familyGroups .family-member-card > div:nth-child(3) b,
#familyGroups .family-member-card b[href],
#familyGroups .family-member-card .seat-email,
#familyGroups .family-member-card .owner-email{
  font-size:12.5px!important;
  line-height:1.28!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}

/* Buttons: clean, equal and touch-friendly */
#familyGroups .family-member-card .family-actions-row{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  margin-top:2px!important;
}
#familyGroups .family-member-card .family-actions-row button{
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  border-radius:14px!important;
  padding:9px 8px!important;
  font-size:12px!important;
  font-weight:1000!important;
  white-space:nowrap!important;
}

/* Family group cards: keep action buttons readable on iPad/mobile */
#familyGroups .family-group-card .family-actions-row{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}
#familyGroups .family-group-card .family-actions-row button{
  min-width:0!important;
  width:100%!important;
  min-height:40px!important;
  white-space:nowrap!important;
}

/* Tablet landscape: two cards per row max for member cards */
@media (min-width:681px) and (max-width:1280px){
  #familyGroups .family-members-list,
  #familyGroups.ks170-family-polish .family-members-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #familyGroups .family-member-card,
  #familyGroups .family-member-card.ks158-member-card,
  #familyGroups .family-member-card.ks160-member-card{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Mobile: one card and one column inside, no overlap */
@media (max-width:680px){
  #familyGroups .family-members-list,
  #familyGroups.ks170-family-polish .family-members-list{
    grid-template-columns:1fr!important;
    gap:11px!important;
  }
  #familyGroups .family-member-card,
  #familyGroups .family-member-card.ks158-member-card,
  #familyGroups .family-member-card.ks160-member-card{
    grid-template-columns:1fr!important;
    padding:11px!important;
    gap:8px!important;
    border-radius:18px!important;
  }
  #familyGroups .family-member-card .family-actions-row{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  #familyGroups .family-member-card .family-actions-row button{
    min-height:40px!important;
    font-size:11px!important;
    padding:8px 5px!important;
  }
}

@media (max-width:420px){
  #familyGroups .family-member-card .family-actions-row,
  #familyGroups .family-group-card .family-actions-row{
    grid-template-columns:1fr!important;
  }
}

/* Stock forms: make collapsible form buttons consistent and date fields calm on touch devices */
#stock .stock-form-card,
#stock .stock-form,
#stock .stock-import-card,
#stock .manual-account-card{
  min-width:0!important;
}
#stock input[type="date"]{
  min-height:44px!important;
}
@media (hover:none), (pointer:coarse){
  #stock input[type="date"]{
    font-size:16px!important;
  }
}

/* General mobile/iPad polish: reduce accidental horizontal overflow */
@media (max-width:1280px){
  .page,
  .panel,
  .card,
  .section,
  #familyGroups,
  #stock,
  #orders{
    min-width:0!important;
  }
}

/* Level 6.1 — Family Groups Top Cards + Filters */
.ks-family-auto-cards{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:14px 0 12px;
}
.ks-family-auto-card{
  width:100%;
  display:flex;
  align-items:center;
  gap:12px;
  border:1px solid rgba(74,144,255,.35);
  border-radius:18px;
  padding:14px 16px;
  background:linear-gradient(135deg,rgba(23,69,171,.78),rgba(34,28,116,.68));
  color:#fff;
  box-shadow:0 14px 38px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08);
  cursor:pointer;
  text-align:left;
  min-height:78px;
}
.ks-family-auto-card:hover{
  transform:translateY(-1px);
  border-color:rgba(91,217,255,.65);
  box-shadow:0 18px 42px rgba(22,90,255,.24), inset 0 1px 0 rgba(255,255,255,.1);
}
.ks-family-auto-card.low{
  border-color:rgba(255,191,70,.55);
  background:linear-gradient(135deg,rgba(93,65,16,.82),rgba(29,32,82,.68));
}
.ks-family-auto-card.expiring{
  border-color:rgba(255,117,117,.55);
  background:linear-gradient(135deg,rgba(116,35,54,.82),rgba(30,31,88,.7));
}
.ks-family-auto-icon{
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.15);
  flex:0 0 auto;
  font-size:21px;
}
.ks-family-auto-main{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
  flex:1;
}
.ks-family-auto-main b{
  font-size:16px;
  font-weight:900;
  line-height:1.1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ks-family-auto-main small{
  font-size:12px;
  color:rgba(255,255,255,.78);
  font-weight:800;
  line-height:1.35;
}
.ks-family-auto-badge{
  flex:0 0 auto;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(25,230,174,.18);
  border:1px solid rgba(39,255,195,.28);
  color:#a7ffe3;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}
.ks-family-auto-loading,
.ks-family-auto-empty{
  grid-column:1/-1;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  padding:14px 16px;
  background:rgba(255,255,255,.045);
  color:rgba(255,255,255,.76);
  font-weight:800;
}
.ks-family-filter-bar{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:10px 0 16px;
  padding:10px;
  border-radius:18px;
  border:1px solid rgba(96,130,255,.22);
  background:rgba(12,18,42,.68);
}
.ks-family-filter-btn{
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(135deg,rgba(31,50,98,.9),rgba(39,37,104,.82));
  color:#eef4ff;
  border-radius:14px;
  padding:11px 18px;
  font-weight:900;
  letter-spacing:.01em;
  min-height:44px;
  cursor:pointer;
}
.ks-family-filter-btn.active{
  background:linear-gradient(135deg,#277dff,#8d39ff);
  border-color:rgba(134,191,255,.72);
  box-shadow:0 12px 28px rgba(71,98,255,.28);
}
.ks-family-filter-btn.clear{
  background:linear-gradient(135deg,#19c58e,#2689ff)!important;
  border-color:rgba(98,235,219,.55)!important;
  color:#fff!important;
  box-shadow:0 12px 26px rgba(26,158,203,.18);
}
#familyGroups[data-family-view-mode="groups"] .family-members-card{
  display:none!important;
}
#familyGroups[data-family-view-mode="members"] .family-list-card{
  display:none!important;
}
#familyGroups[data-family-view-mode="members"] .family-members-card{
  display:block!important;
}
.family-members-card .family-list-head,
.family-list-card .family-list-head{
  align-items:center;
}
@media (max-width: 900px){
  .ks-family-auto-cards{grid-template-columns:1fr;}
  .ks-family-auto-card{min-height:74px;padding:13px 14px;}
  .ks-family-auto-badge{font-size:10px;padding:6px 8px;}
  .ks-family-filter-bar{gap:8px;}
  .ks-family-filter-btn{flex:1 1 calc(50% - 8px);padding:11px 10px;}
}
@media (max-width: 520px){
  .ks-family-filter-btn{flex:1 1 100%;}
  .ks-family-auto-card{align-items:flex-start;}
  .ks-family-auto-badge{margin-left:auto;}
}


/* Level 6.2 — show family members directly under selected group card */
#familyGroups .ks-family-inline-active{
  border-color:rgba(56,189,248,.9)!important;
  box-shadow:0 0 0 2px rgba(56,189,248,.18),0 18px 48px rgba(14,165,233,.18)!important;
}
#familyGroups .ks-family-inline-members{
  grid-column:1 / -1!important;
  width:100%!important;
  margin:10px 0 16px!important;
  padding:14px!important;
  border-radius:22px!important;
  border:1px solid rgba(56,189,248,.42)!important;
  background:linear-gradient(135deg,rgba(7,22,53,.94),rgba(9,46,67,.84))!important;
  box-shadow:0 18px 52px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
#familyGroups .ks-family-inline-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-bottom:12px!important;
}
#familyGroups .ks-family-inline-head b{
  display:block!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:1000!important;
}
#familyGroups .ks-family-inline-head span{
  display:block!important;
  color:rgba(226,232,240,.72)!important;
  font-size:12px!important;
  font-weight:800!important;
  margin-top:2px!important;
}
#familyGroups .ks-family-inline-close{
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:14px!important;
  padding:10px 14px!important;
  min-height:42px!important;
  background:linear-gradient(135deg,rgba(36,57,109,.92),rgba(33,37,83,.9))!important;
  color:#fff!important;
  font-weight:1000!important;
}
#familyGroups .ks-family-inline-list{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))!important;
  gap:12px!important;
}
@media (max-width:680px){
  #familyGroups .ks-family-inline-members{padding:11px!important;border-radius:18px!important;}
  #familyGroups .ks-family-inline-head{align-items:stretch!important;flex-direction:column!important;}
  #familyGroups .ks-family-inline-close{width:100%!important;}
  #familyGroups .ks-family-inline-list{grid-template-columns:1fr!important;}
}

/* Level 6.3 — Family Member Password field */
.ks-family-member-password-wrap{display:flex;align-items:center;gap:8px;width:100%;}
.ks-family-member-password-wrap input{min-width:0;flex:1;}
.ks-family-member-password-wrap .toggle-password{flex:0 0 auto;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.08);color:#fff;min-width:44px;min-height:44px;cursor:pointer;}
.family-member-card div b{overflow-wrap:anywhere;word-break:break-word;}

/* Level 6.4 — Family filter must not hide Members section */
#familyGroups[data-family-view-mode="groups"] .family-members-card,
#familyGroups[data-family-view-mode="members"] .family-list-card,
#familyGroups[data-family-view-mode="members"] .family-members-card,
#familyGroups.ks-family-members-section-mode .family-list-card,
#familyGroups.ks-family-members-section-mode .family-members-card{
  display:block!important;
}
#familyGroups .ks-family-inline-members{
  display:none!important;
}
#familyGroups .family-members-card{
  scroll-margin-top:18px;
}
#familyGroups .family-list-card{
  scroll-margin-top:18px;
}
#ksFamilyFilterBar .ks-family-filter-btn[data-family-mode="members"].active,
#ksFamilyFilterBar .ks-family-filter-btn[data-family-mode="groups"].active{
  background:linear-gradient(135deg,#2f7bff,#8b3cff)!important;
}

/* =========================================================
   Level 6.5 — Dashboard / Home Modern UI Cleanup
   UI only: compact premium home, KPI cards, quick actions,
   finance/alerts/recent/backup polish. No backend changes.
   ========================================================= */
#dashboard.home-modern-v65{
  --ks-v65-line: rgba(130,160,255,.18);
  --ks-v65-card: rgba(13,22,42,.76);
  --ks-v65-card2: rgba(18,30,56,.86);
  --ks-v65-glow: rgba(86,113,255,.20);
  --ks-v65-green: #22d192;
  --ks-v65-blue: #3f82ff;
  --ks-v65-purple: #8a49ff;
  --ks-v65-red: #ff5f7c;
  --ks-v65-yellow: #ffc34d;
  display:flex;
  flex-direction:column;
  gap:22px;
}
#dashboard.home-modern-v65:before{
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:100%;
  height:360px;
  pointer-events:none;
  background:
    radial-gradient(circle at 20% 0%, rgba(64,130,255,.18), transparent 35%),
    radial-gradient(circle at 90% 10%, rgba(137,73,255,.18), transparent 32%),
    linear-gradient(180deg, rgba(7,14,28,.30), transparent);
  opacity:.75;
}
#dashboard.home-modern-v65 > *{ position:relative; z-index:1; }
#dashboard.home-modern-v65 .mobile-v49-hero{
  margin-bottom:0;
  border:1px solid rgba(107,138,255,.22);
  background:
    linear-gradient(135deg, rgba(14,27,55,.86), rgba(14,18,38,.62)),
    radial-gradient(circle at 90% 0%, rgba(109,72,255,.26), transparent 34%);
  box-shadow:0 22px 60px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.08);
}
#dashboard.home-modern-v65 .cards{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  margin:0;
}
#dashboard.home-modern-v65 .card{
  min-height:142px;
  position:relative;
  overflow:hidden;
  border:1px solid var(--ks-v65-line);
  border-radius:26px;
  background:
    linear-gradient(145deg, rgba(20,32,58,.94), rgba(9,15,29,.88)),
    radial-gradient(circle at 100% 0%, rgba(86,113,255,.28), transparent 40%);
  box-shadow:0 22px 46px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.07);
  padding:24px 24px 22px 24px;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
#dashboard.home-modern-v65 .card:hover{
  transform:translateY(-3px);
  border-color:rgba(120,150,255,.45);
  box-shadow:0 28px 70px rgba(0,0,0,.32), 0 0 0 1px rgba(116,142,255,.10) inset;
}
#dashboard.home-modern-v65 .card:before{
  content:"👥";
  position:absolute;
  right:20px;
  top:18px;
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:17px;
  background:rgba(76,118,255,.16);
  border:1px solid rgba(135,164,255,.18);
  font-size:20px;
  box-shadow:0 14px 30px rgba(30,80,255,.16);
}
#dashboard.home-modern-v65 .card:nth-child(2):before{content:"💰";background:rgba(34,209,146,.14)}
#dashboard.home-modern-v65 .card:nth-child(3):before{content:"✅";background:rgba(138,73,255,.16)}
#dashboard.home-modern-v65 .card:nth-child(4):before{content:"⚠️";background:rgba(255,95,124,.16)}
#dashboard.home-modern-v65 .card span{
  letter-spacing:.11em;
  text-transform:uppercase;
  color:#b8c6ec;
  font-weight:900;
  font-size:13px;
}
#dashboard.home-modern-v65 .card strong{
  display:flex;
  align-items:flex-end;
  gap:8px;
  margin-top:24px;
  font-size:38px;
  line-height:1;
  letter-spacing:-.04em;
}
#dashboard.home-modern-v65 .card.green-border strong{color:var(--ks-v65-green)}
#dashboard.home-modern-v65 .card.purple-border strong{color:#a879ff}
#dashboard.home-modern-v65 .card.red-border strong{color:#ff748a}
#dashboard.home-modern-v65 .dashboard-action-center-v65{
  display:block!important;
  border:1px solid rgba(110,135,255,.20);
  border-radius:28px;
  padding:20px;
  background:
    linear-gradient(135deg, rgba(11,20,42,.88), rgba(13,20,38,.74)),
    radial-gradient(circle at 0% 0%, rgba(34,209,146,.13), transparent 34%),
    radial-gradient(circle at 100% 0%, rgba(138,73,255,.18), transparent 38%);
  box-shadow:0 24px 60px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.06);
}
.dashboard-action-head-v65{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
}
.dashboard-action-head-v65 h3{
  margin:0;
  font-size:22px;
  letter-spacing:-.02em;
}
.dashboard-action-head-v65 p{
  margin:4px 0 0;
  color:#9aa9cc;
  font-weight:700;
}
#dashboard.home-modern-v65 .dashboard-action-grid-v65{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
}
#dashboard.home-modern-v65 .mobile-v50-qbtn{
  min-height:96px;
  border-radius:22px;
  padding:16px 14px;
  border:1px solid rgba(130,160,255,.20);
  background:linear-gradient(145deg, rgba(20,33,62,.88), rgba(11,18,36,.92));
  color:#fff;
  box-shadow:0 14px 34px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.08);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:5px;
  text-align:left;
  transition:transform .18s ease, border-color .18s ease, filter .18s ease;
}
#dashboard.home-modern-v65 .mobile-v50-qbtn:hover{transform:translateY(-2px);border-color:rgba(142,168,255,.48);filter:brightness(1.08)}
#dashboard.home-modern-v65 .mobile-v50-qbtn span{
  width:34px;height:34px;border-radius:13px;display:grid;place-items:center;
  background:rgba(255,255,255,.10);margin-bottom:4px;
}
#dashboard.home-modern-v65 .mobile-v50-qbtn b{font-size:14px;line-height:1.1}
#dashboard.home-modern-v65 .mobile-v50-qbtn small{color:#aebbdb;font-weight:800}
#dashboard.home-modern-v65 .mobile-v50-qbtn.add{background:linear-gradient(145deg, rgba(26,115,255,.92), rgba(126,66,255,.82))}
#dashboard.home-modern-v65 .mobile-v50-qbtn.stock{background:linear-gradient(145deg, rgba(16,122,185,.88), rgba(47,76,255,.70))}
#dashboard.home-modern-v65 .mobile-v50-qbtn.family{background:linear-gradient(145deg, rgba(17,142,116,.88), rgba(72,85,255,.68))}
#dashboard.home-modern-v65 .mobile-v50-qbtn.refresh{background:linear-gradient(145deg, rgba(21,145,103,.86), rgba(31,91,178,.64))}
#dashboard.home-modern-v65 .mobile-v50-qbtn.reload{background:linear-gradient(145deg, rgba(37,106,255,.82), rgba(32,58,140,.78))}
#dashboard.home-modern-v65 .mobile-v50-qbtn.backup{background:linear-gradient(145deg, rgba(131,70,255,.90), rgba(37,84,210,.70))}
#dashboard.home-modern-v65 .panel,
#dashboard.home-modern-v65 .partner-finance-panel,
#dashboard.home-modern-v65 .backup-security-panel{
  border:1px solid rgba(110,135,255,.18);
  border-radius:28px;
  background:
    linear-gradient(145deg, rgba(17,27,50,.90), rgba(9,15,29,.90)),
    radial-gradient(circle at 100% 0%, rgba(65,115,255,.13), transparent 35%);
  box-shadow:0 24px 60px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.055);
}
#dashboard.home-modern-v65 .partner-finance-panel{
  padding:28px;
}
#dashboard.home-modern-v65 .partner-finance-panel .panel-head h2,
#dashboard.home-modern-v65 .panel h2{
  letter-spacing:-.03em;
}
#dashboard.home-modern-v65 .finance-summary-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
#dashboard.home-modern-v65 .finance-card{
  min-height:112px;
  border-radius:22px;
  border:1px solid rgba(130,160,255,.16);
  background:linear-gradient(145deg, rgba(24,36,62,.76), rgba(12,20,37,.82));
}
#dashboard.home-modern-v65 .partner-accounting-tools{
  margin-top:16px;
  border-radius:22px;
  background:rgba(7,13,28,.42);
  border:1px solid rgba(135,164,255,.12);
}
#dashboard.home-modern-v65 .partner-invest-form{
  display:grid;
  grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;
  align-items:end;
  gap:14px;
}
#dashboard.home-modern-v65 .partner-finance-table{
  margin-top:16px;
  max-height:290px;
  overflow:auto;
  border-radius:22px;
}
#dashboard.home-modern-v65 .dashboard-analytics-row-v169{
  align-items:start;
  gap:20px;
}
#dashboard.home-modern-v65 .partner-analytics-panel-v169,
#dashboard.home-modern-v65 .dashboard-alerts-panel-v169{
  min-height:unset;
}
#dashboard.home-modern-v65 #partnerStats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
#dashboard.home-modern-v65 #dashboardAlerts{
  display:flex;
  flex-direction:column;
  gap:12px;
}
#dashboard.home-modern-v65 .table-wrap table{
  border-collapse:separate;
  border-spacing:0;
}
#dashboard.home-modern-v65 .table-wrap thead th{
  position:sticky;
  top:0;
  z-index:2;
  background:rgba(10,17,33,.96);
  backdrop-filter:blur(8px);
}
#dashboard.home-modern-v65 #recentBody tr{
  transition:background .15s ease, transform .15s ease;
}
#dashboard.home-modern-v65 #recentBody tr:hover{
  background:rgba(75,115,255,.09);
}
#dashboard.home-modern-v65 .backup-security-panel{
  padding:28px;
  background:
    linear-gradient(135deg, rgba(10,34,31,.84), rgba(13,22,45,.86)),
    radial-gradient(circle at 100% 0%, rgba(138,73,255,.18), transparent 40%);
}
#dashboard.home-modern-v65 .backup-security-panel .panel-head{
  display:grid;
  grid-template-columns:minmax(240px,1fr) minmax(300px,520px);
  gap:18px;
  align-items:center;
}
#dashboard.home-modern-v65 .backup-action-buttons{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
#dashboard.home-modern-v65 .backup-action-buttons .btn{
  min-height:58px;
  border-radius:18px;
  font-weight:950;
}
#dashboard.home-modern-v65 .backup-status-line{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:18px 0;
}
#dashboard.home-modern-v65 .backup-status-line span{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:58px;
  padding:12px 14px;
  border-radius:18px;
  background:rgba(8,16,31,.54);
  border:1px solid rgba(110,135,255,.16);
  color:#d9e4ff;
  font-weight:850;
}
#dashboard.home-modern-v65 .backup-status-line span:before{
  content:"";width:9px;height:9px;border-radius:99px;background:#21d489;box-shadow:0 0 14px rgba(33,212,137,.8);flex:0 0 auto;
}
.sidebar .nav-btn.active,
.sidebar .ks-menu184-btn.active{
  box-shadow:0 16px 38px rgba(124,65,255,.28), inset 0 1px 0 rgba(255,255,255,.10);
}
.sidebar .nav-btn{transition:transform .16s ease, border-color .16s ease, background .16s ease}
.sidebar .nav-btn:hover{transform:translateX(2px);border-color:rgba(135,164,255,.30)}
@media (max-width:1180px){
  #dashboard.home-modern-v65 .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  #dashboard.home-modern-v65 .dashboard-action-grid-v65{grid-template-columns:repeat(3,minmax(0,1fr))}
  #dashboard.home-modern-v65 .finance-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #dashboard.home-modern-v65 #partnerStats{grid-template-columns:1fr}
  #dashboard.home-modern-v65 .backup-status-line{grid-template-columns:repeat(2,minmax(0,1fr))}
  #dashboard.home-modern-v65 .backup-security-panel .panel-head{grid-template-columns:1fr}
}
@media (max-width:768px){
  #dashboard.home-modern-v65{gap:16px;padding-bottom:98px}
  #dashboard.home-modern-v65 .cards{grid-template-columns:1fr 1fr;gap:12px}
  #dashboard.home-modern-v65 .card{min-height:118px;border-radius:22px;padding:18px}
  #dashboard.home-modern-v65 .card:before{width:36px;height:36px;border-radius:13px;right:14px;top:14px;font-size:16px}
  #dashboard.home-modern-v65 .card span{font-size:11px;letter-spacing:.08em}
  #dashboard.home-modern-v65 .card strong{font-size:30px;margin-top:22px}
  .dashboard-action-head-v65{display:block}
  #dashboard.home-modern-v65 .dashboard-action-grid-v65{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  #dashboard.home-modern-v65 .mobile-v50-qbtn{min-height:86px;border-radius:18px;padding:13px}
  #dashboard.home-modern-v65 .partner-finance-panel,
  #dashboard.home-modern-v65 .backup-security-panel,
  #dashboard.home-modern-v65 .panel{border-radius:22px;padding:18px}
  #dashboard.home-modern-v65 .partner-invest-form{grid-template-columns:1fr}
  #dashboard.home-modern-v65 .finance-summary-grid{grid-template-columns:1fr 1fr;gap:10px}
  #dashboard.home-modern-v65 .backup-action-buttons{grid-template-columns:1fr}
  #dashboard.home-modern-v65 .backup-status-line{grid-template-columns:1fr}
  #dashboard.home-modern-v65 .table-wrap{overflow:auto;-webkit-overflow-scrolling:touch}
}
@media (max-width:420px){
  #dashboard.home-modern-v65 .cards,
  #dashboard.home-modern-v65 .finance-summary-grid,
  #dashboard.home-modern-v65 .dashboard-action-grid-v65{grid-template-columns:1fr}
}

/* Level 6.6 — Dashboard fine UI polish + single language switch */
.dashboard-lang-switch.ks-lang-switch-v66{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:126px!important;
  max-width:126px!important;
  height:48px!important;
  padding:4px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,rgba(15,23,42,.92),rgba(30,41,59,.82))!important;
  border:1px solid rgba(125,160,255,.28)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.08)!important;
  overflow:hidden!important;
}
.dashboard-lang-switch.ks-lang-switch-v66 .ks-lang-hidden-compat{
  position:absolute!important;
  width:1px!important;height:1px!important;
  opacity:0!important;pointer-events:none!important;
  overflow:hidden!important;margin:-1px!important;padding:0!important;
  border:0!important;clip:rect(0 0 0 0)!important;
}
.ks-lang-toggle-v66{
  width:100%!important;height:100%!important;
  padding:0!important;margin:0!important;
  border:0!important;background:transparent!important;
  color:#e5e7eb!important;cursor:pointer!important;
  border-radius:999px!important;
  min-width:0!important;
}
.ks-lang-toggle-track-v66{
  position:relative!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  align-items:center!important;
  width:100%!important;height:100%!important;
  border-radius:999px!important;
  isolation:isolate!important;
}
.ks-lang-toggle-dot-v66{
  position:absolute!important;
  left:3px!important;top:3px!important;bottom:3px!important;
  width:calc(50% - 3px)!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#2563eb,#8b5cf6)!important;
  box-shadow:0 8px 22px rgba(79,70,229,.36)!important;
  transition:transform .22s ease!important;
  z-index:0!important;
}
body.lang-ku .ks-lang-toggle-dot-v66{transform:translateX(calc(100% - 3px))!important;}
.ks-lang-label-v66{
  position:relative!important;z-index:1!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  font-size:13px!important;font-weight:950!important;line-height:1!important;
  letter-spacing:.01em!important;color:#cbd5e1!important;
  -webkit-text-fill-color:#cbd5e1!important;
  user-select:none!important;
}
body.lang-en .ks-lang-label-en,
body:not(.lang-ku) .ks-lang-label-en,
body.lang-ku .ks-lang-label-ku{color:#fff!important;-webkit-text-fill-color:#fff!important;}
body.lang-ku .ks-lang-label-en,
body:not(.lang-ku) .ks-lang-label-ku{opacity:.70!important;}

/* Dashboard fine polish: keep cards readable on iPad/desktop */
#dashboard.home-modern-v65 .dashboard-action-center-v65{
  background:linear-gradient(135deg,rgba(15,23,42,.82),rgba(9,17,34,.72))!important;
  border-color:rgba(96,165,250,.18)!important;
}
#dashboard.home-modern-v65 .dashboard-action-grid-v65{
  grid-template-columns:repeat(auto-fit,minmax(156px,1fr))!important;
  align-items:stretch!important;
}
#dashboard.home-modern-v65 .mobile-v50-qbtn{
  min-width:0!important;
  box-shadow:0 16px 32px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.10)!important;
}
#dashboard.home-modern-v65 .mobile-v50-qbtn b,
#dashboard.home-modern-v65 .mobile-v50-qbtn small{
  white-space:normal!important;
  word-break:normal!important;
}

/* Partner analytics readable layout */
#dashboard.home-modern-v65 .dashboard-analytics-row-v169{
  display:grid!important;
  grid-template-columns:minmax(520px,1.1fr) minmax(360px,.9fr)!important;
  gap:22px!important;
}
#dashboard.home-modern-v65 #partnerStats,
#dashboard.home-modern-v65 #partnerStats .partner-analytics-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}
#dashboard.home-modern-v65 #partnerStats .partner-analytics-card{
  min-width:0!important;
  width:100%!important;
  overflow:hidden!important;
}
#dashboard.home-modern-v65 #partnerStats .partner-analytics-head,
#dashboard.home-modern-v65 #partnerStats .partner-analytics-meta,
#dashboard.home-modern-v65 #partnerStats .partner-analytics-footer{
  min-width:0!important;
}
#dashboard.home-modern-v65 #partnerStats .partner-analytics-head b,
#dashboard.home-modern-v65 #partnerStats .partner-analytics-head span,
#dashboard.home-modern-v65 #partnerStats .partner-analytics-meta span,
#dashboard.home-modern-v65 #partnerStats .partner-analytics-meta b,
#dashboard.home-modern-v65 #partnerStats .partner-analytics-footer span,
#dashboard.home-modern-v65 #partnerStats .partner-analytics-footer b{
  word-break:normal!important;
  overflow-wrap:normal!important;
  white-space:normal!important;
  line-height:1.2!important;
}
#dashboard.home-modern-v65 #partnerStats .partner-analytics-card strong{
  white-space:nowrap!important;
  word-break:keep-all!important;
}
#dashboard.home-modern-v65 #partnerStats .partner-analytics-actions,
#dashboard.home-modern-v65 #partnerStats .partner-analytics-footer{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}
#dashboard.home-modern-v65 #partnerStats button{
  min-width:0!important;
  white-space:nowrap!important;
}

/* Backup status: less bulky, more balanced */
#dashboard.home-modern-v65 .backup-security-panel{overflow:hidden!important;}
#dashboard.home-modern-v65 .backup-status-line span{
  min-height:54px!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
}
#dashboard.home-modern-v65 .backup-action-buttons .btn{
  min-height:54px!important;
}
#dashboard.home-modern-v65 .table-wrap{
  scrollbar-width:thin!important;
  scrollbar-color:rgba(96,165,250,.38) rgba(15,23,42,.4)!important;
}

@media (max-width:1280px){
  #dashboard.home-modern-v65 .dashboard-analytics-row-v169{grid-template-columns:1fr!important;}
  #dashboard.home-modern-v65 #partnerStats,
  #dashboard.home-modern-v65 #partnerStats .partner-analytics-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;}
}
@media (max-width:900px){
  .dashboard-lang-switch.ks-lang-switch-v66{min-width:116px!important;max-width:116px!important;height:44px!important;}
  #dashboard.home-modern-v65 .dashboard-action-grid-v65{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:560px){
  .dashboard-lang-switch.ks-lang-switch-v66{min-width:108px!important;max-width:108px!important;height:42px!important;}
  .ks-lang-label-v66{font-size:12px!important;}
  #dashboard.home-modern-v65 .dashboard-action-grid-v65{grid-template-columns:1fr!important;}
  #dashboard.home-modern-v65 #partnerStats,
  #dashboard.home-modern-v65 #partnerStats .partner-analytics-grid{grid-template-columns:1fr!important;}
}


/* Level 6.7 — Dashboard language switch + Quick Actions + Backup & Security UI polish */
#dashboard #ks145LangKu,
#dashboard #ks145LangEn,
#dashboard .ks145-lang{display:none!important;visibility:hidden!important;pointer-events:none!important;position:absolute!important;left:-9999px!important;}

.topbar.topbar-v164 .dashboard-lang-switch.ks-lang-switch-v66,
.dashboard-lang-switch.ks-lang-switch-v66{
  flex:0 0 148px!important;
  width:148px!important;
  min-width:148px!important;
  max-width:148px!important;
  height:46px!important;
  padding:4px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,rgba(6,12,28,.96),rgba(24,33,58,.88))!important;
  border:1px solid rgba(125,160,255,.35)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.10)!important;
  overflow:visible!important;
  align-self:center!important;
}
.dashboard-lang-switch.ks-lang-switch-v66 .ks-lang-hidden-compat{display:none!important;}
.dashboard-lang-switch.ks-lang-switch-v66 .ks-lang-toggle-v66{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  overflow:hidden!important;
  border-radius:999px!important;
  cursor:pointer!important;
}
.ks67-lang-shell{
  position:relative!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  align-items:center!important;
  width:100%!important;
  height:100%!important;
  border-radius:999px!important;
  background:rgba(15,23,42,.55)!important;
  overflow:hidden!important;
}
.ks67-lang-thumb{
  position:absolute!important;
  left:4px!important;
  top:4px!important;
  bottom:4px!important;
  width:calc(50% - 5px)!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#2563eb,#8b5cf6)!important;
  box-shadow:0 9px 22px rgba(79,70,229,.38)!important;
  transform:translateX(0)!important;
  transition:transform .22s ease!important;
  z-index:0!important;
}
#languageSwitchBtn[data-lang="ku"] .ks67-lang-thumb{transform:translateX(calc(100% + 2px))!important;}
.ks67-lang-option{
  position:relative!important;
  z-index:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  color:#cbd5e1!important;
  -webkit-text-fill-color:#cbd5e1!important;
  font-size:13px!important;
  font-weight:1000!important;
  line-height:1!important;
  white-space:nowrap!important;
  letter-spacing:.01em!important;
  user-select:none!important;
}
#languageSwitchBtn[data-lang="en"] .ks67-en,
#languageSwitchBtn[data-lang="ku"] .ks67-ku{color:#fff!important;-webkit-text-fill-color:#fff!important;}
#languageSwitchBtn[data-lang="en"] .ks67-ku,
#languageSwitchBtn[data-lang="ku"] .ks67-en{opacity:.72!important;}

#dashboard.home-modern-v65 .dashboard-action-grid-v65{
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;
  gap:14px!important;
}
#dashboard.home-modern-v65 .dashboard-action-grid-v65 .mobile-v50-qbtn{
  min-height:112px!important;
  padding:16px!important;
  align-items:flex-start!important;
  justify-content:center!important;
  flex-direction:column!important;
}
#dashboard.home-modern-v65 .dashboard-action-grid-v65 .mobile-v50-qbtn span{
  width:38px!important;height:38px!important;border-radius:14px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:rgba(255,255,255,.11)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;
}

#dashboard.home-modern-v65 .backup-security-panel{
  border-radius:30px!important;
  overflow:hidden!important;
}
#dashboard.home-modern-v65 .backup-security-panel .panel-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(360px,520px)!important;
  gap:24px!important;
  align-items:center!important;
}
#dashboard.home-modern-v65 .backup-action-buttons{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
}
#dashboard.home-modern-v65 .backup-action-buttons .btn{
  width:100%!important;
  min-width:0!important;
  min-height:58px!important;
  padding:12px 16px!important;
  border-radius:18px!important;
  white-space:normal!important;
  line-height:1.18!important;
  text-align:center!important;
  justify-content:center!important;
}
#dashboard.home-modern-v65 .backup-status-line{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
}
#dashboard.home-modern-v65 .backup-status-line span{
  min-width:0!important;
  min-height:58px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:12px 14px!important;
  border-radius:18px!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
  line-height:1.18!important;
}
#dashboard.home-modern-v65 .backup-security-panel .table-wrap{
  overflow-x:auto!important;
  padding-bottom:2px!important;
}
#dashboard.home-modern-v65 .backup-security-panel table{
  min-width:820px!important;
  table-layout:auto!important;
}
#dashboard.home-modern-v65 .backup-security-panel th,
#dashboard.home-modern-v65 .backup-security-panel td{
  vertical-align:middle!important;
  white-space:normal!important;
}
#dashboard.home-modern-v65 .backup-security-panel th:last-child,
#dashboard.home-modern-v65 .backup-security-panel td:last-child{
  min-width:210px!important;
  width:210px!important;
}
#dashboard.home-modern-v65 .backup-security-panel td:last-child{
  display:flex!important;
  gap:10px!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
}
#dashboard.home-modern-v65 .backup-security-panel .row-action-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:92px!important;
  height:42px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  line-height:1!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:950!important;
  border:1px solid rgba(96,165,250,.35)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:linear-gradient(135deg,#2563eb,#3b82f6)!important;
  box-shadow:0 10px 22px rgba(37,99,235,.22)!important;
}
#dashboard.home-modern-v65 .backup-security-panel .row-action-btn.danger{
  border-color:rgba(248,113,113,.42)!important;
  background:linear-gradient(135deg,#dc2626,#ef4444)!important;
  box-shadow:0 10px 22px rgba(220,38,38,.22)!important;
}
@media (max-width:1180px){
  #dashboard.home-modern-v65 .backup-security-panel .panel-head{grid-template-columns:1fr!important;}
  #dashboard.home-modern-v65 .backup-action-buttons{max-width:none!important;}
  #dashboard.home-modern-v65 .backup-status-line{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:760px){
  .topbar.topbar-v164 .dashboard-lang-switch.ks-lang-switch-v66,
  .dashboard-lang-switch.ks-lang-switch-v66{width:134px!important;min-width:134px!important;max-width:134px!important;height:42px!important;}
  .ks67-lang-option{font-size:12px!important;}
  #dashboard.home-modern-v65 .dashboard-action-grid-v65{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #dashboard.home-modern-v65 .backup-action-buttons,
  #dashboard.home-modern-v65 .backup-status-line{grid-template-columns:1fr!important;}
  #dashboard.home-modern-v65 .backup-security-panel table{min-width:720px!important;}
}


/* v1.0.13 — strict page isolation for Add Customer scroll fix */
body.ks-page-add #dashboard,
body.ks-page-add #orders,
body.ks-page-add #stock,
body.ks-page-add #stockTrash,
body.ks-page-add #familyGroups,
body.ks-page-add #reports,
body.ks-page-add #adminExpenses,
body.ks-page-add #adminExpensesTrash,
body.ks-page-add #alerts,
body.ks-page-add #trash,
body.ks-page-add #activityLog,
body.ks-page-add #settings,
body.ks-page-add #users{
  display:none!important;
  height:0!important;
  min-height:0!important;
  overflow:hidden!important;
  visibility:hidden!important;
  pointer-events:none!important;
  margin:0!important;
  padding:0!important;
}
body.ks-page-add #add.page.active-page{
  display:block!important;
  height:auto!important;
  min-height:calc(100vh - 40px)!important;
  overflow:visible!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
section.page:not(.active-page){
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
section.page.active-page{
  display:block!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
#add.active-page{
  scroll-margin-top:18px!important;
}
#add.active-page .page-title,
#add.active-page #customerForm,
#add.active-page .modern-add-mobile-hero,
#add.active-page .add-pro-shell,
#add.active-page .customer-form-shell{
  visibility:visible!important;
  pointer-events:auto!important;
}

/* v1.0.14 — Add Customer Premium UI Fix */
body.ks-page-add #add.active-page{
  --ks-add-blue:#3b82f6;
  --ks-add-purple:#8b5cf6;
  --ks-add-green:#22c55e;
  --ks-add-cyan:#22d3ee;
}
#add .page-title{
  margin-bottom:16px!important;
}
#add .page-title h1{
  font-size:clamp(24px,2.1vw,34px)!important;
  letter-spacing:-.035em!important;
}
#add .page-title p{
  color:#94a3b8!important;
  font-weight:750!important;
}
#add .ks-add-modern-title{
  position:relative!important;
  padding:24px 26px!important;
  margin-bottom:18px!important;
  background:
    radial-gradient(circle at 88% 8%, rgba(139,92,246,.20), transparent 32%),
    radial-gradient(circle at 10% 0%, rgba(34,211,238,.12), transparent 28%),
    linear-gradient(180deg, rgba(15,23,42,.92), rgba(8,13,26,.84))!important;
  border:1px solid rgba(148,163,184,.18)!important;
  box-shadow:0 24px 60px rgba(2,8,23,.30), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
#add .ks-add-modern-title::after{
  content:"Step form · Stock-ready · Payment-safe";
  display:inline-flex!important;
  align-items:center!important;
  margin-top:12px!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  color:#bfdbfe!important;
  background:rgba(37,99,235,.13)!important;
  border:1px solid rgba(96,165,250,.22)!important;
  font-size:12px!important;
  font-weight:950!important;
}
#add .ks-add-modern-form{
  gap:18px!important;
}
#add .ks-form-section{
  position:relative!important;
  padding:24px!important;
  background:
    radial-gradient(circle at 92% 0%, rgba(59,130,246,.10), transparent 28%),
    linear-gradient(180deg, rgba(15,23,42,.88), rgba(7,12,25,.82))!important;
  border:1px solid rgba(148,163,184,.16)!important;
  box-shadow:0 20px 54px rgba(2,8,23,.26), inset 0 1px 0 rgba(255,255,255,.055)!important;
}
#add .ks-form-section::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(96,165,250,.45), rgba(139,92,246,.28), transparent)!important;
  opacity:.75;
}
#add .ks-form-section-head{
  padding-bottom:14px!important;
  border-bottom:1px solid rgba(148,163,184,.10)!important;
}
#add .ks-form-section-head > span{
  width:48px!important;
  height:48px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg, rgba(59,130,246,.58), rgba(139,92,246,.36))!important;
  box-shadow:0 14px 28px rgba(59,130,246,.18)!important;
}
#add .ks-form-section-head > span::after{
  content:"";
  position:absolute;
}
#add .ks-form-section-head h3{
  font-size:clamp(20px,1.55vw,26px)!important;
}
#add .ks-form-section-head p{
  font-size:13.5px!important;
  max-width:620px!important;
}
#add .ks-form-grid label,
#add .ks-pay-method,
#add .ks-currency-box,
#add .ks-vip-box,
#add .ks-notes-box,
#add .ks-payment-row{
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease!important;
}
#add .ks-form-grid label:focus-within,
#add .ks-pay-method:focus-within,
#add .ks-currency-box:focus-within,
#add .ks-vip-box:focus-within,
#add .ks-notes-box:focus-within{
  transform:translateY(-1px)!important;
  border-color:rgba(96,165,250,.34)!important;
  box-shadow:0 14px 34px rgba(37,99,235,.12), inset 0 1px 0 rgba(255,255,255,.055)!important;
}
#add .ks-form-grid input,
#add .ks-form-grid select,
#add .ks-payment-grid input,
#add .ks-payment-grid select,
#add .ks-notes-box textarea{
  width:100%!important;
  min-width:0!important;
  border:1px solid rgba(148,163,184,.16)!important;
  background:rgba(2,6,23,.42)!important;
  color:#f8fafc!important;
  font-weight:850!important;
  letter-spacing:-.01em!important;
}
#add .ks-form-grid input:focus,
#add .ks-form-grid select:focus,
#add .ks-payment-grid select:focus,
#add .ks-notes-box textarea:focus{
  outline:none!important;
  border-color:rgba(96,165,250,.58)!important;
  box-shadow:0 0 0 4px rgba(59,130,246,.12)!important;
}
#add .ks-form-section-account .clean-inline-input,
#add .ks-form-section-account .add-pro-inline,
#add .ks-form-section-account .inline-input{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:stretch!important;
  width:100%!important;
}
#add .ks-form-section-account .clean-inline-input input,
#add .ks-form-section-account .add-pro-inline input,
#add .ks-form-section-account .inline-input input{
  grid-column:1 / -1!important;
  min-height:50px!important;
  font-size:15px!important;
  padding-inline:16px!important;
}
#add .ks-form-section-account .clean-inline-input button,
#add .ks-form-section-account .add-pro-inline button,
#add .ks-form-section-account .inline-input button{
  min-width:0!important;
  width:100%!important;
  min-height:46px!important;
  border-radius:16px!important;
  justify-content:center!important;
  font-size:13px!important;
  font-weight:1000!important;
  white-space:nowrap!important;
  background:linear-gradient(135deg, rgba(37,99,235,.95), rgba(59,130,246,.86))!important;
  border:1px solid rgba(147,197,253,.28)!important;
  color:#fff!important;
  box-shadow:0 12px 26px rgba(37,99,235,.15)!important;
}
#add .ks-form-section-account .clean-inline-input button:hover,
#add .ks-form-section-account .add-pro-inline button:hover,
#add .ks-form-section-account .inline-input button:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 16px 30px rgba(37,99,235,.22)!important;
}
#add #getStockBtn{
  background:linear-gradient(135deg, #2563eb, #7c3aed)!important;
}
#add #showPass{
  background:linear-gradient(135deg, #0f766e, #2563eb)!important;
}
#add .payment-status-options,
#add .pay-buttons{
  gap:10px!important;
}
#add .payment-status-chip,
#add .pay-buttons .pay,
#add .choice-box.small-choice label{
  border:1px solid rgba(148,163,184,.16)!important;
  background:rgba(15,23,42,.62)!important;
  color:#e5e7eb!important;
  min-height:48px!important;
}
#add .payment-status-chip.active,
#add .pay-buttons .pay.active,
#add .choice-box.small-choice label:has(input:checked){
  color:#fff!important;
  border-color:rgba(167,139,250,.50)!important;
  background:linear-gradient(135deg, rgba(37,99,235,.88), rgba(124,58,237,.92))!important;
  box-shadow:0 18px 32px rgba(99,102,241,.20), inset 0 1px 0 rgba(255,255,255,.12)!important;
}
#add .pay-buttons .pay[data-pay="FIB"].active::after{
  content:"Default";
  margin-left:6px;
  padding:3px 7px;
  border-radius:999px;
  background:rgba(34,197,94,.18);
  color:#bbf7d0;
  font-size:10px;
  line-height:1;
}
#add .ks-vip-box{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  min-height:114px!important;
  background:linear-gradient(180deg, rgba(15,23,42,.72), rgba(2,6,23,.42))!important;
}
#add .ks-vip-box > span:first-child{
  margin:0!important;
  color:#fde68a!important;
  text-shadow:0 0 22px rgba(245,158,11,.14)!important;
}
#add .ks-vip-box > span:last-child{
  position:relative!important;
  width:118px!important;
  height:48px!important;
  min-width:118px!important;
  padding:0!important;
  border-radius:999px!important;
  justify-content:flex-start!important;
  background:rgba(15,23,42,.80)!important;
  border:1px solid rgba(148,163,184,.22)!important;
  cursor:pointer!important;
  overflow:hidden!important;
  color:transparent!important;
}
#add .ks-vip-box > span:last-child::before{
  content:"OFF"!important;
  position:absolute!important;
  right:18px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  color:#94a3b8!important;
  font-size:12px!important;
  font-weight:1000!important;
  letter-spacing:.05em!important;
}
#add .ks-vip-box > span:last-child::after{
  content:""!important;
  position:absolute!important;
  left:5px!important;
  top:5px!important;
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,#64748b,#cbd5e1)!important;
  box-shadow:0 8px 18px rgba(2,6,23,.32)!important;
  transition:all .22s ease!important;
}
#add .ks-vip-box #vip{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
}
#add .ks-vip-box.vip-selected > span:last-child,
#add .ks-vip-box:has(#vip:checked) > span:last-child{
  background:linear-gradient(135deg, rgba(124,58,237,.95), rgba(245,158,11,.72))!important;
  border-color:rgba(251,191,36,.45)!important;
  box-shadow:0 18px 34px rgba(245,158,11,.16)!important;
}
#add .ks-vip-box.vip-selected > span:last-child::before,
#add .ks-vip-box:has(#vip:checked) > span:last-child::before{
  content:"ON"!important;
  left:18px!important;
  right:auto!important;
  color:#fff7ed!important;
}
#add .ks-vip-box.vip-selected > span:last-child::after,
#add .ks-vip-box:has(#vip:checked) > span:last-child::after{
  transform:translateX(70px)!important;
  background:linear-gradient(135deg,#fef3c7,#f59e0b)!important;
}
#add .ks-notes-box textarea{
  min-height:120px!important;
  line-height:1.5!important;
}
#add .ks-form-actions{
  position:sticky!important;
  bottom:14px!important;
  z-index:30!important;
  width:min(520px, 100%)!important;
  margin:4px auto 0!important;
  padding:12px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg, rgba(15,23,42,.92), rgba(2,6,23,.86))!important;
  border:1px solid rgba(148,163,184,.18)!important;
  box-shadow:0 24px 60px rgba(2,8,23,.42), inset 0 1px 0 rgba(255,255,255,.07)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
#add .ks-form-actions .btn,
#add .ks-form-actions button{
  flex:1 1 0!important;
  min-width:0!important;
  min-height:56px!important;
  border-radius:18px!important;
}
#add .ks-save-btn,
#add .ks-form-actions [data-save-customer="true"]{
  background:linear-gradient(135deg,#22c55e,#34d399)!important;
  color:#052e16!important;
  box-shadow:0 18px 34px rgba(34,197,94,.28)!important;
}
#add .ks-clear-btn,
#add .ks-form-actions [data-clear-customer="true"]{
  background:rgba(15,23,42,.78)!important;
  color:#e5e7eb!important;
  border-color:rgba(148,163,184,.24)!important;
}
@media (min-width:1181px){
  #add .ks-form-section-account .ks-form-grid-two > label:has(.clean-inline-input),
  #add .ks-form-section-account .ks-form-grid-two > label:has(.add-pro-inline){
    grid-column:span 1!important;
  }
}
@media (max-width:1180px){
  #add .ks-vip-box{min-height:96px!important;}
  #add .ks-form-actions{bottom:12px!important;}
}
@media (max-width:767px){
  #add .page-title{padding-inline:4px!important;}
  #add .ks-add-modern-title::after{font-size:11px!important;}
  #add .ks-form-section{padding:17px!important;border-radius:24px!important;}
  #add .ks-form-section-head{align-items:flex-start!important;}
  #add .ks-form-section-head > span{width:42px!important;height:42px!important;min-width:42px!important;}
  #add .ks-form-section-head h3{font-size:19px!important;}
  #add .ks-form-section-account .clean-inline-input,
  #add .ks-form-section-account .add-pro-inline,
  #add .ks-form-section-account .inline-input{
    grid-template-columns:1fr 1fr!important;
  }
  #add .ks-payment-grid{gap:12px!important;}
  #add .ks-vip-box{
    min-height:92px!important;
  }
  #add .ks-form-actions{
    width:calc(100% - 10px)!important;
    flex-direction:row!important;
    gap:10px!important;
    bottom:10px!important;
    border-radius:20px!important;
  }
  #add .ks-form-actions .btn,
  #add .ks-form-actions button{
    width:auto!important;
    min-height:52px!important;
  }
}

/* v1.0.15 — Add Customer VIP and Save/Clear UI fix */
#add .ks-vip-box.ks-vip-pro-toggle,
#add .vip-box.ks-vip-pro-toggle,
#add label.ks-vip-pro-toggle:has(#vip){
  min-height:118px !important;
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto !important;
  grid-template-rows:auto auto !important;
  align-items:center !important;
  column-gap:16px !important;
  row-gap:7px !important;
  padding:18px 20px !important;
  border-radius:26px !important;
  position:relative !important;
  overflow:hidden !important;
  cursor:pointer !important;
  isolation:isolate !important;
  background:
    radial-gradient(circle at 95% 12%, rgba(148,163,184,.13), transparent 36%),
    linear-gradient(180deg, rgba(15,23,42,.92), rgba(5,10,24,.96)) !important;
  border:1px solid rgba(148,163,184,.22) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 18px 40px rgba(2,6,23,.24) !important;
}

#add .ks-vip-box.ks-vip-pro-toggle::before,
#add .vip-box.ks-vip-pro-toggle::before,
#add label.ks-vip-pro-toggle:has(#vip)::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(135deg, rgba(251,191,36,.0), rgba(124,58,237,.0)) !important;
  opacity:0 !important;
  transition:.22s ease !important;
  z-index:-1 !important;
}

#add .ks-vip-box.ks-vip-pro-toggle.vip-selected,
#add .ks-vip-box.ks-vip-pro-toggle.vip-on,
#add .ks-vip-box.ks-vip-pro-toggle.active,
#add .ks-vip-box.ks-vip-pro-toggle:has(#vip:checked),
#add label.ks-vip-pro-toggle:has(#vip:checked){
  background:
    radial-gradient(circle at 88% 10%, rgba(251,191,36,.38), transparent 34%),
    radial-gradient(circle at 5% 100%, rgba(168,85,247,.23), transparent 42%),
    linear-gradient(135deg, rgba(67,49,18,.98), rgba(30,27,75,.95)) !important;
  border-color:rgba(251,191,36,.68) !important;
  box-shadow:0 18px 46px rgba(251,191,36,.16), 0 0 0 1px rgba(251,191,36,.13) inset, inset 0 1px 0 rgba(255,255,255,.10) !important;
}

#add .ks-vip-box.ks-vip-pro-toggle.vip-selected::before,
#add .ks-vip-box.ks-vip-pro-toggle.vip-on::before,
#add .ks-vip-box.ks-vip-pro-toggle:has(#vip:checked)::before,
#add label.ks-vip-pro-toggle:has(#vip:checked)::before{
  opacity:1 !important;
  background:linear-gradient(135deg, rgba(251,191,36,.16), rgba(124,58,237,.16)) !important;
}

#add .ks-vip-pro-toggle .ks-vip-title,
#add .ks-vip-pro-toggle [data-i18n="vipCustomer"]{
  grid-column:1 !important;
  grid-row:1 !important;
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  font-size:15px !important;
  font-weight:1000 !important;
  letter-spacing:.02em !important;
  color:#fde68a !important;
  -webkit-text-fill-color:#fde68a !important;
}

#add .ks-vip-pro-toggle .ks-vip-title::before,
#add .ks-vip-pro-toggle [data-i18n="vipCustomer"]::before{
  content:"👑" !important;
  width:26px !important;
  height:26px !important;
  border-radius:10px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(251,191,36,.14) !important;
  border:1px solid rgba(251,191,36,.22) !important;
  -webkit-text-fill-color:initial !important;
}

#add .ks-vip-pro-toggle .ks-vip-hint{
  grid-column:1 !important;
  grid-row:2 !important;
  display:block !important;
  color:#94a3b8 !important;
  -webkit-text-fill-color:#94a3b8 !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
}

#add .ks-vip-pro-toggle.vip-selected .ks-vip-hint,
#add .ks-vip-pro-toggle.vip-on .ks-vip-hint,
#add .ks-vip-pro-toggle:has(#vip:checked) .ks-vip-hint{
  color:#fde68a !important;
  -webkit-text-fill-color:#fde68a !important;
}

#add .ks-vip-pro-toggle .ks-vip-state{
  grid-column:2 !important;
  grid-row:1 / span 2 !important;
  min-width:104px !important;
  height:46px !important;
  border-radius:999px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 14px !important;
  font-size:13px !important;
  font-weight:1000 !important;
  letter-spacing:.02em !important;
  color:#cbd5e1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
  background:rgba(15,23,42,.78) !important;
  border:1px solid rgba(148,163,184,.30) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
}

#add .ks-vip-pro-toggle.vip-selected .ks-vip-state,
#add .ks-vip-pro-toggle.vip-on .ks-vip-state,
#add .ks-vip-pro-toggle:has(#vip:checked) .ks-vip-state{
  color:#451a03 !important;
  -webkit-text-fill-color:#451a03 !important;
  background:linear-gradient(135deg,#fef3c7,#f59e0b) !important;
  border-color:rgba(254,243,199,.85) !important;
  box-shadow:0 12px 26px rgba(245,158,11,.28), inset 0 1px 0 rgba(255,255,255,.45) !important;
}

#add .ks-vip-pro-toggle #vip,
#add .ks-vip-pro-toggle input#vip{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}

#add .ks-vip-pro-toggle > span:last-child:not(.ks-vip-state){
  display:none !important;
}

#add .ks-form-actions.ks-v1015-action-footer,
#add .ks-form-actions{
  position:relative !important;
  inset:auto !important;
  bottom:auto !important;
  z-index:20 !important;
  width:100% !important;
  max-width:760px !important;
  margin:24px auto 0 !important;
  padding:14px !important;
  display:grid !important;
  grid-template-columns:minmax(0, .9fr) minmax(0, 1.25fr) !important;
  gap:14px !important;
  border-radius:26px !important;
  background:
    radial-gradient(circle at 82% 0%, rgba(34,197,94,.16), transparent 34%),
    linear-gradient(180deg, rgba(15,23,42,.93), rgba(2,6,23,.90)) !important;
  border:1px solid rgba(148,163,184,.20) !important;
  box-shadow:0 20px 55px rgba(2,8,23,.34), inset 0 1px 0 rgba(255,255,255,.07) !important;
  backdrop-filter:blur(16px) !important;
  -webkit-backdrop-filter:blur(16px) !important;
}

#add .ks-form-actions::before{
  content:"Ready to save customer" !important;
  position:absolute !important;
  top:-24px !important;
  left:18px !important;
  font-size:12px !important;
  font-weight:900 !important;
  color:#94a3b8 !important;
  -webkit-text-fill-color:#94a3b8 !important;
  letter-spacing:.02em !important;
}

#add .ks-form-actions .btn,
#add .ks-form-actions button,
#add .ks-form-actions .ks-clear-btn,
#add .ks-form-actions .ks-save-btn{
  width:100% !important;
  min-width:0 !important;
  min-height:60px !important;
  border-radius:20px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:15px !important;
  font-weight:1000 !important;
  line-height:1 !important;
  position:relative !important;
  overflow:hidden !important;
  touch-action:manipulation !important;
}

#add .ks-form-actions .ks-clear-btn,
#add .ks-form-actions [data-clear-customer="true"],
#add #clearForm{
  color:#e2e8f0 !important;
  -webkit-text-fill-color:#e2e8f0 !important;
  background:linear-gradient(180deg,rgba(30,41,59,.82),rgba(15,23,42,.88)) !important;
  border:1px solid rgba(148,163,184,.28) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07) !important;
}

#add .ks-form-actions .ks-clear-btn::before,
#add .ks-form-actions [data-clear-customer="true"]::before,
#add #clearForm::before{
  content:"↺" !important;
  margin-right:9px !important;
  font-size:16px !important;
  opacity:.9 !important;
}

#add .ks-form-actions .ks-save-btn,
#add .ks-form-actions [data-save-customer="true"],
#add #saveCustomerBtn{
  color:#052e16 !important;
  -webkit-text-fill-color:#052e16 !important;
  background:linear-gradient(135deg,#34d399 0%,#22c55e 48%,#86efac 100%) !important;
  border:1px solid rgba(187,247,208,.72) !important;
  box-shadow:0 18px 38px rgba(34,197,94,.30), inset 0 1px 0 rgba(255,255,255,.34) !important;
}

#add .ks-form-actions .ks-save-btn::before,
#add .ks-form-actions [data-save-customer="true"]::before,
#add #saveCustomerBtn::before{
  content:"✓" !important;
  margin-right:9px !important;
  width:24px !important;
  height:24px !important;
  border-radius:9px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(5,46,22,.13) !important;
  color:#052e16 !important;
  -webkit-text-fill-color:#052e16 !important;
}

#add .ks-form-actions .ks-save-btn:hover,
#add .ks-form-actions [data-save-customer="true"]:hover,
#add #saveCustomerBtn:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 22px 46px rgba(34,197,94,.36), inset 0 1px 0 rgba(255,255,255,.38) !important;
}

#add .ks-notes-box{
  margin-bottom:0 !important;
}

@media (max-width:767px){
  #add .ks-vip-box.ks-vip-pro-toggle,
  #add .vip-box.ks-vip-pro-toggle,
  #add label.ks-vip-pro-toggle:has(#vip){
    grid-template-columns:1fr !important;
    min-height:112px !important;
    padding:16px !important;
  }
  #add .ks-vip-pro-toggle .ks-vip-state{
    grid-column:1 !important;
    grid-row:3 !important;
    width:100% !important;
    min-width:0 !important;
    height:44px !important;
  }
  #add .ks-form-actions.ks-v1015-action-footer,
  #add .ks-form-actions{
    grid-template-columns:1fr !important;
    gap:10px !important;
    max-width:none !important;
    margin-top:22px !important;
    padding:12px !important;
    border-radius:22px !important;
  }
  #add .ks-form-actions .btn,
  #add .ks-form-actions button{
    min-height:54px !important;
  }
}


/* v1.0.16 — Add Customer Payment/Partner polish */
#add .pay-buttons .pay[data-pay="Custom"],
#add .pay-buttons .ks-payment-custom-hidden{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
#add .pay-buttons{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
#add .pay-buttons .pay[data-pay="FIB"].active,
#add .pay-buttons .pay[data-pay="FIB"].check-active{
  background:linear-gradient(135deg,#4776ff 0%,#8b45ff 100%)!important;
  border-color:rgba(141,118,255,.95)!important;
  box-shadow:0 14px 34px rgba(86,91,255,.28), inset 0 1px 0 rgba(255,255,255,.14)!important;
}
#partnerSelectBox select#partnerSelect{
  border-color:rgba(66,153,225,.34)!important;
}
#partnerSelectBox::after{
  content:'Default: Dlshad';
  display:block;
  margin-top:8px;
  color:rgba(164,188,255,.72);
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
}
@media(max-width:768px){
  #add .pay-buttons{grid-template-columns:1fr!important;}
}

/* v1.0.17 — Final payment method cleanup: remove Custom and keep FIB default */
#add .pay-buttons .pay[data-pay="Custom"],
#add .pay-buttons button[data-pay="Custom"],
#add .pay-buttons .ks-payment-custom-hidden{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  width:0!important;
  height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  pointer-events:none!important;
  position:absolute!important;
  left:-99999px!important;
}
#add .pay-buttons{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
#add .pay-buttons .pay[data-pay="FIB"].active,
#add .pay-buttons .pay[data-pay="FIB"].check-active{
  background:linear-gradient(135deg,#4776ff 0%,#8b45ff 100%)!important;
  border-color:rgba(141,118,255,.96)!important;
  color:#fff!important;
  box-shadow:0 14px 34px rgba(86,91,255,.28), inset 0 1px 0 rgba(255,255,255,.16)!important;
}


/* v1.0.18 — Custom Payment Method restore + working UI */
#add .pay-buttons{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
#add .pay-buttons .pay.ks-v1018-custom-pay,
#add .pay-buttons button.ks-v1018-custom-pay[data-custom-pay-btn="1"]{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  left:auto!important;
  width:auto!important;
  height:auto!important;
  min-height:58px!important;
  padding:12px 16px!important;
  margin:0!important;
  border:1px solid rgba(124,96,255,.42)!important;
  pointer-events:auto!important;
  transform:none!important;
  justify-content:center!important;
  align-items:center!important;
  color:#fff!important;
  background:rgba(24,32,58,.72)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
#add .pay-buttons .pay.ks-v1018-custom-pay.active,
#add .pay-buttons .pay.ks-v1018-custom-pay.check-active{
  background:linear-gradient(135deg,#19c6ff 0%,#7c4dff 55%,#a855f7 100%)!important;
  border-color:rgba(116,204,255,.92)!important;
  box-shadow:0 16px 38px rgba(86,91,255,.26),0 0 24px rgba(25,198,255,.16),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
#add .ks-custom-payment-box{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  margin-top:14px!important;
  padding:14px!important;
  border-radius:18px!important;
  border:1px solid rgba(68,170,255,.26)!important;
  background:linear-gradient(135deg,rgba(12,20,42,.82),rgba(28,23,64,.68))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
#add .ks-custom-payment-box.hidden{display:none!important;}
#add .ks-custom-payment-box label{
  color:rgba(232,240,255,.94)!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
}
#add .ks-custom-payment-box input{
  width:100%!important;
  min-height:54px!important;
  border-radius:16px!important;
  border:1px solid rgba(99,160,255,.28)!important;
  background:rgba(6,12,28,.72)!important;
  color:#fff!important;
  padding:0 16px!important;
  font-weight:800!important;
  outline:none!important;
}
#add .ks-custom-payment-box input:focus{
  border-color:rgba(56,189,248,.82)!important;
  box-shadow:0 0 0 4px rgba(56,189,248,.14)!important;
}
#add .ks-custom-payment-box small{
  color:rgba(185,203,235,.72)!important;
  font-weight:700!important;
  line-height:1.45!important;
}
@media(max-width:980px){
  #add .pay-buttons{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:640px){
  #add .pay-buttons{grid-template-columns:1fr!important;}
}

/* v1.0.19 — Custom payment visible box + premium edit-only system fields */
#add.ks-payment-custom-open #customPaymentBox,
#add .ks-pay-method #customPaymentBox:not(.hidden){
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  max-height:none!important;
  height:auto!important;
  overflow:visible!important;
}
#add .ks-custom-payment-box{
  grid-column:1/-1!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin-top:14px!important;
  padding:16px!important;
  border-radius:20px!important;
  border:1px solid rgba(56,189,248,.34)!important;
  background:radial-gradient(circle at 0% 0%,rgba(56,189,248,.14),transparent 34%),linear-gradient(135deg,rgba(6,16,36,.90),rgba(21,16,55,.78))!important;
  box-shadow:0 18px 42px rgba(2,6,23,.22), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
#add .ks-custom-payment-box.hidden{display:none!important;}
#add .ks-custom-payment-box label{
  display:block!important;
  margin:0 0 8px!important;
  color:#e0f2fe!important;
  font-size:12px!important;
  font-weight:1000!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}
#add .ks-custom-payment-box input{
  display:block!important;
  width:100%!important;
  min-height:56px!important;
  box-sizing:border-box!important;
  border-radius:17px!important;
  border:1px solid rgba(125,180,255,.34)!important;
  background:rgba(2,6,23,.62)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  padding:0 16px!important;
  font-weight:900!important;
  outline:none!important;
}
#add .ks-custom-payment-box input:focus{
  border-color:rgba(56,189,248,.90)!important;
  box-shadow:0 0 0 4px rgba(56,189,248,.16)!important;
}
#add .ks-custom-payment-box small{
  display:block!important;
  color:#a8c7e8!important;
  font-size:12px!important;
  line-height:1.4!important;
  font-weight:750!important;
  margin-top:8px!important;
}
#add .pay-buttons .pay.ks-v1019-custom-pay.active,
#add .pay-buttons .pay.ks-v1019-custom-pay.check-active,
#add.ks-payment-custom-open .pay-buttons .pay.ks-v1019-custom-pay{
  background:linear-gradient(135deg,#06b6d4,#4f46e5 55%,#a855f7)!important;
  border-color:rgba(125,211,252,.85)!important;
  color:#fff!important;
  box-shadow:0 16px 36px rgba(59,130,246,.24),0 0 0 1px rgba(255,255,255,.08) inset!important;
}

body.ks127-edit-all #add .ks-system-fields,
body.ks145-full-edit-mode #add .ks-system-fields,
#add.ks145-full-edit-mode .ks-system-fields{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(150px,.9fr) minmax(170px,1fr) minmax(160px,.8fr)!important;
  gap:14px!important;
  margin:18px 0 8px!important;
  padding:20px!important;
  border-radius:26px!important;
  border:1px solid rgba(251,191,36,.30)!important;
  background:radial-gradient(circle at 0% 0%,rgba(251,191,36,.13),transparent 34%),linear-gradient(180deg,rgba(22,27,45,.82),rgba(9,13,26,.76))!important;
  box-shadow:0 18px 42px rgba(2,6,23,.22), inset 0 1px 0 rgba(255,255,255,.06)!important;
  overflow:hidden!important;
}
body.ks127-edit-all #add .ks-system-fields::before,
body.ks145-full-edit-mode #add .ks-system-fields::before,
#add.ks145-full-edit-mode .ks-system-fields::before{
  content:"Advanced edit fields"!important;
  grid-column:1/-1!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  color:#fde68a!important;
  font-weight:1000!important;
  font-size:14px!important;
  letter-spacing:.03em!important;
  margin:0!important;
}
body.ks127-edit-all #add .ks-system-fields::after,
body.ks145-full-edit-mode #add .ks-system-fields::after,
#add.ks145-full-edit-mode .ks-system-fields::after{
  content:"Only shown while editing an existing order"!important;
  grid-column:1/-1!important;
  display:block!important;
  color:#a7b4c8!important;
  font-size:12px!important;
  font-weight:800!important;
  margin-top:-7px!important;
}
body.ks127-edit-all #add .ks-system-fields label,
body.ks145-full-edit-mode #add .ks-system-fields label,
#add.ks145-full-edit-mode .ks-system-fields label{
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
  min-width:0!important;
  padding:13px!important;
  border-radius:20px!important;
  border:1px solid rgba(148,163,184,.16)!important;
  background:rgba(2,6,23,.36)!important;
  color:#dbeafe!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.03em!important;
  text-transform:uppercase!important;
}
body.ks127-edit-all #add .ks-system-fields input,
body.ks127-edit-all #add .ks-system-fields select,
body.ks145-full-edit-mode #add .ks-system-fields input,
body.ks145-full-edit-mode #add .ks-system-fields select,
#add.ks145-full-edit-mode .ks-system-fields input,
#add.ks145-full-edit-mode .ks-system-fields select{
  width:100%!important;
  min-width:0!important;
  min-height:52px!important;
  box-sizing:border-box!important;
  border-radius:16px!important;
  border:1px solid rgba(96,165,250,.28)!important;
  background:rgba(8,13,28,.72)!important;
  color:#f8fafc!important;
  -webkit-text-fill-color:#f8fafc!important;
  font-size:14px!important;
  font-weight:900!important;
  padding:0 14px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
body.ks127-edit-all #add .ks-system-fields input[readonly],
body.ks145-full-edit-mode #add .ks-system-fields input[readonly],
#add.ks145-full-edit-mode .ks-system-fields input[readonly]{
  opacity:.82!important;
  cursor:not-allowed!important;
}
@media(max-width:900px){
  body.ks127-edit-all #add .ks-system-fields,
  body.ks145-full-edit-mode #add .ks-system-fields,
  #add.ks145-full-edit-mode .ks-system-fields{grid-template-columns:1fr!important;padding:16px!important;border-radius:22px!important;}
}

/* v1.0.20 — Professional Payment/VIP UI rebuild */
#add .ks1020-payment-grid{
  display:grid!important;
  grid-template-columns:minmax(280px,1.05fr) minmax(230px,.75fr) minmax(250px,.82fr)!important;
  gap:18px!important;
  align-items:stretch!important;
  overflow:visible!important;
}
#add .ks1020-pay-card{
  position:relative!important;
  min-width:0!important;
  border-radius:24px!important;
  border:1px solid rgba(108,143,255,.22)!important;
  background:radial-gradient(circle at 0 0,rgba(59,130,246,.10),transparent 35%),linear-gradient(180deg,rgba(11,18,38,.90),rgba(5,10,24,.74))!important;
  box-shadow:0 18px 44px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.06)!important;
  padding:18px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
#add .ks1020-card-head{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 14px!important;
}
#add .ks1020-card-icon{
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,rgba(59,130,246,.42),rgba(124,58,237,.34))!important;
  border:1px solid rgba(147,197,253,.20)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;
}
#add .ks1020-card-head strong,
#add .ks1020-vip-info strong{
  display:block!important;
  color:#f8fbff!important;
  font-size:15px!important;
  font-weight:1000!important;
  letter-spacing:.01em!important;
  line-height:1.15!important;
}
#add .ks1020-card-head small,
#add .ks1020-vip-info small{
  display:block!important;
  margin-top:4px!important;
  color:rgba(190,208,235,.74)!important;
  font-size:12px!important;
  font-weight:750!important;
  line-height:1.3!important;
}
#add .ks1020-pay-buttons{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:11px!important;
  margin:0!important;
  width:100%!important;
}
#add .ks1020-pay-buttons .pay,
#add .pay-buttons.ks1020-pay-buttons .pay{
  min-height:54px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:17px!important;
  border:1px solid rgba(108,143,255,.24)!important;
  background:rgba(10,17,35,.72)!important;
  color:#f8fafc!important;
  font-size:14px!important;
  font-weight:950!important;
  padding:0 12px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
  cursor:pointer!important;
  width:100%!important;
  position:relative!important;
  inset:auto!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
#add .ks1020-pay-buttons .pay.active,
#add .ks1020-pay-buttons .pay.check-active,
#add.ks-payment-custom-open .ks1020-pay-buttons .ks1020-custom-pay{
  background:linear-gradient(135deg,#4776ff 0%,#7c3aed 100%)!important;
  border-color:rgba(167,139,250,.92)!important;
  color:#fff!important;
  box-shadow:0 16px 36px rgba(79,70,229,.25), inset 0 1px 0 rgba(255,255,255,.16)!important;
}
#add .ks1020-custom-payment{
  margin-top:14px!important;
  padding:15px!important;
  border-radius:18px!important;
  border:1px solid rgba(56,189,248,.35)!important;
  background:linear-gradient(135deg,rgba(8,22,46,.88),rgba(28,20,61,.78))!important;
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
  width:100%!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
#add .ks1020-custom-payment.hidden,
#add .ks1020-custom-payment[hidden]{
  display:none!important;
}
#add.ks-payment-custom-open .ks1020-custom-payment{
  display:flex!important;
}
#add .ks1020-custom-payment label{
  color:#e0f2fe!important;
  font-size:12px!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
  letter-spacing:.045em!important;
}
#add .ks1020-custom-payment input{
  width:100%!important;
  min-height:54px!important;
  border-radius:16px!important;
  border:1px solid rgba(125,180,255,.34)!important;
  background:rgba(2,6,23,.62)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  padding:0 15px!important;
  font-size:14px!important;
  font-weight:850!important;
  box-sizing:border-box!important;
  outline:none!important;
}
#add .ks1020-custom-payment input:focus{
  border-color:rgba(56,189,248,.90)!important;
  box-shadow:0 0 0 4px rgba(56,189,248,.16)!important;
}
#add .ks1020-custom-payment small{
  color:rgba(184,204,232,.76)!important;
  font-size:12px!important;
  font-weight:750!important;
  line-height:1.4!important;
}
#add .ks1020-choice-row{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
}
#add .ks1020-choice{
  min-height:54px!important;
  border-radius:17px!important;
  border:1px solid rgba(108,143,255,.24)!important;
  background:rgba(8,14,31,.72)!important;
  color:#f8fafc!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:0 12px!important;
  font-weight:950!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
}
#add .ks1020-choice input{
  width:20px!important;
  height:20px!important;
  accent-color:#7c3aed!important;
}
#add .ks1020-choice:has(input:checked),
#add .ks1020-choice.active{
  background:linear-gradient(135deg,#4776ff 0%,#7c3aed 100%)!important;
  border-color:rgba(167,139,250,.90)!important;
  box-shadow:0 16px 36px rgba(79,70,229,.20), inset 0 1px 0 rgba(255,255,255,.16)!important;
}
#add .ks1020-choice b{
  display:inline-flex!important;
  align-items:center!important;
  min-height:22px!important;
  padding:3px 8px!important;
  border-radius:999px!important;
  background:rgba(16,185,129,.18)!important;
  color:#6ee7b7!important;
  font-size:10px!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
}
#add .ks1020-vip-card{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  grid-template-rows:auto auto!important;
  column-gap:16px!important;
  row-gap:14px!important;
  align-items:center!important;
  cursor:pointer!important;
  min-height:154px!important;
  transform:none!important;
  overflow:hidden!important;
}
#add .ks1020-vip-card #vip{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
  width:1px!important;
  height:1px!important;
}
#add .ks1020-vip-info{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
}
#add .ks1020-vip-switch{
  width:76px!important;
  height:40px!important;
  border-radius:999px!important;
  padding:4px!important;
  box-sizing:border-box!important;
  background:linear-gradient(135deg,#1f2937,#475569)!important;
  border:1px solid rgba(148,163,184,.30)!important;
  box-shadow:inset 0 2px 8px rgba(0,0,0,.34)!important;
  position:relative!important;
}
#add .ks1020-vip-switch i{
  display:block!important;
  width:30px!important;
  height:30px!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,#f8fafc,#cbd5e1)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.28)!important;
  transition:transform .20s ease, background .20s ease!important;
}
#add .ks1020-vip-badge{
  grid-column:1/-1!important;
  min-height:44px!important;
  border-radius:16px!important;
  border:1px solid rgba(148,163,184,.22)!important;
  background:rgba(6,12,26,.68)!important;
  color:#cbd5e1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-weight:1000!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  font-size:13px!important;
}
#add .ks1020-vip-card.vip-selected,
#add .ks1020-vip-card:has(#vip:checked){
  border-color:rgba(251,191,36,.62)!important;
  background:radial-gradient(circle at 88% 10%,rgba(251,191,36,.24),transparent 30%),linear-gradient(135deg,rgba(41,29,7,.90),rgba(27,18,57,.78))!important;
  box-shadow:0 18px 46px rgba(251,191,36,.12), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
#add .ks1020-vip-card.vip-selected .ks1020-vip-switch,
#add .ks1020-vip-card:has(#vip:checked) .ks1020-vip-switch{
  background:linear-gradient(135deg,#f59e0b,#fde047)!important;
  border-color:rgba(253,224,71,.86)!important;
}
#add .ks1020-vip-card.vip-selected .ks1020-vip-switch i,
#add .ks1020-vip-card:has(#vip:checked) .ks1020-vip-switch i{
  transform:translateX(34px)!important;
  background:linear-gradient(135deg,#fff7ed,#fef3c7)!important;
}
#add .ks1020-vip-card.vip-selected .ks1020-vip-badge,
#add .ks1020-vip-card:has(#vip:checked) .ks1020-vip-badge{
  border-color:rgba(253,224,71,.46)!important;
  background:linear-gradient(135deg,rgba(251,191,36,.24),rgba(168,85,247,.20))!important;
  color:#fde68a!important;
  box-shadow:0 0 26px rgba(251,191,36,.10)!important;
}
#add .ks1020-vip-card > span:not(.ks1020-vip-switch):not(.ks1020-vip-badge),
#add .ks1020-vip-card .ks-vip-title,
#add .ks1020-vip-card .ks-vip-state,
#add .ks1020-vip-card .ks-vip-hint{
  all:unset;
}
#add .ks-customer-form-actions,
#add .add-form-actions,
#add .form-actions{
  max-width:760px!important;
  margin:26px auto 0!important;
  padding:14px!important;
  border-radius:26px!important;
  border:1px solid rgba(148,163,184,.18)!important;
  background:linear-gradient(135deg,rgba(10,18,39,.90),rgba(13,22,43,.76))!important;
  box-shadow:0 22px 44px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.06)!important;
  display:grid!important;
  grid-template-columns:minmax(170px,.75fr) minmax(240px,1.15fr)!important;
  gap:14px!important;
  align-items:center!important;
}
#add .ks-customer-form-actions button,
#add .add-form-actions button,
#add .form-actions button{
  min-height:62px!important;
  border-radius:20px!important;
  font-size:16px!important;
  font-weight:1000!important;
}
#add .ks-customer-form-actions .save-btn,
#add .add-form-actions .save-btn,
#add .form-actions .save-btn,
#add button[onclick*="saveCustomer"]{
  background:linear-gradient(135deg,#16a34a,#4ade80 70%)!important;
  color:#062012!important;
  border-color:rgba(134,239,172,.72)!important;
  box-shadow:0 18px 44px rgba(34,197,94,.24), inset 0 1px 0 rgba(255,255,255,.24)!important;
}
@media(max-width:1180px){
  #add .ks1020-payment-grid{grid-template-columns:1fr 1fr!important;}
  #add .ks1020-vip-card{grid-column:1/-1!important;min-height:126px!important;}
}
@media(max-width:720px){
  #add .ks1020-payment-grid{grid-template-columns:1fr!important;gap:14px!important;}
  #add .ks1020-pay-card{border-radius:20px!important;padding:15px!important;}
  #add .ks1020-pay-buttons{grid-template-columns:1fr 1fr!important;}
  #add .ks-customer-form-actions,
  #add .add-form-actions,
  #add .form-actions{grid-template-columns:1fr!important;max-width:none!important;}
}

/* v1.0.21 — Payment Information full professional rebuild */
#add .ksv21-payment-section{
  width:100%!important;
  max-width:none!important;
  margin:34px 0 0!important;
  padding:32px!important;
  border-radius:34px!important;
  border:1px solid rgba(96,165,250,.20)!important;
  background:
    radial-gradient(circle at 84% 4%,rgba(59,130,246,.14),transparent 34%),
    radial-gradient(circle at 12% 88%,rgba(16,185,129,.09),transparent 36%),
    linear-gradient(180deg,rgba(15,23,42,.94),rgba(2,8,23,.94))!important;
  box-shadow:0 30px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.06)!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
#add .ksv21-section-head{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  padding:0 0 22px!important;
  margin:0 0 24px!important;
  border-bottom:1px solid rgba(148,163,184,.15)!important;
}
#add .ksv21-step-badge{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:20px!important;
  color:#fff!important;
  font-weight:1000!important;
  font-size:20px!important;
  letter-spacing:.02em!important;
  background:linear-gradient(135deg,#2563eb,#7c3aed)!important;
  border:1px solid rgba(191,219,254,.28)!important;
  box-shadow:0 18px 35px rgba(59,130,246,.22)!important;
}
#add .ksv21-section-head h3{
  margin:0!important;
  color:#f8fafc!important;
  font-size:30px!important;
  line-height:1.08!important;
  font-weight:1000!important;
  letter-spacing:-.04em!important;
}
#add .ksv21-section-head p{
  margin:7px 0 0!important;
  color:rgba(203,213,225,.78)!important;
  font-size:15px!important;
  font-weight:750!important;
}
#add .ksv21-status-panel{
  padding:20px!important;
  border-radius:26px!important;
  border:1px solid rgba(148,163,184,.16)!important;
  background:linear-gradient(135deg,rgba(8,15,31,.86),rgba(9,16,35,.66))!important;
  margin-bottom:22px!important;
  box-sizing:border-box!important;
}
#add .ksv21-panel-label,
#add .ksv21-notes-box > span{
  display:block!important;
  margin:0 0 12px!important;
  color:#dbeafe!important;
  font-size:13px!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
  letter-spacing:.055em!important;
}
#add .ksv21-status-options{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:14px!important;
}
#add .ksv21-status-chip{
  min-height:58px!important;
  padding:0 22px!important;
  border-radius:19px!important;
  border:1px solid rgba(148,163,184,.22)!important;
  background:rgba(15,23,42,.72)!important;
  color:#f8fafc!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
  cursor:pointer!important;
  user-select:none!important;
  box-sizing:border-box!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease!important;
}
#add .ksv21-status-chip input{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
}
#add .ksv21-radio-dot{
  width:25px!important;
  height:25px!important;
  border-radius:50%!important;
  border:3px solid rgba(148,163,184,.45)!important;
  box-shadow:inset 0 0 0 5px rgba(2,6,23,.88)!important;
  background:transparent!important;
}
#add .ksv21-status-chip b{
  font-size:16px!important;
  font-weight:1000!important;
  white-space:nowrap!important;
}
#add .ksv21-status-chip.active,
#add .ksv21-status-chip:has(input:checked){
  background:linear-gradient(135deg,#4776ff,#7c3aed)!important;
  border-color:rgba(191,219,254,.65)!important;
  box-shadow:0 18px 44px rgba(79,70,229,.24), inset 0 1px 0 rgba(255,255,255,.18)!important;
}
#add .ksv21-status-chip.active .ksv21-radio-dot,
#add .ksv21-status-chip:has(input:checked) .ksv21-radio-dot{
  border-color:#fff!important;
  background:#fff!important;
  box-shadow:inset 0 0 0 7px #6366f1!important;
}
#add .ksv21-payment-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.18fr) minmax(260px,.86fr) minmax(260px,.86fr)!important;
  gap:20px!important;
  align-items:stretch!important;
  margin:0!important;
}
#add .ksv21-card{
  position:relative!important;
  min-width:0!important;
  min-height:230px!important;
  padding:24px!important;
  border-radius:28px!important;
  border:1px solid rgba(148,163,184,.18)!important;
  background:linear-gradient(180deg,rgba(15,23,42,.84),rgba(3,8,23,.84))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 20px 45px rgba(0,0,0,.22)!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
#add .ksv21-card:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:radial-gradient(circle at 90% 0%,rgba(96,165,250,.10),transparent 32%)!important;
}
#add .ksv21-card-title{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  min-width:0!important;
  margin-bottom:20px!important;
}
#add .ksv21-card-icon{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:16px!important;
  background:rgba(59,130,246,.14)!important;
  border:1px solid rgba(96,165,250,.24)!important;
  font-size:20px!important;
  flex:0 0 42px!important;
}
#add .ksv21-card-title strong{
  display:block!important;
  color:#f8fafc!important;
  font-size:21px!important;
  line-height:1.1!important;
  font-weight:1000!important;
  letter-spacing:-.025em!important;
}
#add .ksv21-card-title small{
  display:block!important;
  margin-top:6px!important;
  color:rgba(203,213,225,.70)!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:750!important;
}
#add .ksv21-method-buttons{
  position:relative!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
}
#add .ksv21-pay-btn{
  appearance:none!important;
  min-height:56px!important;
  border-radius:18px!important;
  border:1px solid rgba(148,163,184,.20)!important;
  background:rgba(6,12,28,.72)!important;
  color:#f8fafc!important;
  -webkit-text-fill-color:#f8fafc!important;
  font-size:15px!important;
  line-height:1.1!important;
  font-weight:1000!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
#add .ksv21-pay-btn em{
  font-style:normal!important;
  padding:3px 7px!important;
  border-radius:999px!important;
  background:rgba(16,185,129,.18)!important;
  color:#86efac!important;
  font-size:10px!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
}
#add .ksv21-pay-btn:hover{transform:translateY(-1px)!important;border-color:rgba(125,211,252,.40)!important;}
#add .ksv21-pay-btn.active{
  background:linear-gradient(135deg,#2563eb,#7c3aed)!important;
  border-color:rgba(191,219,254,.72)!important;
  box-shadow:0 16px 36px rgba(79,70,229,.24), inset 0 1px 0 rgba(255,255,255,.18)!important;
}
#add .ksv21-custom-payment{
  position:relative!important;
  margin-top:14px!important;
  padding:16px!important;
  border-radius:20px!important;
  border:1px solid rgba(56,189,248,.32)!important;
  background:linear-gradient(135deg,rgba(3,17,38,.92),rgba(15,23,42,.78))!important;
  display:grid!important;
  gap:9px!important;
  box-sizing:border-box!important;
}
#add .ksv21-custom-payment.hidden,
#add .ksv21-custom-payment[hidden]{display:none!important;}
#add .ksv21-custom-payment label{
  color:#bae6fd!important;
  font-size:12px!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
  letter-spacing:.045em!important;
}
#add .ksv21-custom-payment input{
  width:100%!important;
  min-height:54px!important;
  border-radius:16px!important;
  border:1px solid rgba(125,211,252,.28)!important;
  background:rgba(2,6,23,.78)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  padding:0 15px!important;
  font-size:15px!important;
  font-weight:850!important;
  box-sizing:border-box!important;
  outline:none!important;
}
#add .ksv21-custom-payment input:focus{
  border-color:rgba(56,189,248,.90)!important;
  box-shadow:0 0 0 4px rgba(56,189,248,.15)!important;
}
#add .ksv21-custom-payment small{color:rgba(186,230,253,.72)!important;font-size:12px!important;font-weight:750!important;}
#add .ksv21-currency-options{
  display:grid!important;
  gap:13px!important;
  position:relative!important;
}
#add .ksv21-currency-chip{
  min-height:72px!important;
  border-radius:20px!important;
  border:1px solid rgba(148,163,184,.20)!important;
  background:rgba(6,12,28,.72)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:0 18px!important;
  color:#f8fafc!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
#add .ksv21-currency-chip input{
  width:23px!important;
  height:23px!important;
  accent-color:#7c3aed!important;
  flex:0 0 auto!important;
}
#add .ksv21-currency-chip span{font-size:17px!important;font-weight:1000!important;}
#add .ksv21-currency-chip b{
  font-size:10px!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
  color:#86efac!important;
  background:rgba(16,185,129,.18)!important;
  border-radius:999px!important;
  padding:4px 8px!important;
}
#add .ksv21-currency-chip.active,
#add .ksv21-currency-chip:has(input:checked){
  border-color:rgba(191,219,254,.72)!important;
  background:linear-gradient(135deg,#2563eb,#7c3aed)!important;
  box-shadow:0 16px 36px rgba(79,70,229,.22)!important;
}
#add .ksv21-vip-card{
  cursor:pointer!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  gap:18px!important;
  border-color:rgba(251,191,36,.18)!important;
}
#add .ksv21-vip-card #vip{
  position:absolute!important;
  opacity:0!important;
  width:1px!important;
  height:1px!important;
  pointer-events:none!important;
}
#add .ksv21-vip-control{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:14px!important;
  border-radius:22px!important;
  border:1px solid rgba(148,163,184,.18)!important;
  background:rgba(2,6,23,.55)!important;
}
#add .ksv21-vip-switch{
  width:78px!important;
  height:42px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#1f2937,#475569)!important;
  border:1px solid rgba(148,163,184,.28)!important;
  padding:4px!important;
  box-sizing:border-box!important;
  box-shadow:inset 0 2px 10px rgba(0,0,0,.32)!important;
  flex:0 0 78px!important;
}
#add .ksv21-vip-switch i{
  display:block!important;
  width:32px!important;
  height:32px!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,#f8fafc,#cbd5e1)!important;
  box-shadow:0 10px 18px rgba(0,0,0,.26)!important;
  transition:transform .22s ease,background .22s ease!important;
}
#add .ksv21-vip-state{
  min-height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 14px!important;
  border-radius:999px!important;
  background:rgba(100,116,139,.14)!important;
  border:1px solid rgba(148,163,184,.20)!important;
  color:#cbd5e1!important;
  font-size:13px!important;
  font-weight:1000!important;
  letter-spacing:.04em!important;
  white-space:nowrap!important;
}
#add .ksv21-vip-card.vip-on{
  border-color:rgba(251,191,36,.58)!important;
  background:radial-gradient(circle at 88% 18%,rgba(251,191,36,.20),transparent 40%),linear-gradient(180deg,rgba(36,25,8,.90),rgba(20,14,38,.86))!important;
  box-shadow:0 22px 58px rgba(251,191,36,.12),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
#add .ksv21-vip-card.vip-on .ksv21-card-icon{background:rgba(251,191,36,.18)!important;border-color:rgba(251,191,36,.38)!important;}
#add .ksv21-vip-card.vip-on .ksv21-vip-switch{background:linear-gradient(135deg,#f59e0b,#fde047)!important;border-color:rgba(253,224,71,.86)!important;}
#add .ksv21-vip-card.vip-on .ksv21-vip-switch i{transform:translateX(36px)!important;background:linear-gradient(135deg,#fff7ed,#fef3c7)!important;}
#add .ksv21-vip-card.vip-on .ksv21-vip-state{background:rgba(251,191,36,.18)!important;border-color:rgba(251,191,36,.40)!important;color:#fde68a!important;}
#add .ksv21-notes-box{
  display:block!important;
  margin-top:22px!important;
  padding:20px!important;
  border-radius:26px!important;
  border:1px solid rgba(148,163,184,.16)!important;
  background:linear-gradient(135deg,rgba(8,15,31,.78),rgba(7,12,27,.62))!important;
  box-sizing:border-box!important;
}
#add .ksv21-notes-box textarea{
  width:100%!important;
  min-height:112px!important;
  resize:vertical!important;
  border-radius:20px!important;
  border:1px solid rgba(148,163,184,.18)!important;
  background:rgba(2,6,23,.62)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  padding:18px!important;
  font-size:16px!important;
  font-weight:750!important;
  line-height:1.5!important;
  outline:none!important;
  box-sizing:border-box!important;
}
#add .ksv21-notes-box textarea:focus{border-color:rgba(96,165,250,.80)!important;box-shadow:0 0 0 4px rgba(96,165,250,.14)!important;}
#add .form-actions.ks-form-actions{
  max-width:860px!important;
  margin:28px auto 0!important;
  padding:14px!important;
  border-radius:28px!important;
  display:grid!important;
  grid-template-columns:minmax(180px,.8fr) minmax(260px,1.2fr)!important;
  gap:14px!important;
  background:linear-gradient(135deg,rgba(15,23,42,.92),rgba(10,18,39,.78))!important;
  border:1px solid rgba(148,163,184,.18)!important;
  box-shadow:0 22px 48px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
#add .form-actions.ks-form-actions button{min-height:62px!important;border-radius:20px!important;font-size:16px!important;font-weight:1000!important;}
#add .form-actions.ks-form-actions .ks-save-btn{background:linear-gradient(135deg,#16a34a,#4ade80 70%)!important;color:#052e16!important;border-color:rgba(134,239,172,.70)!important;box-shadow:0 18px 44px rgba(34,197,94,.24)!important;}
#add .form-actions.ks-form-actions .ks-clear-btn{background:rgba(15,23,42,.88)!important;color:#e2e8f0!important;border-color:rgba(148,163,184,.22)!important;}
@media(max-width:1180px){
  #add .ksv21-payment-grid{grid-template-columns:1fr 1fr!important;}
  #add .ksv21-vip-card{grid-column:1/-1!important;min-height:180px!important;}
}
@media(max-width:760px){
  #add .ksv21-payment-section{padding:20px!important;border-radius:26px!important;margin-top:24px!important;}
  #add .ksv21-section-head{gap:13px!important;align-items:flex-start!important;}
  #add .ksv21-step-badge{width:48px!important;height:48px!important;min-width:48px!important;border-radius:16px!important;font-size:17px!important;}
  #add .ksv21-section-head h3{font-size:24px!important;}
  #add .ksv21-payment-grid{grid-template-columns:1fr!important;gap:16px!important;}
  #add .ksv21-card{min-height:auto!important;padding:18px!important;border-radius:22px!important;}
  #add .ksv21-status-options{display:grid!important;grid-template-columns:1fr!important;}
  #add .ksv21-status-chip{width:100%!important;justify-content:flex-start!important;}
  #add .ksv21-method-buttons{grid-template-columns:1fr 1fr!important;}
  #add .form-actions.ks-form-actions{grid-template-columns:1fr!important;max-width:none!important;}
}


/* v1.0.22 — Final Payment Information rebuild + Advanced edit UI */
#add .ksv22-payment-section{
  width:100%!important;
  margin:30px 0 0!important;
  padding:30px!important;
  border-radius:32px!important;
  border:1px solid rgba(96,165,250,.20)!important;
  background:
    radial-gradient(circle at 88% 0%,rgba(59,130,246,.13),transparent 34%),
    radial-gradient(circle at 8% 100%,rgba(16,185,129,.08),transparent 34%),
    linear-gradient(180deg,rgba(15,23,42,.96),rgba(3,7,18,.96))!important;
  box-shadow:0 30px 70px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.06)!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
#add .ksv22-section-head{
  display:flex!important;align-items:center!important;gap:16px!important;
  padding-bottom:22px!important;margin-bottom:22px!important;
  border-bottom:1px solid rgba(148,163,184,.14)!important;
}
#add .ksv22-step-badge{
  width:56px!important;height:56px!important;min-width:56px!important;border-radius:20px!important;
  display:grid!important;place-items:center!important;color:#fff!important;font-weight:1000!important;font-size:20px!important;
  background:linear-gradient(135deg,#2563eb,#7c3aed)!important;
  border:1px solid rgba(191,219,254,.28)!important;box-shadow:0 18px 34px rgba(59,130,246,.22)!important;
}
#add .ksv22-section-head h3{margin:0!important;color:#f8fafc!important;font-size:29px!important;line-height:1.1!important;font-weight:1000!important;letter-spacing:-.035em!important;}
#add .ksv22-section-head p{margin:6px 0 0!important;color:rgba(203,213,225,.76)!important;font-size:15px!important;font-weight:750!important;}
#add .ksv22-status-panel{padding:20px!important;margin-bottom:20px!important;border-radius:24px!important;border:1px solid rgba(148,163,184,.15)!important;background:rgba(6,12,28,.66)!important;}
#add .ksv22-panel-label,#add .ksv22-notes-box>span{display:block!important;margin:0 0 12px!important;color:#dbeafe!important;font-size:13px!important;font-weight:1000!important;text-transform:uppercase!important;letter-spacing:.055em!important;}
#add .ksv22-status-options{display:flex!important;gap:13px!important;flex-wrap:wrap!important;}
#add .ksv22-status-chip{min-height:56px!important;padding:0 22px!important;border-radius:18px!important;display:inline-flex!important;align-items:center!important;gap:12px!important;border:1px solid rgba(148,163,184,.20)!important;background:rgba(15,23,42,.72)!important;color:#f8fafc!important;cursor:pointer!important;box-sizing:border-box!important;}
#add .ksv22-status-chip input{position:absolute!important;opacity:0!important;pointer-events:none!important;}
#add .ksv22-radio-dot{width:24px!important;height:24px!important;border-radius:50%!important;border:3px solid rgba(148,163,184,.45)!important;background:transparent!important;box-shadow:inset 0 0 0 5px rgba(2,6,23,.90)!important;flex:0 0 24px!important;}
#add .ksv22-status-chip b{font-size:16px!important;font-weight:1000!important;white-space:nowrap!important;}
#add .ksv22-status-chip.active,#add .ksv22-status-chip:has(input:checked){background:linear-gradient(135deg,#3b82f6,#7c3aed)!important;border-color:rgba(191,219,254,.65)!important;box-shadow:0 16px 36px rgba(79,70,229,.22)!important;}
#add .ksv22-status-chip.active .ksv22-radio-dot,#add .ksv22-status-chip:has(input:checked) .ksv22-radio-dot{border-color:#fff!important;background:#fff!important;box-shadow:inset 0 0 0 7px #6366f1!important;}
#add .ksv22-payment-grid{display:grid!important;grid-template-columns:minmax(290px,1.05fr) minmax(230px,.78fr) minmax(250px,.84fr)!important;gap:18px!important;align-items:stretch!important;margin:0!important;}
#add .ksv22-pay-card{position:relative!important;min-width:0!important;min-height:250px!important;padding:22px!important;border-radius:26px!important;border:1px solid rgba(148,163,184,.18)!important;background:linear-gradient(180deg,rgba(15,23,42,.86),rgba(3,8,23,.86))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 18px 42px rgba(0,0,0,.22)!important;box-sizing:border-box!important;overflow:hidden!important;}
#add .ksv22-pay-card::before{content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;background:radial-gradient(circle at 92% 0%,rgba(96,165,250,.10),transparent 34%)!important;}
#add .ksv22-card-head{position:relative!important;display:flex!important;align-items:center!important;gap:13px!important;margin:0 0 18px!important;min-width:0!important;}
#add .ksv22-card-icon{width:40px!important;height:40px!important;min-width:40px!important;display:grid!important;place-items:center!important;border-radius:15px!important;background:rgba(59,130,246,.14)!important;border:1px solid rgba(96,165,250,.22)!important;font-size:19px!important;}
#add .ksv22-card-head strong{display:block!important;color:#f8fafc!important;font-size:21px!important;line-height:1.1!important;font-weight:1000!important;letter-spacing:-.025em!important;}
#add .ksv22-card-head small{display:block!important;margin-top:5px!important;color:rgba(203,213,225,.72)!important;font-size:13px!important;line-height:1.35!important;font-weight:750!important;}
#add .ksv22-method-buttons{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;position:relative!important;}
#add .ksv22-pay-btn{appearance:none!important;min-height:56px!important;border-radius:18px!important;border:1px solid rgba(148,163,184,.20)!important;background:rgba(6,12,28,.74)!important;color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important;font-size:15px!important;font-weight:1000!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;box-sizing:border-box!important;cursor:pointer!important;white-space:nowrap!important;}
#add .ksv22-pay-btn em{font-style:normal!important;padding:3px 7px!important;border-radius:999px!important;background:rgba(16,185,129,.18)!important;color:#86efac!important;font-size:10px!important;font-weight:1000!important;text-transform:uppercase!important;}
#add .ksv22-pay-btn.active{background:linear-gradient(135deg,#2563eb,#7c3aed)!important;border-color:rgba(191,219,254,.72)!important;box-shadow:0 16px 36px rgba(79,70,229,.24), inset 0 1px 0 rgba(255,255,255,.18)!important;}
#add .ksv22-custom-payment{position:relative!important;margin-top:14px!important;padding:15px!important;border-radius:20px!important;border:1px solid rgba(56,189,248,.32)!important;background:linear-gradient(135deg,rgba(3,17,38,.92),rgba(15,23,42,.78))!important;display:grid!important;gap:9px!important;box-sizing:border-box!important;}
#add .ksv22-custom-payment.hidden,#add .ksv22-custom-payment[hidden]{display:none!important;}
#add .ksv22-custom-payment label{color:#bae6fd!important;font-size:12px!important;font-weight:1000!important;text-transform:uppercase!important;letter-spacing:.045em!important;}
#add .ksv22-custom-payment input{width:100%!important;min-height:54px!important;border-radius:16px!important;border:1px solid rgba(125,211,252,.28)!important;background:rgba(2,6,23,.78)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;padding:0 15px!important;font-size:15px!important;font-weight:850!important;box-sizing:border-box!important;outline:none!important;}
#add .ksv22-custom-payment input:focus{border-color:rgba(56,189,248,.90)!important;box-shadow:0 0 0 4px rgba(56,189,248,.15)!important;}
#add .ksv22-custom-payment small{color:rgba(186,230,253,.72)!important;font-size:12px!important;font-weight:750!important;}
#add .ksv22-currency-options{display:grid!important;gap:13px!important;position:relative!important;}
#add .ksv22-currency-chip{min-height:70px!important;border-radius:20px!important;border:1px solid rgba(148,163,184,.20)!important;background:rgba(6,12,28,.74)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:0 18px!important;color:#f8fafc!important;cursor:pointer!important;box-sizing:border-box!important;overflow:hidden!important;}
#add .ksv22-currency-chip input{width:22px!important;height:22px!important;accent-color:#7c3aed!important;flex:0 0 auto!important;}
#add .ksv22-currency-chip span{font-size:17px!important;font-weight:1000!important;}
#add .ksv22-currency-chip b{font-size:10px!important;font-weight:1000!important;text-transform:uppercase!important;color:#86efac!important;background:rgba(16,185,129,.18)!important;border-radius:999px!important;padding:4px 8px!important;}
#add .ksv22-currency-chip.active,#add .ksv22-currency-chip:has(input:checked){border-color:rgba(191,219,254,.72)!important;background:linear-gradient(135deg,#2563eb,#7c3aed)!important;box-shadow:0 16px 36px rgba(79,70,229,.22)!important;}
#add .ksv22-vip-card{display:flex!important;flex-direction:column!important;gap:18px!important;justify-content:space-between!important;cursor:pointer!important;border-color:rgba(251,191,36,.22)!important;}
#add .ksv22-vip-card #vip{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none!important;}
#add .ksv22-crown{background:rgba(251,191,36,.12)!important;border-color:rgba(251,191,36,.25)!important;}
#add .ksv22-vip-toggle{position:relative!important;width:100%!important;min-height:62px!important;padding:8px 14px!important;border-radius:22px!important;border:1px solid rgba(148,163,184,.20)!important;background:rgba(2,6,23,.58)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;color:#cbd5e1!important;-webkit-text-fill-color:#cbd5e1!important;cursor:pointer!important;box-sizing:border-box!important;}
#add .ksv22-vip-dot{width:46px!important;height:46px!important;border-radius:50%!important;background:linear-gradient(135deg,#e2e8f0,#94a3b8)!important;box-shadow:0 10px 22px rgba(0,0,0,.30)!important;transition:transform .22s ease,background .22s ease!important;flex:0 0 46px!important;}
#add .ksv22-vip-toggle b{font-size:15px!important;font-weight:1000!important;letter-spacing:.04em!important;white-space:nowrap!important;}
#add .ksv22-vip-note{position:relative!important;margin-top:auto!important;padding:13px 14px!important;border-radius:18px!important;border:1px solid rgba(148,163,184,.14)!important;background:rgba(2,6,23,.34)!important;color:rgba(203,213,225,.74)!important;font-size:13px!important;font-weight:800!important;line-height:1.35!important;}
#add .ksv22-vip-card.vip-on{border-color:rgba(251,191,36,.60)!important;background:radial-gradient(circle at 85% 12%,rgba(251,191,36,.22),transparent 42%),linear-gradient(180deg,rgba(38,27,9,.92),rgba(16,13,33,.88))!important;box-shadow:0 22px 58px rgba(251,191,36,.12),inset 0 1px 0 rgba(255,255,255,.08)!important;}
#add .ksv22-vip-card.vip-on .ksv22-vip-toggle{background:linear-gradient(135deg,rgba(120,53,15,.75),rgba(64,27,90,.74))!important;border-color:rgba(251,191,36,.46)!important;color:#fde68a!important;-webkit-text-fill-color:#fde68a!important;}
#add .ksv22-vip-card.vip-on .ksv22-vip-dot{background:linear-gradient(135deg,#f59e0b,#fde047)!important;transform:translateX(8px)!important;}
#add .ksv22-vip-card.vip-on .ksv22-vip-note{color:#fde68a!important;border-color:rgba(251,191,36,.24)!important;background:rgba(251,191,36,.08)!important;}
#add .ksv22-notes-box{display:block!important;margin-top:20px!important;padding:20px!important;border-radius:24px!important;border:1px solid rgba(148,163,184,.16)!important;background:linear-gradient(135deg,rgba(8,15,31,.78),rgba(7,12,27,.62))!important;box-sizing:border-box!important;}
#add .ksv22-notes-box textarea{width:100%!important;min-height:112px!important;resize:vertical!important;border-radius:20px!important;border:1px solid rgba(148,163,184,.18)!important;background:rgba(2,6,23,.62)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;padding:18px!important;font-size:16px!important;font-weight:750!important;line-height:1.5!important;outline:none!important;box-sizing:border-box!important;}
#add .ksv22-notes-box textarea:focus{border-color:rgba(96,165,250,.80)!important;box-shadow:0 0 0 4px rgba(96,165,250,.14)!important;}
body.ks127-edit-all #add .ks-system-fields,body.ks145-full-edit-mode #add .ks-system-fields,#add.ks145-full-edit-mode .ks-system-fields{
  position:relative!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;margin:24px 0 10px!important;padding:24px!important;border-radius:28px!important;border:1px solid rgba(96,165,250,.24)!important;background:radial-gradient(circle at 0 0,rgba(59,130,246,.16),transparent 34%),linear-gradient(180deg,rgba(15,23,42,.90),rgba(2,6,23,.82))!important;box-shadow:0 24px 55px rgba(2,6,23,.26),inset 0 1px 0 rgba(255,255,255,.06)!important;overflow:hidden!important;box-sizing:border-box!important;
}
body.ks127-edit-all #add .ks-system-fields::before,body.ks145-full-edit-mode #add .ks-system-fields::before,#add.ks145-full-edit-mode .ks-system-fields::before{content:"⚙️ Advanced Edit Fields"!important;grid-column:1/-1!important;color:#dbeafe!important;font-size:19px!important;font-weight:1000!important;letter-spacing:-.02em!important;margin:0!important;}
body.ks127-edit-all #add .ks-system-fields::after,body.ks145-full-edit-mode #add .ks-system-fields::after,#add.ks145-full-edit-mode .ks-system-fields::after{content:"Only appears while editing an existing order. Keep these values clean and accurate."!important;grid-column:1/-1!important;margin:-8px 0 2px!important;color:rgba(203,213,225,.72)!important;font-size:13px!important;font-weight:800!important;}
body.ks127-edit-all #add .ks-system-fields label,body.ks145-full-edit-mode #add .ks-system-fields label,#add.ks145-full-edit-mode .ks-system-fields label{display:flex!important;flex-direction:column!important;gap:10px!important;min-width:0!important;padding:16px!important;border-radius:22px!important;border:1px solid rgba(148,163,184,.16)!important;background:linear-gradient(180deg,rgba(8,15,31,.72),rgba(3,7,18,.58))!important;color:#dbeafe!important;font-size:12px!important;font-weight:1000!important;text-transform:uppercase!important;letter-spacing:.05em!important;box-sizing:border-box!important;}
body.ks127-edit-all #add .ks-system-fields input,body.ks127-edit-all #add .ks-system-fields select,body.ks145-full-edit-mode #add .ks-system-fields input,body.ks145-full-edit-mode #add .ks-system-fields select,#add.ks145-full-edit-mode .ks-system-fields input,#add.ks145-full-edit-mode .ks-system-fields select{width:100%!important;min-height:56px!important;border-radius:17px!important;border:1px solid rgba(96,165,250,.30)!important;background:rgba(2,6,23,.72)!important;color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important;font-size:15px!important;font-weight:900!important;padding:0 15px!important;outline:none!important;box-sizing:border-box!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;}
body.ks127-edit-all #add .ks-system-fields input:focus,body.ks127-edit-all #add .ks-system-fields select:focus,body.ks145-full-edit-mode #add .ks-system-fields input:focus,body.ks145-full-edit-mode #add .ks-system-fields select:focus,#add.ks145-full-edit-mode .ks-system-fields input:focus,#add.ks145-full-edit-mode .ks-system-fields select:focus{border-color:rgba(56,189,248,.86)!important;box-shadow:0 0 0 4px rgba(56,189,248,.14)!important;}
@media(max-width:1180px){#add .ksv22-payment-grid{grid-template-columns:1fr 1fr!important;}#add .ksv22-vip-card{grid-column:1/-1!important;min-height:190px!important;}}
@media(max-width:760px){#add .ksv22-payment-section{padding:20px!important;border-radius:26px!important;margin-top:24px!important;}#add .ksv22-section-head{gap:13px!important;align-items:flex-start!important;}#add .ksv22-step-badge{width:48px!important;height:48px!important;min-width:48px!important;border-radius:16px!important;font-size:17px!important;}#add .ksv22-section-head h3{font-size:24px!important;}#add .ksv22-payment-grid{grid-template-columns:1fr!important;gap:16px!important;}#add .ksv22-pay-card{min-height:auto!important;padding:18px!important;border-radius:22px!important;}#add .ksv22-status-options{display:grid!important;grid-template-columns:1fr!important;}#add .ksv22-status-chip{width:100%!important;justify-content:flex-start!important;}#add .ksv22-method-buttons{grid-template-columns:1fr 1fr!important;}body.ks127-edit-all #add .ks-system-fields,body.ks145-full-edit-mode #add .ks-system-fields,#add.ks145-full-edit-mode .ks-system-fields{grid-template-columns:1fr!important;padding:18px!important;border-radius:22px!important;}}


/* v1.0.23 — Clean VIP Customer card (text/icon/toggle professional layout) */
#add .ksv22-vip-card.ksv23-vip-card{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  gap:18px!important;
  min-height:250px!important;
  padding:22px!important;
  overflow:hidden!important;
  border:1px solid rgba(245,158,11,.26)!important;
  background:
    radial-gradient(circle at 92% 0%,rgba(245,158,11,.12),transparent 35%),
    linear-gradient(180deg,rgba(15,23,42,.94),rgba(3,7,18,.92))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 22px 50px rgba(0,0,0,.24)!important;
}
#add .ksv23-vip-card #vip{
  position:absolute!important;
  opacity:0!important;
  width:1px!important;
  height:1px!important;
  pointer-events:none!important;
}
#add .ksv23-vip-header{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  min-width:0!important;
}
#add .ksv23-vip-icon{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  font-size:25px!important;
  background:linear-gradient(135deg,rgba(245,158,11,.20),rgba(124,58,237,.12))!important;
  border:1px solid rgba(251,191,36,.30)!important;
  box-shadow:0 14px 28px rgba(245,158,11,.12)!important;
}
#add .ksv23-vip-copy{
  min-width:0!important;
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
}
#add .ksv23-vip-copy strong{
  margin:0!important;
  color:#fde68a!important;
  font-size:20px!important;
  font-weight:1000!important;
  letter-spacing:-.025em!important;
  line-height:1.08!important;
  white-space:normal!important;
}
#add .ksv23-vip-copy small{
  margin:0!important;
  color:rgba(226,232,240,.74)!important;
  font-size:13px!important;
  font-weight:850!important;
  line-height:1.25!important;
}
#add .ksv23-vip-badge{
  margin-left:auto!important;
  min-width:54px!important;
  height:32px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(100,116,139,.16)!important;
  border:1px solid rgba(148,163,184,.20)!important;
  color:#cbd5e1!important;
  font-size:12px!important;
  font-weight:1000!important;
  letter-spacing:.06em!important;
}
#add .ksv23-vip-toggle,
#add button.ksv23-vip-toggle{
  position:relative!important;
  width:100%!important;
  min-height:70px!important;
  padding:12px 16px!important;
  border-radius:24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  cursor:pointer!important;
  background:linear-gradient(180deg,rgba(2,6,23,.80),rgba(15,23,42,.72))!important;
  border:1px solid rgba(148,163,184,.22)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  color:#e2e8f0!important;
  -webkit-text-fill-color:#e2e8f0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
#add .ksv23-vip-track{
  width:82px!important;
  height:44px!important;
  min-width:82px!important;
  border-radius:999px!important;
  padding:4px!important;
  display:block!important;
  background:linear-gradient(135deg,#111827,#475569)!important;
  border:1px solid rgba(148,163,184,.28)!important;
  box-shadow:inset 0 2px 12px rgba(0,0,0,.35)!important;
  box-sizing:border-box!important;
}
#add .ksv23-vip-dot,
#add .ksv22-vip-card .ksv23-vip-dot{
  display:block!important;
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  margin:0!important;
  transform:translateX(0)!important;
  background:linear-gradient(135deg,#f8fafc,#cbd5e1)!important;
  box-shadow:0 10px 22px rgba(0,0,0,.30)!important;
  transition:transform .22s ease,background .22s ease,box-shadow .22s ease!important;
}
#add .ksv23-vip-toggle b,
#add #ksv21VipState{
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:112px!important;
  height:40px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  background:rgba(15,23,42,.76)!important;
  border:1px solid rgba(148,163,184,.18)!important;
  color:#cbd5e1!important;
  -webkit-text-fill-color:#cbd5e1!important;
  font-size:14px!important;
  font-weight:1000!important;
  line-height:1!important;
  letter-spacing:.055em!important;
  white-space:nowrap!important;
}
#add .ksv23-vip-card .ksv22-vip-note{
  margin:0!important;
  padding:12px 14px!important;
  border-radius:18px!important;
  border:1px solid rgba(148,163,184,.14)!important;
  background:rgba(2,6,23,.35)!important;
  color:rgba(203,213,225,.70)!important;
  font-size:13px!important;
  font-weight:850!important;
  line-height:1.35!important;
  text-align:left!important;
}
#add .ksv23-vip-card.vip-on,
#add .ksv23-vip-card.vip-selected,
#add .ksv23-vip-card:has(#vip:checked){
  border-color:rgba(251,191,36,.66)!important;
  background:
    radial-gradient(circle at 88% 8%,rgba(251,191,36,.22),transparent 38%),
    linear-gradient(180deg,rgba(42,27,8,.94),rgba(20,14,38,.92))!important;
  box-shadow:0 24px 62px rgba(251,191,36,.14),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
#add .ksv23-vip-card.vip-on .ksv23-vip-badge,
#add .ksv23-vip-card.vip-selected .ksv23-vip-badge,
#add .ksv23-vip-card:has(#vip:checked) .ksv23-vip-badge{
  content:"ON"!important;
  background:rgba(251,191,36,.20)!important;
  border-color:rgba(251,191,36,.46)!important;
  color:#fde68a!important;
}
#add .ksv23-vip-card.vip-on .ksv23-vip-track,
#add .ksv23-vip-card.vip-selected .ksv23-vip-track,
#add .ksv23-vip-card:has(#vip:checked) .ksv23-vip-track{
  background:linear-gradient(135deg,#f59e0b,#fde047)!important;
  border-color:rgba(253,224,71,.86)!important;
}
#add .ksv23-vip-card.vip-on .ksv23-vip-dot,
#add .ksv23-vip-card.vip-selected .ksv23-vip-dot,
#add .ksv23-vip-card:has(#vip:checked) .ksv23-vip-dot{
  transform:translateX(38px)!important;
  background:linear-gradient(135deg,#fff7ed,#fef3c7)!important;
  box-shadow:0 12px 24px rgba(120,53,15,.34)!important;
}
#add .ksv23-vip-card.vip-on #ksv21VipState,
#add .ksv23-vip-card.vip-selected #ksv21VipState,
#add .ksv23-vip-card:has(#vip:checked) #ksv21VipState{
  background:rgba(251,191,36,.18)!important;
  border-color:rgba(251,191,36,.38)!important;
  color:#fde68a!important;
  -webkit-text-fill-color:#fde68a!important;
}
#add .ksv23-vip-card.vip-on .ksv22-vip-note,
#add .ksv23-vip-card.vip-selected .ksv22-vip-note,
#add .ksv23-vip-card:has(#vip:checked) .ksv22-vip-note{
  color:#fde68a!important;
  border-color:rgba(251,191,36,.24)!important;
  background:rgba(251,191,36,.08)!important;
}
@media(max-width:1180px){
  #add .ksv22-payment-grid{grid-template-columns:1fr 1fr!important;}
  #add .ksv23-vip-card{grid-column:1/-1!important;min-height:210px!important;}
}
@media(max-width:760px){
  #add .ksv23-vip-card{min-height:auto!important;padding:18px!important;border-radius:22px!important;}
  #add .ksv23-vip-header{align-items:flex-start!important;}
  #add .ksv23-vip-copy strong{font-size:18px!important;}
  #add .ksv23-vip-badge{height:30px!important;min-width:48px!important;}
  #add .ksv23-vip-toggle{min-height:64px!important;}
  #add .ksv23-vip-track{width:76px!important;height:42px!important;min-width:76px!important;}
  #add .ksv23-vip-dot{width:32px!important;height:32px!important;}
  #add .ksv23-vip-card.vip-on .ksv23-vip-dot,
  #add .ksv23-vip-card.vip-selected .ksv23-vip-dot,
  #add .ksv23-vip-card:has(#vip:checked) .ksv23-vip-dot{transform:translateX(34px)!important;}
}

/* =========================================================
   v1.0.24 — Orders Premium UI Cleanup
   UI only: summary cards, filter toolbar, sticky header/actions,
   badges, pagination polish, mobile card cleanup.
   ========================================================= */
#orders .orders-real-panel{
  padding:22px !important;
  border-radius:30px !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(59,130,246,.12), transparent 34%),
    radial-gradient(circle at 100% 0%, rgba(139,92,246,.12), transparent 30%),
    linear-gradient(180deg, rgba(15,23,42,.96), rgba(8,13,25,.98)) !important;
  border:1px solid rgba(148,163,184,.18) !important;
  box-shadow:0 24px 70px rgba(2,6,23,.32), inset 0 1px 0 rgba(255,255,255,.05) !important;
}

#orders .orders-page-title{
  align-items:center !important;
  margin-bottom:16px !important;
}

#orders .orders-page-title h1{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  font-size:28px !important;
  letter-spacing:-.03em !important;
}

#orders .orders-page-title h1::before{
  content:"🧾";
  width:42px;
  height:42px;
  border-radius:15px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg, rgba(59,130,246,.22), rgba(139,92,246,.25));
  border:1px solid rgba(147,197,253,.24);
  box-shadow:0 12px 26px rgba(37,99,235,.12), inset 0 1px 0 rgba(255,255,255,.10);
  font-size:19px;
}

#orders .orders-page-title .add-customer-btn{
  min-height:52px !important;
  padding:0 22px !important;
  border-radius:18px !important;
  background:linear-gradient(135deg,#3b82f6,#8b5cf6) !important;
  border:1px solid rgba(196,181,253,.35) !important;
  box-shadow:0 16px 34px rgba(79,70,229,.22), inset 0 1px 0 rgba(255,255,255,.14) !important;
  font-weight:1000 !important;
}

.orders-v24-summary{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  margin:12px 0 18px;
}

.orders-v24-card{
  position:relative;
  min-height:104px;
  padding:16px 16px 14px;
  border:1px solid rgba(148,163,184,.16);
  border-radius:22px;
  background:
    radial-gradient(circle at 100% 0%, rgba(59,130,246,.14), transparent 42%),
    linear-gradient(180deg, rgba(15,23,42,.90), rgba(8,13,25,.92));
  box-shadow:0 14px 34px rgba(2,6,23,.22), inset 0 1px 0 rgba(255,255,255,.05);
  overflow:hidden;
  cursor:pointer;
  text-align:left;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.orders-v24-card:hover{
  transform:translateY(-2px);
  border-color:rgba(129,140,248,.36);
  box-shadow:0 18px 42px rgba(2,6,23,.28), 0 0 0 1px rgba(129,140,248,.12) inset;
}

.orders-v24-card::after{
  content:"";
  position:absolute;
  right:-28px;
  top:-30px;
  width:92px;
  height:92px;
  border-radius:50%;
  background:var(--orders-card-glow, rgba(59,130,246,.16));
  filter:blur(4px);
  opacity:.75;
}

.orders-v24-card .icon{
  position:absolute;
  right:14px;
  top:14px;
  width:38px;
  height:38px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  z-index:1;
}

.orders-v24-card .label{
  display:block;
  position:relative;
  z-index:1;
  color:#aeb9d6;
  -webkit-text-fill-color:#aeb9d6;
  font-size:11px;
  font-weight:1000;
  letter-spacing:.10em;
  text-transform:uppercase;
  margin-bottom:10px;
}

.orders-v24-card .value{
  display:block;
  position:relative;
  z-index:1;
  color:#f8fafc;
  -webkit-text-fill-color:#f8fafc;
  font-size:30px;
  font-weight:1000;
  line-height:1;
  letter-spacing:-.04em;
}

.orders-v24-card .hint{
  display:block;
  position:relative;
  z-index:1;
  margin-top:9px;
  color:#7f8dac;
  -webkit-text-fill-color:#7f8dac;
  font-size:11.5px;
  font-weight:850;
}

.orders-v24-card.total .value{color:#93c5fd;-webkit-text-fill-color:#93c5fd;}
.orders-v24-card.active{--orders-card-glow:rgba(16,185,129,.18)}
.orders-v24-card.active .value{color:#5eead4;-webkit-text-fill-color:#5eead4;}
.orders-v24-card.warning{--orders-card-glow:rgba(245,158,11,.18)}
.orders-v24-card.warning .value{color:#fbbf24;-webkit-text-fill-color:#fbbf24;}
.orders-v24-card.expired{--orders-card-glow:rgba(239,68,68,.18)}
.orders-v24-card.expired .value{color:#fb7185;-webkit-text-fill-color:#fb7185;}
.orders-v24-card.payment{--orders-card-glow:rgba(139,92,246,.18)}
.orders-v24-card.payment .value{color:#c4b5fd;-webkit-text-fill-color:#c4b5fd;}

#orders .orders-filter-panel{
  padding:14px !important;
  border-radius:24px !important;
  background:
    linear-gradient(180deg, rgba(15,23,42,.74), rgba(8,13,25,.78)) !important;
  border:1px solid rgba(148,163,184,.16) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}

#orders .orders-filter-panel input,
#orders .orders-filter-panel select,
#orders .custom-pay-filter-btn{
  min-height:50px !important;
  border-radius:16px !important;
  border:1px solid rgba(148,163,184,.18) !important;
  background:rgba(8,13,25,.72) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  font-weight:850 !important;
}

#orders .orders-filter-panel input:focus,
#orders .orders-filter-panel select:focus,
#orders .custom-pay-filter-btn:focus{
  border-color:rgba(96,165,250,.48) !important;
  box-shadow:0 0 0 4px rgba(59,130,246,.12), inset 0 1px 0 rgba(255,255,255,.05) !important;
  outline:none !important;
}

#orders .table-wrap{
  position:relative !important;
  max-height:72vh !important;
  overflow:auto !important;
  border-radius:24px !important;
  border:1px solid rgba(148,163,184,.18) !important;
  background:rgba(8,13,25,.55) !important;
  box-shadow:0 18px 42px rgba(2,6,23,.22), inset 0 1px 0 rgba(255,255,255,.04) !important;
}

#orders .table-wrap table{
  border-collapse:separate !important;
  border-spacing:0 !important;
  min-width:1160px !important;
  width:100% !important;
}

#orders .table-wrap thead th{
  position:sticky !important;
  top:0 !important;
  z-index:20 !important;
  height:58px !important;
  background:linear-gradient(180deg, rgba(15,23,42,.98), rgba(8,13,25,.96)) !important;
  backdrop-filter:blur(12px) !important;
  color:#b8c3df !important;
  -webkit-text-fill-color:#b8c3df !important;
  font-size:11px !important;
  font-weight:1000 !important;
  letter-spacing:.09em !important;
  text-transform:uppercase !important;
  border-bottom:1px solid rgba(148,163,184,.16) !important;
}

#orders .table-wrap tbody td{
  height:64px !important;
  padding:12px 14px !important;
  color:#e5e7eb !important;
  -webkit-text-fill-color:#e5e7eb !important;
  border-bottom:1px solid rgba(148,163,184,.10) !important;
  background:rgba(8,13,25,.48) !important;
  vertical-align:middle !important;
  font-size:14px !important;
}

#orders .table-wrap tbody tr:hover td{
  background:rgba(30,41,59,.68) !important;
}

#orders .table-wrap tbody tr.is-latest td,
#orders .table-wrap tbody tr.is-warning td{
  background:linear-gradient(90deg, rgba(245,158,11,.20), rgba(251,191,36,.10)) !important;
}

#orders .table-wrap tbody tr.is-expired td{
  background:linear-gradient(90deg, rgba(239,68,68,.18), rgba(127,29,29,.10)) !important;
}

#orders .table-wrap thead th:last-child,
#orders .table-wrap tbody td:last-child{
  position:sticky !important;
  right:0 !important;
  z-index:18 !important;
  min-width:286px !important;
  box-shadow:-18px 0 26px rgba(2,6,23,.32) !important;
}

#orders .table-wrap thead th:last-child{
  z-index:28 !important;
  background:linear-gradient(180deg, rgba(15,23,42,1), rgba(8,13,25,.98)) !important;
}

#orders .table-wrap tbody td:last-child{
  background:linear-gradient(90deg, rgba(15,23,42,.92), rgba(8,13,25,.98)) !important;
}

#orders .status,
.orders-v24-pay,
.orders-v24-vip{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:30px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  font-size:12px !important;
  font-weight:1000 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  border:1px solid rgba(255,255,255,.10) !important;
}

.orders-v24-pay.paid{
  color:#86efac !important;
  -webkit-text-fill-color:#86efac !important;
  background:rgba(22,163,74,.14) !important;
  border-color:rgba(74,222,128,.30) !important;
}
.orders-v24-pay.pending{
  color:#fde68a !important;
  -webkit-text-fill-color:#fde68a !important;
  background:rgba(245,158,11,.13) !important;
  border-color:rgba(251,191,36,.30) !important;
}
.orders-v24-pay.unpaid{
  color:#fecaca !important;
  -webkit-text-fill-color:#fecaca !important;
  background:rgba(239,68,68,.13) !important;
  border-color:rgba(248,113,113,.30) !important;
}
.orders-v24-vip.yes{
  color:#fde68a !important;
  -webkit-text-fill-color:#fde68a !important;
  background:linear-gradient(135deg, rgba(245,158,11,.20), rgba(139,92,246,.13)) !important;
  border-color:rgba(251,191,36,.36) !important;
  box-shadow:0 8px 18px rgba(245,158,11,.08) !important;
}
.orders-v24-vip.no{
  color:#cbd5e1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
  background:rgba(51,65,85,.26) !important;
  border-color:rgba(148,163,184,.16) !important;
}

#orders .orders-v24-actions-cell{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  white-space:nowrap !important;
}

#orders .row-action-btn{
  min-width:58px !important;
  min-height:36px !important;
  padding:0 11px !important;
  border-radius:13px !important;
  font-size:12px !important;
  font-weight:1000 !important;
  border:1px solid rgba(148,163,184,.18) !important;
  background:rgba(30,41,59,.70) !important;
  color:#e0e7ff !important;
  -webkit-text-fill-color:#e0e7ff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}
#orders .row-action-btn.view{background:rgba(59,130,246,.16) !important;border-color:rgba(96,165,250,.30) !important;color:#bfdbfe !important;-webkit-text-fill-color:#bfdbfe !important;}
#orders .row-action-btn.copy{background:rgba(20,184,166,.16) !important;border-color:rgba(45,212,191,.30) !important;color:#99f6e4 !important;-webkit-text-fill-color:#99f6e4 !important;}
#orders .row-action-btn.edit{background:rgba(245,158,11,.16) !important;border-color:rgba(251,191,36,.32) !important;color:#fde68a !important;-webkit-text-fill-color:#fde68a !important;}
#orders .row-action-btn.danger{background:rgba(239,68,68,.16) !important;border-color:rgba(248,113,113,.32) !important;color:#fecaca !important;-webkit-text-fill-color:#fecaca !important;}
#orders .row-action-btn:hover{transform:translateY(-1px) !important;filter:brightness(1.10) !important;}

#orders .ks-orders-pager{
  justify-content:space-between !important;
  padding:14px !important;
  border-radius:22px !important;
  background:rgba(15,23,42,.76) !important;
  border:1px solid rgba(148,163,184,.16) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}
#orders .ks-orders-pager .ks-page-info{
  min-height:40px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 14px !important;
  border-radius:14px !important;
  background:rgba(8,13,25,.55) !important;
  color:#dbeafe !important;
  -webkit-text-fill-color:#dbeafe !important;
}
#orders .ks-orders-pager button,
#orders .ks-orders-pager select{
  min-height:42px !important;
  border-radius:14px !important;
}

@media(max-width:1100px){
  .orders-v24-summary{grid-template-columns:repeat(3,minmax(0,1fr));}
  #orders .orders-filter-panel{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}

@media(max-width:767px){
  #orders .orders-real-panel{padding:14px !important;border-radius:24px !important;}
  #orders .orders-page-title{display:grid !important;grid-template-columns:1fr !important;gap:10px !important;}
  #orders .orders-page-title h1{font-size:24px !important;}
  #orders .orders-page-title .add-customer-btn{width:100% !important;}
  .orders-v24-summary{grid-template-columns:1fr 1fr;gap:9px;}
  .orders-v24-card{min-height:92px;padding:13px;border-radius:18px;}
  .orders-v24-card .value{font-size:24px;}
  .orders-v24-card .icon{width:32px;height:32px;border-radius:12px;}
  #orders .orders-filter-panel{grid-template-columns:1fr !important;}
  #orders .table-wrap{max-height:none !important;overflow:visible !important;border:0 !important;background:transparent !important;box-shadow:none !important;}
  #orders .table-wrap table,
  #orders .table-wrap tbody,
  #orders .table-wrap tr,
  #orders .table-wrap td{display:block !important;min-width:0 !important;width:100% !important;}
  #orders .table-wrap thead{display:none !important;}
  #orders .table-wrap tbody td{height:auto !important;padding:0 !important;border:0 !important;background:transparent !important;}
  #orders .table-wrap tbody td:last-child{position:static !important;box-shadow:none !important;background:transparent !important;min-width:0 !important;}
  #orders .ks-order-standard-card{
    padding:14px !important;
    border-radius:22px !important;
    background:linear-gradient(180deg, rgba(15,23,42,.92), rgba(8,13,25,.96)) !important;
    border:1px solid rgba(148,163,184,.16) !important;
    box-shadow:0 12px 28px rgba(2,6,23,.22), inset 0 1px 0 rgba(255,255,255,.05) !important;
    margin-bottom:12px !important;
  }
  #orders .ks-order-standard-actions{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:7px !important;}
  #orders .ks-order-standard-actions .row-action-btn{min-width:0 !important;width:100% !important;min-height:42px !important;padding:0 6px !important;font-size:11px !important;}
  #orders .ks-orders-pager{display:grid !important;grid-template-columns:1fr !important;gap:8px !important;}
  #orders .ks-orders-pager .ks-page-info{order:-1 !important;}
}

/* v1.0.25 — Customer View + Copy Premium UI */
body.ks-v1025-modal-open{overflow:hidden!important;}
#orderViewModal.ksv25-view-open{position:fixed!important;inset:0!important;z-index:26000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:24px!important;background:radial-gradient(circle at 18% 10%,rgba(59,130,246,.22),transparent 34%),radial-gradient(circle at 85% 0%,rgba(139,92,246,.22),transparent 32%),rgba(2,6,23,.76)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;}
#orderViewModal.ksv25-view-open.hidden{display:none!important;}
#orderViewModal.ksv25-view-open .order-view-card{width:min(920px,96vw)!important;max-height:min(88dvh,860px)!important;overflow:auto!important;border-radius:34px!important;border:1px solid rgba(148,163,184,.18)!important;background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(5,10,23,.98))!important;box-shadow:0 34px 110px rgba(0,0,0,.56),0 0 0 1px rgba(255,255,255,.035) inset!important;}
#orderViewModal.ksv25-view-open .order-view-top{position:sticky!important;top:0!important;z-index:5!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;padding:22px 26px!important;background:linear-gradient(180deg,rgba(8,13,28,.98),rgba(8,13,28,.92))!important;border-bottom:1px solid rgba(148,163,184,.14)!important;backdrop-filter:blur(12px)!important;}
#orderViewModal.ksv25-view-open .order-view-top h2{margin:0!important;color:#f8fafc!important;font-size:28px!important;line-height:1.05!important;font-weight:1000!important;letter-spacing:-.035em!important;}
#orderViewModal.ksv25-view-open .order-view-top p{margin:8px 0 0!important;color:#b9c6e4!important;font-size:14px!important;font-weight:850!important;}
#orderViewModal.ksv25-view-open .order-view-top button{width:52px!important;height:52px!important;min-width:52px!important;border-radius:18px!important;border:1px solid rgba(148,163,184,.18)!important;background:linear-gradient(135deg,rgba(30,41,59,.92),rgba(15,23,42,.94))!important;color:#fff!important;font-size:0!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 12px 28px rgba(0,0,0,.28)!important;}
#orderViewModal.ksv25-view-open .order-view-top button:before{content:'×'!important;font-size:34px!important;line-height:1!important;font-weight:1000!important;color:#f8fafc!important;}
.ksv25-view{padding:24px!important;display:grid!important;gap:18px!important;}
.ksv25-hero{position:relative!important;overflow:hidden!important;border-radius:28px!important;padding:22px!important;display:grid!important;grid-template-columns:1fr auto!important;gap:18px!important;align-items:center!important;border:1px solid rgba(45,212,191,.22)!important;background:linear-gradient(135deg,rgba(20,184,166,.14),rgba(37,99,235,.10),rgba(15,23,42,.62))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 50px rgba(0,0,0,.26)!important;}
.ksv25-hero:before{content:'';position:absolute;inset:-50%;background:radial-gradient(circle at 15% 15%,rgba(45,212,191,.18),transparent 25%),radial-gradient(circle at 90% 10%,rgba(139,92,246,.16),transparent 30%);pointer-events:none;}
.ksv25-hero-main,.ksv25-hero-price{position:relative;z-index:1;}
.ksv25-service-chip{display:inline-flex!important;align-items:center!important;gap:10px!important;border-radius:999px!important;border:1px solid rgba(125,211,252,.20)!important;background:rgba(15,23,42,.50)!important;color:#c7d2fe!important;padding:8px 12px!important;font-size:13px!important;font-weight:900!important;margin-bottom:12px!important;}
.ksv25-service-icon{width:28px!important;height:28px!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,rgba(59,130,246,.35),rgba(139,92,246,.34))!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;font-weight:1000!important;}
.ksv25-hero h3{margin:0!important;color:#fff!important;font-size:28px!important;line-height:1.08!important;font-weight:1000!important;letter-spacing:-.035em!important;}
.ksv25-hero p{margin:8px 0 0!important;color:#cbd5e1!important;font-size:14px!important;font-weight:850!important;}
.ksv25-hero-price{min-width:170px!important;text-align:right!important;}
.ksv25-hero-price b{display:block!important;color:#bbf7d0!important;font-size:24px!important;font-weight:1000!important;letter-spacing:-.03em!important;}
.ksv25-badges{margin-top:12px!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;}
.ksv25-badge{display:inline-flex!important;align-items:center!important;gap:6px!important;border-radius:999px!important;padding:7px 10px!important;font-size:12px!important;font-weight:950!important;border:1px solid rgba(148,163,184,.18)!important;background:rgba(15,23,42,.54)!important;color:#cbd5e1!important;}
.ksv25-badge.active{color:#bbf7d0!important;background:rgba(16,185,129,.14)!important;border-color:rgba(16,185,129,.28)!important;}
.ksv25-badge.expired{color:#fecaca!important;background:rgba(239,68,68,.14)!important;border-color:rgba(239,68,68,.30)!important;}
.ksv25-badge.expiring{color:#fde68a!important;background:rgba(245,158,11,.14)!important;border-color:rgba(245,158,11,.34)!important;}
.ksv25-badge.vip{color:#fde68a!important;background:rgba(245,158,11,.16)!important;border-color:rgba(245,158,11,.34)!important;}
.ksv25-section{border-radius:26px!important;border:1px solid rgba(148,163,184,.14)!important;background:linear-gradient(180deg,rgba(15,23,42,.64),rgba(2,6,23,.50))!important;padding:18px!important;}
.ksv25-section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:14px!important;}
.ksv25-section-title{display:flex!important;align-items:center!important;gap:10px!important;color:#fff!important;font-size:16px!important;font-weight:1000!important;letter-spacing:-.02em!important;}
.ksv25-section-title span{width:34px!important;height:34px!important;border-radius:13px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,rgba(59,130,246,.55),rgba(139,92,246,.45))!important;border:1px solid rgba(255,255,255,.12)!important;}
.ksv25-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
.ksv25-field{min-height:66px!important;border-radius:18px!important;border:1px solid rgba(148,163,184,.13)!important;background:rgba(8,13,28,.72)!important;padding:13px 15px!important;display:grid!important;gap:6px!important;align-content:center!important;overflow:hidden!important;}
.ksv25-field.wide{grid-column:1/-1!important;}
.ksv25-field label{margin:0!important;color:#94a3b8!important;text-transform:uppercase!important;letter-spacing:.12em!important;font-size:11px!important;font-weight:1000!important;}
.ksv25-field b{color:#f8fafc!important;font-size:15px!important;font-weight:950!important;line-height:1.35!important;word-break:break-word!important;white-space:normal!important;}
.ksv25-field .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;letter-spacing:.01em!important;}
.ksv25-account-value{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;}
.ksv25-mini-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important;}
.ksv25-mini-actions button,.ksv25-actions button{border:0!important;outline:0!important;cursor:pointer!important;font-weight:1000!important;}
.ksv25-mini-actions button{border-radius:12px!important;padding:9px 11px!important;color:#fff!important;background:linear-gradient(135deg,#2563eb,#7c3aed)!important;box-shadow:0 10px 22px rgba(37,99,235,.22)!important;font-size:12px!important;}
.ksv25-mini-actions button.secondary{background:linear-gradient(135deg,rgba(30,41,59,.95),rgba(15,23,42,.98))!important;border:1px solid rgba(148,163,184,.15)!important;box-shadow:none!important;}
.ksv25-notes{border-radius:18px!important;border:1px solid rgba(148,163,184,.13)!important;background:rgba(8,13,28,.72)!important;padding:15px!important;color:#f8fafc!important;font-weight:850!important;line-height:1.55!important;white-space:pre-wrap!important;word-break:break-word!important;}
.ksv25-actions{position:sticky!important;bottom:0!important;z-index:4!important;display:grid!important;grid-template-columns:1.3fr 1fr 1fr!important;gap:12px!important;padding:16px!important;margin:4px -6px -6px!important;border-radius:24px!important;border:1px solid rgba(148,163,184,.13)!important;background:linear-gradient(180deg,rgba(2,6,23,.72),rgba(2,6,23,.94))!important;backdrop-filter:blur(14px)!important;}
.ksv25-actions button{min-height:54px!important;border-radius:17px!important;font-size:15px!important;}
.ksv25-actions .copy{color:#fff!important;background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;box-shadow:0 16px 42px rgba(99,102,241,.30)!important;}
.ksv25-actions .edit{color:#fff!important;background:linear-gradient(135deg,#0f766e,#2563eb)!important;}
.ksv25-actions .close{color:#e5e7eb!important;background:rgba(30,41,59,.88)!important;border:1px solid rgba(148,163,184,.18)!important;}
@media(max-width:720px){#orderViewModal.ksv25-view-open{align-items:flex-end!important;padding:8px!important}.order-view-card{border-radius:26px 26px 18px 18px!important}.ksv25-view{padding:16px!important}.ksv25-hero{grid-template-columns:1fr!important;padding:18px!important}.ksv25-hero-price{text-align:left!important}.ksv25-grid{grid-template-columns:1fr!important}.ksv25-actions{grid-template-columns:1fr!important}.ksv25-account-value{display:grid!important;gap:10px!important}}

/* v1.0.26 — Customer View Compact / Minimum Scroll UI */
body.ks-v1026-modal-open{overflow:hidden!important;}
#orderViewModal.ksv26-view-open{position:fixed!important;inset:0!important;z-index:27000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:18px!important;background:radial-gradient(circle at 15% 8%,rgba(59,130,246,.20),transparent 34%),radial-gradient(circle at 90% 0%,rgba(168,85,247,.18),transparent 32%),rgba(2,6,23,.78)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;}
#orderViewModal.ksv26-view-open.hidden{display:none!important;}
#orderViewModal.ksv26-view-open .order-view-card{width:min(1080px,97vw)!important;max-height:84dvh!important;overflow:auto!important;border-radius:30px!important;border:1px solid rgba(148,163,184,.18)!important;background:linear-gradient(180deg,rgba(10,15,31,.98),rgba(3,7,18,.98))!important;box-shadow:0 34px 110px rgba(0,0,0,.56),0 0 0 1px rgba(255,255,255,.035) inset!important;scrollbar-width:thin;}
#orderViewModal.ksv26-view-open .order-view-top{position:sticky!important;top:0!important;z-index:8!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:14px 18px!important;background:linear-gradient(180deg,rgba(7,11,24,.98),rgba(7,11,24,.92))!important;border-bottom:1px solid rgba(148,163,184,.14)!important;backdrop-filter:blur(12px)!important;}
#orderViewModal.ksv26-view-open .order-view-top h2{margin:0!important;color:#f8fafc!important;font-size:24px!important;line-height:1.05!important;font-weight:1000!important;letter-spacing:-.035em!important;}
#orderViewModal.ksv26-view-open .order-view-top p{margin:5px 0 0!important;color:#aebadd!important;font-size:13px!important;font-weight:850!important;}
#orderViewModal.ksv26-view-open .order-view-top button{width:44px!important;height:44px!important;min-width:44px!important;border-radius:16px!important;border:1px solid rgba(148,163,184,.18)!important;background:linear-gradient(135deg,rgba(30,41,59,.92),rgba(15,23,42,.94))!important;color:#fff!important;font-size:0!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 12px 28px rgba(0,0,0,.28)!important;}
#orderViewModal.ksv26-view-open .order-view-top button:before{content:'×'!important;font-size:30px!important;line-height:1!important;font-weight:1000!important;color:#f8fafc!important;}
.ksv26-view{padding:16px!important;display:grid!important;gap:12px!important;}
.ksv26-hero{position:relative!important;overflow:hidden!important;border-radius:24px!important;padding:16px!important;display:grid!important;grid-template-columns:1fr auto!important;gap:14px!important;align-items:center!important;border:1px solid rgba(45,212,191,.22)!important;background:linear-gradient(135deg,rgba(20,184,166,.16),rgba(37,99,235,.10),rgba(15,23,42,.62))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 50px rgba(0,0,0,.24)!important;}
.ksv26-hero:before{content:'';position:absolute;inset:-50%;background:radial-gradient(circle at 15% 20%,rgba(45,212,191,.18),transparent 25%),radial-gradient(circle at 92% 12%,rgba(139,92,246,.18),transparent 30%);pointer-events:none;}
.ksv26-hero-main,.ksv26-hero-price{position:relative;z-index:1;}
.ksv26-service-chip{display:inline-flex!important;align-items:center!important;gap:8px!important;border-radius:999px!important;border:1px solid rgba(125,211,252,.20)!important;background:rgba(15,23,42,.54)!important;color:#dbeafe!important;padding:7px 11px!important;font-size:12px!important;font-weight:950!important;margin-bottom:8px!important;}
.ksv26-service-icon{width:26px!important;height:26px!important;border-radius:9px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,rgba(59,130,246,.38),rgba(139,92,246,.36))!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;font-weight:1000!important;}
.ksv26-hero h3{margin:0!important;color:#fff!important;font-size:24px!important;line-height:1.08!important;font-weight:1000!important;letter-spacing:-.035em!important;}
.ksv26-hero p{margin:6px 0 0!important;color:#cbd5e1!important;font-size:13px!important;font-weight:850!important;}
.ksv26-hero-price{min-width:180px!important;text-align:right!important;}
.ksv26-hero-price b{display:block!important;color:#bbf7d0!important;font-size:24px!important;font-weight:1000!important;letter-spacing:-.03em!important;}
.ksv26-hero-price small{display:block!important;margin-top:4px!important;color:#9fb0d4!important;font-size:12px!important;font-weight:900!important;}
.ksv26-badges{margin-top:9px!important;display:flex!important;flex-wrap:wrap!important;gap:6px!important;}
.ksv26-badge{display:inline-flex!important;align-items:center!important;gap:6px!important;border-radius:999px!important;padding:6px 9px!important;font-size:11px!important;font-weight:950!important;border:1px solid rgba(148,163,184,.18)!important;background:rgba(15,23,42,.56)!important;color:#cbd5e1!important;}
.ksv26-badge.active{color:#bbf7d0!important;background:rgba(16,185,129,.14)!important;border-color:rgba(16,185,129,.28)!important;}
.ksv26-badge.expired{color:#fecaca!important;background:rgba(239,68,68,.14)!important;border-color:rgba(239,68,68,.30)!important;}
.ksv26-badge.expiring{color:#fde68a!important;background:rgba(245,158,11,.14)!important;border-color:rgba(245,158,11,.34)!important;}
.ksv26-badge.vip{color:#fde68a!important;background:rgba(245,158,11,.16)!important;border-color:rgba(245,158,11,.34)!important;}
.ksv26-layout{display:grid!important;grid-template-columns:1.1fr .9fr!important;gap:12px!important;align-items:start!important;}
.ksv26-panel{border-radius:22px!important;border:1px solid rgba(148,163,184,.14)!important;background:linear-gradient(180deg,rgba(15,23,42,.64),rgba(2,6,23,.50))!important;padding:14px!important;min-width:0!important;}
.ksv26-panel.full{grid-column:1/-1!important;}
.ksv26-panel-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:10px!important;}
.ksv26-title{display:flex!important;align-items:center!important;gap:9px!important;color:#fff!important;font-size:15px!important;font-weight:1000!important;letter-spacing:-.02em!important;}
.ksv26-title span{width:30px!important;height:30px!important;border-radius:12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,rgba(59,130,246,.55),rgba(139,92,246,.45))!important;border:1px solid rgba(255,255,255,.12)!important;}
.ksv26-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;}
.ksv26-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.ksv26-field{min-height:54px!important;border-radius:16px!important;border:1px solid rgba(148,163,184,.13)!important;background:rgba(8,13,28,.72)!important;padding:10px 12px!important;display:grid!important;gap:4px!important;align-content:center!important;overflow:hidden!important;}
.ksv26-field.wide{grid-column:1/-1!important;}
.ksv26-field label{margin:0!important;color:#96a4c2!important;text-transform:uppercase!important;letter-spacing:.10em!important;font-size:10px!important;font-weight:1000!important;}
.ksv26-field b{color:#f8fafc!important;font-size:14px!important;font-weight:950!important;line-height:1.25!important;word-break:break-word!important;white-space:normal!important;}
.ksv26-field .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;letter-spacing:.01em!important;}
.ksv26-account{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important;align-items:center!important;}
.ksv26-actions-mini{display:flex!important;gap:6px!important;flex-wrap:wrap!important;}
.ksv26-actions-mini button,.ksv26-actions button{border:0!important;outline:0!important;cursor:pointer!important;font-weight:1000!important;}
.ksv26-actions-mini button{border-radius:11px!important;padding:8px 10px!important;color:#fff!important;background:linear-gradient(135deg,#2563eb,#7c3aed)!important;box-shadow:0 10px 22px rgba(37,99,235,.20)!important;font-size:11px!important;}
.ksv26-actions-mini button.secondary{background:linear-gradient(135deg,rgba(30,41,59,.95),rgba(15,23,42,.98))!important;border:1px solid rgba(148,163,184,.15)!important;box-shadow:none!important;}
.ksv26-notes{border-radius:16px!important;border:1px solid rgba(148,163,184,.13)!important;background:rgba(8,13,28,.72)!important;padding:12px!important;color:#f8fafc!important;font-weight:850!important;line-height:1.45!important;white-space:pre-wrap!important;word-break:break-word!important;max-height:72px!important;overflow:auto!important;}
.ksv26-actions{position:sticky!important;bottom:0!important;z-index:6!important;display:grid!important;grid-template-columns:1.2fr 1fr 1fr!important;gap:10px!important;padding:12px!important;margin:0 -4px -4px!important;border-radius:22px!important;border:1px solid rgba(148,163,184,.13)!important;background:linear-gradient(180deg,rgba(2,6,23,.68),rgba(2,6,23,.94))!important;backdrop-filter:blur(14px)!important;}
.ksv26-actions button{min-height:48px!important;border-radius:16px!important;font-size:14px!important;}
.ksv26-actions .copy{color:#fff!important;background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;box-shadow:0 16px 42px rgba(99,102,241,.28)!important;}
.ksv26-actions .edit{color:#fff!important;background:linear-gradient(135deg,#0f766e,#2563eb)!important;}
.ksv26-actions .close{color:#e5e7eb!important;background:rgba(30,41,59,.88)!important;border:1px solid rgba(148,163,184,.18)!important;}
@media(max-width:980px){#orderViewModal.ksv26-view-open .order-view-card{width:96vw!important;max-height:88dvh!important}.ksv26-layout{grid-template-columns:1fr!important}.ksv26-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:720px){#orderViewModal.ksv26-view-open{align-items:flex-end!important;padding:8px!important}#orderViewModal.ksv26-view-open .order-view-card{border-radius:24px 24px 16px 16px!important;max-height:92dvh!important}.ksv26-view{padding:12px!important}.ksv26-hero{grid-template-columns:1fr!important;padding:14px!important}.ksv26-hero-price{text-align:left!important;min-width:0!important}.ksv26-grid,.ksv26-grid.three{grid-template-columns:1fr!important}.ksv26-actions{grid-template-columns:1fr!important}.ksv26-account{grid-template-columns:1fr!important}.ksv26-field{min-height:50px!important}.ksv26-panel{padding:12px!important}}


/* v1.0.27 — Expiry Alerts Premium Compact UI + Pagination */
#alerts .expiry-alerts-panel{
  padding:26px 28px !important;
  border-radius:28px !important;
  overflow:visible !important;
}
#alerts .expiry-alerts-head{
  margin-bottom:12px !important;
}
#alerts .expiry-alerts-head h1{
  font-size:28px !important;
  letter-spacing:-.03em !important;
}
#alerts #alertsCountText{
  color:#a8b3cf !important;
  -webkit-text-fill-color:#a8b3cf !important;
  font-size:15px !important;
  font-weight:800 !important;
  margin-top:6px !important;
}
#alerts .ks27-alert-summary{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
  margin:0 0 14px !important;
}
#alerts .ks27-alert-summary-card{
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:13px 15px !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,rgba(15,23,42,.86),rgba(5,12,35,.82)) !important;
  border:1px solid rgba(148,163,184,.15) !important;
  box-shadow:0 14px 30px rgba(2,6,23,.18), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
#alerts .ks27-alert-summary-card span{
  display:block !important;
  color:#9aa7c4 !important;
  -webkit-text-fill-color:#9aa7c4 !important;
  font-size:11px !important;
  font-weight:1000 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}
#alerts .ks27-alert-summary-card b{
  display:block !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  font-size:25px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  margin-top:4px !important;
}
#alerts .ks27-alert-summary-card i{
  width:38px !important;
  height:38px !important;
  border-radius:14px !important;
  display:grid !important;
  place-items:center !important;
  font-style:normal !important;
  background:rgba(59,130,246,.16) !important;
  border:1px solid rgba(96,165,250,.20) !important;
}
#alerts .ks27-alert-summary-card.expired i{background:rgba(239,68,68,.16)!important;border-color:rgba(248,113,113,.25)!important;}
#alerts .ks27-alert-summary-card.urgent i{background:rgba(245,158,11,.16)!important;border-color:rgba(251,191,36,.25)!important;}
#alerts .ks27-alert-summary-card.soon i{background:rgba(59,130,246,.16)!important;border-color:rgba(96,165,250,.25)!important;}
#alerts .expiry-alert-filter-bar{
  position:sticky !important;
  top:10px !important;
  z-index:5 !important;
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  flex-wrap:wrap !important;
  margin:0 0 14px !important;
  padding:9px !important;
  border-radius:20px !important;
  background:rgba(10,18,38,.78) !important;
  border:1px solid rgba(148,163,184,.14) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}
#alerts .expiry-alert-filter{
  min-height:36px !important;
  padding:0 14px !important;
  border-radius:999px !important;
  font-size:12px !important;
}
#alerts .ks27-alert-page-size{
  margin-left:auto !important;
  height:36px !important;
  min-width:124px !important;
  border-radius:999px !important;
  padding:0 36px 0 14px !important;
  color:#e5e7eb !important;
  -webkit-text-fill-color:#e5e7eb !important;
  background:rgba(15,23,42,.80) !important;
  border:1px solid rgba(148,163,184,.18) !important;
  font-weight:900 !important;
  outline:none !important;
}
#alerts .ks95-alert-list,
#alerts .ks27-alert-list{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  align-items:stretch !important;
}
#alerts .ks27-alert-card{
  position:relative !important;
  min-width:0 !important;
  display:grid !important;
  grid-template-columns:44px minmax(0,1fr) !important;
  gap:11px !important;
  padding:13px !important;
  border-radius:22px !important;
  min-height:168px !important;
  background:
    radial-gradient(circle at 0 0,rgba(59,130,246,.18),transparent 36%),
    linear-gradient(180deg,rgba(8,21,58,.95),rgba(5,12,35,.95)) !important;
  border:1px solid rgba(96,165,250,.22) !important;
  box-shadow:0 12px 26px rgba(2,6,23,.18), inset 0 1px 0 rgba(255,255,255,.05) !important;
  overflow:hidden !important;
}
#alerts .ks27-alert-card.expired{
  background:radial-gradient(circle at 0 0,rgba(239,68,68,.18),transparent 36%),linear-gradient(180deg,rgba(39,10,20,.95),rgba(5,12,35,.94)) !important;
  border-color:rgba(248,113,113,.36) !important;
}
#alerts .ks27-alert-card.urgent{
  background:radial-gradient(circle at 0 0,rgba(245,158,11,.20),transparent 36%),linear-gradient(180deg,rgba(39,27,9,.95),rgba(5,12,35,.94)) !important;
  border-color:rgba(251,191,36,.36) !important;
}
#alerts .ks27-alert-logoBox{
  width:44px !important;
  height:44px !important;
  border-radius:16px !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(15,23,42,.58) !important;
  border:1px solid rgba(148,163,184,.16) !important;
  overflow:hidden !important;
}
#alerts .ks27-alert-logoBox .service-logo-wrap{
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  border-radius:12px !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(255,255,255,.93) !important;
  overflow:hidden !important;
}
#alerts .ks27-alert-logoBox .service-logo-img{width:100%!important;height:100%!important;object-fit:contain!important;padding:4px!important;box-sizing:border-box!important;}
#alerts .ks27-alert-logoBox .service-logo-wrap.no-image{background:linear-gradient(135deg,#2563eb,#7c3aed)!important;}
#alerts .ks27-alert-logoBox .service-icon-fallback{color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:1000!important;font-size:17px!important;}
#alerts .ks27-alert-main{min-width:0!important;display:grid!important;gap:8px!important;}
#alerts .ks27-alert-top{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:8px!important;min-width:0!important;}
#alerts .ks27-alert-title{min-width:0!important;}
#alerts .ks27-alert-title strong{display:block!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:17px!important;line-height:1.05!important;font-weight:1000!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#alerts .ks27-alert-title b{display:block!important;color:#e2e8f0!important;-webkit-text-fill-color:#e2e8f0!important;font-size:12px!important;line-height:1.15!important;font-weight:900!important;margin-top:3px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#alerts .ks27-alert-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:25px!important;padding:0 9px!important;border-radius:999px!important;font-size:10.5px!important;font-weight:1000!important;white-space:nowrap!important;color:#fff!important;-webkit-text-fill-color:#fff!important;background:rgba(59,130,246,.22)!important;border:1px solid rgba(96,165,250,.30)!important;}
#alerts .ks27-alert-pill.expired{background:rgba(239,68,68,.24)!important;border-color:rgba(248,113,113,.35)!important;}
#alerts .ks27-alert-pill.urgent{background:rgba(245,158,11,.24)!important;border-color:rgba(251,191,36,.35)!important;}
#alerts .ks27-alert-service{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;padding:8px 10px!important;border-radius:14px!important;background:rgba(15,23,42,.48)!important;border:1px solid rgba(148,163,184,.12)!important;color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important;font-size:12px!important;line-height:1.15!important;font-weight:950!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#alerts .ks27-alert-mini-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;}
#alerts .ks27-alert-mini{min-width:0!important;padding:8px!important;border-radius:13px!important;background:rgba(15,23,42,.46)!important;border:1px solid rgba(148,163,184,.12)!important;}
#alerts .ks27-alert-mini span{display:block!important;color:#94a3b8!important;-webkit-text-fill-color:#94a3b8!important;font-size:9px!important;line-height:1!important;font-weight:1000!important;letter-spacing:.055em!important;text-transform:uppercase!important;margin-bottom:5px!important;}
#alerts .ks27-alert-mini b{display:block!important;color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important;font-size:11px!important;line-height:1.1!important;font-weight:1000!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#alerts .ks27-alert-actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin-top:2px!important;}
#alerts .ks27-alert-actions .row-action-btn{height:34px!important;min-height:34px!important;border-radius:13px!important;padding:0 7px!important;font-size:11px!important;font-weight:950!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;}
#alerts .ks27-alert-actions .row-action-btn.view::before{content:"👁";margin-right:4px;}
#alerts .ks27-alert-actions .row-action-btn.copy::before{content:"⧉";margin-right:4px;}
#alerts .ks27-alert-actions .row-action-btn.edit::before{content:"✎";margin-right:4px;}
#alerts .ks27-alert-pager{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;flex-wrap:wrap!important;margin-top:16px!important;padding:12px!important;border-radius:20px!important;background:rgba(15,23,42,.52)!important;border:1px solid rgba(148,163,184,.13)!important;}
#alerts .ks27-alert-page-btn{height:38px!important;padding:0 16px!important;border-radius:14px!important;border:1px solid rgba(148,163,184,.16)!important;background:rgba(15,23,42,.72)!important;color:#e5e7eb!important;-webkit-text-fill-color:#e5e7eb!important;font-weight:950!important;}
#alerts .ks27-alert-page-btn:not(:disabled){cursor:pointer!important;}
#alerts .ks27-alert-page-btn:not(:disabled):hover{background:linear-gradient(135deg,rgba(37,99,235,.70),rgba(124,58,237,.65))!important;border-color:rgba(165,180,252,.35)!important;}
#alerts .ks27-alert-page-btn:disabled{opacity:.42!important;cursor:not-allowed!important;}
#alerts .ks27-alert-page-info{color:#cbd5e1!important;-webkit-text-fill-color:#cbd5e1!important;font-size:13px!important;font-weight:950!important;}
@media(max-width:1180px){#alerts .ks27-alert-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;}#alerts .ks27-alert-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:767px){#alerts .expiry-alerts-panel{padding:18px 14px!important;border-radius:24px!important;}#alerts .ks27-alert-summary{grid-template-columns:1fr 1fr!important;gap:8px!important;}#alerts .expiry-alert-filter-bar{position:relative!important;top:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}#alerts .ks27-alert-page-size{grid-column:1/-1!important;width:100%!important;margin:0!important;}#alerts .ks27-alert-list{grid-template-columns:1fr!important;}#alerts .ks27-alert-card{min-height:0!important;}#alerts .ks27-alert-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
@media(max-width:430px){#alerts .ks27-alert-card{grid-template-columns:40px minmax(0,1fr)!important;padding:12px!important;}#alerts .ks27-alert-logoBox{width:40px!important;height:40px!important;}#alerts .ks27-alert-mini-grid{grid-template-columns:1fr!important;}#alerts .ks27-alert-actions{grid-template-columns:1fr!important;}#alerts .ks27-alert-summary{grid-template-columns:1fr!important;}}

/* v1.0.28 — Expiry Alert Cards Professional UI */
#alerts .ks28-alert-summary{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin:12px 0 14px!important;
}
#alerts .ks28-alert-summary-card{
  appearance:none!important;
  border:1px solid rgba(148,163,184,.16)!important;
  background:linear-gradient(180deg,rgba(15,23,42,.84),rgba(6,12,31,.82))!important;
  border-radius:20px!important;
  padding:13px 14px!important;
  min-height:76px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 40px!important;
  align-items:center!important;
  gap:10px!important;
  text-align:left!important;
  box-shadow:0 14px 30px rgba(2,6,23,.20), inset 0 1px 0 rgba(255,255,255,.05)!important;
  cursor:pointer!important;
}
#alerts .ks28-alert-summary-card span{display:block!important;color:#9aa7c4!important;-webkit-text-fill-color:#9aa7c4!important;font-size:11px!important;font-weight:1000!important;text-transform:uppercase!important;letter-spacing:.06em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#alerts .ks28-alert-summary-card b{display:block!important;color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important;font-size:28px!important;line-height:1!important;font-weight:1000!important;margin-top:5px!important;}
#alerts .ks28-alert-summary-card i{width:40px!important;height:40px!important;border-radius:14px!important;display:grid!important;place-items:center!important;font-style:normal!important;background:rgba(59,130,246,.15)!important;border:1px solid rgba(96,165,250,.22)!important;}
#alerts .ks28-alert-summary-card.active{border-color:rgba(129,140,248,.54)!important;box-shadow:0 18px 38px rgba(79,70,229,.18), inset 0 1px 0 rgba(255,255,255,.08)!important;}
#alerts .ks28-alert-summary-card.expired i{background:rgba(239,68,68,.16)!important;border-color:rgba(248,113,113,.28)!important;}
#alerts .ks28-alert-summary-card.urgent i{background:rgba(245,158,11,.16)!important;border-color:rgba(251,191,36,.28)!important;}
#alerts .ks28-alert-summary-card.soon i{background:rgba(59,130,246,.16)!important;border-color:rgba(96,165,250,.28)!important;}
#alerts .ks28-alert-filter-bar{
  position:sticky!important;
  top:10px!important;
  z-index:10!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  flex-wrap:wrap!important;
  margin:0 0 16px!important;
  padding:10px!important;
  border-radius:22px!important;
  background:rgba(8,14,34,.82)!important;
  border:1px solid rgba(148,163,184,.15)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
#alerts .ks28-filter-pill{
  height:38px!important;
  min-height:38px!important;
  padding:0 16px!important;
  border-radius:999px!important;
  background:rgba(15,23,42,.72)!important;
  border:1px solid rgba(148,163,184,.16)!important;
  color:#cbd5e1!important;
  -webkit-text-fill-color:#cbd5e1!important;
  font-size:12px!important;
  font-weight:1000!important;
  cursor:pointer!important;
}
#alerts .ks28-filter-pill.active{
  background:linear-gradient(135deg,#3b82f6,#7c3aed)!important;
  border-color:rgba(165,180,252,.55)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 12px 28px rgba(79,70,229,.25)!important;
}
#alerts .ks28-alert-page-size{
  margin-left:auto!important;
  height:38px!important;
  min-width:126px!important;
  border-radius:999px!important;
  padding:0 36px 0 14px!important;
  color:#e5e7eb!important;
  -webkit-text-fill-color:#e5e7eb!important;
  background:rgba(15,23,42,.80)!important;
  border:1px solid rgba(148,163,184,.18)!important;
  font-weight:950!important;
  outline:none!important;
}
#alerts .ks28-alert-list{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
}
#alerts .ks28-alert-card{
  min-width:0!important;
  position:relative!important;
  display:grid!important;
  gap:10px!important;
  padding:14px!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(8,19,48,.95),rgba(5,12,35,.94))!important;
  border:1px solid rgba(96,165,250,.24)!important;
  box-shadow:0 12px 28px rgba(2,6,23,.22), inset 0 1px 0 rgba(255,255,255,.055)!important;
  overflow:hidden!important;
}
#alerts .ks28-alert-card::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:rgba(96,165,250,.60);opacity:.85!important;}
#alerts .ks28-alert-card.expired{background:linear-gradient(180deg,rgba(45,12,25,.94),rgba(5,12,35,.94))!important;border-color:rgba(248,113,113,.34)!important;}
#alerts .ks28-alert-card.expired::before{background:linear-gradient(90deg,#ef4444,#fb7185)!important;}
#alerts .ks28-alert-card.urgent{background:linear-gradient(180deg,rgba(45,30,9,.94),rgba(5,12,35,.94))!important;border-color:rgba(251,191,36,.35)!important;}
#alerts .ks28-alert-card.urgent::before{background:linear-gradient(90deg,#f59e0b,#facc15)!important;}
#alerts .ks28-alert-card.soon{background:linear-gradient(180deg,rgba(8,25,66,.94),rgba(5,12,35,.94))!important;border-color:rgba(96,165,250,.34)!important;}
#alerts .ks28-alert-card.soon::before{background:linear-gradient(90deg,#2563eb,#38bdf8)!important;}
#alerts .ks28-alert-head{display:grid!important;grid-template-columns:46px minmax(0,1fr) auto!important;gap:11px!important;align-items:center!important;min-width:0!important;}
#alerts .ks28-alert-icon{width:46px!important;height:46px!important;border-radius:16px!important;display:grid!important;place-items:center!important;background:rgba(15,23,42,.62)!important;border:1px solid rgba(148,163,184,.15)!important;overflow:hidden!important;}
#alerts .ks28-alert-icon .service-logo-wrap{width:38px!important;height:38px!important;min-width:38px!important;border-radius:13px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.94)!important;overflow:hidden!important;}
#alerts .ks28-alert-icon .service-logo-img{width:100%!important;height:100%!important;object-fit:contain!important;padding:4px!important;box-sizing:border-box!important;}
#alerts .ks28-alert-icon .service-logo-wrap.no-image{background:linear-gradient(135deg,#2563eb,#7c3aed)!important;}
#alerts .ks28-alert-icon .service-icon-fallback{color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:1000!important;font-size:17px!important;}
#alerts .ks28-alert-identity{min-width:0!important;}
#alerts .ks28-alert-identity strong{display:block!important;color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important;font-size:20px!important;line-height:1.02!important;font-weight:1000!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#alerts .ks28-alert-identity span{display:block!important;color:#dbeafe!important;-webkit-text-fill-color:#dbeafe!important;font-size:12px!important;line-height:1.15!important;font-weight:900!important;margin-top:4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#alerts .ks28-alert-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:74px!important;height:28px!important;padding:0 10px!important;border-radius:999px!important;font-size:11px!important;font-weight:1000!important;white-space:nowrap!important;color:#fff!important;-webkit-text-fill-color:#fff!important;background:rgba(59,130,246,.22)!important;border:1px solid rgba(96,165,250,.30)!important;}
#alerts .ks28-alert-badge.expired{background:rgba(239,68,68,.22)!important;border-color:rgba(248,113,113,.38)!important;}
#alerts .ks28-alert-badge.urgent{background:rgba(245,158,11,.23)!important;border-color:rgba(251,191,36,.38)!important;}
#alerts .ks28-alert-badge.soon{background:rgba(37,99,235,.24)!important;border-color:rgba(96,165,250,.36)!important;}
#alerts .ks28-alert-service{min-width:0!important;display:block!important;padding:9px 11px!important;border-radius:14px!important;background:rgba(15,23,42,.50)!important;border:1px solid rgba(148,163,184,.12)!important;color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important;font-size:13px!important;line-height:1.18!important;font-weight:950!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#alerts .ks28-alert-meta{display:grid!important;grid-template-columns:1.15fr .9fr .95fr!important;gap:8px!important;}
#alerts .ks28-alert-meta div{min-width:0!important;padding:9px 10px!important;border-radius:14px!important;background:rgba(15,23,42,.45)!important;border:1px solid rgba(148,163,184,.12)!important;}
#alerts .ks28-alert-meta span{display:block!important;color:#94a3b8!important;-webkit-text-fill-color:#94a3b8!important;font-size:9px!important;line-height:1!important;font-weight:1000!important;text-transform:uppercase!important;letter-spacing:.06em!important;margin-bottom:6px!important;}
#alerts .ks28-alert-meta b{display:block!important;color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important;font-size:12px!important;line-height:1.1!important;font-weight:1000!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;}
#alerts .ks28-alert-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-top:1px!important;}
#alerts .ks28-alert-actions .row-action-btn{height:36px!important;min-height:36px!important;border-radius:13px!important;padding:0 8px!important;font-size:12px!important;font-weight:950!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;white-space:nowrap!important;}
#alerts .ks28-alert-actions .row-action-btn.view::before{content:"👁"!important;margin:0!important;}
#alerts .ks28-alert-actions .row-action-btn.copy::before{content:"⧉"!important;margin:0!important;}
#alerts .ks28-alert-actions .row-action-btn.edit::before{content:"✎"!important;margin:0!important;}
#alerts .ks28-alert-pager{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;flex-wrap:wrap!important;margin-top:16px!important;padding:12px!important;border-radius:20px!important;background:rgba(15,23,42,.52)!important;border:1px solid rgba(148,163,184,.13)!important;}
#alerts .ks28-page-btn{height:38px!important;padding:0 16px!important;border-radius:14px!important;border:1px solid rgba(148,163,184,.16)!important;background:rgba(15,23,42,.72)!important;color:#e5e7eb!important;-webkit-text-fill-color:#e5e7eb!important;font-weight:950!important;cursor:pointer!important;}
#alerts .ks28-page-btn:not(:disabled):hover{background:linear-gradient(135deg,rgba(37,99,235,.70),rgba(124,58,237,.65))!important;border-color:rgba(165,180,252,.35)!important;}
#alerts .ks28-page-btn:disabled{opacity:.42!important;cursor:not-allowed!important;}
#alerts .ks28-page-info{color:#cbd5e1!important;-webkit-text-fill-color:#cbd5e1!important;font-size:13px!important;font-weight:950!important;}
@media(max-width:1180px){#alerts .ks28-alert-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;}#alerts .ks28-alert-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:767px){#alerts .ks28-alert-summary{grid-template-columns:1fr 1fr!important;gap:8px!important;}#alerts .ks28-alert-filter-bar{position:relative!important;top:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}#alerts .ks28-alert-page-size{grid-column:1/-1!important;width:100%!important;margin:0!important;}#alerts .ks28-alert-list{grid-template-columns:1fr!important;}#alerts .ks28-alert-card{padding:13px!important;}#alerts .ks28-alert-meta{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
@media(max-width:430px){#alerts .ks28-alert-summary{grid-template-columns:1fr!important;}#alerts .ks28-alert-head{grid-template-columns:42px minmax(0,1fr)!important;}#alerts .ks28-alert-badge{grid-column:1/-1!important;justify-self:start!important;}#alerts .ks28-alert-meta{grid-template-columns:1fr!important;}#alerts .ks28-alert-actions{grid-template-columns:1fr!important;}#alerts .ks28-alert-icon{width:42px!important;height:42px!important;}}

/* v1.0.29 — Expiry Alert Buttons Premium Dark Fix */
#alerts .ks28-alert-actions{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:4px!important;
  padding-top:2px!important;
}
#alerts .ks28-alert-actions .row-action-btn,
#alerts .ks28-alert-actions .row-action-btn.view,
#alerts .ks28-alert-actions .row-action-btn.copy,
#alerts .ks28-alert-actions .row-action-btn.edit{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  width:100%!important;
  min-width:0!important;
  height:40px!important;
  min-height:40px!important;
  padding:0 12px!important;
  border-radius:14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  text-align:center!important;
  white-space:nowrap!important;
  font-size:12.5px!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:.01em!important;
  color:#f8fafc!important;
  -webkit-text-fill-color:#f8fafc!important;
  background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(2,6,23,.92))!important;
  border:1px solid rgba(148,163,184,.22)!important;
  box-shadow:0 10px 22px rgba(2,6,23,.30), inset 0 1px 0 rgba(255,255,255,.08)!important;
  text-shadow:none!important;
  transform:none!important;
}
#alerts .ks28-alert-actions .row-action-btn::before,
#alerts .ks28-alert-actions .row-action-btn::after{
  display:none!important;
  content:""!important;
  width:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  opacity:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#alerts .ks28-alert-actions .row-action-btn.view{
  border-color:rgba(96,165,250,.34)!important;
  background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(15,23,42,.88)),linear-gradient(135deg,rgba(59,130,246,.20),transparent)!important;
}
#alerts .ks28-alert-actions .row-action-btn.copy{
  border-color:rgba(45,212,191,.36)!important;
  background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(10,24,38,.90)),linear-gradient(135deg,rgba(20,184,166,.22),transparent)!important;
  color:#ccfbf1!important;
  -webkit-text-fill-color:#ccfbf1!important;
}
#alerts .ks28-alert-actions .row-action-btn.edit{
  border-color:rgba(251,191,36,.36)!important;
  background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(35,24,10,.90)),linear-gradient(135deg,rgba(245,158,11,.20),transparent)!important;
  color:#fde68a!important;
  -webkit-text-fill-color:#fde68a!important;
}
#alerts .ks28-alert-actions .row-action-btn:hover,
#alerts .ks28-alert-actions .row-action-btn:focus-visible{
  transform:translateY(-1px)!important;
  outline:none!important;
  border-color:rgba(255,255,255,.34)!important;
  box-shadow:0 14px 30px rgba(2,6,23,.40), inset 0 1px 0 rgba(255,255,255,.12)!important;
  filter:brightness(1.08)!important;
}
#alerts .ks28-alert-actions .row-action-btn:active{
  transform:translateY(0)!important;
  filter:brightness(.96)!important;
  box-shadow:0 6px 16px rgba(2,6,23,.32), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
#alerts .ks28-alert-card{padding-bottom:16px!important;}
@media(max-width:430px){
  #alerts .ks28-alert-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;}
  #alerts .ks28-alert-actions .row-action-btn{height:38px!important;font-size:11.5px!important;padding:0 8px!important;}
}

/* v1.0.30 — Expiry Alerts Action Buttons Fix + Premium Action Bar */
#alerts .ks30-alert-list{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}
#alerts .ks30-alert-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  min-width:0!important;
  min-height:0!important;
  padding:15px!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(10,17,34,.96),rgba(5,10,24,.94))!important;
  border:1px solid rgba(148,163,184,.18)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.05)!important;
  overflow:hidden!important;
}
#alerts .ks30-alert-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:radial-gradient(circle at 12% 0%,rgba(96,165,250,.16),transparent 34%), radial-gradient(circle at 100% 100%,rgba(124,58,237,.10),transparent 36%)!important;
}
#alerts .ks30-alert-card.expired{border-color:rgba(248,113,113,.42)!important;box-shadow:0 16px 36px rgba(0,0,0,.28),0 0 0 1px rgba(248,113,113,.05),inset 4px 0 0 rgba(248,113,113,.72)!important;}
#alerts .ks30-alert-card.urgent{border-color:rgba(251,191,36,.45)!important;box-shadow:0 16px 36px rgba(0,0,0,.28),0 0 0 1px rgba(251,191,36,.06),inset 4px 0 0 rgba(251,191,36,.76)!important;}
#alerts .ks30-alert-card.soon{border-color:rgba(96,165,250,.44)!important;box-shadow:0 16px 36px rgba(0,0,0,.28),0 0 0 1px rgba(96,165,250,.06),inset 4px 0 0 rgba(96,165,250,.72)!important;}
#alerts .ks30-alert-head{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
}
#alerts .ks30-alert-icon,
#alerts .ks30-alert-icon .service-logo-wrap{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  border-radius:15px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.94)!important;
  overflow:hidden!important;
}
#alerts .ks30-alert-icon .service-logo-img{width:100%!important;height:100%!important;object-fit:contain!important;padding:4px!important;box-sizing:border-box!important;}
#alerts .ks30-alert-icon .service-logo-wrap.no-image{background:linear-gradient(135deg,#2563eb,#7c3aed)!important;}
#alerts .ks30-alert-icon .service-icon-fallback{color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:1000!important;font-size:17px!important;}
#alerts .ks30-alert-identity{min-width:0!important;}
#alerts .ks30-alert-identity strong{display:block!important;color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important;font-size:20px!important;line-height:1!important;font-weight:1000!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#alerts .ks30-alert-identity span{display:block!important;color:#c7d2fe!important;-webkit-text-fill-color:#c7d2fe!important;font-size:12px!important;line-height:1.15!important;font-weight:850!important;margin-top:4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#alerts .ks30-alert-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:76px!important;height:30px!important;padding:0 12px!important;border-radius:999px!important;font-size:11px!important;font-weight:1000!important;white-space:nowrap!important;color:#fff!important;-webkit-text-fill-color:#fff!important;background:rgba(59,130,246,.20)!important;border:1px solid rgba(96,165,250,.30)!important;}
#alerts .ks30-alert-badge.expired{background:rgba(239,68,68,.24)!important;border-color:rgba(248,113,113,.42)!important;}
#alerts .ks30-alert-badge.urgent{background:rgba(245,158,11,.25)!important;border-color:rgba(251,191,36,.42)!important;}
#alerts .ks30-alert-badge.soon{background:rgba(37,99,235,.24)!important;border-color:rgba(96,165,250,.40)!important;}
#alerts .ks30-alert-service{position:relative!important;z-index:1!important;min-width:0!important;padding:10px 12px!important;border-radius:15px!important;background:rgba(15,23,42,.58)!important;border:1px solid rgba(148,163,184,.14)!important;color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important;font-size:13px!important;line-height:1.15!important;font-weight:950!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#alerts .ks30-alert-meta{position:relative!important;z-index:1!important;display:grid!important;grid-template-columns:1.12fr .92fr .96fr!important;gap:8px!important;}
#alerts .ks30-alert-meta div{min-width:0!important;padding:9px 10px!important;border-radius:15px!important;background:rgba(15,23,42,.50)!important;border:1px solid rgba(148,163,184,.13)!important;}
#alerts .ks30-alert-meta span{display:block!important;color:#93a4c8!important;-webkit-text-fill-color:#93a4c8!important;font-size:9px!important;line-height:1!important;font-weight:1000!important;text-transform:uppercase!important;letter-spacing:.07em!important;margin-bottom:6px!important;}
#alerts .ks30-alert-meta b{display:block!important;color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important;font-size:12px!important;line-height:1.1!important;font-weight:1000!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;}
#alerts .ks30-alert-actions{position:relative!important;z-index:3!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;margin-top:auto!important;padding-top:2px!important;}
#alerts .ks30-alert-btn,
#alerts button.ks30-alert-btn,
#alerts .ks30-alert-actions button.ks30-alert-btn{
  appearance:none!important;
  -webkit-appearance:none!important;
  cursor:pointer!important;
  user-select:none!important;
  pointer-events:auto!important;
  width:100%!important;
  min-width:0!important;
  height:40px!important;
  min-height:40px!important;
  padding:0 10px!important;
  border-radius:14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  font-size:12.5px!important;
  font-weight:1000!important;
  letter-spacing:.01em!important;
  line-height:1!important;
  color:#f8fafc!important;
  -webkit-text-fill-color:#f8fafc!important;
  background:linear-gradient(180deg,rgba(30,41,59,.96),rgba(15,23,42,.95))!important;
  border:1px solid rgba(148,163,184,.24)!important;
  box-shadow:0 10px 22px rgba(2,6,23,.30), inset 0 1px 0 rgba(255,255,255,.08)!important;
  text-shadow:none!important;
}
#alerts .ks30-alert-btn::before{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:18px!important;height:18px!important;border-radius:8px!important;font-size:12px!important;line-height:1!important;opacity:.95!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.08)!important;}
#alerts .ks30-alert-btn.view::before{content:"👁"!important;}
#alerts .ks30-alert-btn.copy::before{content:"⧉"!important;}
#alerts .ks30-alert-btn.edit::before{content:"✎"!important;}
#alerts .ks30-alert-btn.copy{color:#ccfbf1!important;-webkit-text-fill-color:#ccfbf1!important;border-color:rgba(45,212,191,.38)!important;background:linear-gradient(180deg,rgba(15,118,110,.36),rgba(15,23,42,.96))!important;}
#alerts .ks30-alert-btn.edit{color:#fde68a!important;-webkit-text-fill-color:#fde68a!important;border-color:rgba(251,191,36,.38)!important;background:linear-gradient(180deg,rgba(146,64,14,.34),rgba(15,23,42,.96))!important;}
#alerts .ks30-alert-btn:hover,
#alerts .ks30-alert-btn:focus-visible{outline:none!important;transform:translateY(-1px)!important;border-color:rgba(255,255,255,.36)!important;filter:brightness(1.08)!important;box-shadow:0 14px 30px rgba(2,6,23,.40), inset 0 1px 0 rgba(255,255,255,.12)!important;}
#alerts .ks30-alert-btn:active{transform:translateY(0)!important;filter:brightness(.96)!important;}
@media(max-width:1180px){#alerts .ks30-alert-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:767px){#alerts .ks30-alert-list{grid-template-columns:1fr!important;}#alerts .ks30-alert-card{padding:14px!important;}#alerts .ks30-alert-meta{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
@media(max-width:430px){#alerts .ks30-alert-head{grid-template-columns:42px minmax(0,1fr)!important;}#alerts .ks30-alert-badge{grid-column:1/-1!important;justify-self:start!important;}#alerts .ks30-alert-meta{grid-template-columns:1fr!important;}#alerts .ks30-alert-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;}#alerts .ks30-alert-btn{height:38px!important;font-size:11.5px!important;padding:0 7px!important;}}


/* v1.0.31 — Orders Trash Premium UI */
#trash .orders-trash-panel.ks131-orders-trash-panel{
  background: radial-gradient(circle at top right, rgba(99,102,241,.13), transparent 32%), rgba(15,23,42,.72) !important;
  border: 1px solid rgba(148,163,184,.14) !important;
  border-radius: 28px !important;
  padding: 28px !important;
}
#trash .ks131-trash-intro{
  display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;
}
#trash .ks131-trash-titlebox{display:flex;align-items:center;gap:14px;min-width:0}
#trash .ks131-trash-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(79,70,229,.32),rgba(15,23,42,.92));border:1px solid rgba(129,140,248,.25);box-shadow:0 18px 38px rgba(79,70,229,.14)}
#trash .ks131-trash-titlebox h2{margin:0;color:#f8fafc;font-size:28px;line-height:1;font-weight:1000;letter-spacing:-.03em}
#trash .ks131-trash-titlebox p{margin:7px 0 0;color:#94a3b8;font-weight:750}
#trash .ks131-back-orders{min-height:44px;padding:0 18px;border-radius:16px;border:1px solid rgba(59,130,246,.28);background:linear-gradient(135deg,rgba(37,99,235,.22),rgba(15,23,42,.74));color:#dbeafe;font-weight:950;cursor:pointer}
#trash .ks131-trash-controls{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:12px;margin:14px 0}
#trash .ks131-trash-search{min-height:52px;border-radius:18px;background:rgba(2,6,23,.42);border:1px solid rgba(148,163,184,.14);display:flex;align-items:center;gap:10px;padding:0 14px}
#trash .ks131-trash-search input{width:100%;border:0!important;outline:0!important;background:transparent!important;color:#f8fafc!important;font-weight:850!important;font-size:14px!important}
#trash .ks131-trash-search input::placeholder{color:#64748b}
#trash #ks131TrashLimit{min-height:52px;border-radius:18px;border:1px solid rgba(148,163,184,.14);background:rgba(15,23,42,.78);color:#e5e7eb;font-weight:950;padding:0 14px}
#trash .ks131-trash-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 18px}
#trash .ks131-stat-card{min-height:86px;text-align:left;border:1px solid rgba(148,163,184,.14);border-radius:22px;background:linear-gradient(180deg,rgba(30,41,59,.78),rgba(15,23,42,.82));padding:16px;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
#trash .ks131-stat-card span{display:block;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:950}
#trash .ks131-stat-card b{display:block;margin-top:8px;color:#f8fafc;font-size:28px;line-height:1;font-weight:1000}
#trash .ks131-bulkbar{padding:10px!important;border-radius:22px!important;background:rgba(2,6,23,.30)!important;border:1px solid rgba(148,163,184,.12)!important;display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}
#trash .ks131-bulk-status{height:46px;border-radius:16px;display:flex;align-items:center;gap:10px;padding:0 16px;background:rgba(15,23,42,.76);border:1px solid rgba(148,163,184,.14);color:#cbd5e1;font-weight:900}
#trash .ks131-bulk-status b{color:#f8fafc;font-size:20px}
#trash .ks131-bulk-btn{min-height:46px;border-radius:16px;border:1px solid rgba(148,163,184,.18);padding:0 18px;background:linear-gradient(135deg,rgba(30,41,59,.92),rgba(15,23,42,.92));color:#e5e7eb;font-weight:1000;cursor:pointer;box-shadow:0 12px 28px rgba(2,6,23,.18),inset 0 1px 0 rgba(255,255,255,.05)}
#trash .ks131-bulk-btn.restore{background:linear-gradient(135deg,rgba(22,163,74,.62),rgba(16,185,129,.26));color:#dcfce7;border-color:rgba(74,222,128,.38)}
#trash .ks131-bulk-btn.delete{background:linear-gradient(135deg,rgba(220,38,38,.66),rgba(244,63,94,.26));color:#fee2e2;border-color:rgba(248,113,113,.44)}
#trash .orders-trash-wrap table thead{display:none!important}
#trash .orders-trash-wrap table,#trash .orders-trash-wrap tbody{display:block!important;width:100%!important}
#trash .orders-trash-wrap tr{display:block!important}
#trash .orders-trash-wrap td{display:block!important;width:100%!important;padding:0!important;border:0!important;background:transparent!important}
#trashBody .ks131-service-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;border-radius:24px;padding:16px;margin:8px 0;border:1px solid rgba(99,102,241,.28);background:linear-gradient(135deg,rgba(30,41,59,.86),rgba(30,27,75,.70));color:#fff;cursor:pointer;text-align:left;box-shadow:0 16px 38px rgba(2,6,23,.20),inset 0 1px 0 rgba(255,255,255,.05)}
#trashBody .ks131-service-head.is-open{border-color:rgba(129,140,248,.58);background:linear-gradient(135deg,rgba(67,56,202,.40),rgba(15,23,42,.95));box-shadow:0 20px 46px rgba(79,70,229,.18)}
#trashBody .ks131-service-main{display:flex;align-items:center;gap:13px;min-width:0}
#trashBody .ks131-service-icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;overflow:hidden;background:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.16);flex:0 0 auto}
#trashBody .ks131-service-main strong{display:block;max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:18px;line-height:1.1;font-weight:1000}
#trashBody .ks131-service-main small{display:block;margin-top:5px;color:#94a3b8;font-size:12px;font-weight:850}
#trashBody .ks131-service-meta{display:flex;align-items:center;gap:10px;color:#c4b5fd;font-size:12px;font-weight:950;white-space:nowrap}
#trashBody .ks131-service-meta em{font-style:normal;width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:rgba(129,140,248,.20);color:#fff}
#trashBody .ks131-trash-card{margin:10px 0 14px;padding:16px;border-radius:24px;background:radial-gradient(circle at 0 0,rgba(59,130,246,.13),transparent 34%),linear-gradient(180deg,rgba(15,23,42,.94),rgba(8,13,26,.96));border:1px solid rgba(148,163,184,.16);box-shadow:0 16px 38px rgba(2,6,23,.24),inset 0 1px 0 rgba(255,255,255,.05)}
#trashBody .ks131-order-head{display:grid;grid-template-columns:40px 58px minmax(0,1fr) auto;gap:12px;align-items:center;margin-bottom:12px}
#trashBody .ks131-trash-select{width:36px;height:36px;border-radius:14px;border:2px solid rgba(148,163,184,.36);background:rgba(2,6,23,.40);display:grid;place-items:center;cursor:pointer;padding:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
#trashBody .ks131-trash-select.is-selected{background:linear-gradient(135deg,#22c55e,#3b82f6);border-color:rgba(147,197,253,.82);box-shadow:0 0 0 4px rgba(59,130,246,.16),0 12px 24px rgba(34,197,94,.18)}
#trashBody .ks131-trash-select.is-selected span:before{content:'✓';color:#fff;font-weight:1000;font-size:18px}
#trashBody .ks131-trash-check{display:none!important}
#trashBody .ks131-order-avatar{width:58px;height:58px;border-radius:19px;display:grid;place-items:center;background:rgba(15,23,42,.66);border:1px solid rgba(148,163,184,.16);overflow:hidden}
#trashBody .ks131-order-avatar .service-logo-wrap,#trashBody .ks131-service-icon .service-logo-wrap{width:44px!important;height:44px!important;min-width:44px!important;border-radius:15px!important;overflow:hidden;background:#fff!important}
#trashBody .ks131-order-avatar .service-logo-img,#trashBody .ks131-service-icon .service-logo-img{width:100%!important;height:100%!important;object-fit:contain!important;padding:5px!important;box-sizing:border-box!important}
#trashBody .ks131-fallback-logo{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-weight:1000}
#trashBody .ks131-order-title{min-width:0}
#trashBody .ks131-order-title b{display:block;color:#f8fafc;font-size:18px;line-height:1.1;font-weight:1000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#trashBody .ks131-order-title span{display:block;margin-top:5px;color:#94a3b8;font-size:12px;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#trashBody .ks131-order-price{color:#bbf7d0;font-weight:1000;font-size:16px;white-space:nowrap}
#trashBody .ks131-info-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:12px 0}
#trashBody .ks131-info-grid div{min-width:0;padding:11px;border-radius:16px;background:rgba(2,6,23,.28);border:1px solid rgba(148,163,184,.09)}
#trashBody .ks131-info-grid span{display:block;color:#94a3b8;text-transform:uppercase;letter-spacing:.07em;font-size:10px;font-weight:950;margin-bottom:6px}
#trashBody .ks131-info-grid b{display:block;color:#f8fafc;font-size:13px;font-weight:950;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#trashBody .ks131-actionbar{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:10px;margin-top:12px}
#trashBody .ks131-action{min-height:46px;border-radius:16px;border:1px solid rgba(148,163,184,.14);font-weight:1000;cursor:pointer;color:#fff;box-shadow:0 12px 26px rgba(2,6,23,.20),inset 0 1px 0 rgba(255,255,255,.08)}
#trashBody .ks131-action.view{background:linear-gradient(135deg,#2563eb,#1d4ed8)}
#trashBody .ks131-action.restore{background:linear-gradient(135deg,#16a34a,#059669)}
#trashBody .ks131-action.delete{background:linear-gradient(135deg,#dc2626,#e11d48)}
#trashBody .ks131-empty{padding:34px 20px;border-radius:24px;text-align:center;color:#cbd5e1;background:rgba(15,23,42,.66);border:1px dashed rgba(148,163,184,.22)}
#trashBody .ks131-empty div{font-size:36px}#trashBody .ks131-empty h3{margin:8px 0 4px;color:#f8fafc;font-size:22px}#trashBody .ks131-empty p{margin:0 0 16px;color:#94a3b8}#trashBody .ks131-empty button{min-height:42px;padding:0 18px;border-radius:14px;border:1px solid rgba(59,130,246,.28);background:rgba(37,99,235,.22);color:#dbeafe;font-weight:950}
#trashBody .ks131-pager{display:flex;align-items:center;justify-content:center;gap:12px;margin:14px 0 0;padding:14px;border-radius:20px;background:rgba(15,23,42,.66);border:1px solid rgba(148,163,184,.12)}
#trashBody .ks131-pager button{min-height:40px;padding:0 14px;border-radius:14px;border:1px solid rgba(148,163,184,.15);background:rgba(30,41,59,.70);color:#e5e7eb;font-weight:950}#trashBody .ks131-pager button:disabled{opacity:.45}#trashBody .ks131-pager span{color:#cbd5e1;font-weight:850}
@media (max-width:1000px){#trashBody .ks131-info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){#trash .orders-trash-panel.ks131-orders-trash-panel{padding:18px!important;border-radius:22px!important}#trash .ks131-trash-intro{align-items:flex-start;flex-direction:column}#trash .ks131-trash-controls{grid-template-columns:1fr}#trash .ks131-trash-stats{grid-template-columns:1fr}#trash .ks131-bulkbar{display:grid!important;grid-template-columns:1fr!important}#trash .ks131-bulk-status,#trash .ks131-bulk-btn{width:100%;justify-content:center}#trashBody .ks131-service-head{border-radius:20px;padding:14px}#trashBody .ks131-order-head{grid-template-columns:38px 50px minmax(0,1fr);align-items:start}#trashBody .ks131-order-price{grid-column:1/-1;justify-self:end}#trashBody .ks131-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#trashBody .ks131-actionbar{grid-template-columns:1fr}#trashBody .ks131-pager{flex-direction:column}}

/* v1.0.32 — Orders Trash duplicate restore button cleanup */
#trash #trashRestoreSelectedBtn,
#trash .trash-tool-btn.restore-selected{
  display:none!important;
}
#trash .ks131-bulkbar{
  align-items:center!important;
}
#trash .ks131-bulk-btn.restore{
  white-space:nowrap!important;
}

/* v1.0.33 — Orders Trash button consistency */
#trashBody .ks131-actionbar{
  display:grid!important;
  grid-template-columns:1fr 1.15fr 1fr!important;
  gap:10px!important;
  margin-top:12px!important;
}
#trashBody .ks131-action{
  height:46px!important;
  min-height:46px!important;
  border-radius:16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font-size:14px!important;
  letter-spacing:.01em!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:0 14px 30px rgba(2,6,23,.22), inset 0 1px 0 rgba(255,255,255,.11)!important;
  transition:transform .16s ease, filter .16s ease, box-shadow .16s ease!important;
}
#trashBody .ks131-action:hover{transform:translateY(-1px);filter:brightness(1.06)}
#trashBody .ks131-action:active{transform:translateY(1px) scale(.99)}
#trashBody .ks131-action.view{background:linear-gradient(135deg,#2563eb 0%,#3b82f6 50%,#1d4ed8 100%)!important;}
#trashBody .ks131-action.restore{background:linear-gradient(135deg,#16a34a 0%,#22c55e 48%,#059669 100%)!important;}
#trashBody .ks131-action.delete{background:linear-gradient(135deg,#dc2626 0%,#ef4444 45%,#e11d48 100%)!important;}
@media (max-width:700px){#trashBody .ks131-actionbar{grid-template-columns:1fr!important}}

/* ===== v1.0.34 — Stock Accounts Premium Compact UI ===== */
#stock.stock-v1034 .panel-head{align-items:flex-start;gap:18px}
#stock.stock-v1034 #stockLoadedText{font-weight:800;color:#aebaf7;letter-spacing:.01em}
#stock.stock-v1034 .stock-alert-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:18px}
#stock.stock-v1034 .stock-alert-card{min-height:82px;border-radius:22px;background:linear-gradient(180deg,rgba(22,32,55,.86),rgba(7,12,27,.92));border:1px solid rgba(129,140,248,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 38px rgba(0,0,0,.18)}
#stock.stock-v1034 .stock-alert-card span{font-size:11px;letter-spacing:.13em;color:#aebaf7;text-transform:uppercase;font-weight:950}
#stock.stock-v1034 .stock-alert-card b{font-size:28px;line-height:1;color:#fff}
#stock.stock-v1034 .stock-alert-card.active,#stock.stock-v1034 .stock-alert-card:hover{border-color:rgba(96,165,250,.48);box-shadow:0 0 0 1px rgba(59,130,246,.12),0 16px 36px rgba(37,99,235,.16)}
#stock.stock-v1034 .stock-alert-list{margin:12px 0 14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#stock.stock-v1034 .stock-alert-item{min-height:54px;border-radius:18px;padding:11px 14px;background:linear-gradient(135deg,rgba(68,48,18,.52),rgba(8,13,29,.9));border:1px solid rgba(245,158,11,.35);display:flex;align-items:center;justify-content:space-between;gap:10px}
#stock.stock-v1034 .stock-alert-item b{display:flex;align-items:center;gap:8px;min-width:0}
#stock.stock-v1034 .stock-alert-item span{font-size:12px;font-weight:900;color:#f8d48a;white-space:nowrap}
#stock.stock-v1034 .stock-one-form{margin:12px 0 16px!important;padding:8px!important;border-radius:22px!important;background:linear-gradient(135deg,rgba(2,6,23,.74),rgba(8,20,39,.76))!important;border:1px solid rgba(45,212,191,.16)!important}
#stock.stock-v1034 .ks-l53-stock-form-tabs{margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;grid-template-columns:1fr 1fr!important}
#stock.stock-v1034 .ks-l53-stock-form-tabs button{min-height:60px!important;border-radius:16px!important;background:linear-gradient(180deg,rgba(21,32,55,.82),rgba(9,15,31,.9))!important;border:1px solid rgba(148,163,184,.16)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;color:#eaf2ff!important;gap:4px!important}
#stock.stock-v1034 .ks-l53-stock-form-tabs button span{font-size:14px;font-weight:1000}
#stock.stock-v1034 .ks-l53-stock-form-tabs button small{font-size:11px!important;color:#96a6c8!important;opacity:1!important}
#stock.stock-v1034 .ks-l53-stock-form-tabs button.active,#stock.stock-v1034 .ks-l53-stock-form-tabs button[aria-expanded="true"]{background:linear-gradient(135deg,#2563eb,#7c3aed)!important;border-color:rgba(167,139,250,.48)!important;box-shadow:0 18px 32px rgba(59,130,246,.18)!important}
#stock.stock-v1034 #stockBulkToolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 14px;padding:10px;border-radius:20px;background:linear-gradient(135deg,rgba(15,23,42,.78),rgba(2,6,23,.78));border:1px solid rgba(96,165,250,.14);width:max-content;max-width:100%}
#stock.stock-v1034 #stockBulkToolbar .stock-selected-count103{height:44px;min-width:142px;padding:0 18px;border-radius:15px;background:rgba(15,23,42,.86);border:1px solid rgba(148,163,184,.17);display:flex;align-items:center;justify-content:center;gap:9px;color:#dbeafe;font-size:13px;font-weight:950;letter-spacing:.01em}
#stock.stock-v1034 #stockBulkToolbar .stock-selected-count103 span{font-size:22px;color:#fff;line-height:1}
#stock.stock-v1034 #stockBulkToolbar .trash-tool-btn{height:44px!important;min-height:44px!important;border-radius:15px!important;padding:0 18px!important;text-transform:none!important;letter-spacing:.02em!important;font-size:12px!important;font-weight:1000!important;background:linear-gradient(180deg,rgba(30,41,59,.92),rgba(15,23,42,.94))!important;border:1px solid rgba(148,163,184,.16)!important;color:#e5edff!important;box-shadow:none!important}
#stock.stock-v1034 #stockBulkToolbar .trash-tool-btn:not(:disabled):hover{transform:translateY(-1px);border-color:rgba(96,165,250,.42)!important}
#stock.stock-v1034 #stockBulkToolbar .trash-tool-btn.danger{background:linear-gradient(135deg,rgba(127,29,29,.82),rgba(76,29,29,.92))!important;border-color:rgba(248,113,113,.32)!important;color:#fecaca!important}
#stock.stock-v1034 #stockBulkToolbar .trash-tool-btn:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.5)}
#stock.stock-v1034 .filters{display:grid!important;grid-template-columns:1fr 190px 170px!important;gap:10px!important;align-items:center!important;margin:12px 0 14px!important;padding:10px!important;border-radius:22px!important;background:linear-gradient(135deg,rgba(15,23,42,.72),rgba(2,6,23,.72))!important;border:1px solid rgba(96,165,250,.16)!important}
#stock.stock-v1034 .filters input,#stock.stock-v1034 .filters select{height:48px!important;border-radius:16px!important;background:rgba(8,13,29,.9)!important;border:1px solid rgba(96,165,250,.22)!important;color:#eaf2ff!important;font-weight:850!important}
#stock.stock-v1034 .filters input:focus,#stock.stock-v1034 .filters select:focus{border-color:rgba(34,211,238,.5)!important;box-shadow:0 0 0 3px rgba(34,211,238,.08)!important;outline:0!important}
#stock.stock-v1034 .table-wrap{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
#stock.stock-v1034 table,#stock.stock-v1034 thead{display:block!important;width:100%!important}
#stock.stock-v1034 thead{display:none!important}
#stock.stock-v1034 tbody{display:block!important;width:100%!important}
#stock.stock-v1034 tr.ks134-stock-service-row{display:block!important;margin:0 0 12px!important}
#stock.stock-v1034 tr.ks134-stock-service-row td{display:block!important;padding:0!important;border:0!important;width:100%!important}
#stock.stock-v1034 .ks134-stock-group{border-radius:22px;border:1px solid rgba(96,165,250,.22);background:linear-gradient(135deg,rgba(7,16,38,.93),rgba(15,23,42,.88));box-shadow:0 18px 38px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden}
#stock.stock-v1034 .ks134-stock-group.warn{border-color:rgba(245,158,11,.42);background:linear-gradient(135deg,rgba(68,48,18,.62),rgba(8,13,29,.92))}
#stock.stock-v1034 .ks134-stock-group.danger{border-color:rgba(248,113,113,.44);background:linear-gradient(135deg,rgba(69,10,10,.6),rgba(8,13,29,.92))}
#stock.stock-v1034 .ks134-stock-group.open{box-shadow:0 20px 45px rgba(0,0,0,.28),0 0 0 1px rgba(59,130,246,.08)}
#stock.stock-v1034 .ks134-service-head{width:100%;min-height:76px;border:0;background:linear-gradient(90deg,rgba(37,99,235,.28),rgba(124,58,237,.18),rgba(2,6,23,.16));display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 14px;cursor:pointer;text-align:left;color:#fff}
#stock.stock-v1034 .ks134-service-left{display:flex;align-items:center;gap:14px;min-width:0}
#stock.stock-v1034 .ks134-service-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 22px rgba(0,0,0,.18);flex:0 0 auto;overflow:hidden}
#stock.stock-v1034 .ks134-service-icon .service-logo-wrap,#stock.stock-v1034 .ks134-service-icon img{width:100%;height:100%;object-fit:cover}
#stock.stock-v1034 .ks134-service-title{min-width:0;display:flex;flex-direction:column;gap:4px}
#stock.stock-v1034 .ks134-service-title strong{font-size:20px;line-height:1.05;font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}
#stock.stock-v1034 .ks134-service-title span{font-size:12px;color:#b9c5ef;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#stock.stock-v1034 .ks134-service-right{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}
#stock.stock-v1034 .ks134-pill{min-height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0 13px;font-size:12px;font-weight:1000;border:1px solid rgba(74,222,128,.28);background:rgba(16,185,129,.15);color:#a7f3d0;white-space:nowrap}
#stock.stock-v1034 .ks134-pill.warn{background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.32);color:#fde68a}
#stock.stock-v1034 .ks134-pill.danger{background:rgba(239,68,68,.15);border-color:rgba(248,113,113,.32);color:#fecaca}
#stock.stock-v1034 .ks134-service-action{height:36px;border-radius:12px;border:1px solid rgba(148,163,184,.16);background:rgba(15,23,42,.68);color:#e5edff;font-weight:1000;font-size:12px;padding:0 12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
#stock.stock-v1034 .ks134-service-action.primary{background:linear-gradient(135deg,#2563eb,#7c3aed);border-color:rgba(167,139,250,.36)}
#stock.stock-v1034 .ks134-service-action.green{background:linear-gradient(135deg,#059669,#0f766e);border-color:rgba(52,211,153,.34)}
#stock.stock-v1034 .ks134-service-action:disabled{opacity:.42;cursor:not-allowed}
#stock.stock-v1034 .ks134-stock-list{padding:12px;display:grid;gap:10px;background:rgba(2,6,23,.24);border-top:1px solid rgba(148,163,184,.09)}
#stock.stock-v1034 .ks134-account-card{display:grid;grid-template-columns:auto 48px minmax(0,1fr) auto;gap:12px;align-items:center;border-radius:18px;padding:12px;background:linear-gradient(180deg,rgba(15,23,42,.9),rgba(8,13,29,.94));border:1px solid rgba(96,165,250,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
#stock.stock-v1034 .ks134-account-check{display:flex;align-items:center;justify-content:center}
#stock.stock-v1034 .ks134-account-check input{position:absolute;opacity:0;pointer-events:none}
#stock.stock-v1034 .ks134-check-ui{width:34px;height:34px;border-radius:12px;border:2px solid rgba(148,163,184,.28);background:rgba(15,23,42,.82);display:grid;place-items:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
#stock.stock-v1034 .ks134-account-check input:checked + .ks134-check-ui{background:linear-gradient(135deg,#22c55e,#06b6d4);border-color:rgba(103,232,249,.55)}
#stock.stock-v1034 .ks134-account-check input:checked + .ks134-check-ui:after{content:'✓';font-weight:1000;color:#fff;font-size:18px}
#stock.stock-v1034 .ks134-account-logo{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;overflow:hidden;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11)}
#stock.stock-v1034 .ks134-account-logo .service-logo-wrap,#stock.stock-v1034 .ks134-account-logo img{width:100%;height:100%;object-fit:cover}
#stock.stock-v1034 .ks134-account-main{min-width:0;display:flex;flex-direction:column;gap:6px}
#stock.stock-v1034 .ks134-account-main strong{font-size:15px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em}
#stock.stock-v1034 .ks134-account-main span{font-size:12px;color:#aab8dc;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#stock.stock-v1034 .ks134-account-main code{font-family:inherit;color:#dbeafe;background:rgba(59,130,246,.08);border:1px solid rgba(96,165,250,.12);border-radius:999px;padding:4px 9px;font-size:12px;font-weight:900;width:max-content;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#stock.stock-v1034 .ks134-account-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:1px}
#stock.stock-v1034 .ks134-meta-pill{min-height:28px;display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:0 9px;background:rgba(15,23,42,.78);border:1px solid rgba(148,163,184,.13);font-size:11px;font-weight:950;color:#cbd5e1;white-space:nowrap}
#stock.stock-v1034 .ks134-meta-pill.available{color:#bbf7d0;border-color:rgba(74,222,128,.24);background:rgba(22,163,74,.1)}
#stock.stock-v1034 .ks134-meta-pill.sold{color:#fecaca;border-color:rgba(248,113,113,.25);background:rgba(127,29,29,.14)}
#stock.stock-v1034 .ks134-account-actions{display:flex;align-items:center;gap:7px;justify-content:flex-end;flex-wrap:wrap}
#stock.stock-v1034 .ks134-account-actions .ks134-btn{height:36px;border-radius:12px;border:1px solid rgba(148,163,184,.16);background:rgba(30,41,59,.8);color:#dbeafe;font-size:12px;font-weight:1000;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;min-width:64px}
#stock.stock-v1034 .ks134-account-actions .ks134-btn.use{background:linear-gradient(135deg,#059669,#0f766e);border-color:rgba(52,211,153,.35);color:#fff}
#stock.stock-v1034 .ks134-account-actions .ks134-btn.view{background:linear-gradient(135deg,#1d4ed8,#2563eb);border-color:rgba(96,165,250,.35);color:#fff}
#stock.stock-v1034 .ks134-account-actions .ks134-btn.copy{background:linear-gradient(135deg,#0e7490,#0f766e);border-color:rgba(45,212,191,.34);color:#e0ffff}
#stock.stock-v1034 .ks134-account-actions .ks134-btn.edit{background:linear-gradient(135deg,#92400e,#ca8a04);border-color:rgba(251,191,36,.35);color:#fff7ed}
#stock.stock-v1034 .ks134-account-actions .ks134-btn.delete{background:linear-gradient(135deg,#991b1b,#be123c);border-color:rgba(248,113,113,.35);color:#fff}
#stock.stock-v1034 .ks134-account-actions .ks134-btn:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.5)}
#stock.stock-v1034 .ks134-stock-empty{min-height:170px;border-radius:22px;border:1px dashed rgba(148,163,184,.22);display:grid;place-items:center;text-align:center;color:#aebaf7;background:rgba(15,23,42,.36);font-weight:900}
#stock.stock-v1034 #stockPagination{margin-top:16px!important}
#stock.stock-v1034 #stockPagination .ks-l4-page-info{border-radius:999px;background:rgba(15,23,42,.84);padding:10px 18px;border:1px solid rgba(148,163,184,.14)}
@media(max-width:1180px){#stock.stock-v1034 .stock-alert-summary{grid-template-columns:repeat(3,minmax(0,1fr))}#stock.stock-v1034 .ks134-account-card{grid-template-columns:auto 44px minmax(0,1fr);align-items:start}#stock.stock-v1034 .ks134-account-actions{grid-column:1/-1;justify-content:stretch}#stock.stock-v1034 .ks134-account-actions .ks134-btn{flex:1}}
@media(max-width:780px){#stock.stock-v1034 .stock-alert-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}#stock.stock-v1034 .stock-alert-list{grid-template-columns:1fr}#stock.stock-v1034 .filters{grid-template-columns:1fr!important}#stock.stock-v1034 .ks-l53-stock-form-tabs{grid-template-columns:1fr!important}#stock.stock-v1034 .ks134-service-head{grid-template-columns:1fr;gap:10px}#stock.stock-v1034 .ks134-service-right{justify-content:flex-start}#stock.stock-v1034 .ks134-account-card{grid-template-columns:auto 42px minmax(0,1fr);gap:9px;padding:10px}#stock.stock-v1034 .ks134-account-actions{display:grid;grid-template-columns:repeat(3,1fr)}#stock.stock-v1034 .ks134-account-actions .ks134-btn{min-width:0;padding:0 8px}#stock.stock-v1034 #stockBulkToolbar{width:100%;display:grid;grid-template-columns:1fr}#stock.stock-v1034 .panel-head{display:grid;grid-template-columns:1fr}#stock.stock-v1034 .stock-add-toggle-btn{width:100%}}


/* v1.0.36 — Stock Trash Premium UI */
#stockTrash .stock-trash-panel106{position:relative;overflow:hidden;border:1px solid rgba(99,102,241,.22)!important;background:linear-gradient(145deg,rgba(16,24,44,.94),rgba(8,13,26,.96))!important;box-shadow:0 22px 70px rgba(0,0,0,.35)}
#stockTrash .stock-trash-panel106>h2{font-size:30px;margin-bottom:8px;display:flex;align-items:center;gap:12px}
#stockTrash .stock-trash-panel106>h2:before{content:'♻️';display:inline-grid;place-items:center;width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,rgba(34,197,94,.20),rgba(124,58,237,.18));border:1px solid rgba(34,197,94,.25);box-shadow:0 12px 34px rgba(34,197,94,.10)}
#stockTrashLoadedText{color:rgba(226,232,240,.78);font-weight:700;margin-bottom:18px}
#stockTrash .table-wrap{border:0!important;background:transparent!important;overflow:visible!important}
#stockTrash table,#stockTrash tbody,#stockTrash tr,#stockTrash td{display:block;width:100%}
#stockTrash thead{display:none!important}
#stockTrash td{padding:0!important;border:0!important}
#stockTrashBody{display:grid!important;gap:16px;width:100%}
#stockTrash .trash-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:rgba(8,14,28,.55);border:1px solid rgba(148,163,184,.14);border-radius:22px;padding:12px;margin:20px 0 14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
#stockTrash .stock-trash-selected-count106{min-height:50px;padding:0 22px;border-radius:16px;display:inline-flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.02em;color:#dbeafe;background:linear-gradient(135deg,rgba(30,41,59,.82),rgba(15,23,42,.86));border:1px solid rgba(148,163,184,.18)}
#stockTrash .stock-trash-selected-count106 span{font-size:24px;color:#fff}
#stockTrash .stock-trash-selected-count106.has-selected{border-color:rgba(34,197,94,.42);box-shadow:0 0 0 1px rgba(34,197,94,.16),0 12px 32px rgba(34,197,94,.08)}
#stockTrash .trash-tool-btn{min-height:50px;border-radius:16px!important;padding:0 22px!important;font-size:13px!important;font-weight:950!important;letter-spacing:.04em;text-transform:none!important;border:1px solid rgba(148,163,184,.18)!important;background:linear-gradient(135deg,rgba(31,41,55,.74),rgba(15,23,42,.74))!important;color:#e5e7eb!important;box-shadow:0 12px 26px rgba(0,0,0,.18);transition:.2s ease}
#stockTrash .trash-tool-btn:not(:disabled):hover{transform:translateY(-1px);filter:brightness(1.07)}
#stockTrash .trash-tool-btn.restore-selected{background:linear-gradient(135deg,rgba(16,185,129,.78),rgba(21,128,61,.66))!important;border-color:rgba(52,211,153,.36)!important;color:white!important}
#stockTrash .trash-tool-btn.danger{background:linear-gradient(135deg,rgba(239,68,68,.72),rgba(127,29,29,.72))!important;border-color:rgba(248,113,113,.35)!important;color:white!important}
#stockTrash .trash-tool-btn.is-disabled,#stockTrash .trash-tool-btn:disabled{opacity:.42!important;filter:saturate(.55);cursor:not-allowed;transform:none!important}
#stockTrash .filters{display:flex;gap:14px;margin:10px 0 18px!important;background:rgba(15,23,42,.50);border:1px solid rgba(59,130,246,.14);border-radius:20px;padding:10px}
#stockTrash .filters input{height:56px;border-radius:16px!important;background:rgba(2,6,23,.55)!important;border:1px solid rgba(96,165,250,.18)!important;font-weight:850;color:#e5e7eb!important;padding-left:22px!important}
.ks36-stock-trash-service-row{display:block!important;margin:0!important}
.ks36-stock-trash-service-card{display:block;border-radius:24px;overflow:hidden;background:linear-gradient(145deg,rgba(15,23,42,.96),rgba(8,13,28,.98));border:1px solid rgba(96,165,250,.18);box-shadow:0 18px 45px rgba(0,0,0,.25)}
.ks36-stock-trash-service-card.is-open{border-color:rgba(248,113,113,.34);box-shadow:0 0 0 1px rgba(248,113,113,.12),0 24px 70px rgba(127,29,29,.22)}
.ks36-stock-trash-service-head{width:100%;min-height:86px;border:0;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;background:linear-gradient(135deg,rgba(59,130,246,.10),rgba(124,58,237,.17));color:#fff;cursor:pointer;text-align:left}
.ks36-stock-trash-service-left{display:flex;align-items:center;gap:14px;min-width:0}
.ks36-stock-trash-service-logo{width:50px;height:50px;border-radius:17px;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);flex:0 0 auto}
.ks36-stock-trash-service-logo .service-logo-wrap,.ks36-stock-trash-logo-img{width:38px!important;height:38px!important;border-radius:13px!important}
.ks36-stock-trash-service-left strong{font-size:20px;font-weight:950;display:block;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:420px}
.ks36-stock-trash-service-left span{color:rgba(226,232,240,.70);font-weight:800;font-size:13px;display:block;margin-top:4px}
.ks36-stock-trash-service-right{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.ks36-stock-trash-service-right b{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:rgba(148,163,184,.14);border:1px solid rgba(255,255,255,.10);color:#e5e7eb}
.ks36-stock-trash-selected-chip,.ks36-stock-trash-count-chip{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 13px;border-radius:999px;font-size:12px;font-weight:950;letter-spacing:.04em;text-transform:uppercase;border:1px solid rgba(148,163,184,.14);background:rgba(15,23,42,.58);color:#cbd5e1}
.ks36-stock-trash-count-chip{background:rgba(127,29,29,.26);border-color:rgba(248,113,113,.25);color:#fecaca}
.ks36-stock-trash-service-content{display:none;padding:14px;background:linear-gradient(180deg,rgba(2,6,23,.10),rgba(2,6,23,.30))}
.ks36-stock-trash-service-card.is-open .ks36-stock-trash-service-content{display:grid;gap:12px}
.ks36-stock-trash-account{position:relative;display:grid!important;grid-template-columns:44px 56px 1fr;gap:14px;align-items:start;border-radius:22px;padding:16px;background:linear-gradient(145deg,rgba(15,23,42,.90),rgba(10,18,36,.96));border:1px solid rgba(148,163,184,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 12px 32px rgba(0,0,0,.16)}
.ks36-stock-trash-check{width:42px;height:42px;margin-top:10px;display:grid;place-items:center;cursor:pointer}
.ks36-stock-trash-check input{display:none!important}
.ks36-stock-trash-check span{width:36px;height:36px;border-radius:14px;border:2px solid rgba(148,163,184,.36);background:rgba(2,6,23,.55);display:grid;place-items:center;transition:.18s ease}
.ks36-stock-trash-check input:checked+span{border-color:rgba(45,212,191,.95);background:linear-gradient(135deg,#22c55e,#06b6d4);box-shadow:0 0 0 5px rgba(45,212,191,.12)}
.ks36-stock-trash-check input:checked+span:after{content:'✓';font-weight:1000;color:white;font-size:18px}
.ks36-stock-trash-account-logo{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);margin-top:2px}
.ks36-stock-trash-account-logo .service-logo-wrap,.ks36-stock-trash-account-logo .ks36-stock-trash-logo-img{width:42px!important;height:42px!important;border-radius:14px!important}
.ks36-stock-trash-account-main{min-width:0;display:grid;gap:10px}
.ks36-stock-trash-account-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.ks36-stock-trash-titleline{min-width:0}.ks36-stock-trash-titleline strong{display:block;font-size:18px;font-weight:1000;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ks36-stock-trash-titleline span{display:block;margin-top:3px;color:#cbd5e1;font-size:13px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:560px}
.ks36-stock-trash-badge{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border-radius:999px;background:rgba(127,29,29,.38);border:1px solid rgba(248,113,113,.28);color:#fecaca;text-transform:uppercase;font-size:11px;font-weight:950;letter-spacing:.08em;flex:0 0 auto}
.ks36-stock-trash-meta-row{display:flex;gap:8px;flex-wrap:wrap}.ks36-stock-trash-meta-row span{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:rgba(59,130,246,.10);border:1px solid rgba(96,165,250,.12);color:#dbeafe;font-weight:850;font-size:12px}
.ks36-stock-trash-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ks36-stock-trash-field{min-height:64px;border-radius:16px;background:rgba(2,6,23,.38);border:1px solid rgba(148,163,184,.12);padding:10px 12px;display:flex;flex-direction:column;gap:5px;position:relative}.ks36-stock-trash-field.wide{grid-column:1/-1}.ks36-stock-trash-field small,.ks36-stock-view-grid span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#a5b4fc;font-weight:950}.ks36-stock-trash-field b,.ks36-stock-view-grid b{font-size:13px;color:#fff;font-weight:900;word-break:break-word}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important}
.ks36-mini-link{position:absolute;right:9px;top:8px;border:0;border-radius:999px;background:rgba(59,130,246,.18);color:#bfdbfe;font-size:11px;font-weight:900;padding:5px 8px;cursor:pointer}
.ks36-stock-trash-actions{display:grid;grid-template-columns:1fr 1.2fr 1.35fr;gap:10px;margin-top:2px}.ks36-stock-action{border:0;min-height:44px;border-radius:14px;font-weight:950;color:#fff;cursor:pointer;box-shadow:0 12px 24px rgba(0,0,0,.18);transition:.16s ease}.ks36-stock-action:hover{transform:translateY(-1px);filter:brightness(1.05)}.ks36-stock-action.view{background:linear-gradient(135deg,#2563eb,#3b82f6)}.ks36-stock-action.copy{background:linear-gradient(135deg,#0f766e,#14b8a6)}.ks36-stock-action.restore{background:linear-gradient(135deg,#059669,#22c55e)}.ks36-stock-action.delete{background:linear-gradient(135deg,#b91c1c,#ef4444)}.ks36-stock-action.neutral{background:linear-gradient(135deg,#1f2937,#334155)}
.ks36-stock-trash-empty{min-height:260px;border:1px dashed rgba(148,163,184,.22);border-radius:24px;display:grid;place-items:center;text-align:center;color:#cbd5e1;background:rgba(15,23,42,.42);padding:40px}.ks36-stock-trash-empty div{font-size:46px}.ks36-stock-trash-empty h3{font-size:24px;margin:10px 0 4px}.ks36-stock-trash-empty p{margin:0;color:#94a3b8;font-weight:700}
.ks36-stock-view-modal{position:fixed;inset:0;background:rgba(2,6,23,.75);backdrop-filter:blur(14px);z-index:99999;display:grid;place-items:center;padding:24px}.ks36-stock-view-modal.hidden{display:none}.ks36-stock-view-card{width:min(860px,94vw);max-height:88vh;overflow:auto;border-radius:30px;background:linear-gradient(145deg,rgba(15,23,42,.98),rgba(3,7,18,.98));border:1px solid rgba(96,165,250,.24);box-shadow:0 40px 100px rgba(0,0,0,.55)}.ks36-stock-view-head{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid rgba(148,163,184,.13)}.ks36-stock-view-title-wrap{display:flex;align-items:center;gap:14px;min-width:0}.ks36-stock-view-logo{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:rgba(59,130,246,.12);border:1px solid rgba(96,165,250,.18)}.ks36-stock-view-head h2{margin:0;font-size:24px}.ks36-stock-view-head p{margin:3px 0 0;color:#94a3b8;font-weight:800}.ks36-stock-view-close{width:46px;height:46px;border-radius:16px;border:1px solid rgba(148,163,184,.18);background:rgba(30,41,59,.85);color:#fff;font-size:28px;font-weight:900;cursor:pointer}.ks36-stock-view-hero{margin:20px 24px 14px;padding:18px;border-radius:22px;background:linear-gradient(135deg,rgba(16,185,129,.16),rgba(59,130,246,.12));border:1px solid rgba(34,197,94,.18);display:flex;align-items:center;justify-content:space-between;gap:16px}.ks36-stock-view-hero strong{font-size:22px;color:#fff}.ks36-stock-view-hero span{display:block;margin-top:4px;color:#bfdbfe;font-weight:800}.ks36-stock-view-hero b{color:#fecaca;border:1px solid rgba(248,113,113,.25);border-radius:999px;padding:8px 12px;background:rgba(127,29,29,.20)}.ks36-stock-view-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 24px 18px}.ks36-stock-view-grid>div{border-radius:18px;background:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.14);padding:14px;position:relative}.ks36-stock-view-grid .wide{grid-column:1/-1}.ks36-stock-view-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 24px 24px}
@media(max-width:900px){.ks36-stock-trash-grid{grid-template-columns:1fr 1fr}.ks36-stock-trash-actions{grid-template-columns:1fr}.ks36-stock-trash-account{grid-template-columns:42px 50px 1fr}.ks36-stock-view-grid,.ks36-stock-view-actions{grid-template-columns:1fr}.ks36-stock-trash-service-head{align-items:flex-start;flex-direction:column}.ks36-stock-trash-service-right{width:100%;justify-content:space-between}.ks36-stock-trash-service-left strong{max-width:100%}}
@media(max-width:640px){#stockTrash .trash-toolbar{display:grid;grid-template-columns:1fr}.ks36-stock-trash-account{grid-template-columns:42px 1fr}.ks36-stock-trash-account-logo{display:none}.ks36-stock-trash-grid{grid-template-columns:1fr}.ks36-stock-trash-titleline span{max-width:220px}.ks36-stock-trash-account-head{flex-direction:column}.ks36-stock-view-modal{padding:10px}.ks36-stock-view-card{border-radius:22px}}

/* v1.0.37 — Stock Trash final polish: compact safe premium cards */
#stockTrash .page-card,
#stockTrash .card,
#stockTrash .panel{
  scroll-margin-top: 18px;
}
#stockTrash .trash-toolbar,
#stockTrash .stock-trash-toolbar,
#stockTrash .bulk-actions,
#stockTrash .ks106-trash-toolbar{
  gap: 10px !important;
}
#stockTrash .ks36-stock-trash-service-card{
  border-radius: 22px !important;
  background:
    linear-gradient(145deg, rgba(15, 23, 42, .96), rgba(8, 13, 28, .98)) !important;
  border-color: rgba(148, 163, 184, .18) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.24) !important;
}
#stockTrash .ks36-stock-trash-service-card.is-open{
  border-color: rgba(248,113,113,.32) !important;
  box-shadow: 0 0 0 1px rgba(248,113,113,.10), 0 22px 58px rgba(127,29,29,.16) !important;
}
#stockTrash .ks36-stock-trash-service-head{
  min-height: 68px !important;
  padding: 12px 16px !important;
  background:
    linear-gradient(135deg, rgba(127,29,29,.18), rgba(30,41,59,.72), rgba(59,130,246,.08)) !important;
}
#stockTrash .ks36-stock-trash-service-logo{
  width: 44px !important;
  height: 44px !important;
  border-radius: 15px !important;
}
#stockTrash .ks36-stock-trash-service-logo .service-logo-wrap,
#stockTrash .ks36-stock-trash-service-logo .ks36-stock-trash-logo-img{
  width: 34px !important;
  height: 34px !important;
  border-radius: 12px !important;
}
#stockTrash .ks36-stock-trash-service-left strong{
  font-size: 18px !important;
  color: #f8fafc !important;
}
#stockTrash .ks36-stock-trash-service-left span{
  font-size: 12px !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;
}
#stockTrash .ks36-stock-trash-selected-chip,
#stockTrash .ks36-stock-trash-count-chip{
  min-height: 30px !important;
  padding: 0 11px !important;
  font-size: 11px !important;
}
#stockTrash .ks36-stock-trash-service-right b{
  width: 34px !important;
  height: 34px !important;
  border-radius: 13px !important;
}
#stockTrash .ks36-stock-trash-service-content{
  padding: 10px 12px 12px !important;
  background: linear-gradient(180deg, rgba(2,6,23,.20), rgba(2,6,23,.42)) !important;
}
#stockTrash .ks36-stock-trash-service-card.is-open .ks36-stock-trash-service-content{
  gap: 10px !important;
}
#stockTrash .ks36-stock-trash-account{
  grid-template-columns: 38px 46px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px !important;
  border-radius: 20px !important;
  background:
    linear-gradient(145deg, rgba(15,23,42,.92), rgba(8,13,28,.97)) !important;
  border-color: rgba(148,163,184,.14) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 10px 26px rgba(0,0,0,.14) !important;
}
#stockTrash .ks36-stock-trash-check{
  width: 36px !important;
  height: 36px !important;
  margin: 0 !important;
}
#stockTrash .ks36-stock-trash-check span{
  width: 32px !important;
  height: 32px !important;
  border-radius: 12px !important;
}
#stockTrash .ks36-stock-trash-account-logo{
  width: 46px !important;
  height: 46px !important;
  border-radius: 15px !important;
  margin: 0 !important;
}
#stockTrash .ks36-stock-trash-account-logo .service-logo-wrap,
#stockTrash .ks36-stock-trash-account-logo .ks36-stock-trash-logo-img{
  width: 36px !important;
  height: 36px !important;
  border-radius: 12px !important;
}
#stockTrash .ks36-stock-trash-account-main{
  display: grid !important;
  grid-template-columns: minmax(210px, .95fr) minmax(330px, 1.4fr) minmax(280px, .9fr) !important;
  grid-template-areas:
    "head fields actions"
    "meta fields actions" !important;
  gap: 8px 14px !important;
  align-items: center !important;
  min-width: 0 !important;
}
#stockTrash .ks36-stock-trash-account-head{
  grid-area: head !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: start !important;
  gap: 10px !important;
  width: 100% !important;
}
#stockTrash .ks36-stock-trash-titleline strong{
  color: #93c5fd !important;
  font-size: 17px !important;
  line-height: 1.15 !important;
}
#stockTrash .ks36-stock-trash-titleline span{
  max-width: 100% !important;
  margin-top: 2px !important;
  font-size: 12px !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  color: #e2e8f0 !important;
}
#stockTrash .ks36-stock-trash-badge{
  min-height: 26px !important;
  padding: 0 10px !important;
  font-size: 10px !important;
  letter-spacing: .09em !important;
  background: rgba(127,29,29,.26) !important;
  border-color: rgba(248,113,113,.26) !important;
  color: #fecaca !important;
}
#stockTrash .ks36-stock-trash-meta-row{
  grid-area: meta !important;
  gap: 6px !important;
}
#stockTrash .ks36-stock-trash-meta-row span{
  min-height: 26px !important;
  padding: 0 9px !important;
  font-size: 11px !important;
  max-width: 100% !important;
}
#stockTrash .ks36-stock-trash-grid{
  grid-area: fields !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}
#stockTrash .ks36-stock-trash-field{
  min-height: 54px !important;
  padding: 8px 10px !important;
  border-radius: 14px !important;
  gap: 3px !important;
  background: rgba(2,6,23,.42) !important;
}
#stockTrash .ks36-stock-trash-field small,
#stockTrash .ks36-stock-view-grid span{
  font-size: 9px !important;
  letter-spacing: .13em !important;
}
#stockTrash .ks36-stock-trash-field b,
#stockTrash .ks36-stock-view-grid b{
  font-size: 12.5px !important;
  line-height: 1.25 !important;
}
#stockTrash .ks36-password-line .ks36-mini-link{
  position: absolute !important;
  right: 8px !important;
  bottom: 6px !important;
  font-size: 10px !important;
  padding: 2px 6px !important;
  border-radius: 8px !important;
  background: rgba(96,165,250,.16) !important;
  border: 1px solid rgba(96,165,250,.18) !important;
  color: #bfdbfe !important;
}
#stockTrash .ks36-stock-trash-actions{
  grid-area: actions !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  margin-top: 0 !important;
  align-self: center !important;
}
#stockTrash .ks36-stock-action{
  min-height: 38px !important;
  border-radius: 13px !important;
  font-size: 12px !important;
  letter-spacing: .01em !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.16) !important;
}
#stockTrash .ks36-stock-action.view{
  background: linear-gradient(135deg, #1d4ed8, #2563eb) !important;
}
#stockTrash .ks36-stock-action.restore{
  background: linear-gradient(135deg, #047857, #16a34a) !important;
}
#stockTrash .ks36-stock-action.delete{
  background: linear-gradient(135deg, #b91c1c, #ef4444) !important;
}
#stockTrash .ks36-stock-view-card{
  width: min(760px, 94vw) !important;
  border-radius: 28px !important;
}
#stockTrash .ks36-stock-view-head{
  padding: 18px 20px !important;
}
#stockTrash .ks36-stock-view-hero{
  margin: 16px 20px 12px !important;
  padding: 14px !important;
  border-radius: 20px !important;
}
#stockTrash .ks36-stock-view-grid{
  padding: 0 20px 16px !important;
  gap: 10px !important;
}
#stockTrash .ks36-stock-view-grid>div{
  padding: 12px !important;
  border-radius: 16px !important;
}
#stockTrash .ks36-stock-view-actions{
  padding: 0 20px 20px !important;
  gap: 10px !important;
}
@media (max-width: 1180px){
  #stockTrash .ks36-stock-trash-account-main{
    grid-template-columns: minmax(210px, 1fr) minmax(300px, 1fr) !important;
    grid-template-areas:
      "head fields"
      "meta fields"
      "actions actions" !important;
  }
  #stockTrash .ks36-stock-trash-actions{
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 760px){
  #stockTrash .ks36-stock-trash-account{
    grid-template-columns: 38px minmax(0, 1fr) !important;
  }
  #stockTrash .ks36-stock-trash-account-logo{
    display: none !important;
  }
  #stockTrash .ks36-stock-trash-account-main{
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "head"
      "meta"
      "fields"
      "actions" !important;
  }
  #stockTrash .ks36-stock-trash-grid{
    grid-template-columns: 1fr 1fr !important;
  }
  #stockTrash .ks36-stock-trash-actions{
    grid-template-columns: 1fr !important;
  }
  #stockTrash .ks36-stock-trash-service-head{
    flex-direction: column !important;
    align-items: stretch !important;
  }
  #stockTrash .ks36-stock-trash-service-right{
    justify-content: space-between !important;
  }
}

/* v1.0.38 — Stock Trash clean final layout */
#stockTrash .card.stock-trash-panel106,
#stockTrash > .card{
  padding: 30px !important;
  border-radius: 28px !important;
  background: linear-gradient(145deg, rgba(15,23,42,.96), rgba(7,12,26,.98)) !important;
  border: 1px solid rgba(96,165,250,.16) !important;
  box-shadow: 0 28px 80px rgba(0,0,0,.28) !important;
}
#stockTrash .card.stock-trash-panel106 > h2,
#stockTrash > .card > h2{
  font-size: 30px !important;
  letter-spacing: -.035em !important;
  margin-bottom: 6px !important;
}
#stockTrashLoadedText{
  color: rgba(226,232,240,.74) !important;
  font-weight: 850 !important;
  margin-bottom: 14px !important;
}
#stockTrash .table-wrap thead{display:none!important;}
#stockTrash .table-wrap,
#stockTrash .table-wrap table,
#stockTrash .table-wrap tbody{
  display:block !important;
  width:100% !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
#stockTrash .table-wrap{margin-top: 18px !important;}
#stockTrash .table-wrap tbody{display:grid!important;gap:14px!important;}
#stockTrash .ks38-trash-summary{
  display:grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap:12px;
  margin: 16px 0 16px;
}
#stockTrash .ks38-trash-summary > div{
  min-height:78px;
  border-radius:18px;
  padding:15px 18px;
  background: linear-gradient(180deg, rgba(30,41,59,.72), rgba(15,23,42,.72));
  border:1px solid rgba(148,163,184,.16);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
#stockTrash .ks38-trash-summary small{
  display:block;
  color:#a5b4fc;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:11px;
  font-weight:950;
}
#stockTrash .ks38-trash-summary b{
  display:block;
  color:#fff;
  font-size:28px;
  font-weight:1000;
  margin-top:6px;
}
#stockTrash .trash-toolbar.ks38-trash-toolbar{
  display:grid !important;
  grid-template-columns: 150px repeat(3, minmax(160px, 1fr)) !important;
  gap:10px !important;
  padding:10px !important;
  margin: 0 0 16px !important;
  background: rgba(15,23,42,.54) !important;
  border: 1px solid rgba(59,130,246,.14) !important;
  border-radius: 22px !important;
  width: min(100%, 860px);
}
#stockTrash .stock-trash-selected-count106{display:none!important;}
#stockTrash .ks38-toolbar-pill,
#stockTrash .trash-tool-btn.ks38-toolbar-btn{
  min-height: 52px !important;
  border-radius: 16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  padding:0 16px !important;
  font-size:13px !important;
  font-weight:950 !important;
  letter-spacing:.025em !important;
  text-transform:none !important;
}
#stockTrash .ks38-toolbar-pill{
  color:#e2e8f0;
  background: linear-gradient(135deg, rgba(30,41,59,.82), rgba(15,23,42,.92));
  border:1px solid rgba(148,163,184,.16);
}
#stockTrash .ks38-toolbar-pill b{font-size:22px;color:#fff;line-height:1;}
#stockTrash .ks38-toolbar-pill.has-selected{
  border-color:rgba(45,212,191,.34);
  box-shadow:0 0 0 1px rgba(45,212,191,.12),0 12px 28px rgba(20,184,166,.08);
}
#stockTrash .trash-tool-btn.ks38-toolbar-btn{
  border:1px solid rgba(148,163,184,.16)!important;
  background:linear-gradient(135deg, rgba(30,41,59,.82), rgba(15,23,42,.90))!important;
  color:#e5e7eb!important;
}
#stockTrash .trash-tool-btn.ks38-toolbar-btn.select:not(:disabled){
  background:linear-gradient(135deg, rgba(37,99,235,.74), rgba(30,64,175,.68))!important;
  border-color:rgba(96,165,250,.28)!important;
}
#stockTrash .trash-tool-btn.ks38-toolbar-btn.restore:not(:disabled){
  background:linear-gradient(135deg, rgba(5,150,105,.82), rgba(22,163,74,.78))!important;
  border-color:rgba(52,211,153,.30)!important;
}
#stockTrash .trash-tool-btn.ks38-toolbar-btn.danger:not(:disabled){
  background:linear-gradient(135deg, rgba(185,28,28,.86), rgba(239,68,68,.76))!important;
  border-color:rgba(248,113,113,.34)!important;
}
#stockTrash .trash-tool-btn.ks38-toolbar-btn:disabled{
  opacity:.44!important;
  cursor:not-allowed!important;
  filter:saturate(.55)!important;
}
#stockTrash .filters{
  margin: 0 0 16px !important;
  padding: 10px !important;
  border-radius: 22px !important;
  background: rgba(15,23,42,.54) !important;
  border: 1px solid rgba(59,130,246,.14) !important;
}
#stockTrash .filters input{
  height:56px!important;
  border-radius:16px!important;
  background:rgba(2,6,23,.62)!important;
  border:1px solid rgba(96,165,250,.16)!important;
  color:#fff!important;
  font-weight:850!important;
}
#stockTrash .ks38-trash-row,
#stockTrash .ks38-trash-row > td{
  display:block!important;
  width:100%!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
#stockTrash .ks38-trash-service-card{
  display:block;
  border-radius:22px;
  overflow:hidden;
  background:linear-gradient(145deg, rgba(15,23,42,.94), rgba(8,13,28,.98));
  border:1px solid rgba(148,163,184,.16);
  box-shadow: 0 16px 44px rgba(0,0,0,.22);
}
#stockTrash .ks38-trash-service-card.is-open{
  border-color: rgba(96,165,250,.24);
  box-shadow: 0 0 0 1px rgba(96,165,250,.08), 0 22px 56px rgba(15,23,42,.34);
}
#stockTrash .ks38-trash-service-head{
  width:100%;
  min-height:72px;
  padding:13px 16px;
  border:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  color:#fff;
  cursor:pointer;
  text-align:left;
  background:linear-gradient(135deg, rgba(30,41,59,.82), rgba(37,99,235,.15), rgba(127,29,29,.10));
}
#stockTrash .ks38-trash-service-left,
#stockTrash .ks38-trash-service-right{display:flex;align-items:center;gap:12px;min-width:0;}
#stockTrash .ks38-trash-service-logo,
#stockTrash .ks38-trash-account-logo{
  width:46px;
  height:46px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  flex:0 0 auto;
}
#stockTrash .ks38-trash-service-logo .service-logo-wrap,
#stockTrash .ks38-trash-account-logo .service-logo-wrap,
#stockTrash .ks38-trash-logo-img{width:36px!important;height:36px!important;border-radius:12px!important;}
#stockTrash .ks38-trash-service-left strong{display:block;font-size:19px;font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:420px;}
#stockTrash .ks38-trash-service-left span{display:block;margin-top:3px;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:rgba(226,232,240,.72);}
#stockTrash .ks38-trash-selected-chip,
#stockTrash .ks38-trash-deleted-chip{
  min-height:32px;
  padding:0 12px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:950;
  letter-spacing:.055em;
  text-transform:uppercase;
  color:#cbd5e1;
  background:rgba(15,23,42,.58);
  border:1px solid rgba(148,163,184,.14);
}
#stockTrash .ks38-trash-deleted-chip{color:#fecaca;background:rgba(127,29,29,.25);border-color:rgba(248,113,113,.24);}
#stockTrash .ks38-trash-service-right b{width:34px;height:34px;border-radius:13px;display:grid;place-items:center;background:rgba(148,163,184,.13);border:1px solid rgba(255,255,255,.09);}
#stockTrash .ks38-trash-service-content{display:none;padding:12px;background:linear-gradient(180deg,rgba(2,6,23,.18),rgba(2,6,23,.38));}
#stockTrash .ks38-trash-service-card.is-open .ks38-trash-service-content{display:grid;gap:12px;}
#stockTrash .ks38-trash-account{
  display:grid;
  grid-template-columns:40px 48px minmax(0,1fr) 330px;
  gap:13px;
  align-items:center;
  padding:13px;
  border-radius:20px;
  background:linear-gradient(145deg, rgba(15,23,42,.92), rgba(10,18,36,.98));
  border:1px solid rgba(148,163,184,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 28px rgba(0,0,0,.15);
}
#stockTrash .ks38-trash-check{display:grid;place-items:center;width:38px;height:38px;cursor:pointer;}
#stockTrash .ks38-trash-check input{display:none!important;}
#stockTrash .ks38-trash-check span{width:34px;height:34px;border-radius:13px;border:2px solid rgba(148,163,184,.32);background:rgba(2,6,23,.60);display:grid;place-items:center;transition:.18s ease;}
#stockTrash .ks38-trash-check input:checked + span{background:linear-gradient(135deg,#22c55e,#06b6d4);border-color:rgba(45,212,191,.9);box-shadow:0 0 0 5px rgba(45,212,191,.12);}
#stockTrash .ks38-trash-check input:checked + span::after{content:'✓';font-size:18px;font-weight:1000;color:#fff;}
#stockTrash .ks38-trash-account-main{display:grid;gap:8px;min-width:0;}
#stockTrash .ks38-trash-account-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}
#stockTrash .ks38-trash-account-head strong{display:block;font-size:17px;font-weight:1000;color:#93c5fd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#stockTrash .ks38-trash-account-head span{display:block;margin-top:3px;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#stockTrash .ks38-trash-account-head em{font-style:normal;min-height:27px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;color:#fecaca;background:rgba(127,29,29,.22);border:1px solid rgba(248,113,113,.25);font-size:10px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;flex:0 0 auto;}
#stockTrash .ks38-trash-pills{display:flex;gap:7px;flex-wrap:wrap;}
#stockTrash .ks38-trash-pills span{min-height:26px;padding:0 9px;border-radius:999px;background:rgba(59,130,246,.10);border:1px solid rgba(96,165,250,.12);color:#dbeafe;font-size:11px;font-weight:900;display:inline-flex;align-items:center;max-width:100%;}
#stockTrash .ks38-trash-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
#stockTrash .ks38-field{min-height:58px;border-radius:15px;padding:9px 10px;display:flex;flex-direction:column;gap:4px;position:relative;background:rgba(2,6,23,.42);border:1px solid rgba(148,163,184,.12);}
#stockTrash .ks38-field small{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#a5b4fc;font-weight:950;}
#stockTrash .ks38-field b{font-size:12.5px;color:#fff;font-weight:950;line-height:1.25;word-break:break-word;}
#stockTrash .ks38-pass-toggle{position:absolute;right:8px;bottom:6px;border:1px solid rgba(96,165,250,.18);background:rgba(96,165,250,.16);color:#bfdbfe;border-radius:8px;padding:2px 7px;font-size:10px;font-weight:900;cursor:pointer;}
#stockTrash .ks38-trash-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;align-items:center;}
#stockTrash .ks38-action{border:0;min-height:42px;border-radius:14px;color:#fff;font-weight:950;font-size:12px;cursor:pointer;box-shadow:0 10px 22px rgba(0,0,0,.16);transition:.16s ease;}
#stockTrash .ks38-action:hover{transform:translateY(-1px);filter:brightness(1.05);}
#stockTrash .ks38-action.view{background:linear-gradient(135deg,#1d4ed8,#3b82f6);}
#stockTrash .ks38-action.restore{background:linear-gradient(135deg,#047857,#22c55e);}
#stockTrash .ks38-action.danger{background:linear-gradient(135deg,#b91c1c,#ef4444);}
#stockTrash .ks38-trash-empty{min-height:240px;border:1px dashed rgba(148,163,184,.24);border-radius:24px;display:grid;place-items:center;text-align:center;color:#cbd5e1;background:rgba(15,23,42,.44);padding:38px;}
#stockTrash .ks38-trash-empty div{font-size:44px;}.ks38-trash-empty h3{font-size:24px;margin:10px 0 4px}.ks38-trash-empty p{margin:0;color:#94a3b8;font-weight:750;}
@media(max-width:1180px){
  #stockTrash .ks38-trash-account{grid-template-columns:40px 48px minmax(0,1fr);}
  #stockTrash .ks38-trash-actions{grid-column:3;grid-template-columns:repeat(3,1fr);}
}
@media(max-width:860px){
  #stockTrash .trash-toolbar.ks38-trash-toolbar{grid-template-columns:1fr 1fr!important;width:100%;}
  #stockTrash .ks38-trash-summary{grid-template-columns:1fr 1fr 1fr;}
  #stockTrash .ks38-trash-account{grid-template-columns:40px minmax(0,1fr);}
  #stockTrash .ks38-trash-account-logo{display:none;}
  #stockTrash .ks38-trash-actions{grid-column:1/-1;}
  #stockTrash .ks38-trash-fields{grid-template-columns:1fr 1fr;}
  #stockTrash .ks38-trash-service-head{align-items:stretch;flex-direction:column;}
  #stockTrash .ks38-trash-service-right{justify-content:space-between;}
}
@media(max-width:560px){
  #stockTrash .card.stock-trash-panel106,#stockTrash > .card{padding:18px!important;border-radius:22px!important;}
  #stockTrash .ks38-trash-summary{grid-template-columns:1fr;}
  #stockTrash .trash-toolbar.ks38-trash-toolbar{grid-template-columns:1fr!important;}
  #stockTrash .ks38-trash-fields{grid-template-columns:1fr;}
  #stockTrash .ks38-trash-actions{grid-template-columns:1fr;}
}

/* v1.0.39 — Stock Trash Show button + universal view modal scrolling fix */
html, body{
  -webkit-overflow-scrolling: touch;
}
body.ks39-any-view-open{
  overflow: hidden !important;
  touch-action: none !important;
}
/* Enable smooth internal scroll for every View modal used in the admin */
#orderViewModal:not(.hidden),
.order-view-modal:not(.hidden),
#stockTrashViewModal36:not(.hidden),
.ks36-stock-view-modal:not(.hidden),
.admin-view-modal115:not(.hidden),
.ks187-family-view-modal:not(.hidden){
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
  touch-action: pan-y !important;
  padding: max(12px, env(safe-area-inset-top)) 12px max(18px, env(safe-area-inset-bottom)) !important;
}
#orderViewModal:not(.hidden) .order-view-card,
.order-view-modal:not(.hidden) .order-view-card,
#stockTrashViewModal36:not(.hidden) .ks36-stock-view-card,
.ks36-stock-view-modal:not(.hidden) .ks36-stock-view-card,
.admin-view-modal115:not(.hidden) .admin-view-card115,
.ks187-family-view-modal:not(.hidden) > *{
  max-height: calc(100dvh - 28px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
  touch-action: pan-y !important;
  scrollbar-width: thin !important;
}
/* Stock Trash card password line: keep Show/Hide inside the field */
#stockTrash .ks38-pass-field,
#stockTrash .ks36-password-line,
#stockTrashViewModal36 .ks36-password-line{
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: end !important;
  gap: 7px 10px !important;
  min-height: 64px !important;
  padding: 10px 10px !important;
  overflow: hidden !important;
}
#stockTrash .ks38-pass-field small,
#stockTrash .ks36-password-line small,
#stockTrashViewModal36 .ks36-password-line span:first-child{
  grid-column: 1 / -1 !important;
}
#stockTrash .ks38-pass-text,
#stockTrash .ks36-pass-text,
#stockTrashViewModal36 .ks36-pass-text{
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
#stockTrash .ks38-pass-toggle,
#stockTrash .ks36-pass-toggle,
#stockTrash .ks36-mini-link,
#stockTrashViewModal36 .ks36-pass-toggle,
#stockTrashViewModal36 .ks36-mini-link{
  position: static !important;
  inset: auto !important;
  min-width: 58px !important;
  height: 30px !important;
  padding: 0 10px !important;
  border-radius: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg, rgba(37,99,235,.92), rgba(99,102,241,.82)) !important;
  border: 1px solid rgba(147,197,253,.28) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-shadow: 0 8px 18px rgba(37,99,235,.20) !important;
}
/* Stock Trash modal compact/mobile polish */
#stockTrashViewModal36 .ks36-stock-view-card{
  width: min(880px, 96vw) !important;
  margin: auto 0 !important;
}
#stockTrashViewModal36 .ks36-stock-view-head{
  position: sticky !important;
  top: 0 !important;
  z-index: 5 !important;
  background: linear-gradient(180deg, rgba(8,13,28,.98), rgba(8,13,28,.92)) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}
#stockTrashViewModal36 .ks36-stock-view-actions{
  position: sticky !important;
  bottom: 0 !important;
  z-index: 4 !important;
  background: linear-gradient(180deg, rgba(3,7,18,.25), rgba(3,7,18,.96) 35%) !important;
  border-top: 1px solid rgba(148,163,184,.12) !important;
  padding-top: 14px !important;
}
@media(max-width: 720px){
  #orderViewModal:not(.hidden),
  .order-view-modal:not(.hidden),
  #stockTrashViewModal36:not(.hidden),
  .ks36-stock-view-modal:not(.hidden),
  .admin-view-modal115:not(.hidden),
  .ks187-family-view-modal:not(.hidden){
    align-items: flex-start !important;
    padding: 8px 8px max(84px, env(safe-area-inset-bottom)) !important;
  }
  #orderViewModal:not(.hidden) .order-view-card,
  .order-view-modal:not(.hidden) .order-view-card,
  #stockTrashViewModal36:not(.hidden) .ks36-stock-view-card,
  .ks36-stock-view-modal:not(.hidden) .ks36-stock-view-card{
    width: 100% !important;
    max-height: calc(100dvh - 96px) !important;
    border-radius: 22px !important;
  }
  #stockTrashViewModal36 .ks36-stock-view-head{
    padding: 12px 14px !important;
  }
  #stockTrashViewModal36 .ks36-stock-view-head h2{
    font-size: 18px !important;
    line-height: 1.1 !important;
  }
  #stockTrashViewModal36 .ks36-stock-view-logo{
    width: 42px !important;
    height: 42px !important;
    border-radius: 14px !important;
  }
  #stockTrashViewModal36 .ks36-stock-view-close{
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    border-radius: 14px !important;
  }
  #stockTrashViewModal36 .ks36-stock-view-hero{
    margin: 12px !important;
    padding: 13px !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  #stockTrashViewModal36 .ks36-stock-view-grid{
    grid-template-columns: 1fr !important;
    gap: 9px !important;
    padding: 0 12px 12px !important;
  }
  #stockTrashViewModal36 .ks36-stock-view-grid > div{
    padding: 11px 12px !important;
    border-radius: 15px !important;
  }
  #stockTrashViewModal36 .ks36-stock-view-actions{
    grid-template-columns: 1fr !important;
    gap: 9px !important;
    padding: 14px 12px max(14px, env(safe-area-inset-bottom)) !important;
  }
  #stockTrash .ks38-field{
    min-height: 62px !important;
  }
}

/* ===== v1.0.40 — Mobile Stock + Stock Trash final repair ===== */
/* Universal mobile view modal scroll and safe-area behavior */
#stockTrashViewModal36:not(.hidden),
#orderViewModal:not(.hidden),
.order-view-modal:not(.hidden),
.ks36-stock-view-modal:not(.hidden){
  position:fixed!important;
  inset:0!important;
  z-index:999999!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
  overscroll-behavior:contain!important;
  align-items:flex-start!important;
  justify-content:center!important;
}
#stockTrashViewModal36 .ks40-stock-view-card,
#stockTrashViewModal36 .ks36-stock-view-card,
#orderViewModal .order-view-card,
.order-view-modal .order-view-card{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
  overscroll-behavior:contain!important;
}

/* New compact stock-trash view modal */
#stockTrashViewModal36.ks40-stock-view-modal{
  background:rgba(1,6,18,.76)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  padding:16px!important;
  display:flex!important;
}
#stockTrashViewModal36.ks40-stock-view-modal.hidden{display:none!important;}
#stockTrashViewModal36 .ks40-stock-view-card{
  width:min(820px,100%)!important;
  max-height:calc(100dvh - 32px)!important;
  margin:0 auto!important;
  border-radius:28px!important;
  background:linear-gradient(145deg,rgba(12,18,38,.98),rgba(3,7,18,.98))!important;
  border:1px solid rgba(96,165,250,.24)!important;
  box-shadow:0 40px 110px rgba(0,0,0,.58)!important;
}
#stockTrashViewModal36 .ks40-view-head{
  position:sticky!important;
  top:0!important;
  z-index:5!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
  padding:18px 20px!important;
  background:linear-gradient(180deg,rgba(10,15,32,.98),rgba(10,15,32,.92))!important;
  border-bottom:1px solid rgba(148,163,184,.13)!important;
}
#stockTrashViewModal36 .ks40-view-title{display:flex;align-items:center;gap:12px;min-width:0;}
#stockTrashViewModal36 .ks40-view-logo{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:rgba(59,130,246,.12);border:1px solid rgba(96,165,250,.18);flex:0 0 auto;overflow:hidden;}
#stockTrashViewModal36 .ks40-view-logo .service-logo-wrap,#stockTrashViewModal36 .ks40-view-logo img{width:100%;height:100%;object-fit:cover;border-radius:inherit;}
#stockTrashViewModal36 .ks40-view-title h2{margin:0;font-size:22px;line-height:1.05;font-weight:1000;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
#stockTrashViewModal36 .ks40-view-title p{margin:4px 0 0;font-size:12px;font-weight:850;color:#a7b5d8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#stockTrashViewModal36 .ks40-view-close{width:44px;height:44px;min-width:44px;border-radius:15px;border:1px solid rgba(148,163,184,.18);background:rgba(30,41,59,.86);color:#fff;font-size:28px;font-weight:1000;line-height:1;cursor:pointer;}
#stockTrashViewModal36 .ks40-view-body{display:grid;gap:12px;padding:16px 20px 20px;}
#stockTrashViewModal36 .ks40-view-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:16px;border-radius:22px;background:linear-gradient(135deg,rgba(20,184,166,.16),rgba(59,130,246,.14));border:1px solid rgba(34,211,238,.18);}
#stockTrashViewModal36 .ks40-view-hero strong{display:block;font-size:20px;font-weight:1000;color:#fff;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#stockTrashViewModal36 .ks40-view-hero span{display:block;margin-top:4px;font-size:13px;font-weight:850;color:#bfdbfe;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#stockTrashViewModal36 .ks40-view-hero b{padding:8px 12px;border-radius:999px;background:rgba(127,29,29,.24);border:1px solid rgba(248,113,113,.28);color:#fecaca;font-size:12px;font-weight:950;white-space:nowrap;}
#stockTrashViewModal36 .ks40-view-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
#stockTrashViewModal36 .ks40-view-field{min-width:0;position:relative;display:grid;gap:7px;padding:13px 14px;border-radius:18px;background:rgba(15,23,42,.76);border:1px solid rgba(148,163,184,.14);}
#stockTrashViewModal36 .ks40-view-field.wide{grid-column:1/-1;}
#stockTrashViewModal36 .ks40-view-field small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#a5b4fc;font-weight:950;}
#stockTrashViewModal36 .ks40-view-field b{min-width:0;font-size:14px;line-height:1.25;color:#fff;font-weight:950;overflow-wrap:anywhere;word-break:break-word;}
#stockTrashViewModal36 .ks40-pass-field{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px 10px;}
#stockTrashViewModal36 .ks40-pass-field small{grid-column:1/-1;}
#stockTrashViewModal36 .ks40-pass-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#stockTrashViewModal36 .ks40-pass-toggle{height:32px;min-width:62px;border-radius:11px;border:1px solid rgba(147,197,253,.25);background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-size:11px;font-weight:1000;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;}
#stockTrashViewModal36 .ks40-view-actions{position:sticky;bottom:0;z-index:4;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px 20px 20px;background:linear-gradient(180deg,rgba(3,7,18,.18),rgba(3,7,18,.98) 36%);border-top:1px solid rgba(148,163,184,.12);}
#stockTrashViewModal36 .ks40-view-btn{min-height:44px;border:0;border-radius:14px;color:#fff;font-size:13px;font-weight:1000;cursor:pointer;}
#stockTrashViewModal36 .ks40-view-btn.copy{background:linear-gradient(135deg,#0f766e,#14b8a6);} 
#stockTrashViewModal36 .ks40-view-btn.restore{background:linear-gradient(135deg,#059669,#22c55e);} 
#stockTrashViewModal36 .ks40-view-btn.delete{background:linear-gradient(135deg,#b91c1c,#ef4444);} 
#stockTrashViewModal36 .ks40-view-btn.close{background:linear-gradient(135deg,#1f2937,#475569);} 

/* Stock Trash list: prevent mobile overflow and keep Show inside */
#stockTrash .ks38-trash-account,
#stockTrash .ks36-stock-trash-account{box-sizing:border-box!important;max-width:100%!important;overflow:hidden!important;}
#stockTrash .ks38-trash-account *{box-sizing:border-box!important;}
#stockTrash .ks38-trash-account-head strong,
#stockTrash .ks38-trash-account-head span,
#stockTrash .ks36-stock-trash-titleline strong,
#stockTrash .ks36-stock-trash-titleline span{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#stockTrash .ks38-pass-field,
#stockTrash .ks36-password-line{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:6px 8px!important;overflow:hidden!important;}
#stockTrash .ks38-pass-field small,
#stockTrash .ks36-password-line small{grid-column:1/-1!important;}
#stockTrash .ks38-pass-toggle,
#stockTrash .ks36-pass-toggle,
#stockTrash .ks36-mini-link{position:static!important;right:auto!important;top:auto!important;bottom:auto!important;min-width:58px!important;max-width:68px!important;height:30px!important;overflow:hidden!important;}
#stockTrash .ks38-pass-text,
#stockTrash .ks36-pass-text{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-width:0!important;}

/* Stock Accounts mobile: no text overlap, no clipped filters, no hidden actions */
#stock.stock-v1034 *{box-sizing:border-box;}
#stock.stock-v1034 .stock-alert-item b,
#stock.stock-v1034 .ks134-service-title,
#stock.stock-v1034 .ks134-account-main{min-width:0!important;}
#stock.stock-v1034 .stock-alert-item b strong,
#stock.stock-v1034 .stock-alert-item b,
#stock.stock-v1034 .ks134-service-title strong,
#stock.stock-v1034 .ks134-service-title span,
#stock.stock-v1034 .ks134-account-main strong,
#stock.stock-v1034 .ks134-account-main span,
#stock.stock-v1034 .ks134-account-main code{overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;}

@media(max-width:720px){
  #stock,#stockTrash{padding-bottom:max(104px,calc(88px + env(safe-area-inset-bottom)))!important;}
  #stock.stock-v1034 > .card,#stockTrash > .card,#stockTrash .card.stock-trash-panel106{padding:16px 12px!important;border-radius:22px!important;overflow:hidden!important;}
  #stock.stock-v1034 .panel-head{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;}
  #stock.stock-v1034 .panel-head .actions,#stock.stock-v1034 .panel-actions{width:100%!important;display:grid!important;grid-template-columns:1fr!important;}
  #stock.stock-v1034 .panel-head .actions .btn,#stock.stock-v1034 .panel-actions .btn,#stock.stock-v1034 #addStockBtn{width:100%!important;min-height:48px!important;}
  #stock.stock-v1034 #stockLoadedText{font-size:13px!important;line-height:1.35!important;max-width:100%!important;}
  #stock.stock-v1034 .stock-alert-summary{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin-top:12px!important;}
  #stock.stock-v1034 .stock-alert-card{min-height:72px!important;padding:12px!important;border-radius:17px!important;}
  #stock.stock-v1034 .stock-alert-card span{font-size:9px!important;letter-spacing:.1em!important;}
  #stock.stock-v1034 .stock-alert-card b{font-size:24px!important;}
  #stock.stock-v1034 .stock-alert-list{grid-template-columns:1fr!important;gap:8px!important;margin:10px 0 12px!important;}
  #stock.stock-v1034 .stock-alert-item{min-height:52px!important;padding:10px 12px!important;border-radius:16px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;}
  #stock.stock-v1034 .stock-alert-item b{display:flex!important;align-items:center!important;gap:8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  #stock.stock-v1034 .stock-alert-item span{font-size:11px!important;white-space:nowrap!important;}
  #stock.stock-v1034 .ks-l53-stock-form-tabs{grid-template-columns:1fr!important;gap:8px!important;}
  #stock.stock-v1034 .ks-l53-stock-form-tabs button{min-height:56px!important;}
  #stock.stock-v1034 #stockBulkToolbar{width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:9px!important;margin:10px 0 12px!important;}
  #stock.stock-v1034 #stockBulkToolbar .stock-selected-count103,#stock.stock-v1034 #stockBulkToolbar .trash-tool-btn{width:100%!important;min-width:0!important;}
  #stock.stock-v1034 .filters{grid-template-columns:1fr!important;gap:8px!important;padding:9px!important;border-radius:18px!important;}
  #stock.stock-v1034 .filters input,#stock.stock-v1034 .filters select{width:100%!important;min-width:0!important;height:46px!important;}
  #stock.stock-v1034 .ks134-service-head{display:grid!important;grid-template-columns:1fr!important;gap:11px!important;padding:12px!important;min-height:auto!important;}
  #stock.stock-v1034 .ks134-service-left{gap:10px!important;align-items:center!important;}
  #stock.stock-v1034 .ks134-service-icon{width:44px!important;height:44px!important;border-radius:14px!important;}
  #stock.stock-v1034 .ks134-service-title strong{font-size:19px!important;line-height:1.1!important;}
  #stock.stock-v1034 .ks134-service-title span{font-size:11px!important;white-space:normal!important;line-height:1.25!important;}
  #stock.stock-v1034 .ks134-service-right{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;}
  #stock.stock-v1034 .ks134-service-right .ks134-pill{grid-column:1/-1!important;width:100%!important;min-height:34px!important;}
  #stock.stock-v1034 .ks134-service-action{width:100%!important;justify-content:center!important;height:38px!important;min-width:0!important;}
  #stock.stock-v1034 .ks134-account-card{display:grid!important;grid-template-columns:36px 42px minmax(0,1fr)!important;gap:9px!important;padding:10px!important;border-radius:17px!important;align-items:center!important;}
  #stock.stock-v1034 .ks134-account-logo{width:42px!important;height:42px!important;border-radius:14px!important;}
  #stock.stock-v1034 .ks134-account-main strong{font-size:14px!important;line-height:1.2!important;white-space:nowrap!important;}
  #stock.stock-v1034 .ks134-account-main span{font-size:11px!important;line-height:1.2!important;white-space:nowrap!important;}
  #stock.stock-v1034 .ks134-account-main code{font-size:10px!important;}
  #stock.stock-v1034 .ks134-account-meta{gap:5px!important;margin-top:6px!important;}
  #stock.stock-v1034 .ks134-meta-pill{font-size:10px!important;min-height:24px!important;padding:0 8px!important;}
  #stock.stock-v1034 .ks134-account-actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;width:100%!important;}
  #stock.stock-v1034 .ks134-btn{width:100%!important;min-width:0!important;min-height:38px!important;font-size:11px!important;border-radius:12px!important;}
  #stock.stock-v1034 .ks134-btn.delete{grid-column:1/-1!important;}

  #stockTrash .ks38-trash-service-head{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding:12px!important;}
  #stockTrash .ks38-trash-service-right{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr 38px!important;gap:8px!important;}
  #stockTrash .ks38-trash-account{display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;gap:10px!important;padding:11px!important;border-radius:18px!important;}
  #stockTrash .ks38-trash-account-logo{display:none!important;}
  #stockTrash .ks38-trash-account-main{grid-column:2!important;min-width:0!important;}
  #stockTrash .ks38-trash-account-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;}
  #stockTrash .ks38-trash-account-head strong{font-size:18px!important;line-height:1.15!important;white-space:normal!important;overflow-wrap:anywhere!important;}
  #stockTrash .ks38-trash-account-head span{font-size:11px!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.25!important;}
  #stockTrash .ks38-trash-account-head em{font-size:9px!important;min-height:24px!important;padding:0 8px!important;}
  #stockTrash .ks38-trash-pills{gap:5px!important;}
  #stockTrash .ks38-trash-pills span{font-size:10px!important;min-height:24px!important;}
  #stockTrash .ks38-trash-fields{grid-column:1/-1!important;grid-template-columns:1fr!important;gap:8px!important;}
  #stockTrash .ks38-field{min-height:58px!important;padding:9px 10px!important;border-radius:14px!important;}
  #stockTrash .ks38-pass-field{grid-template-columns:minmax(0,1fr) 62px!important;}
  #stockTrash .ks38-trash-actions{grid-column:1/-1!important;grid-template-columns:1fr!important;gap:8px!important;}
  #stockTrash .ks38-action{min-height:42px!important;width:100%!important;}

  #stockTrashViewModal36.ks40-stock-view-modal{padding:8px 8px max(86px,env(safe-area-inset-bottom))!important;}
  #stockTrashViewModal36 .ks40-stock-view-card{width:100%!important;max-height:calc(100dvh - 98px)!important;border-radius:22px!important;}
  #stockTrashViewModal36 .ks40-view-head{padding:12px!important;}
  #stockTrashViewModal36 .ks40-view-logo{width:40px!important;height:40px!important;border-radius:13px!important;}
  #stockTrashViewModal36 .ks40-view-title h2{font-size:16px!important;white-space:normal!important;overflow-wrap:anywhere!important;}
  #stockTrashViewModal36 .ks40-view-title p{font-size:11px!important;white-space:normal!important;overflow-wrap:anywhere!important;}
  #stockTrashViewModal36 .ks40-view-close{width:40px!important;height:40px!important;min-width:40px!important;border-radius:14px!important;}
  #stockTrashViewModal36 .ks40-view-body{padding:12px!important;gap:9px!important;}
  #stockTrashViewModal36 .ks40-view-hero{grid-template-columns:1fr!important;padding:12px!important;border-radius:18px!important;}
  #stockTrashViewModal36 .ks40-view-hero strong{font-size:18px!important;white-space:normal!important;}
  #stockTrashViewModal36 .ks40-view-hero span{font-size:12px!important;white-space:normal!important;overflow-wrap:anywhere!important;}
  #stockTrashViewModal36 .ks40-view-hero b{width:max-content!important;max-width:100%!important;}
  #stockTrashViewModal36 .ks40-view-grid{grid-template-columns:1fr!important;gap:8px!important;}
  #stockTrashViewModal36 .ks40-view-field{padding:10px 11px!important;border-radius:15px!important;}
  #stockTrashViewModal36 .ks40-pass-field{grid-template-columns:minmax(0,1fr) 62px!important;}
  #stockTrashViewModal36 .ks40-view-actions{position:sticky!important;bottom:0!important;grid-template-columns:1fr!important;gap:8px!important;padding:12px 12px max(12px,env(safe-area-inset-bottom))!important;}
  #stockTrashViewModal36 .ks40-view-btn{min-height:42px!important;}
}

/* ===== v1.0.41 — Stock + Stock Trash mobile hard UI fix ===== */
body.ks41-view-open{overflow:hidden!important;}

/* Stock Trash: make password Show stay inside and clickable */
#stockTrash.ks41-trash-mobile-clean .ks38-pass-field,
#stockTrash.ks41-trash-mobile-clean .ks36-password-line,
#stockTrash .ks38-pass-field,
#stockTrash .ks36-password-line{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 64px!important;
  grid-template-rows:auto auto!important;
  align-items:end!important;
  gap:7px 8px!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
#stockTrash .ks38-pass-field small,
#stockTrash .ks36-password-line small{
  grid-column:1 / -1!important;
}
#stockTrash .ks38-pass-text,
#stockTrash .ks36-pass-text{
  min-width:0!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  display:block!important;
}
#stockTrash .ks38-pass-toggle,
#stockTrash .ks36-pass-toggle,
#stockTrash .ks36-mini-link{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  right:auto!important;
  left:auto!important;
  top:auto!important;
  bottom:auto!important;
  z-index:5!important;
  width:64px!important;
  min-width:64px!important;
  max-width:64px!important;
  height:32px!important;
  min-height:32px!important;
  padding:0!important;
  border-radius:11px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
  background:linear-gradient(135deg,#2563eb,#7c3aed)!important;
  border:1px solid rgba(147,197,253,.35)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:11px!important;
  font-weight:1000!important;
  box-shadow:0 10px 22px rgba(37,99,235,.20)!important;
}
#stockTrash .ks38-pass-toggle.is-visible,
#stockTrash .ks36-pass-toggle.is-visible,
#stockTrash .ks36-mini-link.is-visible{
  background:linear-gradient(135deg,#0f766e,#14b8a6)!important;
}

/* Stock Trash card compact mobile alignment */
#stockTrash .ks38-trash-account,
#stockTrash .ks36-stock-trash-account{
  max-width:100%!important;
  width:100%!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
#stockTrash .ks38-trash-account *{box-sizing:border-box!important;}
#stockTrash .ks38-trash-account-main,
#stockTrash .ks36-stock-trash-account-main{min-width:0!important;}
#stockTrash .ks38-trash-account-head strong,
#stockTrash .ks38-trash-account-head span,
#stockTrash .ks36-stock-trash-titleline strong,
#stockTrash .ks36-stock-trash-titleline span{
  min-width:0!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
#stockTrash .ks38-trash-fields,
#stockTrash .ks36-stock-trash-grid{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
#stockTrash .ks38-field,
#stockTrash .ks36-stock-trash-field{
  min-width:0!important;
  overflow:hidden!important;
}

/* New v1.0.41 compact Stock Trash View modal */
#stockTrashViewModal36.ks41-stock-trash-modal,
#stockTrashViewModal36.ks41-stock-trash-modal:not(.hidden){
  position:fixed!important;
  inset:0!important;
  z-index:999999!important;
  display:block!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
  overscroll-behavior:contain!important;
  padding:14px 12px max(110px,calc(88px + env(safe-area-inset-bottom)))!important;
  background:rgba(1,6,18,.78)!important;
  backdrop-filter:blur(15px)!important;
  -webkit-backdrop-filter:blur(15px)!important;
}
#stockTrashViewModal36.ks41-stock-trash-modal.hidden{display:none!important;}
#stockTrashViewModal36 .ks41-stock-view-card{
  width:min(680px,100%)!important;
  margin:0 auto!important;
  max-height:none!important;
  height:auto!important;
  overflow:visible!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,rgba(12,18,38,.98),rgba(4,8,22,.99))!important;
  border:1px solid rgba(96,165,250,.25)!important;
  box-shadow:0 36px 90px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
#stockTrashViewModal36 .ks41-view-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:13px!important;
  border-bottom:1px solid rgba(148,163,184,.14)!important;
  background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(15,23,42,.90))!important;
  border-radius:24px 24px 0 0!important;
}
#stockTrashViewModal36 .ks41-view-title{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}
#stockTrashViewModal36 .ks41-view-logo{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  background:rgba(59,130,246,.14)!important;
  border:1px solid rgba(96,165,250,.22)!important;
}
#stockTrashViewModal36 .ks41-view-logo .service-logo-wrap,
#stockTrashViewModal36 .ks41-view-logo img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:inherit!important;}
#stockTrashViewModal36 .ks41-view-title h2{
  margin:0!important;
  font-size:19px!important;
  line-height:1.12!important;
  font-weight:1000!important;
  color:#8ab4ff!important;
  -webkit-text-fill-color:#8ab4ff!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
#stockTrashViewModal36 .ks41-view-title p{
  margin:4px 0 0!important;
  font-size:11px!important;
  line-height:1.25!important;
  color:#e2e8f0!important;
  -webkit-text-fill-color:#e2e8f0!important;
  font-weight:850!important;
  overflow-wrap:anywhere!important;
}
#stockTrashViewModal36 .ks41-view-close{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border-radius:13px!important;
  border:1px solid rgba(148,163,184,.22)!important;
  background:rgba(30,41,59,.92)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:25px!important;
  font-weight:1000!important;
  line-height:1!important;
}
#stockTrashViewModal36 .ks41-view-body{display:grid!important;gap:10px!important;padding:12px!important;}
#stockTrashViewModal36 .ks41-view-badges{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:7px!important;
}
#stockTrashViewModal36 .ks41-view-badges span,
#stockTrashViewModal36 .ks41-view-badges b{
  min-height:30px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.02em!important;
  background:rgba(37,99,235,.16)!important;
  border:1px solid rgba(96,165,250,.24)!important;
  color:#dbeafe!important;
  -webkit-text-fill-color:#dbeafe!important;
}
#stockTrashViewModal36 .ks41-view-badges b{
  background:rgba(127,29,29,.24)!important;
  border-color:rgba(248,113,113,.30)!important;
  color:#fecaca!important;
  -webkit-text-fill-color:#fecaca!important;
}
#stockTrashViewModal36 .ks41-view-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;}
#stockTrashViewModal36 .ks41-view-field{
  min-width:0!important;
  display:grid!important;
  gap:6px!important;
  padding:11px!important;
  border-radius:15px!important;
  background:rgba(15,23,42,.72)!important;
  border:1px solid rgba(148,163,184,.15)!important;
}
#stockTrashViewModal36 .ks41-view-field.wide{grid-column:1 / -1!important;}
#stockTrashViewModal36 .ks41-view-field small{
  font-size:9px!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  color:#a5b4fc!important;
  -webkit-text-fill-color:#a5b4fc!important;
  font-weight:1000!important;
}
#stockTrashViewModal36 .ks41-view-field b{
  min-width:0!important;
  font-size:13px!important;
  line-height:1.25!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-weight:950!important;
  overflow-wrap:anywhere!important;
}
#stockTrashViewModal36 .ks41-pass-field{
  grid-template-columns:minmax(0,1fr) 64px!important;
  grid-template-rows:auto auto!important;
  align-items:end!important;
}
#stockTrashViewModal36 .ks41-pass-field small{grid-column:1 / -1!important;}
#stockTrashViewModal36 .ks41-pass-text{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#stockTrashViewModal36 .ks41-pass-toggle{
  width:64px!important;
  min-width:64px!important;
  height:32px!important;
  border-radius:11px!important;
  border:1px solid rgba(147,197,253,.30)!important;
  background:linear-gradient(135deg,#2563eb,#7c3aed)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:11px!important;
  font-weight:1000!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
#stockTrashViewModal36 .ks41-view-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  padding:0 12px 12px!important;
  background:transparent!important;
}
#stockTrashViewModal36 .ks41-view-btn{
  min-height:43px!important;
  border:0!important;
  border-radius:14px!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:13px!important;
  font-weight:1000!important;
  cursor:pointer!important;
}
#stockTrashViewModal36 .ks41-view-btn.copy{background:linear-gradient(135deg,#0f766e,#14b8a6)!important;}
#stockTrashViewModal36 .ks41-view-btn.restore{background:linear-gradient(135deg,#059669,#22c55e)!important;}
#stockTrashViewModal36 .ks41-view-btn.delete{background:linear-gradient(135deg,#b91c1c,#ef4444)!important;}
#stockTrashViewModal36 .ks41-view-btn.close{background:linear-gradient(135deg,#1f2937,#475569)!important;}

/* Stock Accounts mobile overlap fixes */
#stock.ks41-stock-mobile-clean,
#stock.ks41-stock-mobile-clean *{box-sizing:border-box!important;}
#stock.ks41-stock-mobile-clean .stock-alert-item,
#stock .stock-alert-item{
  max-width:100%!important;
  overflow:hidden!important;
}
#stock .stock-alert-item b,
#stock .stock-alert-item strong,
#stock .stock-alert-item span,
#stock .ks134-service-title,
#stock .ks134-service-title strong,
#stock .ks134-service-title span,
#stock .ks134-account-main,
#stock .ks134-account-main strong,
#stock .ks134-account-main span,
#stock .ks134-account-main code{
  min-width:0!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
}
@media(max-width:720px){
  #stock.ks41-stock-mobile-clean,
  #stockTrash.ks41-trash-mobile-clean{
    width:100%!important;
    max-width:100vw!important;
    overflow-x:hidden!important;
    padding-bottom:max(118px,calc(96px + env(safe-area-inset-bottom)))!important;
  }
  #stock.ks41-stock-mobile-clean > .card,
  #stockTrash.ks41-trash-mobile-clean > .card,
  #stockTrash.ks41-trash-mobile-clean .stock-trash-panel106{
    width:100%!important;
    max-width:100%!important;
    padding:14px 10px!important;
    border-radius:22px!important;
    overflow:hidden!important;
  }
  #stock .stock-alert-summary{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    overflow:visible!important;
  }
  #stock .stock-alert-card{
    min-width:0!important;
    min-height:68px!important;
    padding:10px!important;
    border-radius:16px!important;
  }
  #stock .stock-alert-card span{font-size:9px!important;letter-spacing:.08em!important;white-space:normal!important;}
  #stock .stock-alert-card b{font-size:23px!important;line-height:1!important;}
  #stock .stock-alert-list{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin:9px 0 12px!important;
  }
  #stock .stock-alert-item{
    width:100%!important;
    min-height:auto!important;
    padding:10px 11px!important;
    border-radius:16px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:4px!important;
    text-align:left!important;
  }
  #stock .stock-alert-item b{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    min-width:0!important;
    max-width:100%!important;
    white-space:normal!important;
    line-height:1.22!important;
    font-size:13px!important;
    overflow-wrap:anywhere!important;
  }
  #stock .stock-alert-item b .service-logo-wrap,
  #stock .stock-alert-item b img,
  #stock .stock-alert-item .service-logo-wrap,
  #stock .stock-alert-item img{
    flex:0 0 32px!important;
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    border-radius:10px!important;
  }
  #stock .stock-alert-item span{
    white-space:normal!important;
    line-height:1.22!important;
    font-size:11px!important;
  }
  #stock .ks-l53-stock-form-tabs{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}
  #stock .ks-l53-stock-form-tabs button{width:100%!important;min-height:56px!important;}
  #stock .filters{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:9px!important;
    overflow:hidden!important;
  }
  #stock .filters input,
  #stock .filters select{
    width:100%!important;
    min-width:0!important;
    height:46px!important;
    max-width:100%!important;
  }
  #stock .ks134-service-head{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:11px!important;
  }
  #stock .ks134-service-left{min-width:0!important;gap:9px!important;}
  #stock .ks134-service-title strong{
    font-size:18px!important;
    line-height:1.1!important;
    white-space:normal!important;
  }
  #stock .ks134-service-title span{
    font-size:11px!important;
    line-height:1.25!important;
    white-space:normal!important;
  }
  #stock .ks134-service-right{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    width:100%!important;
    min-width:0!important;
  }
  #stock .ks134-service-right .ks134-pill{
    grid-column:1 / -1!important;
    width:100%!important;
    justify-content:center!important;
  }
  #stock .ks134-service-action,
  #stock .ks134-btn{
    width:100%!important;
    min-width:0!important;
    justify-content:center!important;
  }
  #stock .ks134-account-card{
    display:grid!important;
    grid-template-columns:34px 40px minmax(0,1fr)!important;
    gap:8px!important;
    padding:10px!important;
    overflow:hidden!important;
  }
  #stock .ks134-account-actions{
    grid-column:1 / -1!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  #stock .ks134-btn.delete{grid-column:1 / -1!important;}

  #stockTrash .ks38-trash-service-head{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:10px!important;
  }
  #stockTrash .ks38-trash-service-right{
    display:grid!important;
    grid-template-columns:1fr 1fr 38px!important;
    gap:7px!important;
    width:100%!important;
  }
  #stockTrash .ks38-trash-account{
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:9px!important;
    padding:10px!important;
    border-radius:18px!important;
  }
  #stockTrash .ks38-trash-account-logo{display:none!important;}
  #stockTrash .ks38-trash-account-main{grid-column:2!important;}
  #stockTrash .ks38-trash-account-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;align-items:start!important;}
  #stockTrash .ks38-trash-account-head strong{font-size:18px!important;line-height:1.12!important;white-space:normal!important;}
  #stockTrash .ks38-trash-account-head span{font-size:11px!important;line-height:1.25!important;white-space:normal!important;}
  #stockTrash .ks38-trash-fields{grid-column:1 / -1!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}
  #stockTrash .ks38-field{min-height:54px!important;padding:9px 10px!important;border-radius:14px!important;}
  #stockTrash .ks38-trash-actions{grid-column:1 / -1!important;display:grid!important;grid-template-columns:1fr!important;gap:7px!important;}
  #stockTrash .ks38-action{width:100%!important;min-height:42px!important;}

  #stockTrashViewModal36 .ks41-stock-view-card{border-radius:22px!important;}
  #stockTrashViewModal36 .ks41-view-grid{grid-template-columns:1fr!important;gap:8px!important;}
  #stockTrashViewModal36 .ks41-view-actions{grid-template-columns:1fr!important;gap:8px!important;}
  #stockTrashViewModal36 .ks41-view-btn{min-height:42px!important;}
}

/* ===== v1.0.42 — Stock toolbar premium polish + Stock Trash manual check fix ===== */
#stock.ks42-stock-toolbar-clean #stockBulkToolbar,
#stockTrash.ks42-stock-trash-toolbar-clean #stockTrashBulkToolbar{
  width:100%!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(220px,1.25fr) minmax(180px,.9fr) minmax(170px,.8fr)!important;
  gap:10px!important;
  align-items:stretch!important;
  padding:10px!important;
  margin:12px 0!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,rgba(15,23,42,.72),rgba(2,6,23,.78))!important;
  border:1px solid rgba(96,165,250,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 14px 34px rgba(0,0,0,.20)!important;
  overflow:hidden!important;
}
#stock #stockBulkToolbar .stock-selected-count103,
#stock #stockBulkToolbar .ks42-stock-selected-count,
#stockTrash #stockTrashBulkToolbar .ks42-trash-selected-count,
#stockTrash #stockTrashBulkToolbar #ks38StockTrashSelected,
#stockTrash #stockTrashBulkToolbar #stockTrashSelectedCount106{
  min-height:50px!important;
  border-radius:16px!important;
  padding:9px 13px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  background:rgba(30,41,59,.72)!important;
  border:1px solid rgba(148,163,184,.16)!important;
  color:#e5e7eb!important;
  -webkit-text-fill-color:#e5e7eb!important;
  font-weight:950!important;
  min-width:0!important;
}
#stock #stockBulkToolbar .stock-selected-count103 b,
#stock #stockBulkToolbar .ks42-stock-selected-count b,
#stockTrash #stockTrashBulkToolbar .ks42-trash-selected-count b,
#stockTrash #stockTrashBulkToolbar #ks38StockTrashSelected b,
#stockTrash #stockTrashBulkToolbar #stockTrashSelectedCount106 b{
  font-size:18px!important;
  line-height:1!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  white-space:nowrap!important;
}
#stock #stockBulkToolbar .stock-selected-count103 span,
#stock #stockBulkToolbar .ks42-stock-selected-count span,
#stockTrash #stockTrashBulkToolbar .ks42-trash-selected-count span,
#stockTrash #stockTrashBulkToolbar #ks38StockTrashSelected span,
#stockTrash #stockTrashBulkToolbar #stockTrashSelectedCount106 span{
  min-width:0!important;
  font-size:12px!important;
  line-height:1.25!important;
  color:#aeb9d5!important;
  -webkit-text-fill-color:#aeb9d5!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#stock #stockBulkToolbar .trash-tool-btn,
#stockTrash #stockTrashBulkToolbar .trash-tool-btn{
  min-height:50px!important;
  border-radius:16px!important;
  padding:0 15px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font-size:12px!important;
  font-weight:1000!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
  white-space:nowrap!important;
  border:1px solid rgba(96,165,250,.20)!important;
  background:linear-gradient(135deg,rgba(37,99,235,.20),rgba(30,41,59,.64))!important;
  color:#dbeafe!important;
  -webkit-text-fill-color:#dbeafe!important;
  box-shadow:none!important;
}
#stock #stockBulkToolbar .trash-tool-btn:not(:disabled):hover,
#stockTrash #stockTrashBulkToolbar .trash-tool-btn:not(:disabled):hover{filter:brightness(1.08)!important;transform:translateY(-1px)!important;}
#stock #stockBulkToolbar .trash-tool-btn.danger,
#stock #stockBulkToolbar .ks42-stock-delete-btn,
#stockTrash #stockTrashBulkToolbar .trash-tool-btn.danger,
#stockTrash #stockTrashBulkToolbar .ks42-trash-delete-btn{
  background:linear-gradient(135deg,rgba(127,29,29,.52),rgba(185,28,28,.26))!important;
  border-color:rgba(248,113,113,.28)!important;
  color:#fecaca!important;
  -webkit-text-fill-color:#fecaca!important;
}
#stockTrash #stockTrashBulkToolbar .restore-selected,
#stockTrash #stockTrashBulkToolbar .ks42-trash-restore-btn{
  background:linear-gradient(135deg,rgba(5,150,105,.50),rgba(21,128,61,.24))!important;
  border-color:rgba(74,222,128,.25)!important;
  color:#dcfce7!important;
  -webkit-text-fill-color:#dcfce7!important;
}
#stock #stockBulkToolbar .trash-tool-btn:disabled,
#stockTrash #stockTrashBulkToolbar .trash-tool-btn:disabled{
  opacity:.48!important;
  filter:saturate(.65)!important;
  cursor:not-allowed!important;
  transform:none!important;
}
#stock #stockBulkToolbar.ks42-idle,
#stockTrash #stockTrashBulkToolbar.ks42-idle{
  grid-template-columns:1fr!important;
  padding:8px!important;
  background:linear-gradient(135deg,rgba(15,23,42,.54),rgba(2,6,23,.66))!important;
}
#stock #stockBulkToolbar.ks42-idle .trash-tool-btn,
#stockTrash #stockTrashBulkToolbar.ks42-idle .trash-tool-btn{
  display:none!important;
}
#stock #stockBulkToolbar.ks42-idle .stock-selected-count103,
#stock #stockBulkToolbar.ks42-idle .ks42-stock-selected-count,
#stockTrash #stockTrashBulkToolbar.ks42-idle .ks42-trash-selected-count,
#stockTrash #stockTrashBulkToolbar.ks42-idle #ks38StockTrashSelected,
#stockTrash #stockTrashBulkToolbar.ks42-idle #stockTrashSelectedCount106{
  width:100%!important;
  min-height:46px!important;
  justify-content:center!important;
  text-align:center!important;
  background:rgba(15,23,42,.62)!important;
  border-style:dashed!important;
}

/* Stock Trash manual checkbox hit area */
#stockTrash .ks38-trash-check,
#stockTrash .ks36-stock-trash-check{
  cursor:pointer!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  z-index:8!important;
}
#stockTrash .ks38-trash-check input,
#stockTrash .ks36-stock-trash-check input,
#stockTrash .stock-trash-check{
  pointer-events:auto!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
}
#stockTrash .stock-trash-check:checked + span,
#stockTrash .ks38-trash-check input:checked + span,
#stockTrash .ks36-stock-trash-check input:checked + span{
  background:linear-gradient(135deg,#14b8a6,#22c55e)!important;
  border-color:rgba(94,234,212,.65)!important;
  box-shadow:0 0 0 4px rgba(20,184,166,.12),0 12px 24px rgba(20,184,166,.24)!important;
}
#stockTrash .stock-trash-check:checked + span:after,
#stockTrash .ks38-trash-check input:checked + span:after,
#stockTrash .ks36-stock-trash-check input:checked + span:after{
  content:'✓'!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:18px!important;
  font-weight:1000!important;
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
}

@media(max-width:720px){
  #stock.ks42-stock-toolbar-clean #stockBulkToolbar,
  #stockTrash.ks42-stock-trash-toolbar-clean #stockTrashBulkToolbar{
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:8px!important;
    border-radius:18px!important;
  }
  #stock #stockBulkToolbar .stock-selected-count103,
  #stock #stockBulkToolbar .ks42-stock-selected-count,
  #stockTrash #stockTrashBulkToolbar .ks42-trash-selected-count,
  #stockTrash #stockTrashBulkToolbar #ks38StockTrashSelected,
  #stockTrash #stockTrashBulkToolbar #stockTrashSelectedCount106,
  #stock #stockBulkToolbar .trash-tool-btn,
  #stockTrash #stockTrashBulkToolbar .trash-tool-btn{
    width:100%!important;
    min-width:0!important;
    min-height:46px!important;
    border-radius:15px!important;
  }
  #stock #stockBulkToolbar .stock-selected-count103,
  #stock #stockBulkToolbar .ks42-stock-selected-count,
  #stockTrash #stockTrashBulkToolbar .ks42-trash-selected-count,
  #stockTrash #stockTrashBulkToolbar #ks38StockTrashSelected,
  #stockTrash #stockTrashBulkToolbar #stockTrashSelectedCount106{
    justify-content:center!important;
    text-align:center!important;
  }
}

/* ===== v1.0.43 — Stock + Stock Trash mobile clean premium UI ===== */
#stockTrash.ks43-trash-clean .table-wrap{overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important;}
#stockTrash.ks43-trash-clean table,#stockTrash.ks43-trash-clean tbody,#stockTrash.ks43-trash-clean tr,#stockTrash.ks43-trash-clean td{display:block!important;width:100%!important;border:0!important;background:transparent!important;padding:0!important;}
#stockTrash.ks43-trash-clean thead{display:none!important;}
#stockTrash.ks43-trash-clean .ks43-trash-toolbar{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;width:100%!important;margin:14px 0!important;padding:10px!important;border-radius:20px!important;background:rgba(15,23,42,.52)!important;border:1px solid rgba(148,163,184,.14)!important;box-shadow:0 16px 36px rgba(2,6,23,.22)!important;}
#stockTrash.ks43-trash-clean .ks43-trash-mobile-hint{width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:rgba(59,130,246,.08);border:1px solid rgba(96,165,250,.14);color:#bfdbfe;font-weight:900;font-size:13px;text-align:center;}
#stockTrash.ks43-trash-clean .ks43-trash-count{min-height:46px;padding:0 16px;border-radius:16px;background:rgba(2,6,23,.60);border:1px solid rgba(148,163,184,.16);display:flex;align-items:center;gap:8px;color:#e2e8f0;}
#stockTrash.ks43-trash-clean .ks43-trash-count b{font-size:22px;color:#fff;line-height:1;}
#stockTrash.ks43-trash-clean .ks43-trash-count span{font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:950;color:#c7d2fe;}
#stockTrash.ks43-trash-clean .ks43-toolbar-btn{min-height:46px;padding:0 16px;border-radius:16px;border:1px solid rgba(148,163,184,.16);background:rgba(30,41,59,.72);color:#e2e8f0;font-weight:950;letter-spacing:.02em;cursor:pointer;transition:.16s ease;}
#stockTrash.ks43-trash-clean .ks43-toolbar-btn.select{background:linear-gradient(135deg,rgba(37,99,235,.30),rgba(124,58,237,.24));border-color:rgba(129,140,248,.25);}
#stockTrash.ks43-trash-clean .ks43-toolbar-btn.restore{background:linear-gradient(135deg,rgba(5,150,105,.30),rgba(16,185,129,.22));border-color:rgba(45,212,191,.22);}
#stockTrash.ks43-trash-clean .ks43-toolbar-btn.danger{background:linear-gradient(135deg,rgba(185,28,28,.34),rgba(239,68,68,.22));border-color:rgba(248,113,113,.25);}
#stockTrash.ks43-trash-clean .ks43-toolbar-btn:disabled{opacity:.44;filter:saturate(.6);cursor:not-allowed;}
#stockTrash.ks43-trash-clean .ks43-trash-service{margin:12px 0;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,rgba(15,23,42,.86),rgba(17,24,39,.72));border:1px solid rgba(96,165,250,.14);box-shadow:0 22px 48px rgba(2,6,23,.22);}
#stockTrash.ks43-trash-clean .ks43-service-head{width:100%;border:0;min-height:74px;padding:14px 16px;background:linear-gradient(135deg,rgba(59,130,246,.14),rgba(124,58,237,.12),rgba(244,63,94,.08));display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fff;cursor:pointer;text-align:left;}
#stockTrash.ks43-trash-clean .ks43-service-left{display:flex;align-items:center;gap:12px;min-width:0;}
#stockTrash.ks43-trash-clean .ks43-service-logo{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(59,130,246,.14);border:1px solid rgba(147,197,253,.14);flex:0 0 auto;}
#stockTrash.ks43-trash-clean .ks43-service-logo .service-logo-wrap,#stockTrash.ks43-trash-clean .ks43-service-logo-img{width:34px!important;height:34px!important;border-radius:12px!important;}
#stockTrash.ks43-trash-clean .ks43-service-left strong{display:block;font-size:20px;font-weight:1000;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#93c5fd;max-width:520px;}
#stockTrash.ks43-trash-clean .ks43-service-left span{display:block;margin-top:4px;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.06em;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#stockTrash.ks43-trash-clean .ks43-service-right b{width:36px;height:36px;border-radius:14px;display:grid;place-items:center;background:rgba(148,163,184,.13);border:1px solid rgba(255,255,255,.10);color:#e0e7ff;}
#stockTrash.ks43-trash-clean .ks43-service-content{display:none;padding:12px;background:rgba(2,6,23,.22);}
#stockTrash.ks43-trash-clean .ks43-trash-service.is-open .ks43-service-content{display:grid;gap:12px;}
#stockTrash.ks43-trash-clean .ks43-trash-account{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:start;padding:14px;border-radius:21px;background:linear-gradient(135deg,rgba(15,23,42,.88),rgba(11,18,32,.78));border:1px solid rgba(148,163,184,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);}
#stockTrash.ks43-trash-clean .ks43-trash-account.is-selected{border-color:rgba(45,212,191,.48);box-shadow:0 0 0 4px rgba(45,212,191,.09),inset 0 1px 0 rgba(255,255,255,.06);}
#stockTrash.ks43-trash-clean .ks43-trash-select{width:46px;height:46px;display:grid;place-items:center;cursor:pointer;touch-action:manipulation;}
#stockTrash.ks43-trash-clean .ks43-trash-select input{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;}
#stockTrash.ks43-trash-clean .ks43-checkmark{width:36px;height:36px;border-radius:14px;border:2px solid rgba(148,163,184,.32);background:rgba(2,6,23,.60);display:grid;place-items:center;transition:.16s ease;}
#stockTrash.ks43-trash-clean .ks43-trash-select input:checked + .ks43-checkmark{background:linear-gradient(135deg,#22c55e,#06b6d4);border-color:rgba(125,211,252,.92);box-shadow:0 0 0 5px rgba(45,212,191,.12);}
#stockTrash.ks43-trash-clean .ks43-trash-select input:checked + .ks43-checkmark:after{content:'✓';color:#fff;font-size:18px;font-weight:1000;}
#stockTrash.ks43-trash-clean .ks43-trash-main{display:grid;gap:10px;min-width:0;}
#stockTrash.ks43-trash-clean .ks43-trash-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0;}
#stockTrash.ks43-trash-clean .ks43-trash-title{min-width:0;}
#stockTrash.ks43-trash-clean .ks43-trash-title strong{display:block;font-size:19px;font-weight:1000;line-height:1.12;color:#93c5fd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#stockTrash.ks43-trash-clean .ks43-trash-title span{display:block;margin-top:4px;font-size:12px;font-weight:950;letter-spacing:.04em;text-transform:uppercase;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#stockTrash.ks43-trash-clean .ks43-trash-top em{font-style:normal;min-height:28px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;background:rgba(127,29,29,.24);border:1px solid rgba(248,113,113,.28);color:#fecaca;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em;}
#stockTrash.ks43-trash-clean .ks43-trash-tags{display:flex;gap:7px;flex-wrap:wrap;}
#stockTrash.ks43-trash-clean .ks43-trash-tags span{min-height:27px;padding:0 10px;border-radius:999px;background:rgba(59,130,246,.13);border:1px solid rgba(96,165,250,.15);display:inline-flex;align-items:center;color:#dbeafe;font-size:11px;font-weight:950;max-width:100%;}
#stockTrash.ks43-trash-clean .ks43-trash-info{display:grid;grid-template-columns:1.2fr .9fr .8fr;gap:8px;align-items:stretch;}
#stockTrash.ks43-trash-clean .ks43-trash-info>div{min-height:62px;border-radius:16px;background:rgba(2,6,23,.48);border:1px solid rgba(148,163,184,.13);padding:10px;display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0;}
#stockTrash.ks43-trash-clean .ks43-trash-info small{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#c4b5fd;font-weight:1000;}
#stockTrash.ks43-trash-clean .ks43-trash-info b{font-size:13px;color:#fff;line-height:1.2;font-weight:1000;word-break:break-word;}
#stockTrash.ks43-trash-clean .ks43-pass-line{position:relative;padding-right:70px!important;}
#stockTrash.ks43-trash-clean .ks43-pass-toggle{position:absolute;right:8px;bottom:8px;min-width:56px;height:34px;border:0;border-radius:12px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-weight:950;font-size:12px;cursor:pointer;box-shadow:0 8px 18px rgba(37,99,235,.22);}
#stockTrash.ks43-trash-clean .ks43-pass-toggle.is-visible{background:linear-gradient(135deg,#06b6d4,#14b8a6);}
#stockTrash.ks43-trash-clean .ks43-trash-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;}
#stockTrash.ks43-trash-clean .ks43-action{border:0;border-radius:15px;min-height:44px;color:#fff;font-weight:1000;cursor:pointer;box-shadow:0 10px 22px rgba(2,6,23,.20);transition:.16s ease;}
#stockTrash.ks43-trash-clean .ks43-action.view{background:linear-gradient(135deg,#1d4ed8,#3b82f6);}
#stockTrash.ks43-trash-clean .ks43-action.restore{background:linear-gradient(135deg,#059669,#22c55e);}
#stockTrash.ks43-trash-clean .ks43-action.delete{background:linear-gradient(135deg,#b91c1c,#ef4444);}
#stockTrash.ks43-trash-clean .ks43-action.copy{background:linear-gradient(135deg,#0891b2,#14b8a6);}
#stockTrash.ks43-trash-clean .ks43-action.close{background:rgba(30,41,59,.92);border:1px solid rgba(148,163,184,.16);}
#stockTrash.ks43-trash-clean .ks43-empty{min-height:220px;border:1px dashed rgba(148,163,184,.22);border-radius:24px;display:grid;place-items:center;text-align:center;color:#e2e8f0;background:rgba(15,23,42,.42);padding:34px;}
body.ks43-view-open{overflow:hidden!important;}
.ks43-view-modal{position:fixed!important;inset:0!important;z-index:99999!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:18px!important;background:rgba(2,6,23,.78)!important;backdrop-filter:blur(18px)!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;}
.ks43-view-modal.hidden{display:none!important;}
.ks43-view-card{width:min(760px,100%)!important;max-height:calc(100dvh - 34px)!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;border-radius:28px!important;background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(2,6,23,.96))!important;border:1px solid rgba(96,165,250,.20)!important;box-shadow:0 40px 90px rgba(0,0,0,.45)!important;padding:16px!important;color:#fff!important;}
.ks43-view-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:12px;padding:8px 0 14px;background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(15,23,42,.88));}
.ks43-view-logo{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:rgba(59,130,246,.15);border:1px solid rgba(147,197,253,.18);flex:0 0 auto;}
.ks43-view-logo .service-logo-wrap,.ks43-view-logo-img{width:38px!important;height:38px!important;border-radius:14px!important;}
.ks43-view-head h2{margin:0;font-size:24px;line-height:1.05;font-weight:1000;color:#93c5fd;word-break:break-word;}
.ks43-view-head p{margin:4px 0 0;color:#cbd5e1;font-weight:850;}
.ks43-view-close{margin-left:auto;width:44px;height:44px;border-radius:15px;border:1px solid rgba(255,255,255,.10);background:rgba(30,41,59,.90);color:#fff;font-size:28px;font-weight:900;cursor:pointer;}
.ks43-view-body{display:grid;gap:12px;}
.ks43-view-hero{position:relative;border-radius:22px;padding:18px;background:linear-gradient(135deg,rgba(6,182,212,.22),rgba(59,130,246,.16),rgba(124,58,237,.18));border:1px solid rgba(125,211,252,.22);display:grid;gap:6px;}
.ks43-view-hero strong{font-size:18px;word-break:break-word;}.ks43-view-hero span{color:#dbeafe;font-weight:850;}.ks43-view-hero em{position:absolute;right:14px;top:14px;font-style:normal;padding:6px 11px;border-radius:999px;background:rgba(127,29,29,.28);border:1px solid rgba(248,113,113,.28);color:#fecaca;font-size:11px;font-weight:1000;text-transform:uppercase;}
.ks43-view-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.ks43-view-grid>div{min-height:62px;border-radius:16px;background:rgba(2,6,23,.55);border:1px solid rgba(148,163,184,.15);padding:11px;display:flex;flex-direction:column;justify-content:center;gap:5px;position:relative;}
.ks43-view-grid>div.wide{grid-column:1/-1;}.ks43-view-grid small{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#a5b4fc;font-weight:1000;}.ks43-view-grid b{font-size:14px;color:#fff;word-break:break-word;line-height:1.25;}
.ks43-view-actions{position:sticky;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding-top:12px;background:linear-gradient(0deg,rgba(2,6,23,.98),rgba(2,6,23,.78));}
#stock.ks43-stock-clean #stockBulkToolbar{width:100%!important;display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin:12px 0!important;padding:10px!important;border-radius:20px!important;background:rgba(15,23,42,.50)!important;border:1px solid rgba(148,163,184,.14)!important;}
#stock.ks43-stock-clean .ks43-stock-selection-hint{width:100%;min-height:46px;border-radius:16px;background:rgba(59,130,246,.08);border:1px solid rgba(96,165,250,.14);display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;color:#bfdbfe;}
#stock.ks43-stock-clean .ks43-stock-selection-hint b{color:#fff;}#stock.ks43-stock-clean .ks43-stock-selection-hint span{font-weight:850;}
#stock.ks43-stock-clean .ks43-stock-count{min-height:46px;padding:0 16px;border-radius:16px;background:rgba(2,6,23,.58);border:1px solid rgba(148,163,184,.16);display:flex;align-items:center;gap:8px;color:#fff;}#stock.ks43-stock-clean .ks43-stock-count b{font-size:22px;}.ks43-stock-count span{font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:950;color:#c7d2fe;}
#stock.ks43-stock-clean .ks43-stock-tool{min-height:46px;padding:0 16px;border-radius:16px;border:1px solid rgba(129,140,248,.20);background:linear-gradient(135deg,rgba(37,99,235,.28),rgba(124,58,237,.22));color:#e0e7ff;font-weight:1000;cursor:pointer;}#stock.ks43-stock-clean .ks43-stock-tool.danger{background:linear-gradient(135deg,rgba(185,28,28,.30),rgba(239,68,68,.20));border-color:rgba(248,113,113,.23);color:#fecaca;}#stock.ks43-stock-clean .ks43-stock-tool:disabled{opacity:.45;cursor:not-allowed;}
@media (max-width:768px){
  #stockTrash.ks43-trash-clean .ks38-trash-summary,#stockTrash.ks43-trash-clean #ks38StockTrashSummary{display:none!important;}
  #stockTrash.ks43-trash-clean .card{padding:14px!important;}
  #stockTrash.ks43-trash-clean .ks43-trash-toolbar{padding:0!important;margin:8px 0 10px!important;background:transparent!important;border:0!important;box-shadow:none!important;}
  #stockTrash.ks43-trash-clean .ks43-trash-toolbar.is-idle{display:none!important;}
  #stockTrash.ks43-trash-clean .ks43-trash-toolbar.has-selection{position:sticky!important;bottom:82px!important;z-index:20!important;display:grid!important;grid-template-columns:1fr 1fr!important;background:rgba(15,23,42,.92)!important;border:1px solid rgba(96,165,250,.18)!important;border-radius:20px!important;padding:9px!important;backdrop-filter:blur(16px)!important;}
  #stockTrash.ks43-trash-clean .ks43-trash-count{grid-column:1/-1;justify-content:center;width:100%;}
  #stockTrash.ks43-trash-clean .ks43-toolbar-btn.select{display:none!important;}
  #stockTrash.ks43-trash-clean .ks43-toolbar-btn{width:100%;min-height:44px;padding:0 10px;font-size:12px;}
  #stockTrash.ks43-trash-clean .ks43-service-head{min-height:66px;padding:12px;border-radius:20px;}
  #stockTrash.ks43-trash-clean .ks43-service-left strong{font-size:18px;max-width:190px;}
  #stockTrash.ks43-trash-clean .ks43-service-left span{font-size:11px;white-space:normal;line-height:1.2;}
  #stockTrash.ks43-trash-clean .ks43-service-content{padding:9px;}
  #stockTrash.ks43-trash-clean .ks43-trash-account{grid-template-columns:42px minmax(0,1fr);gap:9px;padding:10px;border-radius:18px;}
  #stockTrash.ks43-trash-clean .ks43-trash-select{width:42px;height:42px;}
  #stockTrash.ks43-trash-clean .ks43-checkmark{width:34px;height:34px;border-radius:13px;}
  #stockTrash.ks43-trash-clean .ks43-trash-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;}
  #stockTrash.ks43-trash-clean .ks43-trash-title strong{font-size:17px;white-space:normal;overflow-wrap:anywhere;}
  #stockTrash.ks43-trash-clean .ks43-trash-title span{font-size:10.5px;white-space:normal;overflow-wrap:anywhere;line-height:1.25;}
  #stockTrash.ks43-trash-clean .ks43-trash-info{grid-template-columns:1fr!important;gap:7px;}
  #stockTrash.ks43-trash-clean .ks43-trash-info>div{min-height:54px;padding:9px;border-radius:14px;}
  #stockTrash.ks43-trash-clean .ks43-pass-line{padding-right:68px!important;}
  #stockTrash.ks43-trash-clean .ks43-pass-toggle{right:7px;bottom:7px;height:32px;min-width:54px;font-size:11px;border-radius:11px;}
  #stockTrash.ks43-trash-clean .ks43-trash-actions{grid-template-columns:1fr!important;gap:7px;}
  #stockTrash.ks43-trash-clean .ks43-action{min-height:42px;border-radius:13px;font-size:12px;}
  .ks43-view-modal{align-items:flex-start!important;padding:10px!important;padding-bottom:96px!important;}
  .ks43-view-card{max-height:calc(100dvh - 114px)!important;border-radius:22px!important;padding:12px!important;}
  .ks43-view-head{padding:4px 0 10px;}.ks43-view-logo{width:42px;height:42px;border-radius:14px;}.ks43-view-head h2{font-size:18px;}.ks43-view-head p{font-size:12px;}.ks43-view-close{width:40px;height:40px;border-radius:14px;}
  .ks43-view-hero{padding:14px;}.ks43-view-hero strong{font-size:14px;}.ks43-view-hero span{font-size:12px;}.ks43-view-hero em{position:static;justify-self:start;margin-top:4px;}
  .ks43-view-grid{grid-template-columns:1fr!important;gap:8px;}.ks43-view-grid>div{min-height:54px;padding:9px;border-radius:14px;}.ks43-view-grid b{font-size:13px;}
  .ks43-view-actions{grid-template-columns:1fr!important;gap:7px;padding-bottom:2px;}
  #stock.ks43-stock-clean #stockBulkToolbar{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;margin:8px 0 10px!important;display:grid!important;grid-template-columns:1fr!important;}
  #stock.ks43-stock-clean #stockBulkToolbar.is-idle .ks43-stock-selection-hint{min-height:42px;font-size:12px;border-style:dashed;background:rgba(59,130,246,.06);}
  #stock.ks43-stock-clean #stockBulkToolbar.is-open{background:rgba(15,23,42,.70)!important;border:1px solid rgba(96,165,250,.15)!important;border-radius:18px!important;padding:8px!important;}
  #stock.ks43-stock-clean .ks43-stock-count,#stock.ks43-stock-clean .ks43-stock-tool{width:100%;min-height:42px;justify-content:center;text-align:center;}
  #stock .filters{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}
  #stock .filters input,#stock .filters select{width:100%!important;min-width:0!important;}
  #stock.stock-v1034 .stock-filter-card,.stock-filter-card{overflow:hidden!important;}
  #stock.stock-v1034 .stock-filter-card *,.stock-filter-card *{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;}
}

/* ===== v1.0.44 — Stock Trash mobile clean card + scroll-safe View ===== */
#stockTrash.ks44-trash-clean .ks43-trash-service,
#stockTrash.ks44-trash-clean .ks43-trash-account,
#stockTrash.ks44-trash-clean .ks38-trash-service-card,
#stockTrash.ks44-trash-clean .ks36-stock-trash-service-card{display:none!important;}
#stockTrash.ks44-trash-clean .table-wrap{overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important;}
#stockTrash.ks44-trash-clean table,
#stockTrash.ks44-trash-clean tbody,
#stockTrash.ks44-trash-clean tr,
#stockTrash.ks44-trash-clean td{display:block!important;width:100%!important;border:0!important;background:transparent!important;padding:0!important;}
#stockTrash.ks44-trash-clean thead{display:none!important;}
#stockTrash.ks44-trash-clean .ks44-service{margin:12px 0;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,rgba(15,23,42,.88),rgba(17,24,39,.74));border:1px solid rgba(96,165,250,.14);box-shadow:0 18px 44px rgba(2,6,23,.22);}
#stockTrash.ks44-trash-clean .ks44-service-head{width:100%;min-height:66px;border:0;padding:12px 14px;background:linear-gradient(135deg,rgba(59,130,246,.14),rgba(124,58,237,.12),rgba(244,63,94,.07));display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fff;text-align:left;cursor:pointer;}
#stockTrash.ks44-trash-clean .ks44-service-left{display:flex;align-items:center;gap:10px;min-width:0;}
#stockTrash.ks44-trash-clean .ks44-service-logo{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:rgba(59,130,246,.14);border:1px solid rgba(147,197,253,.16);flex:0 0 auto;overflow:hidden;}
#stockTrash.ks44-trash-clean .ks44-service-logo .service-logo-wrap,
#stockTrash.ks44-trash-clean .ks44-logo-img{width:32px!important;height:32px!important;border-radius:12px!important;}
#stockTrash.ks44-trash-clean .ks44-service-left strong{display:block;font-size:18px;line-height:1.08;font-weight:1000;color:#93c5fd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55vw;}
#stockTrash.ks44-trash-clean .ks44-service-left span{display:block;margin-top:3px;font-size:11px;line-height:1.2;font-weight:950;text-transform:uppercase;letter-spacing:.05em;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#stockTrash.ks44-trash-clean .ks44-service-right{display:flex;align-items:center;gap:8px;flex:0 0 auto;}
#stockTrash.ks44-trash-clean .ks44-count-chip{min-height:28px;padding:0 10px;border-radius:999px;background:rgba(127,29,29,.20);border:1px solid rgba(248,113,113,.24);color:#fecaca;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.06em;display:inline-flex;align-items:center;}
#stockTrash.ks44-trash-clean .ks44-toggle{width:34px;height:34px;border-radius:13px;display:grid;place-items:center;background:rgba(148,163,184,.13);border:1px solid rgba(255,255,255,.10);color:#e0e7ff;font-weight:1000;}
#stockTrash.ks44-trash-clean .ks44-service-body{display:none;padding:9px;background:rgba(2,6,23,.18);}
#stockTrash.ks44-trash-clean .ks44-service.is-open .ks44-service-body{display:grid;gap:9px;}
#stockTrash.ks44-trash-clean .ks44-trash-card{position:relative;display:grid;gap:10px;padding:12px;border-radius:20px;background:linear-gradient(135deg,rgba(15,23,42,.92),rgba(11,18,32,.82));border:1px solid rgba(148,163,184,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden;}
#stockTrash.ks44-trash-clean .ks44-trash-card.is-selected{border-color:rgba(45,212,191,.55);box-shadow:0 0 0 4px rgba(45,212,191,.10),inset 0 1px 0 rgba(255,255,255,.06);}
#stockTrash.ks44-trash-clean .ks44-card-top{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;}
#stockTrash.ks44-trash-clean .ks44-select-btn{width:42px;height:42px;border-radius:15px;border:2px solid rgba(148,163,184,.30);background:rgba(2,6,23,.62);display:grid;place-items:center;cursor:pointer;touch-action:manipulation;color:transparent;padding:0;}
#stockTrash.ks44-trash-clean .ks44-select-btn.is-selected{background:linear-gradient(135deg,#22c55e,#06b6d4);border-color:rgba(125,211,252,.92);box-shadow:0 0 0 5px rgba(45,212,191,.12);color:#fff;}
#stockTrash.ks44-trash-clean .ks44-select-btn.is-selected::before{content:'✓';font-size:20px;font-weight:1000;color:#fff;}
#stockTrash.ks44-trash-clean .ks44-hidden-check{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;}
#stockTrash.ks44-trash-clean .ks44-card-title{min-width:0;overflow:hidden;}
#stockTrash.ks44-trash-clean .ks44-card-title strong{display:block;color:#93c5fd;font-size:18px;line-height:1.05;font-weight:1000;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;word-break:normal!important;overflow-wrap:normal!important;max-width:100%;}
#stockTrash.ks44-trash-clean .ks44-card-title span{display:block;margin-top:4px;color:#f8fafc;font-size:11px;line-height:1.2;font-weight:950;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;word-break:normal!important;max-width:100%;}
#stockTrash.ks44-trash-clean .ks44-deleted-badge{min-height:28px;padding:0 10px;border-radius:999px;background:rgba(127,29,29,.24);border:1px solid rgba(248,113,113,.28);color:#fecaca;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;}
#stockTrash.ks44-trash-clean .ks44-tags{display:flex;gap:7px;flex-wrap:wrap;padding-left:51px;}
#stockTrash.ks44-trash-clean .ks44-tags span{min-height:26px;padding:0 9px;border-radius:999px;background:rgba(59,130,246,.13);border:1px solid rgba(96,165,250,.15);color:#dbeafe;font-size:10.5px;font-weight:950;display:inline-flex;align-items:center;max-width:100%;}
#stockTrash.ks44-trash-clean .ks44-info-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:8px;padding-left:51px;}
#stockTrash.ks44-trash-clean .ks44-field{min-width:0;min-height:54px;border-radius:15px;background:rgba(2,6,23,.52);border:1px solid rgba(148,163,184,.13);padding:9px;display:flex;flex-direction:column;justify-content:center;gap:5px;}
#stockTrash.ks44-trash-clean .ks44-field small{font-size:9px;line-height:1;text-transform:uppercase;letter-spacing:.14em;color:#c4b5fd;font-weight:1000;}
#stockTrash.ks44-trash-clean .ks44-field b{font-size:13px;line-height:1.2;color:#fff;font-weight:1000;word-break:break-word;}
#stockTrash.ks44-trash-clean .ks44-pass-field{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:8px;align-items:center;}
#stockTrash.ks44-trash-clean .ks44-pass-field small{grid-column:1/-1;}
#stockTrash.ks44-trash-clean .ks44-pass-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#stockTrash.ks44-trash-clean .ks44-pass-toggle{min-width:56px;height:32px;border:0;border-radius:12px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-size:11px;font-weight:950;cursor:pointer;box-shadow:0 8px 18px rgba(37,99,235,.22);}
#stockTrash.ks44-trash-clean .ks44-pass-toggle.is-visible{background:linear-gradient(135deg,#06b6d4,#14b8a6);}
#stockTrash.ks44-trash-clean .ks44-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-left:51px;}
#stockTrash.ks44-trash-clean .ks44-action{min-height:40px;border:0;border-radius:13px;color:#fff;font-size:12px;font-weight:1000;cursor:pointer;box-shadow:0 10px 22px rgba(2,6,23,.20);}
#stockTrash.ks44-trash-clean .ks44-action.view{background:linear-gradient(135deg,#1d4ed8,#3b82f6);}
#stockTrash.ks44-trash-clean .ks44-action.restore{background:linear-gradient(135deg,#059669,#22c55e);}
#stockTrash.ks44-trash-clean .ks44-action.delete{background:linear-gradient(135deg,#b91c1c,#ef4444);}
#stockTrash.ks44-trash-clean #stockTrashBulkToolbar.ks44-toolbar{display:none!important;}
#stockTrash.ks44-trash-clean #stockTrashBulkToolbar.ks44-toolbar.has-selection{position:sticky!important;bottom:82px!important;z-index:22!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;background:rgba(15,23,42,.94)!important;border:1px solid rgba(96,165,250,.18)!important;border-radius:20px!important;padding:9px!important;backdrop-filter:blur(16px)!important;margin:8px 0 10px!important;box-shadow:0 18px 42px rgba(2,6,23,.35)!important;}
#stockTrash.ks44-trash-clean .ks44-toolbar-count{grid-column:1/-1;min-height:42px;border-radius:15px;background:rgba(2,6,23,.64);border:1px solid rgba(148,163,184,.14);display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;font-weight:1000;}
#stockTrash.ks44-trash-clean .ks44-toolbar-count b{font-size:22px;}
#stockTrash.ks44-trash-clean .ks44-toolbar-count span{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#c7d2fe;}
#stockTrash.ks44-trash-clean .ks44-toolbar-action{min-height:42px;border:0;border-radius:14px;color:#fff;font-size:12px;font-weight:1000;}
#stockTrash.ks44-trash-clean .ks44-toolbar-action.restore{background:linear-gradient(135deg,#059669,#22c55e);}
#stockTrash.ks44-trash-clean .ks44-toolbar-action.delete{background:linear-gradient(135deg,#b91c1c,#ef4444);}
#stockTrash.ks44-trash-clean .ks44-empty{min-height:200px;border:1px dashed rgba(148,163,184,.22);border-radius:22px;display:grid;place-items:center;text-align:center;color:#e2e8f0;background:rgba(15,23,42,.42);padding:30px;}
body.ks44-view-open{overflow:hidden!important;}
.ks44-view-modal{position:fixed!important;inset:0!important;z-index:999999!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;padding:10px!important;padding-bottom:92px!important;background:rgba(2,6,23,.82)!important;backdrop-filter:blur(18px)!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;}
.ks44-view-modal.hidden{display:none!important;}
.ks44-view-card{width:min(520px,100%)!important;max-height:calc(100dvh - 104px)!important;max-height:calc(100vh - 104px)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;border-radius:23px!important;background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(2,6,23,.96))!important;border:1px solid rgba(96,165,250,.22)!important;box-shadow:0 40px 90px rgba(0,0,0,.52)!important;color:#fff!important;}
.ks44-view-head{flex:0 0 auto;display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:10px;align-items:center;padding:12px;background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(15,23,42,.90));border-bottom:1px solid rgba(148,163,184,.10);}
.ks44-view-logo{width:40px;height:40px;border-radius:14px;background:rgba(59,130,246,.14);border:1px solid rgba(147,197,253,.16);display:grid;place-items:center;overflow:hidden;}
.ks44-view-logo .service-logo-wrap,.ks44-view-logo-img{width:32px!important;height:32px!important;border-radius:12px!important;}
.ks44-view-title{min-width:0;}
.ks44-view-title h2{margin:0;color:#93c5fd;font-size:18px!important;line-height:1.05;font-weight:1000;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;word-break:normal!important;}
.ks44-view-title p{margin:4px 0 0;color:#cbd5e1;font-size:11px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ks44-view-close{width:40px;height:40px;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:rgba(30,41,59,.9);color:#fff;font-size:26px;font-weight:1000;line-height:1;}
.ks44-view-scroll{flex:1 1 auto;overflow:auto!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;padding:12px;display:grid;gap:10px;}
.ks44-view-hero{position:relative;border-radius:18px;padding:13px;background:linear-gradient(135deg,rgba(6,182,212,.20),rgba(59,130,246,.16),rgba(124,58,237,.18));border:1px solid rgba(125,211,252,.22);display:grid;gap:6px;}
.ks44-view-hero strong{font-size:13px;line-height:1.25;color:#fff;word-break:break-word;}.ks44-view-hero span{font-size:12px;color:#dbeafe;font-weight:850;}.ks44-view-hero em{justify-self:start;font-style:normal;padding:5px 10px;border-radius:999px;background:rgba(127,29,29,.28);border:1px solid rgba(248,113,113,.28);color:#fecaca;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em;}
.ks44-view-grid{display:grid;grid-template-columns:1fr;gap:8px;}
.ks44-view-field{min-height:54px;border-radius:15px;background:rgba(2,6,23,.56);border:1px solid rgba(148,163,184,.14);padding:9px;display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0;}
.ks44-view-field small{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:#a5b4fc;font-weight:1000;}.ks44-view-field b{font-size:13px;line-height:1.25;color:#fff;font-weight:950;word-break:break-word;}
.ks44-view-pass{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:8px;}
.ks44-view-pass small{grid-column:1/-1;}.ks44-view-pass-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ks44-view-pass-toggle{min-width:58px;height:32px;border:0;border-radius:12px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-size:11px;font-weight:1000;}
.ks44-view-pass-toggle.is-visible{background:linear-gradient(135deg,#06b6d4,#14b8a6);}
.ks44-view-actions{flex:0 0 auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px 12px;background:linear-gradient(0deg,rgba(2,6,23,.98),rgba(2,6,23,.86));border-top:1px solid rgba(148,163,184,.10);}
.ks44-view-btn{min-height:40px;border:0;border-radius:13px;color:#fff;font-size:12px;font-weight:1000;}
.ks44-view-btn.copy{background:linear-gradient(135deg,#0891b2,#14b8a6);}.ks44-view-btn.restore{background:linear-gradient(135deg,#059669,#22c55e);}.ks44-view-btn.delete{background:linear-gradient(135deg,#b91c1c,#ef4444);}.ks44-view-btn.close{background:rgba(30,41,59,.92);border:1px solid rgba(148,163,184,.16);}
@media(max-width:420px){
  #stockTrash.ks44-trash-clean .card{padding-left:10px!important;padding-right:10px!important;}
  #stockTrash.ks44-trash-clean .ks44-service-left strong{max-width:46vw;font-size:17px;}
  #stockTrash.ks44-trash-clean .ks44-card-top{grid-template-columns:38px minmax(0,1fr) auto;gap:8px;}
  #stockTrash.ks44-trash-clean .ks44-select-btn{width:38px;height:38px;border-radius:13px;}
  #stockTrash.ks44-trash-clean .ks44-card-title strong{font-size:16px;}
  #stockTrash.ks44-trash-clean .ks44-tags,#stockTrash.ks44-trash-clean .ks44-info-grid,#stockTrash.ks44-trash-clean .ks44-actions{padding-left:46px;}
  #stockTrash.ks44-trash-clean .ks44-info-grid{grid-template-columns:1fr;}
  #stockTrash.ks44-trash-clean .ks44-actions{grid-template-columns:1fr 1fr 1fr;gap:7px;}
  #stockTrash.ks44-trash-clean .ks44-action{font-size:11px;min-height:38px;}
}

/* ===== v1.0.45 — Stock Trash View mobile scroll freeze fix ===== */
html.ks45-stock-trash-view-open,
body.ks45-stock-trash-view-open,
body.ks44-view-open.ks45-stock-trash-view-open{
  overflow:auto!important;
  height:auto!important;
  position:static!important;
  overscroll-behavior:auto!important;
}
#stockTrashViewModal36.ks44-view-modal,
#stockTrashViewModal36.ks45-stock-trash-view-modal{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  min-height:100vh!important;
  max-height:none!important;
  display:block!important;
  align-items:unset!important;
  justify-content:unset!important;
  overflow-x:hidden!important;
  overflow-y:scroll!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:auto!important;
  overscroll-behavior-y:contain!important;
  padding:calc(10px + env(safe-area-inset-top)) 10px calc(118px + env(safe-area-inset-bottom))!important;
  background:rgba(2,6,23,.84)!important;
  backdrop-filter:blur(18px)!important;
}
#stockTrashViewModal36.hidden{display:none!important;}
#stockTrashViewModal36 .ks44-view-card{
  width:min(520px,100%)!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  display:block!important;
  margin:0 auto 110px!important;
  border-radius:22px!important;
  contain:none!important;
}
#stockTrashViewModal36 .ks44-view-head{
  position:sticky!important;
  top:0!important;
  z-index:5!important;
  grid-template-columns:36px minmax(0,1fr) 38px!important;
  padding:10px!important;
  backdrop-filter:blur(14px)!important;
}
#stockTrashViewModal36 .ks44-view-logo{width:36px!important;height:36px!important;border-radius:13px!important;}
#stockTrashViewModal36 .ks44-view-logo .service-logo-wrap,
#stockTrashViewModal36 .ks44-view-logo-img{width:29px!important;height:29px!important;border-radius:11px!important;}
#stockTrashViewModal36 .ks44-view-title h2{font-size:16px!important;line-height:1.1!important;}
#stockTrashViewModal36 .ks44-view-title p{font-size:10.5px!important;}
#stockTrashViewModal36 .ks44-view-close{width:38px!important;height:38px!important;border-radius:13px!important;font-size:24px!important;}
#stockTrashViewModal36 .ks44-view-scroll{
  display:block!important;
  flex:none!important;
  overflow:visible!important;
  -webkit-overflow-scrolling:auto!important;
  max-height:none!important;
  height:auto!important;
  padding:10px!important;
  touch-action:auto!important;
}
#stockTrashViewModal36 .ks44-view-hero{
  padding:12px!important;
  border-radius:17px!important;
  margin-bottom:10px!important;
}
#stockTrashViewModal36 .ks44-view-hero strong{font-size:12.5px!important;line-height:1.25!important;}
#stockTrashViewModal36 .ks44-view-hero span{font-size:11px!important;line-height:1.25!important;}
#stockTrashViewModal36 .ks44-view-hero em{font-size:9.5px!important;padding:4px 9px!important;}
#stockTrashViewModal36 .ks44-view-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}
#stockTrashViewModal36 .ks44-view-field{
  min-width:0!important;
  min-height:46px!important;
  border-radius:14px!important;
  padding:8px!important;
  gap:4px!important;
}
#stockTrashViewModal36 .ks44-view-field small{font-size:8.5px!important;letter-spacing:.12em!important;}
#stockTrashViewModal36 .ks44-view-field b{font-size:12.5px!important;line-height:1.22!important;}
#stockTrashViewModal36 .ks44-view-field:nth-child(1),
#stockTrashViewModal36 .ks44-view-field:nth-child(2){grid-column:1/-1!important;}
/* Stock ID already exists in the modal header, so hide duplicated lower field on mobile/tablet to reduce scroll. */
#stockTrashViewModal36 .ks44-view-grid .ks44-view-field:nth-child(7){display:none!important;}
#stockTrashViewModal36 .ks44-view-pass{
  grid-template-columns:minmax(0,1fr) 62px!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
}
#stockTrashViewModal36 .ks44-view-pass-toggle{
  width:62px!important;
  min-width:62px!important;
  height:32px!important;
  border-radius:12px!important;
}
#stockTrashViewModal36 .ks44-view-actions{
  position:static!important;
  bottom:auto!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  padding:10px!important;
  margin:0!important;
  border-top:1px solid rgba(148,163,184,.10)!important;
  background:linear-gradient(0deg,rgba(2,6,23,.98),rgba(2,6,23,.88))!important;
}
#stockTrashViewModal36 .ks44-view-btn{
  width:100%!important;
  min-height:42px!important;
  border-radius:13px!important;
  font-size:12px!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
@media(max-width:420px){
  #stockTrashViewModal36.ks44-view-modal,
  #stockTrashViewModal36.ks45-stock-trash-view-modal{
    padding-left:8px!important;
    padding-right:8px!important;
    padding-bottom:calc(128px + env(safe-area-inset-bottom))!important;
  }
  #stockTrashViewModal36 .ks44-view-card{border-radius:20px!important;margin-bottom:124px!important;}
  #stockTrashViewModal36 .ks44-view-grid{grid-template-columns:1fr 1fr!important;gap:7px!important;}
  #stockTrashViewModal36 .ks44-view-field{min-height:44px!important;padding:8px!important;}
  #stockTrashViewModal36 .ks44-view-field b{font-size:12px!important;}
  #stockTrashViewModal36 .ks44-view-actions{grid-template-columns:1fr 1fr!important;gap:7px!important;}
  #stockTrashViewModal36 .ks44-view-btn{min-height:40px!important;font-size:11.5px!important;}
}
@supports not (height:100dvh){
  #stockTrashViewModal36.ks44-view-modal,
  #stockTrashViewModal36.ks45-stock-trash-view-modal{height:100vh!important;}
}