:root{--lux-bg:#080b24;--lux-bg2:#10143a;--lux-panel:#151943;--lux-panel2:#1b2052;--lux-line:rgba(255,255,255,.09);--lux-gold:#e2b84f;--lux-gold2:#f5d777;--lux-purple:#8b5cf6;--lux-cyan:#22d3ee;--lux-text:#f7f7fb;--lux-muted:#a9acd0;--lux-ok:#35d39a;--lux-danger:#ff6b7a;--lux-warn:#ffbe55;--lux-shadow:0 18px 55px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{background:var(--lux-bg)!important}body{margin:0!important;background:radial-gradient(circle at 75% 0,rgba(125,82,245,.22),transparent 32%),linear-gradient(145deg,var(--lux-bg),#0b0f2f 55%,#090c24)!important;color:var(--lux-text)!important;font-family:Tahoma,Arial,sans-serif!important;min-height:100vh}
a{color:inherit}body:not(.lux-ready)>header{margin-right:255px!important}header{position:sticky!important;top:0!important;z-index:80!important;min-height:76px!important;background:rgba(9,12,36,.88)!important;backdrop-filter:blur(16px)!important;border-bottom:1px solid var(--lux-line)!important;color:var(--lux-text)!important;padding:14px 26px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;box-shadow:0 10px 35px rgba(0,0,0,.2)!important}header h1,header h2{margin:0!important;color:var(--lux-text)!important;font-size:20px!important;font-weight:800!important}header a,header button{background:linear-gradient(135deg,var(--lux-gold),#b88223)!important;color:#161222!important;border:0!important;border-radius:12px!important;padding:10px 15px!important;text-decoration:none!important;font-weight:700!important;box-shadow:0 8px 22px rgba(226,184,79,.2)!important}
nav{position:fixed!important;right:0!important;top:0!important;bottom:0!important;width:255px!important;z-index:100!important;background:linear-gradient(180deg,#10143a,#0a0d29 72%)!important;border-left:1px solid var(--lux-line)!important;padding:92px 14px 20px!important;display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;gap:5px!important;overflow-y:auto!important;box-shadow:-12px 0 45px rgba(0,0,0,.22)!important}nav:before{content:'Bazarno24';position:fixed;right:18px;top:14px;width:218px;height:58px;display:flex;align-items:center;padding-right:72px;color:#fff;font-size:19px;font-weight:800;background:url('img/logo-bazarno24.png') right center/62px auto no-repeat;pointer-events:none}nav a{display:flex!important;align-items:center!important;gap:10px!important;min-height:43px!important;padding:10px 13px!important;border:1px solid transparent!important;border-radius:12px!important;color:#d9dbef!important;background:transparent!important;text-decoration:none!important;font-size:13px!important;box-shadow:none!important;transition:.18s ease!important}nav a:hover{background:rgba(255,255,255,.055)!important;border-color:var(--lux-line)!important;color:#fff!important;transform:translateX(-2px)}nav a.active{background:linear-gradient(135deg,rgba(226,184,79,.28),rgba(226,184,79,.12))!important;border-color:rgba(226,184,79,.6)!important;color:var(--lux-gold2)!important;box-shadow:0 0 22px rgba(226,184,79,.14)!important}nav a .lux-badge{margin-right:auto;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border-radius:999px;min-width:23px;height:23px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;padding:0 7px}
main{max-width:none!important;margin:0 255px 0 0!important;padding:24px!important;color:var(--lux-text)!important}.cards{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:14px!important}.card,.box,.panel,.stat,.info-card,.login,form:not(.inline):not([style*='display:inline']){background:linear-gradient(145deg,rgba(26,31,78,.96),rgba(18,22,59,.96))!important;border:1px solid var(--lux-line)!important;border-radius:17px!important;box-shadow:var(--lux-shadow)!important;color:var(--lux-text)!important}.card{padding:20px!important;position:relative!important;overflow:hidden!important}.card:after{content:'';position:absolute;left:-30px;top:-40px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.28),transparent 70%)}.num{color:#fff!important;font-size:29px!important;font-weight:900!important}.label,small,.muted{color:var(--lux-muted)!important}.box{padding:18px!important;margin-bottom:16px!important}.grid{gap:16px!important}h1,h2,h3,h4{color:#fff!important}.box h2,.box h3{padding-bottom:11px!important;border-bottom:1px solid var(--lux-line)!important}.quick{display:flex!important;gap:10px!important;flex-wrap:wrap!important}.quick a{background:rgba(255,255,255,.045)!important;color:#fff!important;border:1px solid var(--lux-line)!important;border-radius:12px!important;padding:11px 14px!important;text-decoration:none!important;box-shadow:none!important}.quick a:hover{border-color:rgba(226,184,79,.55)!important;color:var(--lux-gold2)!important}
table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;background:rgba(8,11,36,.35)!important;border:1px solid var(--lux-line)!important;border-radius:14px!important;overflow:hidden!important;color:var(--lux-text)!important;box-shadow:none!important}th{background:rgba(255,255,255,.055)!important;color:#dfe1f3!important;text-align:right!important;font-weight:700!important}th,td{padding:11px 12px!important;border-bottom:1px solid var(--lux-line)!important;font-size:12px!important}tr:last-child td{border-bottom:0!important}tbody tr:hover{background:rgba(139,92,246,.055)!important}td{color:#eeeff8!important}
input,select,textarea{background:#0e1234!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:11px!important;padding:10px 12px!important;outline:none!important}input::placeholder,textarea::placeholder{color:#777ca8!important}input:focus,select:focus,textarea:focus{border-color:var(--lux-purple)!important;box-shadow:0 0 0 3px rgba(139,92,246,.16)!important}label{color:#d8daf0!important}button,input[type=submit],.btn,.green,.blue,.btn-green,.btn-blue,.btn-save{background:linear-gradient(135deg,#7c3aed,#9b5cf0)!important;color:#fff!important;border:0!important;border-radius:11px!important;padding:9px 13px!important;text-decoration:none!important;box-shadow:0 8px 22px rgba(124,58,237,.2)!important;cursor:pointer!important}.red,.btn-red{background:linear-gradient(135deg,#ef445e,#be2648)!important}.gray{background:#262b5b!important;color:#e6e7f3!important}.pill,.badge{border-radius:999px!important;padding:5px 9px!important}.ok{background:rgba(53,211,154,.14)!important;color:#6cf0bd!important}.wait{background:rgba(255,190,85,.14)!important;color:#ffd083!important}.off{background:rgba(255,107,122,.14)!important;color:#ff98a5!important}.note,.hint,.alert,.msg{background:rgba(139,92,246,.09)!important;color:#e8ddff!important;border:1px solid rgba(139,92,246,.25)!important;border-radius:13px!important;padding:12px!important}.err,.error{background:rgba(255,107,122,.11)!important;color:#ffb2bc!important;border:1px solid rgba(255,107,122,.28)!important;border-radius:13px!important}.empty{color:#8f93b8!important}
.lux-mobile-toggle{display:none;position:fixed;right:14px;bottom:16px;z-index:150;width:48px;height:48px;border-radius:50%;border:1px solid rgba(226,184,79,.5);background:#151943;color:var(--lux-gold2);font-size:22px;box-shadow:var(--lux-shadow)}.lux-top-tools{display:flex;align-items:center;gap:9px;margin-right:auto}.lux-search{width:min(320px,35vw);position:relative}.lux-search input{width:100%!important;padding:10px 14px!important}.lux-table-wrap{overflow-x:auto;border-radius:14px}.lux-section-title{font-size:11px;color:#777ca8;padding:13px 12px 5px;border-top:1px solid var(--lux-line);margin-top:7px}.lux-menu-icon{width:23px;text-align:center;font-size:16px}.lux-brand-sub{font-size:10px;color:#8589ae;display:block;font-weight:400;margin-top:2px}.lux-ready header{margin-right:255px!important}.lux-ready .login{margin:auto!important}.lux-ready body.login-page header,.login-page nav{display:none!important}
@media(max-width:900px){nav{transform:translateX(105%);transition:.25s ease;width:270px!important}.lux-menu-open nav{transform:translateX(0)}header,.lux-ready header{margin-right:0!important;padding:13px 18px 13px 70px!important}main{margin-right:0!important;padding:16px 10px!important}.lux-mobile-toggle{display:block}.cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid{grid-template-columns:1fr!important}.lux-search{display:none}table{min-width:720px}.box{padding:13px!important}header h1,header h2{font-size:16px!important}}
@media(max-width:520px){.cards{grid-template-columns:1fr!important}header{min-height:64px!important}.card{padding:16px!important}.num{font-size:25px!important}}


/* ==========================================================
   Bazarno24 Admin v25.2 — readable light modals
   Fixes white/invisible text inside order and product dialogs.
========================================================== */
.overlay .modal{
  background:#ffffff!important;
  color:#1f2937!important;
  border:1px solid #e5e7eb!important;
  box-shadow:0 24px 80px rgba(0,0,0,.45)!important;
}
.overlay .modal h1,
.overlay .modal h2,
.overlay .modal h3,
.overlay .modal h4{
  color:#111827!important;
}
.overlay .modal p,
.overlay .modal b,
.overlay .modal strong,
.overlay .modal span:not(.badge):not(.pill),
.overlay .modal .info-box,
.overlay .modal .commission-preview{
  color:#1f2937!important;
}
.overlay .modal small{
  color:#6b7280!important;
}
.overlay .modal label{
  color:#374151!important;
}
.overlay .modal .info-box,
.overlay .modal .commission-preview,
.overlay .modal [style*="background:#f8f9fa"]{
  background:#f8fafc!important;
  border:1px solid #e5e7eb!important;
}
.overlay .modal table{
  background:#ffffff!important;
  color:#1f2937!important;
  border-color:#e5e7eb!important;
}
.overlay .modal th{
  background:#f8fafc!important;
  color:#111827!important;
  border-color:#e5e7eb!important;
}
.overlay .modal td{
  color:#1f2937!important;
  border-color:#e5e7eb!important;
}
.overlay .modal tbody tr:hover{
  background:#f9fafb!important;
}
.overlay .modal form{
  background:transparent!important;
  color:#1f2937!important;
  border:0!important;
  box-shadow:none!important;
}
.overlay .modal input,
.overlay .modal select,
.overlay .modal textarea{
  background:#ffffff!important;
  color:#111827!important;
  border-color:#d1d5db!important;
}
.overlay .modal input::placeholder,
.overlay .modal textarea::placeholder{
  color:#9ca3af!important;
}
.overlay .modal .btn,
.overlay .modal button,
.overlay .modal input[type=submit]{
  color:#ffffff!important;
}
.overlay .modal .badge.pending,
.overlay .modal .badge.paid{color:#856404!important}
.overlay .modal .badge.confirmed,
.overlay .modal .badge.delivered,
.overlay .modal .badge.approved,
.overlay .modal .badge.published{color:#166534!important}
.overlay .modal .badge.cancelled,
.overlay .modal .badge.rejected{color:#991b1b!important}