:root{--primary:#b85b32;--secondary:#167a4a;--dark:#14100d;--bg:#fff7ed;--card:#fff;--text:#19130f;--muted:#6d6258;--line:#e5d5c4}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.btn{border:0;border-radius:12px;padding:10px 14px;background:#eee;font-weight:900;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.btn.primary{background:var(--primary);color:#fff}.btn.danger{background:#d63638;color:#fff}.btn.small{padding:7px 10px;font-size:13px}.btn.full{width:100%}.alert{padding:12px 14px;border-radius:14px;margin:12px 0;font-weight:900}.alert.success{background:#e5f7ea;color:#166c2d}.alert.danger{background:#ffecec;color:#9b1717}.install-page,.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#fff7ed,#ffe2c5)}.install-box,.login-box{width:min(920px,100%);background:var(--card);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 20px 60px rgba(52,30,15,.14)}label{display:grid;gap:7px;margin:10px 0;font-weight:800}input,textarea,select{width:100%;border:1px solid #ddd;border-radius:12px;padding:12px;background:var(--card)}textarea{min-height:85px}.install-grid,.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.install-grid h2{grid-column:1/-1}.full{grid-column:1/-1}.admin-layout{display:grid;grid-template-columns:265px 1fr;min-height:100vh}.sidebar{background:#17130f;color:#fff;padding:18px;position:sticky;top:0;height:100vh}.side-brand{padding:10px 8px 18px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:12px}.side-brand strong,.side-brand small{display:block}.side-brand small{color:rgba(255,255,255,.65);margin-top:6px}.sidebar nav{display:grid;gap:6px}.sidebar a{color:#fff;padding:12px;border-radius:12px}.sidebar a:hover{background:rgba(255,255,255,.1)}.admin-main{padding:26px;overflow:auto}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.stats>div{background:var(--card);border:1px solid #e6e6e6;border-radius:18px;padding:18px;box-shadow:0 8px 24px rgba(0,0,0,.04)}.stats strong{display:block;font-size:30px}.stats span{color:#666}.card{background:var(--card);border:1px solid #e6e6e6;border-radius:18px;padding:18px;margin:16px 0;box-shadow:0 8px 24px rgba(0,0,0,.04)}table{width:100%;border-collapse:collapse}th,td{padding:11px;border-bottom:1px solid #eee;text-align:right;vertical-align:top}th{background:#fafafa}.scroll{overflow:auto}.two-col{display:grid;grid-template-columns:420px 1fr;gap:18px;align-items:start}.filters-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.check{display:flex;gap:8px;align-items:center}.check input{width:auto}.big-points{font-size:42px;font-weight:1000;color:var(--primary)}.bar{display:grid;grid-template-columns:160px 1fr 50px;gap:10px;align-items:center;margin:10px 0}.bar span{height:14px;background:#eee;border-radius:999px;overflow:hidden}.bar i{height:100%;display:block;background:linear-gradient(90deg,var(--primary),#ffb36b)}.receipt{width:80mm;margin:auto;padding:10px;background:var(--card)}.print-page{background:var(--card)}@media(max-width:980px){.admin-layout{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.two-col{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.install-grid,.settings-grid{grid-template-columns:1fr}}@media(max-width:640px){.stats{grid-template-columns:1fr}.admin-main{padding:16px}}

.two-equal{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
@media(max-width:980px){.two-equal{grid-template-columns:1fr}}

.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.theme-card{background:var(--card);border:1px solid #e6e6e6;border-radius:18px;padding:14px}.theme-card.active{outline:3px solid var(--secondary)}.theme-preview{border-radius:14px;overflow:hidden;border:1px solid #ddd}.theme-swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px}.theme-swatches span{height:38px;border-radius:10px}@media(max-width:900px){.theme-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.theme-grid{grid-template-columns:1fr}}


/* V2.2 dark admin refinements */
body[data-theme="modern_dark"],
body[data-theme="black_gold_luxury"],
body[data-theme="black_red_premium"],
body[data-theme="black_emerald"],
body[data-theme="midnight_luxury"],
body[data-theme="carbon_silver"],
body[data-theme="obsidian_gold"],
body[data-theme="velvet_noir"],
body[data-theme="sapphire_black"],
body[data-theme="black_copper"]{
  background:var(--bg);
  color:var(--text);
}
body[data-theme="modern_dark"] .sidebar,
body[data-theme="black_gold_luxury"] .sidebar,
body[data-theme="black_red_premium"] .sidebar,
body[data-theme="black_emerald"] .sidebar,
body[data-theme="midnight_luxury"] .sidebar,
body[data-theme="carbon_silver"] .sidebar,
body[data-theme="obsidian_gold"] .sidebar,
body[data-theme="velvet_noir"] .sidebar,
body[data-theme="sapphire_black"] .sidebar,
body[data-theme="black_copper"] .sidebar{
  background:var(--dark);
}
body[data-theme="modern_dark"] .card,
body[data-theme="modern_dark"] .stats>div,
body[data-theme="modern_dark"] .theme-card,
body[data-theme="modern_dark"] .login-box,
body[data-theme="black_gold_luxury"] .card,
body[data-theme="black_gold_luxury"] .stats>div,
body[data-theme="black_gold_luxury"] .theme-card,
body[data-theme="black_gold_luxury"] .login-box,
body[data-theme="black_red_premium"] .card,
body[data-theme="black_red_premium"] .stats>div,
body[data-theme="black_red_premium"] .theme-card,
body[data-theme="black_red_premium"] .login-box,
body[data-theme="black_emerald"] .card,
body[data-theme="black_emerald"] .stats>div,
body[data-theme="black_emerald"] .theme-card,
body[data-theme="black_emerald"] .login-box,
body[data-theme="midnight_luxury"] .card,
body[data-theme="midnight_luxury"] .stats>div,
body[data-theme="midnight_luxury"] .theme-card,
body[data-theme="midnight_luxury"] .login-box,
body[data-theme="carbon_silver"] .card,
body[data-theme="carbon_silver"] .stats>div,
body[data-theme="carbon_silver"] .theme-card,
body[data-theme="carbon_silver"] .login-box,
body[data-theme="obsidian_gold"] .card,
body[data-theme="obsidian_gold"] .stats>div,
body[data-theme="obsidian_gold"] .theme-card,
body[data-theme="obsidian_gold"] .login-box,
body[data-theme="velvet_noir"] .card,
body[data-theme="velvet_noir"] .stats>div,
body[data-theme="velvet_noir"] .theme-card,
body[data-theme="velvet_noir"] .login-box,
body[data-theme="sapphire_black"] .card,
body[data-theme="sapphire_black"] .stats>div,
body[data-theme="sapphire_black"] .theme-card,
body[data-theme="sapphire_black"] .login-box,
body[data-theme="black_copper"] .card,
body[data-theme="black_copper"] .stats>div,
body[data-theme="black_copper"] .theme-card,
body[data-theme="black_copper"] .login-box{
  background:var(--card);
  color:var(--text);
  border-color:var(--line);
}
body[data-theme="modern_dark"] input,
body[data-theme="modern_dark"] textarea,
body[data-theme="modern_dark"] select,
body[data-theme="black_gold_luxury"] input,
body[data-theme="black_gold_luxury"] textarea,
body[data-theme="black_gold_luxury"] select,
body[data-theme="black_red_premium"] input,
body[data-theme="black_red_premium"] textarea,
body[data-theme="black_red_premium"] select,
body[data-theme="black_emerald"] input,
body[data-theme="black_emerald"] textarea,
body[data-theme="black_emerald"] select,
body[data-theme="midnight_luxury"] input,
body[data-theme="midnight_luxury"] textarea,
body[data-theme="midnight_luxury"] select,
body[data-theme="carbon_silver"] input,
body[data-theme="carbon_silver"] textarea,
body[data-theme="carbon_silver"] select,
body[data-theme="obsidian_gold"] input,
body[data-theme="obsidian_gold"] textarea,
body[data-theme="obsidian_gold"] select,
body[data-theme="velvet_noir"] input,
body[data-theme="velvet_noir"] textarea,
body[data-theme="velvet_noir"] select,
body[data-theme="sapphire_black"] input,
body[data-theme="sapphire_black"] textarea,
body[data-theme="sapphire_black"] select,
body[data-theme="black_copper"] input,
body[data-theme="black_copper"] textarea,
body[data-theme="black_copper"] select{
  color:var(--text);
  background:var(--card);
  border-color:var(--line);
}
body[data-theme="modern_dark"] th,
body[data-theme="black_gold_luxury"] th,
body[data-theme="black_red_premium"] th,
body[data-theme="black_emerald"] th,
body[data-theme="midnight_luxury"] th,
body[data-theme="carbon_silver"] th,
body[data-theme="obsidian_gold"] th,
body[data-theme="velvet_noir"] th,
body[data-theme="sapphire_black"] th,
body[data-theme="black_copper"] th{
  background:color-mix(in srgb,var(--card) 82%,var(--bg));
  color:var(--text);
}
body[data-theme="modern_dark"] td,
body[data-theme="black_gold_luxury"] td,
body[data-theme="black_red_premium"] td,
body[data-theme="black_emerald"] td,
body[data-theme="midnight_luxury"] td,
body[data-theme="carbon_silver"] td,
body[data-theme="obsidian_gold"] td,
body[data-theme="velvet_noir"] td,
body[data-theme="sapphire_black"] td,
body[data-theme="black_copper"] td{
  border-color:var(--line);
}

.theme-preview-body{padding:12px}.theme-preview-title{font-weight:1000;margin-bottom:4px}.theme-preview-muted{font-size:13px;margin-bottom:10px}

/* V2.4 — Full-height fixed administration sidebar */
@media (min-width:981px){
  .admin-layout{
    display:block;
    min-height:100vh;
  }

  .sidebar{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    width:265px;
    height:100vh;
    min-height:100vh;
    overflow-y:auto;
    background:#17130f;
    z-index:100;
  }

  .sidebar nav{
    min-height:calc(100vh - 105px);
    display:flex;
    flex-direction:column;
    gap:6px;
  }

  .sidebar nav a:nth-last-child(2){
    margin-top:auto;
  }

  .admin-main{
    margin-right:265px;
    min-height:100vh;
    width:auto;
  }
}

@media (max-width:980px){
  .admin-layout{
    display:block;
    min-height:100vh;
  }

  .sidebar{
    position:relative;
    top:auto;
    right:auto;
    bottom:auto;
    width:100%;
    height:auto;
    min-height:auto;
    overflow:visible;
  }

  .sidebar nav{
    min-height:auto;
    display:grid;
  }

  .sidebar nav a:nth-last-child(2){
    margin-top:0;
  }

  .admin-main{
    margin-right:0;
    min-height:auto;
  }
}

.mail-delivery-note{border-inline-start:5px solid var(--primary)}
.mail-delivery-note h2{margin-top:0}
.mail-delivery-note ul{line-height:1.9;margin-bottom:0}
.mail-delivery-note code{direction:ltr;display:inline-block;background:color-mix(in srgb,var(--bg) 75%,var(--card));padding:3px 7px;border-radius:7px}


/* V2.7 QR camera, customer editing and expanded reports */
.scan-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0}
.scan-help{color:var(--muted)}
.camera-panel{border-inline-start:5px solid var(--primary)}
.camera-head{display:flex;justify-content:space-between;gap:16px;align-items:start}
.camera-head h2{margin:0 0 6px}
.camera-head p{margin:0;color:var(--muted)}
.qr-reader{width:min(520px,100%);margin:18px auto 0;overflow:hidden;border-radius:18px}
.camera-message{text-align:center;padding:12px;font-weight:800}
.camera-message.success{color:#147a37}
.camera-message.danger{color:#a01818}
.customer-scan-head{display:flex;justify-content:space-between;align-items:start;gap:14px}
.edit-customer-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}
.edit-customer-summary>div{background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:16px}
.edit-customer-summary strong{display:block;font-size:26px}
.edit-customer-summary span{color:var(--muted)}
.form-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.report-title-row{display:flex;justify-content:space-between;align-items:start;gap:16px}
.report-title-row h1{margin-bottom:5px}
.report-title-row p{color:var(--muted);margin-top:0}
.report-actions{display:flex;gap:8px;flex-wrap:wrap}
.report-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}
.report-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.status-report{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.status-report>div{background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:16px}
.status-report strong{display:block;font-size:26px}
.status-report span{color:var(--muted)}
@media(max-width:1050px){
  .report-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .report-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .camera-head,.customer-scan-head,.report-title-row{flex-direction:column}
  .report-grid,.report-filters,.report-stats,.status-report,.edit-customer-summary{grid-template-columns:1fr}
}
@media print{
  .sidebar,.no-print,.report-actions{display:none!important}
  .admin-main{margin:0!important;padding:0!important}
  .card{box-shadow:none;break-inside:avoid}
  body{background:#fff!important;color:#000!important}
}


/* V2.8 social links settings */
.social-settings-block{
  margin-top:12px;
  padding-top:18px;
  border-top:1px solid var(--line);
}
.social-settings-block h2{margin:0 0 6px}
.social-settings-block>p{margin:0 0 16px;color:var(--muted)}
.social-admin-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.social-admin-item{
  border:1px solid var(--line);
  background:color-mix(in srgb,var(--bg) 55%,var(--card));
  border-radius:16px;
  padding:14px;
}
.social-admin-item label{margin-top:0}
.social-admin-item .check{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:0;
}
.social-admin-item .check input{width:auto}
@media(max-width:760px){
  .social-admin-grid{grid-template-columns:1fr}
}


/* V2.9 social settings polish */
.social-admin-item{
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.social-admin-item:hover{
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--primary) 45%,var(--line));
  box-shadow:0 10px 24px color-mix(in srgb,var(--dark) 8%,transparent);
}


/* V2.10 Jar Alward themes and language fonts */
:root{--font-ar:'Segoe UI',Tahoma,Arial,sans-serif;--font-en:'Poppins',sans-serif}
body,button,input,textarea,select{font-family:var(--font-ar)}
.font-settings-card{border-color:var(--line)}
.font-settings-card>h2{margin:0 0 6px}.font-settings-card>p{margin:0 0 16px;color:var(--muted);line-height:1.7}
.font-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.font-preview{min-height:104px;border:1px solid var(--line);border-radius:16px;padding:16px;background:color-mix(in srgb,var(--card) 92%,var(--primary) 8%);display:grid;align-content:center;gap:7px}
.font-preview small{color:var(--muted);font-weight:800}.font-preview strong{font-size:20px;line-height:1.7}.font-preview-ar{font-family:var(--font-ar)}.font-preview-en{font-family:var(--font-en)}
body[data-theme="jar_alward_3"]{background:var(--bg);color:var(--text)}
body[data-theme="jar_alward_3"] .sidebar{background:var(--dark)}
body[data-theme="jar_alward_3"] .card,body[data-theme="jar_alward_3"] .stats>div,body[data-theme="jar_alward_3"] .theme-card,body[data-theme="jar_alward_3"] .login-box{background:var(--card);color:var(--text);border-color:var(--line)}
body[data-theme="jar_alward_3"] input,body[data-theme="jar_alward_3"] textarea,body[data-theme="jar_alward_3"] select{color:var(--text);background:var(--card);border-color:var(--line)}
body[data-theme="jar_alward_3"] th{background:color-mix(in srgb,var(--card) 78%,var(--bg));color:var(--text)}
body[data-theme="jar_alward_3"] td,body[data-theme="jar_alward_3"] th{border-color:var(--line)}
body[data-theme="jar_alward_3"] .stats span,body[data-theme="jar_alward_3"] .theme-preview-muted{color:var(--muted)!important}
@media(max-width:760px){.font-settings-grid{grid-template-columns:1fr}}