@font-face{font-family:YekanBakhFaNum;src:url("fonts/YekanBakhFaNum-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:YekanBakhFaNum;src:url("fonts/YekanBakhFaNum-Light.ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:YekanBakhFaNum;src:url("fonts/YekanBakhFaNum-SemiBold.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:YekanBakhFaNum;src:url("fonts/YekanBakhFaNum-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}*{box-sizing:border-box}body{margin:0;font-family:YekanBakhFaNum,Tahoma,Arial,sans-serif;background:linear-gradient(135deg,#eef4ff,#f7f9fc 45%,#fff);color:#172033}a{text-decoration:none;color:inherit}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 32px;background:#0f172a;color:#fff;box-shadow:0 8px 30px #0f172a33}.topbar h1{margin:0 0 8px;font-size:26px}.topbar p{margin:0;color:#cbd5e1}.top-actions,.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.tabs{display:flex;gap:8px;overflow:auto;padding:12px 32px;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:5}.tab,.btn{border:0;border-radius:14px;padding:10px 16px;background:#e8eef8;color:#172033;cursor:pointer;font-family:inherit;font-weight:700;transition:.2s}.tab.active,.btn.primary{background:#2563eb;color:#fff}.btn.danger{background:#ef4444;color:#fff}.btn.ghost{background:#ffffff22;color:#fff;border:1px solid #ffffff55}.btn.small{padding:7px 10px;border-radius:10px;font-size:12px}.btn:hover,.tab:hover{transform:translateY(-1px);filter:brightness(.98)}.container{padding:26px 32px;max-width:1400px;margin:auto}.view{display:none}.view.active{display:block}.panel,.card,.login-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 16px 40px #11204d12;padding:22px;margin-bottom:22px}.panel h2{margin-top:0;color:#0f172a}.grid.cards{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px}.card span{display:block;color:#64748b;margin-bottom:8px}.card strong{font-size:34px;color:#2563eb}.form-row,.filters,.repair-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;align-items:end;margin-bottom:18px}.repair-grid .wide{grid-column:1/-1}.stack{display:grid;gap:14px}label{display:grid;gap:7px;font-weight:700;color:#334155}input,select,textarea{width:100%;border:1px solid #cbd5e1;border-radius:14px;padding:11px 12px;font-family:inherit;font-size:14px;background:#fff}textarea{min-height:88px;resize:vertical}.hint{background:#eff6ff;border:1px solid #bfdbfe;padding:12px;border-radius:14px;color:#1e40af}.table-wrap{overflow:auto;border-radius:18px;border:1px solid #e5e7eb}table{width:100%;border-collapse:collapse;background:#fff;min-width:850px}th,td{text-align:right;padding:13px;border-bottom:1px solid #edf2f7;vertical-align:top}th{background:#f8fafc;color:#334155;white-space:nowrap}tr:hover td{background:#f8fbff}.badge{display:inline-flex;border-radius:999px;padding:5px 10px;font-weight:700;font-size:12px}.badge.ok{background:#dcfce7;color:#166534}.badge.warn{background:#fef3c7;color:#92400e}.empty{padding:18px;border-radius:16px;background:#f8fafc;color:#64748b}.summary{margin:14px 0;padding:12px;border-radius:14px;background:#f8fafc}.modal{position:fixed;inset:0;background:#0f172a99;display:grid;place-items:center;padding:20px;z-index:20}.modal.hidden{display:none}.modal-box{width:min(560px,100%);background:#fff;border-radius:24px;padding:24px;box-shadow:0 25px 80px #0005}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(430px,100%)}.brand{text-align:center;margin-bottom:20px}.logo{width:72px;height:72px;border-radius:22px;background:#2563eb;color:#fff;display:grid;place-items:center;font-size:34px;margin:0 auto 12px}.alert.error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;padding:12px;border-radius:14px;margin-bottom:14px}code,pre{direction:ltr;text-align:left;background:#f1f5f9;border-radius:12px;padding:2px 6px}pre{padding:14px;overflow:auto}.print-area{background:#fff}.site-footer{max-width:1400px;margin:4px auto 22px;padding:0 32px;text-align:center;color:var(--theme-muted,#64748b);font-size:12px;display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}.site-footer strong{font-weight:700;color:var(--theme-text,#172033)}body[data-theme="dark"] .site-footer strong{color:#e5e7eb}
@media(max-width:800px){.topbar{display:block;padding:20px}.grid.cards{grid-template-columns:1fr 1fr}.container{padding:16px}.tabs{padding:10px 16px}.top-actions{margin-top:14px}.theme-top-select{width:100%;justify-content:space-between}.theme-top-select select{flex:1}.site-footer{padding:0 16px;margin-bottom:16px}}@media print{body{background:#fff;color:#000}.topbar,.tabs,.no-print,.btn,.actions,form:not(#closeForm){display:none!important}.container{padding:0;max-width:none}.view{display:none!important}#reports.view{display:block!important}.panel{box-shadow:none;border:0;padding:0}.table-wrap{border:0;overflow:visible}table{min-width:0;font-size:12px}th,td{border:1px solid #999;padding:6px}.badge{border:1px solid #777;background:#fff!important;color:#000!important}.print-area h2{text-align:center}}
.input-action{display:flex;gap:8px;align-items:center}.input-action input{min-width:0}.input-action .btn{white-space:nowrap}
@media(max-width:520px){.input-action{display:grid;grid-template-columns:1fr}.input-action .btn{width:100%}}

.jalali-calendar{position:absolute;z-index:9999;width:290px;background:#fff;border:1px solid #dbe3f0;border-radius:18px;box-shadow:0 20px 55px rgba(15,23,42,.22);padding:12px;direction:rtl}.jalali-calendar.hidden{display:none}.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.cal-head button{border:0;background:#eef2ff;color:#1e3a8a;border-radius:10px;padding:6px 12px;font-size:20px;cursor:pointer}.cal-week,.cal-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;text-align:center}.cal-week span{font-size:12px;color:#64748b;font-weight:800;padding:5px}.cal-days .day{height:34px;border:0;border-radius:10px;background:#f8fafc;cursor:pointer;font-weight:700;color:#0f172a}.cal-days .day:hover{background:#dbeafe}.cal-days .day.empty{background:transparent;cursor:default}.cal-days .day.today{outline:2px solid #38bdf8}.cal-days .day.selected{background:#2563eb;color:#fff}.cal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}.input-action .calendar-open{white-space:nowrap}
.user-chip{display:inline-flex;align-items:center;background:#ffffff18;border:1px solid #ffffff33;color:#fff;border-radius:999px;padding:8px 12px;font-weight:700}.theme-top-select{display:flex;align-items:center;gap:8px;min-height:42px;background:linear-gradient(135deg,#ffffff2e,#ffffff12);border:1px solid #ffffff55;color:#fff;border-radius:999px;padding:5px 8px 5px 5px;font-weight:700;box-shadow:inset 0 1px 0 #ffffff35,0 10px 24px #00000018;backdrop-filter:blur(10px)}.theme-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--theme-primary,#2563eb);font-size:15px;box-shadow:0 6px 16px #0002}.theme-label{font-size:13px;opacity:.95}.theme-top-select select{appearance:none;-webkit-appearance:none;width:auto;min-width:112px;border-radius:999px;padding:8px 28px 8px 12px;background:#fff;color:#172033;border:0;font-weight:700;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%);background-position:calc(100% - 16px) 15px,calc(100% - 11px) 15px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.theme-top-select select:focus{outline:3px solid #ffffff88}.theme-top-select:hover{transform:translateY(-1px);background:linear-gradient(135deg,#ffffff40,#ffffff18)}body[data-theme="dark"] .theme-top-select select{background-color:#1e293b;color:#e5e7eb;border:1px solid #475569;background-image:linear-gradient(45deg,transparent 50%,#cbd5e1 50%),linear-gradient(135deg,#cbd5e1 50%,transparent 50%)}
.grid.cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.badge.dark{background:#e2e8f0;color:#334155}.permissions{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:14px}.permissions label,.check-line{display:flex;align-items:center;gap:8px}.permissions input,.check-line input{width:auto}.time-picker{position:absolute;z-index:10000;width:286px;background:#fff;border:1px solid #dbe3f0;border-radius:18px;box-shadow:0 20px 55px rgba(15,23,42,.22);padding:12px;direction:ltr}.time-picker.hidden{display:none}.time-head{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px;direction:ltr}.time-head button{border:0;background:#eef2ff;color:#1e3a8a;border-radius:12px;padding:8px 12px;font-size:20px;font-weight:800;cursor:pointer}.time-head button.active{background:#2563eb;color:#fff}.time-head span{font-size:24px;font-weight:800}.time-head small{direction:rtl;color:#64748b;margin-left:6px}.clock-face{width:224px;height:224px;border-radius:50%;background:radial-gradient(circle,#fff 0,#fff 55%,#f8fafc 56%,#eef2ff 100%);border:1px solid #dbe3f0;margin:0 auto;position:relative}.clock-num{position:absolute;width:32px;height:32px;margin-left:-16px;margin-top:-16px;border:0;border-radius:50%;background:#fff;color:#0f172a;font-weight:800;cursor:pointer;box-shadow:0 2px 8px #0f172a18}.clock-num:hover,.clock-num.active{background:#2563eb;color:#fff}.clock-center{position:absolute;left:50%;top:50%;width:10px;height:10px;background:#0f172a;border-radius:50%;transform:translate(-50%,-50%);z-index:5}.clock-hand{position:absolute;left:50%;top:50%;height:3px;background:#2563eb;transform-origin:left center;border-radius:999px;z-index:3}.hour-hand{width:78px;background:#2563eb}.minute-hand{width:52px;background:#64748b;height:2px}.time-picker .cal-actions{direction:rtl}.time-pick{direction:ltr;text-align:left}@media(max-width:520px){.time-picker,.jalali-calendar{left:12px!important;right:12px!important;width:auto}.clock-face{width:220px;height:220px}}
@media print{#scrap.view,#admin.view,#backup.view,#repairs.view,#departments.view,#printers.view,#dashboard.view{display:none!important}.user-chip{display:none!important}}

/* Clock picker refinements */
.clock-face{background:radial-gradient(circle,#fff 0,#fff 50%,#f8fafc 51%,#eef2ff 100%)}
.clock-num.outer{width:34px;height:34px;margin-left:-17px;margin-top:-17px;font-size:12px}
.clock-num.inner{width:30px;height:30px;margin-left:-15px;margin-top:-15px;font-size:11px;background:#f8fafc;color:#334155}
.clock-num.minute{width:34px;height:34px;margin-left:-17px;margin-top:-17px;font-size:12px}
.clock-num.active{background:#2563eb!important;color:#fff!important}
.clock-hand.active-hand{height:3px;background:#2563eb;transform-origin:left center;border-radius:999px;z-index:3}
.clock-hand.active-hand::after{content:"";position:absolute;right:-8px;top:50%;width:16px;height:16px;background:#2563eb;border-radius:50%;transform:translateY(-50%)}
.time-head small{direction:rtl;margin-right:6px;margin-left:0;font-weight:700;color:#475569}

/* Theme system */
body[data-theme="default"]{--theme-primary:#2563eb;--theme-primary-dark:#0f172a;--theme-soft:#eef4ff;--theme-soft2:#f7f9fc;--theme-panel:#ffffff;--theme-text:#172033;--theme-muted:#64748b;--theme-border:#e5e7eb;--theme-hint:#eff6ff;--theme-hint-border:#bfdbfe;--theme-hint-text:#1e40af}
body[data-theme="orange"]{--theme-primary:#f97316;--theme-primary-dark:#7c2d12;--theme-soft:#fff7ed;--theme-soft2:#ffedd5;--theme-panel:#ffffff;--theme-text:#1f2937;--theme-muted:#78716c;--theme-border:#fed7aa;--theme-hint:#fff7ed;--theme-hint-border:#fdba74;--theme-hint-text:#9a3412}
body[data-theme="blue"]{--theme-primary:#0284c7;--theme-primary-dark:#0c4a6e;--theme-soft:#e0f2fe;--theme-soft2:#f0f9ff;--theme-panel:#ffffff;--theme-text:#172033;--theme-muted:#475569;--theme-border:#bae6fd;--theme-hint:#e0f2fe;--theme-hint-border:#7dd3fc;--theme-hint-text:#075985}
body[data-theme="green"]{--theme-primary:#16a34a;--theme-primary-dark:#14532d;--theme-soft:#ecfdf5;--theme-soft2:#dcfce7;--theme-panel:#ffffff;--theme-text:#172033;--theme-muted:#4b5563;--theme-border:#bbf7d0;--theme-hint:#ecfdf5;--theme-hint-border:#86efac;--theme-hint-text:#166534}
body[data-theme="dark"]{--theme-primary:#38bdf8;--theme-primary-dark:#020617;--theme-soft:#0f172a;--theme-soft2:#111827;--theme-panel:#1e293b;--theme-text:#e5e7eb;--theme-muted:#cbd5e1;--theme-border:#334155;--theme-hint:#0f172a;--theme-hint-border:#334155;--theme-hint-text:#dbeafe}
body[data-theme]{background:linear-gradient(135deg,var(--theme-soft),var(--theme-soft2) 45%,var(--theme-panel));color:var(--theme-text)}
body[data-theme] .topbar{background:var(--theme-primary-dark)}
body[data-theme] .tab.active,body[data-theme] .btn.primary,body[data-theme] .logo{background:var(--theme-primary);color:#fff}
body[data-theme] .card strong,body[data-theme] .panel h2{color:var(--theme-primary)}
body[data-theme] .panel,body[data-theme] .card,body[data-theme] .login-card,body[data-theme] .modal-box,body[data-theme] .jalali-calendar,body[data-theme] .time-picker,body[data-theme] table{background:var(--theme-panel);color:var(--theme-text);border-color:var(--theme-border)}
body[data-theme] th{background:color-mix(in srgb,var(--theme-primary) 8%,var(--theme-panel));color:var(--theme-text)}
body[data-theme] td{border-color:var(--theme-border)}
body[data-theme] tr:hover td{background:color-mix(in srgb,var(--theme-primary) 8%,transparent)}
body[data-theme] input,body[data-theme] select,body[data-theme] textarea{background:var(--theme-panel);color:var(--theme-text);border-color:var(--theme-border)}
body[data-theme] .hint{background:var(--theme-hint);border-color:var(--theme-hint-border);color:var(--theme-hint-text)}
body[data-theme] .summary,body[data-theme] .permissions,body[data-theme] .empty{background:color-mix(in srgb,var(--theme-primary) 6%,var(--theme-panel));border-color:var(--theme-border);color:var(--theme-text)}
body[data-theme] .clock-num.active,body[data-theme] .time-head button.active,body[data-theme] .cal-days .day.selected{background:var(--theme-primary)!important;color:#fff!important}
body[data-theme] .clock-hand.active-hand,body[data-theme] .clock-hand.active-hand::after{background:var(--theme-primary)}
body[data-theme] .btn.success{background:#10b981;color:#fff}
body[data-theme="dark"] .tabs{background:#0f172a;border-color:#334155}
body[data-theme="dark"] .tab,body[data-theme="dark"] .btn{background:#334155;color:#e5e7eb}
body[data-theme="dark"] .btn.danger{background:#dc2626;color:#fff}
body[data-theme="dark"] code,body[data-theme="dark"] pre{background:#0f172a;color:#e5e7eb}

/* Glass themed alert/confirm dialog */
.smart-alert{position:fixed;inset:0;z-index:30000;display:grid;place-items:center;padding:20px;direction:rtl;background:rgba(15,23,42,.34);backdrop-filter:blur(12px) saturate(1.18);-webkit-backdrop-filter:blur(12px) saturate(1.18)}
.smart-alert.hidden{display:none}.smart-alert-box{width:min(430px,100%);background:color-mix(in srgb,var(--theme-panel,#fff) 88%,transparent);color:var(--theme-text,#172033);border:1px solid color-mix(in srgb,var(--theme-primary,#2563eb) 28%,#fff);border-radius:28px;padding:24px;box-shadow:0 28px 85px rgba(2,6,23,.32),inset 0 1px 0 rgba(255,255,255,.34);text-align:center;position:relative;overflow:hidden}.smart-alert-box::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--theme-primary,#2563eb),color-mix(in srgb,var(--theme-primary,#2563eb) 35%,#fff));}.smart-alert-box.pop{animation:smartAlertPop .22s ease-out}.smart-alert-icon{width:58px;height:58px;border-radius:22px;margin:6px auto 14px;display:grid;place-items:center;background:color-mix(in srgb,var(--theme-primary,#2563eb) 14%,var(--theme-panel,#fff));color:var(--theme-primary,#2563eb);font-size:28px;font-weight:900;box-shadow:0 14px 30px color-mix(in srgb,var(--theme-primary,#2563eb) 24%,transparent)}.smart-alert-danger .smart-alert-icon{background:rgba(239,68,68,.12);color:#ef4444;box-shadow:0 14px 30px rgba(239,68,68,.20)}.smart-alert-success .smart-alert-icon{background:rgba(16,185,129,.13);color:#10b981;box-shadow:0 14px 30px rgba(16,185,129,.20)}.smart-alert-content h3{margin:0 0 10px;font-size:20px;color:var(--theme-text,#172033)}.smart-alert-content p{margin:0;color:var(--theme-muted,#64748b);line-height:1.9;font-size:14px}.smart-alert-actions{display:flex;gap:10px;justify-content:center;margin-top:22px;flex-wrap:wrap}.smart-alert-actions .btn{min-width:112px}.smart-alert-cancel{background:color-mix(in srgb,var(--theme-muted,#64748b) 14%,var(--theme-panel,#fff));color:var(--theme-text,#172033)}.smart-alert-danger .smart-alert-ok{background:#ef4444;color:#fff}.smart-alert-info .smart-alert-ok,.smart-alert-success .smart-alert-ok{background:var(--theme-primary,#2563eb);color:#fff}body[data-theme="dark"] .smart-alert{background:rgba(2,6,23,.58)}body[data-theme="dark"] .smart-alert-box{background:rgba(30,41,59,.88);border-color:rgba(148,163,184,.28);box-shadow:0 28px 85px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.08)}body[data-theme="dark"] .smart-alert-cancel{background:#334155;color:#e5e7eb}@keyframes smartAlertPop{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:520px){.smart-alert-box{border-radius:22px;padding:20px}.smart-alert-actions .btn{width:100%}}
.smart-alert-box{background:rgba(255,255,255,.94);border-color:#dbe3f0}.smart-alert-icon{background:#eef2ff}.smart-alert-cancel{background:#eef2f7}@supports (background:color-mix(in srgb,#000 50%,#fff)){.smart-alert-box{background:color-mix(in srgb,var(--theme-panel,#fff) 88%,transparent);border-color:color-mix(in srgb,var(--theme-primary,#2563eb) 28%,#fff)}.smart-alert-icon{background:color-mix(in srgb,var(--theme-primary,#2563eb) 14%,var(--theme-panel,#fff));box-shadow:0 14px 30px color-mix(in srgb,var(--theme-primary,#2563eb) 24%,transparent)}.smart-alert-cancel{background:color-mix(in srgb,var(--theme-muted,#64748b) 14%,var(--theme-panel,#fff))}}

/* =========================================================
   Premium dashboard themes: Neon / Gold / Lavender
   Inspired by the user's UI references while preserving RTL UX.
   ========================================================= */
body[data-theme="neon"]{
  --theme-primary:#22d3ee;
  --theme-primary-dark:#17164b;
  --theme-soft:#11113f;
  --theme-soft2:#17164b;
  --theme-panel:#1d1c55;
  --theme-text:#f4f7ff;
  --theme-muted:#b7c3e8;
  --theme-border:#34357c;
  --theme-hint:#162b58;
  --theme-hint-border:#1fb9d1;
  --theme-hint-text:#d7fbff;
  --theme-accent:#34d399;
  --theme-panel-alt:#242363;
  --theme-shadow:rgba(34,211,238,.18);
  --theme-glow:rgba(52,211,153,.22);
}
body[data-theme="gold"]{
  --theme-primary:#ffd400;
  --theme-primary-dark:#101114;
  --theme-soft:#151619;
  --theme-soft2:#222327;
  --theme-panel:#1d1f23;
  --theme-text:#fff8d8;
  --theme-muted:#c8c2a5;
  --theme-border:#3c3d40;
  --theme-hint:#2a2819;
  --theme-hint-border:#7a6811;
  --theme-hint-text:#fff4a3;
  --theme-accent:#facc15;
  --theme-panel-alt:#25272c;
  --theme-shadow:rgba(255,212,0,.19);
  --theme-glow:rgba(255,212,0,.24);
}
body[data-theme="lavender"]{
  --theme-primary:#7c5cff;
  --theme-primary-dark:#6d4df2;
  --theme-soft:#eeeaff;
  --theme-soft2:#f8f7ff;
  --theme-panel:#ffffff;
  --theme-text:#25233f;
  --theme-muted:#77738f;
  --theme-border:#ddd7ff;
  --theme-hint:#f1edff;
  --theme-hint-border:#c8bcff;
  --theme-hint-text:#563ec8;
  --theme-accent:#2dd4bf;
  --theme-panel-alt:#f7f4ff;
  --theme-shadow:rgba(124,92,255,.16);
  --theme-glow:rgba(45,212,191,.18);
}

body[data-theme="neon"],body[data-theme="gold"],body[data-theme="lavender"]{
  background-attachment:fixed;
  transition:background .28s ease,color .2s ease;
}
body[data-theme="neon"]{
  background:
    radial-gradient(circle at 12% 12%,rgba(34,211,238,.13),transparent 28%),
    radial-gradient(circle at 88% 8%,rgba(52,211,153,.11),transparent 25%),
    linear-gradient(145deg,#11113f 0%,#17164b 48%,#10113b 100%);
}
body[data-theme="gold"]{
  background:
    radial-gradient(circle at 10% 8%,rgba(255,212,0,.10),transparent 24%),
    radial-gradient(circle at 90% 12%,rgba(255,212,0,.07),transparent 28%),
    linear-gradient(145deg,#111214 0%,#202125 52%,#151619 100%);
}
body[data-theme="lavender"]{
  background:
    radial-gradient(circle at 8% 4%,rgba(124,92,255,.20),transparent 25%),
    radial-gradient(circle at 88% 10%,rgba(45,212,191,.13),transparent 24%),
    linear-gradient(145deg,#ebe7ff 0%,#f8f7ff 52%,#f3efff 100%);
}

body[data-theme="neon"] .topbar,
body[data-theme="gold"] .topbar,
body[data-theme="lavender"] .topbar{
  border-bottom:1px solid color-mix(in srgb,var(--theme-primary) 32%,transparent);
  box-shadow:0 18px 48px color-mix(in srgb,var(--theme-primary-dark) 62%,transparent),inset 0 -1px 0 rgba(255,255,255,.05);
}
body[data-theme="neon"] .topbar{background:linear-gradient(115deg,#25246a,#17164b 58%,#20205e)}
body[data-theme="gold"] .topbar{background:linear-gradient(115deg,#111214,#232429 58%,#151619)}
body[data-theme="lavender"] .topbar{background:linear-gradient(115deg,#7657f6,#6848e9 58%,#8569ff)}

body[data-theme="neon"] .tabs,
body[data-theme="gold"] .tabs,
body[data-theme="lavender"] .tabs{
  backdrop-filter:blur(18px) saturate(1.2);
  -webkit-backdrop-filter:blur(18px) saturate(1.2);
  border-bottom-color:var(--theme-border);
  box-shadow:0 10px 28px rgba(15,23,42,.10);
}
body[data-theme="neon"] .tabs{background:rgba(23,22,75,.88)}
body[data-theme="gold"] .tabs{background:rgba(24,25,29,.90)}
body[data-theme="lavender"] .tabs{background:rgba(255,255,255,.82)}

body[data-theme="neon"] .tab,
body[data-theme="gold"] .tab,
body[data-theme="lavender"] .tab,
body[data-theme="neon"] .btn:not(.danger):not(.success):not(.primary):not(.ghost),
body[data-theme="gold"] .btn:not(.danger):not(.success):not(.primary):not(.ghost),
body[data-theme="lavender"] .btn:not(.danger):not(.success):not(.primary):not(.ghost){
  background:var(--theme-panel-alt);
  color:var(--theme-text);
  border:1px solid color-mix(in srgb,var(--theme-primary) 14%,var(--theme-border));
  box-shadow:0 8px 18px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.05);
}
body[data-theme="neon"] .tab.active,
body[data-theme="neon"] .btn.primary{
  background:linear-gradient(135deg,#0ea5e9,#22d3ee 48%,#34d399);
  color:#071c2a;
  box-shadow:0 12px 28px rgba(34,211,238,.30);
}
body[data-theme="gold"] .tab.active,
body[data-theme="gold"] .btn.primary{
  background:linear-gradient(135deg,#ffe44c,#ffd400 55%,#f5b800);
  color:#171717;
  box-shadow:0 12px 28px rgba(255,212,0,.28);
}
body[data-theme="lavender"] .tab.active,
body[data-theme="lavender"] .btn.primary{
  background:linear-gradient(135deg,#6f4df1,#8b6cff 54%,#a98cff);
  color:#fff;
  box-shadow:0 12px 28px rgba(124,92,255,.27);
}

body[data-theme="neon"] .panel,body[data-theme="neon"] .card,body[data-theme="neon"] .modal-box,body[data-theme="neon"] .login-card,
body[data-theme="gold"] .panel,body[data-theme="gold"] .card,body[data-theme="gold"] .modal-box,body[data-theme="gold"] .login-card,
body[data-theme="lavender"] .panel,body[data-theme="lavender"] .card,body[data-theme="lavender"] .modal-box,body[data-theme="lavender"] .login-card{
  border-color:color-mix(in srgb,var(--theme-primary) 14%,var(--theme-border));
  box-shadow:0 20px 48px var(--theme-shadow),inset 0 1px 0 rgba(255,255,255,.05);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
body[data-theme="neon"] .panel,body[data-theme="neon"] .card,body[data-theme="neon"] .modal-box,body[data-theme="neon"] .login-card{background:linear-gradient(145deg,#232261,#19184c)}
body[data-theme="gold"] .panel,body[data-theme="gold"] .card,body[data-theme="gold"] .modal-box,body[data-theme="gold"] .login-card{background:linear-gradient(145deg,#24262b,#1a1b1f)}
body[data-theme="lavender"] .panel,body[data-theme="lavender"] .card,body[data-theme="lavender"] .modal-box,body[data-theme="lavender"] .login-card{background:linear-gradient(145deg,#fff,#faf9ff)}
body[data-theme="neon"] .card:hover,body[data-theme="gold"] .card:hover,body[data-theme="lavender"] .card:hover{
  transform:translateY(-3px);
  border-color:color-mix(in srgb,var(--theme-primary) 46%,var(--theme-border));
  box-shadow:0 24px 52px var(--theme-shadow);
}
body[data-theme="neon"] .card strong{color:#5eead4;text-shadow:0 0 18px rgba(52,211,153,.20)}
body[data-theme="gold"] .card strong{color:#ffe34d;text-shadow:0 0 18px rgba(255,212,0,.18)}
body[data-theme="lavender"] .card strong{color:#7454f3}

body[data-theme="neon"] input,body[data-theme="neon"] select,body[data-theme="neon"] textarea,
body[data-theme="gold"] input,body[data-theme="gold"] select,body[data-theme="gold"] textarea,
body[data-theme="lavender"] input,body[data-theme="lavender"] select,body[data-theme="lavender"] textarea{
  background:var(--theme-panel-alt);
  color:var(--theme-text);
  border-color:color-mix(in srgb,var(--theme-primary) 18%,var(--theme-border));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
body[data-theme="neon"] input:focus,body[data-theme="neon"] select:focus,body[data-theme="neon"] textarea:focus,
body[data-theme="gold"] input:focus,body[data-theme="gold"] select:focus,body[data-theme="gold"] textarea:focus,
body[data-theme="lavender"] input:focus,body[data-theme="lavender"] select:focus,body[data-theme="lavender"] textarea:focus{
  outline:0;
  border-color:var(--theme-primary);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--theme-primary) 14%,transparent),inset 0 1px 0 rgba(255,255,255,.04);
}
body[data-theme="neon"] label,body[data-theme="gold"] label{color:var(--theme-text)}

body[data-theme="neon"] .table-wrap,body[data-theme="gold"] .table-wrap,body[data-theme="lavender"] .table-wrap{
  border-color:color-mix(in srgb,var(--theme-primary) 18%,var(--theme-border));
  box-shadow:0 16px 34px rgba(15,23,42,.10);
}
body[data-theme="neon"] table{background:#1c1b52}
body[data-theme="gold"] table{background:#1d1f23}
body[data-theme="lavender"] table{background:#fff}
body[data-theme="neon"] th{background:linear-gradient(180deg,#2c2b75,#24235f);color:#eaffff}
body[data-theme="gold"] th{background:linear-gradient(180deg,#343119,#28271e);color:#fff3a6}
body[data-theme="lavender"] th{background:linear-gradient(180deg,#f0ecff,#e9e4ff);color:#4d3ca0}
body[data-theme="neon"] tr:hover td{background:rgba(34,211,238,.08)}
body[data-theme="gold"] tr:hover td{background:rgba(255,212,0,.07)}
body[data-theme="lavender"] tr:hover td{background:rgba(124,92,255,.06)}

body[data-theme="neon"] .summary,body[data-theme="neon"] .permissions,body[data-theme="neon"] .empty,
body[data-theme="gold"] .summary,body[data-theme="gold"] .permissions,body[data-theme="gold"] .empty,
body[data-theme="lavender"] .summary,body[data-theme="lavender"] .permissions,body[data-theme="lavender"] .empty{
  background:var(--theme-panel-alt);
  border:1px solid color-mix(in srgb,var(--theme-primary) 16%,var(--theme-border));
}
body[data-theme="neon"] .hint{background:linear-gradient(135deg,#15305a,#1e2f68);box-shadow:inset 4px 0 0 #22d3ee}
body[data-theme="gold"] .hint{background:linear-gradient(135deg,#292717,#322e13);box-shadow:inset 4px 0 0 #ffd400}
body[data-theme="lavender"] .hint{background:linear-gradient(135deg,#f2eeff,#faf8ff);box-shadow:inset 4px 0 0 #7c5cff}

body[data-theme="neon"] .theme-top-select select,
body[data-theme="gold"] .theme-top-select select{
  background-color:var(--theme-panel-alt);
  color:var(--theme-text);
  border:1px solid var(--theme-border);
  background-image:linear-gradient(45deg,transparent 50%,var(--theme-muted) 50%),linear-gradient(135deg,var(--theme-muted) 50%,transparent 50%);
}
body[data-theme="lavender"] .theme-top-select{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.40)}
body[data-theme="lavender"] .theme-top-select select{background-color:#fff;color:#332d55;border:1px solid #e4deff}

body[data-theme="neon"] .smart-alert{background:rgba(5,7,36,.68)}
body[data-theme="gold"] .smart-alert{background:rgba(8,8,9,.72)}
body[data-theme="neon"] .smart-alert-box{background:rgba(29,28,85,.94);border-color:#3d4a98}
body[data-theme="gold"] .smart-alert-box{background:rgba(29,31,35,.96);border-color:#4e492c}
body[data-theme="lavender"] .smart-alert-box{background:rgba(255,255,255,.94);border-color:#d9d0ff}

/* Technician home and QR pages inherit the same premium language. */
body[data-theme="neon"] :is(.tech-hero,.tech-card,.tech-search-box,.tech-phone-card,.qr-panel,.qr-card,.qr-hero,.qr-modal-box,.tech-complete-box),
body[data-theme="gold"] :is(.tech-hero,.tech-card,.tech-search-box,.tech-phone-card,.qr-panel,.qr-card,.qr-hero,.qr-modal-box,.tech-complete-box),
body[data-theme="lavender"] :is(.tech-hero,.tech-card,.tech-search-box,.tech-phone-card,.qr-panel,.qr-card,.qr-hero,.qr-modal-box,.tech-complete-box){
  border-color:color-mix(in srgb,var(--theme-primary) 18%,var(--theme-border));
  box-shadow:0 20px 48px var(--theme-shadow),inset 0 1px 0 rgba(255,255,255,.04);
}
body[data-theme="neon"] :is(.tech-hero,.tech-card,.tech-search-box,.tech-phone-card,.qr-panel,.qr-card,.qr-hero,.qr-modal-box,.tech-complete-box){background:linear-gradient(145deg,#232261,#19184c)}
body[data-theme="gold"] :is(.tech-hero,.tech-card,.tech-search-box,.tech-phone-card,.qr-panel,.qr-card,.qr-hero,.qr-modal-box,.tech-complete-box){background:linear-gradient(145deg,#25272c,#191a1e)}
body[data-theme="lavender"] :is(.tech-hero,.tech-card,.tech-search-box,.tech-phone-card,.qr-panel,.qr-card,.qr-hero,.qr-modal-box,.tech-complete-box){background:linear-gradient(145deg,#fff,#faf9ff)}
body[data-theme="neon"] :is(.tech-top,.tech-topbar,.qr-user-top){background:rgba(23,22,75,.84);border-color:#34357c}
body[data-theme="gold"] :is(.tech-top,.tech-topbar,.qr-user-top){background:rgba(19,20,23,.88);border-color:#3c3d40}
body[data-theme="lavender"] :is(.tech-top,.tech-topbar,.qr-user-top){background:rgba(247,244,255,.88);border-color:#ddd7ff}
body[data-theme="neon"] :is(.tech-row,.tech-card-problem,.tech-routine-panel,.qr-empty),
body[data-theme="gold"] :is(.tech-row,.tech-card-problem,.tech-routine-panel,.qr-empty),
body[data-theme="lavender"] :is(.tech-row,.tech-card-problem,.tech-routine-panel,.qr-empty){background:var(--theme-panel-alt);border-color:var(--theme-border);color:var(--theme-text)}
body[data-theme="neon"] :is(.tech-card,.qr-card):hover{border-color:#22d3ee;box-shadow:0 22px 52px rgba(34,211,238,.22)}
body[data-theme="gold"] :is(.tech-card,.qr-card):hover{border-color:#ffd400;box-shadow:0 22px 52px rgba(255,212,0,.19)}
body[data-theme="lavender"] :is(.tech-card,.qr-card):hover{border-color:#8b6cff;box-shadow:0 22px 52px rgba(124,92,255,.17)}

/* Dark premium themes need readable muted controls throughout dynamic widgets. */
:is(body[data-theme="neon"],body[data-theme="gold"]) :is(code,pre,.column-picker-item,.routine-box,.routine-chip,.searchable-select-list){
  background:var(--theme-panel-alt);
  color:var(--theme-text);
  border-color:var(--theme-border);
}
:is(body[data-theme="neon"],body[data-theme="gold"]) .site-footer strong{color:var(--theme-text)}
:is(body[data-theme="neon"],body[data-theme="gold"]) .btn.danger{background:#dc3545;color:#fff;border-color:#ef5665}
:is(body[data-theme="neon"],body[data-theme="gold"]) .btn.success{background:#10b981;color:#fff}

@media(max-width:800px){
  body[data-theme="neon"] .topbar,body[data-theme="gold"] .topbar,body[data-theme="lavender"] .topbar{border-radius:0 0 24px 24px}
  body[data-theme="neon"] .panel,body[data-theme="gold"] .panel,body[data-theme="lavender"] .panel{border-radius:20px}
}

/* =========================================================
   Professional analytics dashboard
   Pastel dashboard inspired, responsive, theme-aware.
   ========================================================= */
.dashboard-pro{--dash-purple:#7c5cff;--dash-pink:#fb7185;--dash-green:#2dd4bf;--dash-yellow:#fbbf24;--dash-blue:#38bdf8;--dash-indigo:#818cf8;--dash-red:#f43f5e}
.dash-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr);align-items:center;gap:24px;overflow:hidden;margin-bottom:18px;padding:27px 30px;border:1px solid color-mix(in srgb,var(--theme-primary) 18%,var(--theme-border));border-radius:30px;background:linear-gradient(125deg,color-mix(in srgb,var(--theme-primary) 16%,var(--theme-panel)),var(--theme-panel) 54%,color-mix(in srgb,#2dd4bf 9%,var(--theme-panel)));box-shadow:0 24px 64px color-mix(in srgb,var(--theme-primary) 14%,transparent),inset 0 1px 0 rgba(255,255,255,.55)}
.dash-hero:before{content:"";position:absolute;right:-90px;top:-120px;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--theme-primary) 22%,transparent),transparent 68%)}
.dash-hero:after{content:"";position:absolute;left:32%;bottom:-110px;width:300px;height:180px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,#ec4899 12%,transparent),transparent 68%)}
.dash-hero-copy{position:relative;z-index:2}.dash-kicker,.dash-widget-kicker{display:block;font-size:11px;font-weight:900;letter-spacing:.02em;color:var(--theme-primary);margin-bottom:5px}.dash-hero h2{margin:0 0 8px;font-size:clamp(24px,3vw,34px);color:var(--theme-text);line-height:1.45}.dash-hero p{margin:0;color:var(--theme-muted);font-size:14px;line-height:2}.dash-hero-meta{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.dash-hero-meta span{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;border:1px solid color-mix(in srgb,var(--theme-primary) 18%,var(--theme-border));background:color-mix(in srgb,var(--theme-panel) 78%,transparent);color:var(--theme-text);font-size:11px;font-weight:800;backdrop-filter:blur(10px)}
.dash-hero-visual{position:relative;z-index:2;min-height:150px;display:grid;place-items:center}.dash-hero-printer{position:relative;z-index:3;transform:scale(1.45)}.dash-hero-printer .app-printer-logo{box-shadow:0 22px 55px color-mix(in srgb,var(--theme-primary) 28%,transparent)}.dash-orbit{position:absolute;border-radius:50%;border:1px solid color-mix(in srgb,var(--theme-primary) 22%,transparent);animation:dashOrbit 10s linear infinite}.dash-orbit:before,.dash-orbit:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:var(--theme-primary);box-shadow:0 0 18px color-mix(in srgb,var(--theme-primary) 65%,transparent)}.dash-orbit-a{width:145px;height:145px}.dash-orbit-a:before{top:8px;right:26px}.dash-orbit-a:after{bottom:18px;left:12px;background:#2dd4bf}.dash-orbit-b{width:205px;height:205px;animation-duration:15s;animation-direction:reverse;opacity:.68}.dash-orbit-b:before{left:22px;top:35px;background:#fb7185}.dash-orbit-b:after{right:15px;bottom:42px;background:#fbbf24}@keyframes dashOrbit{to{transform:rotate(360deg)}}

.dash-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.dash-stat{position:relative;overflow:hidden;display:flex;align-items:center;gap:13px;min-height:112px;padding:17px;border:1px solid color-mix(in srgb,var(--dash-accent,var(--theme-primary)) 18%,var(--theme-border));border-radius:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--dash-accent,var(--theme-primary)) 10%,var(--theme-panel)),var(--theme-panel));box-shadow:0 14px 35px color-mix(in srgb,var(--dash-accent,var(--theme-primary)) 9%,transparent),inset 0 1px 0 rgba(255,255,255,.5);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.dash-stat:after{content:"";position:absolute;left:-36px;bottom:-55px;width:112px;height:112px;border-radius:50%;background:color-mix(in srgb,var(--dash-accent,var(--theme-primary)) 10%,transparent)}.dash-stat:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--dash-accent,var(--theme-primary)) 42%,var(--theme-border));box-shadow:0 20px 44px color-mix(in srgb,var(--dash-accent,var(--theme-primary)) 15%,transparent)}.dash-stat-icon{position:relative;z-index:2;flex:0 0 48px;width:48px;height:48px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--dash-accent) 85%,#fff),var(--dash-accent));color:#fff;font-size:23px;font-weight:900;box-shadow:0 12px 24px color-mix(in srgb,var(--dash-accent) 28%,transparent)}.dash-stat>div{position:relative;z-index:2;min-width:0}.dash-stat small{display:block;color:var(--theme-muted);font-size:11px;font-weight:900}.dash-stat strong{display:block;color:var(--theme-text)!important;font-size:29px;line-height:1.25;margin:2px 0}.dash-stat em{display:block;color:color-mix(in srgb,var(--dash-accent) 78%,var(--theme-text));font-style:normal;font-size:10px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-stat-purple{--dash-accent:#8b5cf6}.dash-stat-pink{--dash-accent:#fb7185}.dash-stat-green{--dash-accent:#2dd4bf}.dash-stat-yellow{--dash-accent:#f59e0b}.dash-stat-blue{--dash-accent:#38bdf8}.dash-stat-cyan{--dash-accent:#06b6d4}.dash-stat-red{--dash-accent:#f43f5e}.dash-stat-indigo{--dash-accent:#818cf8}

.dash-main-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:15px;margin-bottom:15px}.dash-secondary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:15px}.dash-widget{position:relative;overflow:hidden;padding:19px;border:1px solid color-mix(in srgb,var(--theme-primary) 15%,var(--theme-border));border-radius:27px;background:linear-gradient(145deg,var(--theme-panel),color-mix(in srgb,var(--theme-primary) 4%,var(--theme-panel)));box-shadow:0 18px 46px color-mix(in srgb,var(--theme-primary) 9%,transparent),inset 0 1px 0 rgba(255,255,255,.45)}.dash-widget:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--theme-primary),#ec4899,#2dd4bf);opacity:.82}.dash-widget-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.dash-widget-head h3{margin:0;color:var(--theme-text);font-size:16px}.dash-widget-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--theme-primary) 11%,var(--theme-panel));border:1px solid color-mix(in srgb,var(--theme-primary) 19%,var(--theme-border));color:var(--theme-primary);font-size:11px;font-weight:900}.dash-chart-area{min-height:280px;display:grid;place-items:center}.dash-trend-svg{width:100%;height:auto;overflow:visible}.dash-svg-grid{stroke:color-mix(in srgb,var(--theme-border) 72%,transparent);stroke-width:1;stroke-dasharray:5 7}.dash-svg-y,.dash-svg-label{fill:var(--theme-muted);font-family:YekanBakhFaNum,Tahoma,sans-serif;font-size:11px}.dash-svg-y{text-anchor:end}.dash-svg-label{text-anchor:middle}.dash-svg-area{fill:url(#dashAreaGradient)}.dash-svg-line{fill:none;stroke:url(#dashLineGradient);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 7px 8px color-mix(in srgb,var(--theme-primary) 25%,transparent))}.dash-svg-point circle:first-child{fill:var(--theme-panel);stroke:var(--theme-primary);stroke-width:4}.dash-svg-point-core{fill:#ec4899}.dash-svg-point{transition:transform .15s ease;transform-origin:center}.dash-svg-point:hover{transform:scale(1.2)}

.dash-donut-area{display:grid;place-items:center;gap:18px}.dash-donut{width:176px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;box-shadow:0 20px 42px color-mix(in srgb,var(--theme-primary) 15%,transparent);position:relative}.dash-donut:after{content:"";position:absolute;inset:-9px;border:1px dashed color-mix(in srgb,var(--theme-primary) 28%,transparent);border-radius:50%;animation:dashOrbit 20s linear infinite}.dash-donut-hole{width:111px;aspect-ratio:1;border-radius:50%;display:grid;place-content:center;text-align:center;background:var(--theme-panel);box-shadow:inset 0 8px 20px color-mix(in srgb,var(--theme-primary) 7%,transparent)}.dash-donut-hole strong{font-size:29px;color:var(--theme-text)}.dash-donut-hole span{font-size:10px;color:var(--theme-muted);font-weight:800}.dash-donut-legend{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}.dash-donut-legend-row{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:7px;align-items:center;padding:7px 8px;border-radius:13px;background:color-mix(in srgb,var(--theme-primary) 4%,var(--theme-panel));font-size:10px}.dash-donut-legend-row i{width:8px;height:8px;border-radius:50%}.dash-donut-legend-row span{color:var(--theme-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-donut-legend-row b{color:var(--theme-text)}

.dash-rank-chart{display:grid;gap:10px}.dash-rank-row{display:flex;align-items:center;gap:10px;padding:8px;border-radius:16px;transition:.18s ease}.dash-rank-row:hover{background:color-mix(in srgb,var(--theme-primary) 6%,transparent);transform:translateX(-2px)}.dash-rank-index{flex:0 0 30px;width:30px;height:30px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--theme-primary),#a78bfa);color:#fff;font-size:11px;font-weight:900;box-shadow:0 7px 16px color-mix(in srgb,var(--theme-primary) 20%,transparent)}.dash-rank-body{min-width:0;flex:1}.dash-rank-title{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:6px}.dash-rank-title b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--theme-text)}.dash-rank-title span{font-size:9px;color:var(--theme-muted);white-space:nowrap}.dash-rank-track{height:8px;border-radius:999px;background:color-mix(in srgb,var(--theme-primary) 9%,var(--theme-border));overflow:hidden}.dash-rank-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--theme-primary),#ec4899,#2dd4bf);box-shadow:0 0 12px color-mix(in srgb,var(--theme-primary) 28%,transparent)}

.dash-column-chart{min-height:260px;display:flex;align-items:flex-end}.dash-columns{width:100%;height:250px;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding-top:18px}.dash-column-item{height:100%;flex:1;min-width:0;display:grid;grid-template-rows:22px 1fr 42px;gap:5px;text-align:center}.dash-column-value{font-size:10px;font-weight:900;color:var(--theme-text)}.dash-column-track{height:100%;min-height:100px;display:flex;align-items:flex-end;justify-content:center;border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--theme-primary) 4%,transparent),color-mix(in srgb,var(--theme-primary) 8%,var(--theme-border)));overflow:hidden;padding:3px}.dash-column-track i{display:block;width:100%;max-width:34px;border-radius:10px 10px 7px 7px;background:linear-gradient(180deg,#ec4899,var(--theme-primary) 48%,#2dd4bf);box-shadow:0 8px 18px color-mix(in srgb,var(--theme-primary) 22%,transparent);transition:height .45s ease}.dash-column-track i[data-index="1"],.dash-column-track i[data-index="4"]{background:linear-gradient(180deg,#fbbf24,#fb7185)}.dash-column-track i[data-index="2"],.dash-column-track i[data-index="5"]{background:linear-gradient(180deg,#38bdf8,#2dd4bf)}.dash-column-label{font-size:9px;line-height:1.5;color:var(--theme-muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

.dash-insight-list{display:grid;gap:10px}.dash-insight{--insight:#8b5cf6;display:flex;align-items:center;gap:11px;padding:12px;border-radius:18px;border:1px solid color-mix(in srgb,var(--insight) 18%,var(--theme-border));background:linear-gradient(135deg,color-mix(in srgb,var(--insight) 9%,var(--theme-panel)),var(--theme-panel))}.dash-insight>span{flex:0 0 40px;width:40px;height:40px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--insight) 88%,#fff),var(--insight));color:#fff;font-size:18px;box-shadow:0 9px 18px color-mix(in srgb,var(--insight) 22%,transparent)}.dash-insight>div{min-width:0}.dash-insight small,.dash-insight em{display:block}.dash-insight small{font-size:9px;color:var(--theme-muted);font-weight:900}.dash-insight b{display:block;color:var(--theme-text);font-size:14px;margin:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-insight em{font-style:normal;font-size:9px;color:color-mix(in srgb,var(--insight) 76%,var(--theme-text));font-weight:800}.dash-insight-green{--insight:#10b981}.dash-insight-pink{--insight:#ec4899}

.dash-recent-widget{margin-bottom:22px}.dash-recent-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dash-recent-item{display:flex;gap:11px;padding:13px;border:1px solid color-mix(in srgb,var(--theme-primary) 10%,var(--theme-border));border-radius:19px;background:color-mix(in srgb,var(--theme-primary) 2.5%,var(--theme-panel));transition:.18s ease}.dash-recent-item:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--theme-primary) 28%,var(--theme-border));box-shadow:0 12px 24px color-mix(in srgb,var(--theme-primary) 8%,transparent)}.dash-recent-dot{flex:0 0 11px;width:11px;height:11px;margin-top:6px;border-radius:50%;background:#a78bfa;box-shadow:0 0 0 5px color-mix(in srgb,#a78bfa 15%,transparent)}.dash-recent-dot.repair{background:#38bdf8}.dash-recent-dot.part{background:#fbbf24}.dash-recent-dot.ready{background:#34d399}.dash-recent-dot.closed{background:#22c55e}.dash-recent-dot.failed{background:#fb7185}.dash-recent-main{min-width:0;flex:1}.dash-recent-title{display:flex;justify-content:space-between;gap:10px;align-items:center}.dash-recent-title b{font-size:12px;color:var(--theme-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-recent-status{padding:4px 7px;border-radius:999px;font-size:8px;font-weight:900;color:#7c3aed;background:#ede9fe;white-space:nowrap}.dash-recent-status.repair{color:#0369a1;background:#e0f2fe}.dash-recent-status.part{color:#92400e;background:#fef3c7}.dash-recent-status.ready,.dash-recent-status.closed{color:#166534;background:#dcfce7}.dash-recent-status.failed{color:#9f1239;background:#ffe4e6}.dash-recent-meta{display:flex;gap:7px;flex-wrap:wrap;margin:7px 0 5px;color:var(--theme-muted);font-size:9px}.dash-recent-meta span{padding:3px 6px;border-radius:8px;background:color-mix(in srgb,var(--theme-primary) 5%,transparent)}.dash-recent-item p{margin:0;color:var(--theme-text);font-size:10px;line-height:1.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-empty{display:grid;place-items:center;min-height:120px;border:1px dashed var(--theme-border);border-radius:18px;color:var(--theme-muted);font-size:12px;background:color-mix(in srgb,var(--theme-primary) 3%,var(--theme-panel))}

body[data-theme="lavender"] .dash-hero{background:linear-gradient(120deg,#ffffff,#f9f7ff 55%,#f0edff);border-color:#dcd5ff;box-shadow:0 26px 65px rgba(124,92,255,.16)}body[data-theme="lavender"] .dash-widget,body[data-theme="lavender"] .dash-stat{box-shadow:0 18px 42px rgba(104,72,233,.10),inset 0 1px 0 rgba(255,255,255,.9)}body[data-theme="lavender"] .dash-widget{background:linear-gradient(145deg,#fff,#fbfaff)}
body[data-theme="neon"] .dash-widget,body[data-theme="neon"] .dash-stat,body[data-theme="neon"] .dash-hero,body[data-theme="gold"] .dash-widget,body[data-theme="gold"] .dash-stat,body[data-theme="gold"] .dash-hero{box-shadow:0 18px 46px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.06)}body[data-theme="neon"] .dash-recent-status,body[data-theme="gold"] .dash-recent-status{background:color-mix(in srgb,var(--theme-primary) 16%,var(--theme-panel));color:var(--theme-text)}

@media(max-width:1100px){.dash-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-main-grid{grid-template-columns:1fr}.dash-secondary-grid{grid-template-columns:1fr 1fr}.dash-insight-widget{grid-column:1/-1}.dash-insight-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.dash-hero{grid-template-columns:1fr;padding:21px;border-radius:24px}.dash-hero-visual{display:none}.dash-stat-grid{gap:10px}.dash-stat{min-height:98px;padding:13px;border-radius:20px}.dash-stat-icon{width:42px;height:42px;flex-basis:42px;border-radius:15px}.dash-stat strong{font-size:24px}.dash-secondary-grid{grid-template-columns:1fr}.dash-insight-widget{grid-column:auto}.dash-insight-list{grid-template-columns:1fr}.dash-recent-list{grid-template-columns:1fr}.dash-widget{padding:15px;border-radius:22px}.dash-chart-area{min-height:220px;overflow-x:auto}.dash-trend-svg{min-width:620px}.dash-donut-legend{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.dash-stat-grid{grid-template-columns:1fr 1fr}.dash-stat{display:block;text-align:center}.dash-stat-icon{margin:0 auto 8px}.dash-stat em{white-space:normal}.dash-hero-meta{display:grid}.dash-hero-meta span{justify-content:center}.dash-donut-legend{grid-template-columns:1fr}.dash-widget-head{align-items:flex-start}.dash-widget-head .btn{padding:7px 9px}.dash-columns{gap:4px}.dash-column-label{font-size:8px}}

/* Account menu and profile security */
.account-menu{position:relative;display:inline-flex;align-items:center}.account-menu-button{border:1px solid #ffffff33;cursor:pointer;font-family:inherit;gap:8px}.account-menu-button b{font-size:13px;transition:.18s}.account-menu-button:hover b{transform:translateY(2px)}.account-dropdown{position:absolute;top:calc(100% + 10px);left:0;width:245px;padding:8px;background:var(--theme-panel,#fff);color:var(--theme-text,#172033);border:1px solid var(--theme-border,#e5e7eb);border-radius:20px;box-shadow:0 24px 65px rgba(15,23,42,.25);z-index:120;animation:accountMenuPop .16s ease-out}.account-dropdown.hidden{display:none}.account-dropdown:before{content:"";position:absolute;top:-7px;left:22px;width:13px;height:13px;transform:rotate(45deg);background:var(--theme-panel,#fff);border-top:1px solid var(--theme-border,#e5e7eb);border-left:1px solid var(--theme-border,#e5e7eb)}.account-dropdown a{position:relative;display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:14px;color:var(--theme-text,#172033);transition:.16s}.account-dropdown a:hover{background:color-mix(in srgb,var(--theme-primary,#2563eb) 9%,transparent);transform:translateX(-2px)}.account-dropdown a>span{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--theme-primary,#2563eb) 12%,var(--theme-panel,#fff));font-size:17px}.account-dropdown a div{display:grid;line-height:1.45}.account-dropdown a b{font-size:13px}.account-dropdown a small{font-size:10px;color:var(--theme-muted,#64748b)}.account-dropdown .account-logout{color:#dc2626;border-top:1px solid var(--theme-border,#e5e7eb);margin-top:5px;padding-top:13px}.tech-account-menu .account-dropdown{left:0;right:auto}.tech-account-menu .user-chip{min-height:38px;padding:7px 11px;background:color-mix(in srgb,var(--card,#fff) 82%,transparent);color:var(--text,#172033);border-color:var(--border,#e5e7eb)}@keyframes accountMenuPop{from{opacity:0;transform:translateY(-7px) scale(.98)}to{opacity:1;transform:none}}

.profile-page{min-height:100vh;background:radial-gradient(circle at 10% 10%,color-mix(in srgb,var(--theme-primary,#2563eb) 15%,transparent),transparent 34%),var(--theme-soft,#eef4ff);color:var(--theme-text,#172033)}.profile-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px clamp(16px,4vw,42px);background:color-mix(in srgb,var(--theme-panel,#fff) 84%,transparent);border-bottom:1px solid var(--theme-border,#e5e7eb);backdrop-filter:blur(18px);box-shadow:0 10px 30px rgba(15,23,42,.06)}.profile-brand{display:flex;align-items:center;gap:12px}.profile-brand>div{display:grid}.profile-brand strong{font-size:19px}.profile-brand span{font-size:11px;color:var(--theme-muted,#64748b)}.profile-logo{width:48px;height:48px;border-radius:17px}.profile-shell{width:min(1080px,calc(100% - 28px));margin:24px auto 50px}.profile-summary-card{display:flex;align-items:center;gap:15px;padding:20px;border-radius:26px;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary,#2563eb) 14%,var(--theme-panel,#fff)),var(--theme-panel,#fff));border:1px solid color-mix(in srgb,var(--theme-primary,#2563eb) 20%,var(--theme-border,#e5e7eb));box-shadow:0 20px 55px rgba(15,23,42,.10);margin-bottom:16px}.profile-avatar{width:66px;height:66px;display:grid;place-items:center;border-radius:23px;background:linear-gradient(135deg,var(--theme-primary,#2563eb),color-mix(in srgb,var(--theme-primary,#2563eb) 55%,#111));color:#fff;font-size:28px;font-weight:900;box-shadow:0 14px 28px color-mix(in srgb,var(--theme-primary,#2563eb) 25%,transparent)}.profile-summary-text{flex:1}.profile-summary-text h1{margin:0;font-size:22px}.profile-summary-text p{margin:5px 0 0;color:var(--theme-muted,#64748b)}.security-state{display:inline-flex;align-items:center;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900}.security-state.enabled{background:#dcfce7;color:#166534;border:1px solid #86efac}.security-state.disabled{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.profile-card{background:var(--theme-panel,#fff);border:1px solid var(--theme-border,#e5e7eb);border-radius:26px;padding:20px;box-shadow:0 16px 44px rgba(15,23,42,.08)}.profile-card-head{display:flex;align-items:flex-start;gap:11px;margin-bottom:18px}.profile-card-head h2{margin:0;font-size:18px}.profile-card-head p{margin:5px 0 0;color:var(--theme-muted,#64748b);font-size:12px;line-height:1.8}.profile-card-icon{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:color-mix(in srgb,var(--theme-primary,#2563eb) 12%,var(--theme-panel,#fff));font-size:21px}.profile-card input{background:color-mix(in srgb,var(--theme-panel,#fff) 88%,var(--theme-soft,#eef4ff));color:var(--theme-text,#172033);border-color:var(--theme-border,#cbd5e1)}.profile-message{margin:0 0 16px;padding:13px 15px;border-radius:16px;font-weight:800}.profile-message.hidden{display:none}.profile-message.success{background:#dcfce7;color:#166534;border:1px solid #86efac}.profile-message.error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.profile-message.info{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.security-guide{display:grid;gap:7px;padding:13px;margin-bottom:14px;border-radius:18px;background:color-mix(in srgb,var(--theme-primary,#2563eb) 7%,var(--theme-panel,#fff));border:1px solid color-mix(in srgb,var(--theme-primary,#2563eb) 15%,var(--theme-border,#e5e7eb));font-size:12px}.security-guide b{color:var(--theme-primary,#2563eb)}.two-factor-setup{margin-top:16px;padding-top:16px;border-top:1px solid var(--theme-border,#e5e7eb)}.two-factor-setup.hidden{display:none}.two-factor-qr{display:grid;place-items:center;padding:14px;background:#fff;border:1px solid #e5e7eb;border-radius:22px;overflow:auto;margin-bottom:12px}.two-factor-qr svg{width:min(250px,100%);height:auto}.manual-key-box{display:grid;gap:6px;padding:12px;border-radius:16px;background:color-mix(in srgb,var(--theme-primary,#2563eb) 6%,var(--theme-panel,#fff));margin-bottom:14px}.manual-key-box span{font-size:11px;color:var(--theme-muted,#64748b)}.manual-key-box code{font-size:15px;letter-spacing:2px;word-break:break-all;text-align:center;background:transparent;color:var(--theme-text,#172033);padding:3px}.manual-key-box small{color:var(--theme-muted,#64748b);line-height:1.8}.totp-code-input{text-align:center;direction:ltr;letter-spacing:8px;font-size:22px;font-weight:900}.two-factor-active-box{display:flex;align-items:center;gap:12px;padding:15px;border-radius:19px;background:#ecfdf5;border:1px solid #a7f3d0;color:#14532d}.two-factor-active-icon{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:#16a34a;color:#fff;font-size:23px;font-weight:900}.two-factor-active-box b{font-size:14px}.two-factor-active-box p{margin:3px 0 0;font-size:11px;line-height:1.8}.disable-2fa-details{margin-top:14px;border:1px solid var(--theme-border,#e5e7eb);border-radius:17px;padding:12px}.disable-2fa-details summary{cursor:pointer;font-weight:800;color:#dc2626}.disable-2fa-details form{margin-top:13px}.auth-login-card{overflow:hidden}.auth-step-badge{width:max-content;margin:0 auto 12px;border-radius:999px;padding:6px 11px;background:color-mix(in srgb,var(--theme-primary,#2563eb) 12%,var(--theme-panel,#fff));color:var(--theme-primary,#2563eb);font-size:11px;font-weight:900}.auth-help{text-align:center;color:var(--theme-muted,#64748b);font-size:12px;line-height:2;margin:0 0 15px}.auth-secondary-form{margin-top:10px}.auth-secondary-form .btn{width:100%}.auth-printer-logo{background:linear-gradient(135deg,var(--theme-primary,#2563eb),color-mix(in srgb,var(--theme-primary,#2563eb) 55%,#111))}

@media(max-width:800px){.account-dropdown{position:fixed;top:76px;left:14px;right:14px;width:auto}.account-dropdown:before{display:none}.profile-topbar{align-items:flex-start;flex-direction:column}.profile-topbar .actions{width:100%}.profile-topbar .actions .btn{flex:1;text-align:center}.profile-grid{grid-template-columns:1fr}.profile-summary-card{align-items:flex-start;flex-wrap:wrap}.security-state{margin-inline-start:81px}.profile-shell{width:min(100% - 20px,1080px);margin-top:14px}.tech-account-menu .account-dropdown{position:fixed;top:68px;left:10px;right:10px;width:auto}}

/* =========================================================
   Professional RTL application shell
   Inspired by clean medical/admin dashboards while preserving
   all existing theme variables and application functionality.
   ========================================================= */
.app-shell{
  min-height:100vh;
  display:grid;
  grid-template-columns:276px minmax(0,1fr);
  gap:18px;
  padding:14px;
  direction:rtl;
  transition:grid-template-columns .25s ease;
}
.app-shell.sidebar-collapsed{grid-template-columns:92px minmax(0,1fr)}
.app-main{min-width:0;display:flex;flex-direction:column;min-height:calc(100vh - 28px)}
.app-sidebar{
  position:sticky;
  top:14px;
  height:calc(100vh - 28px);
  min-height:620px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-radius:30px;
  color:#fff;
  background:
    radial-gradient(circle at 85% 7%,color-mix(in srgb,var(--theme-primary,#2563eb) 38%,transparent),transparent 31%),
    linear-gradient(165deg,color-mix(in srgb,var(--theme-primary-dark,#0f172a) 90%,#050814),color-mix(in srgb,var(--theme-primary-dark,#0f172a) 77%,#111827));
  border:1px solid color-mix(in srgb,var(--theme-primary,#2563eb) 24%,rgba(255,255,255,.11));
  box-shadow:0 28px 70px color-mix(in srgb,var(--theme-primary-dark,#0f172a) 48%,transparent),inset 0 1px 0 rgba(255,255,255,.08);
  z-index:80;
}
.sidebar-brand{display:flex;align-items:center;gap:11px;padding:18px 16px 15px;border-bottom:1px solid rgba(255,255,255,.10);min-height:86px}
.sidebar-brand-mark{flex:0 0 auto}.sidebar-logo{width:48px;height:48px;border-radius:17px;background:linear-gradient(135deg,var(--theme-primary,#2563eb),color-mix(in srgb,var(--theme-primary,#2563eb) 55%,#fff));box-shadow:0 13px 30px color-mix(in srgb,var(--theme-primary,#2563eb) 30%,transparent)}
.sidebar-brand-copy{display:grid;line-height:1.45;min-width:0;flex:1;white-space:nowrap;overflow:hidden}.sidebar-brand-copy strong{font-size:16px;font-weight:950}.sidebar-brand-copy span{font-size:10px;color:rgba(255,255,255,.63);font-weight:700}
.sidebar-collapse-btn,.sidebar-mobile-toggle{border:0;cursor:pointer;font-family:inherit;display:grid;place-items:center;transition:.2s ease}
.sidebar-collapse-btn{width:32px;height:32px;border-radius:11px;color:#fff;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.10);flex:0 0 auto}
.sidebar-collapse-btn:hover{background:rgba(255,255,255,.17);transform:translateX(-2px)}
.sidebar-collapse-btn svg,.sidebar-mobile-toggle svg,.nav-icon svg,.sidebar-profile-link svg,.app-date-chip svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sidebar-collapse-btn svg{transition:transform .25s ease}.sidebar-collapsed .sidebar-collapse-btn svg{transform:rotate(180deg)}
.app-sidebar-nav.tabs{
  position:static;
  top:auto;
  z-index:auto;
  flex:1;
  min-height:0;
  display:flex;
  flex-direction:column;
  gap:5px;
  overflow-y:auto;
  overflow-x:hidden;
  padding:13px 11px 18px;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.20) transparent;
}
.app-sidebar-nav::-webkit-scrollbar{width:5px}.app-sidebar-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:99px}
.sidebar-section-title{padding:13px 12px 5px;color:rgba(255,255,255,.43);font-size:9px;font-weight:900;letter-spacing:.3px;white-space:nowrap}
.app-nav-item.tab{
  width:100%;
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:11px;
  padding:8px 10px;
  border-radius:15px;
  border:1px solid transparent!important;
  color:rgba(255,255,255,.76)!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:right;
  white-space:nowrap;
}
.app-nav-item.tab:hover{transform:none;filter:none;color:#fff!important;background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.06)!important}
.app-nav-item.tab.active{
  color:#fff!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary,#2563eb) 94%,#fff),color-mix(in srgb,var(--theme-primary,#2563eb) 64%,#20d9a4))!important;
  box-shadow:0 13px 28px color-mix(in srgb,var(--theme-primary,#2563eb) 30%,transparent)!important;
  border-color:rgba(255,255,255,.21)!important;
}
.nav-icon{width:31px;height:31px;border-radius:11px;display:grid;place-items:center;flex:0 0 31px;background:rgba(255,255,255,.08);transition:.2s ease}.nav-icon svg{width:18px;height:18px}.app-nav-item.active .nav-icon{background:rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.nav-label{font-size:12px;font-weight:850;overflow:hidden;text-overflow:ellipsis}
.sidebar-user-card{display:flex;align-items:center;gap:10px;margin:0 11px 12px;padding:11px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.sidebar-user-avatar{width:39px;height:39px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--theme-primary,#2563eb),color-mix(in srgb,var(--theme-primary,#2563eb) 52%,#fff));font-size:17px;font-weight:950;box-shadow:0 10px 24px color-mix(in srgb,var(--theme-primary,#2563eb) 25%,transparent);flex:0 0 auto}
.sidebar-user-info{display:grid;line-height:1.45;min-width:0;flex:1}.sidebar-user-info strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-info span{font-size:9px;color:rgba(255,255,255,.55)}
.sidebar-profile-link{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.09);flex:0 0 auto;transition:.18s}.sidebar-profile-link:hover{background:rgba(255,255,255,.17);transform:translateY(-1px)}.sidebar-profile-link svg{width:17px;height:17px}
.sidebar-collapsed .sidebar-brand{justify-content:center;padding-inline:10px;flex-wrap:wrap}.sidebar-collapsed .sidebar-brand-copy,.sidebar-collapsed .nav-label,.sidebar-collapsed .sidebar-section-title,.sidebar-collapsed .sidebar-user-info{display:none}.sidebar-collapsed .sidebar-collapse-btn{order:3;width:100%;height:25px}.sidebar-collapsed .app-nav-item.tab{justify-content:center;padding:7px}.sidebar-collapsed .nav-icon{width:37px;height:37px;flex-basis:37px}.sidebar-collapsed .sidebar-user-card{justify-content:center;padding:9px;flex-wrap:wrap}.sidebar-collapsed .sidebar-profile-link{display:none}

body[data-theme] .app-topbar{
  position:sticky;
  top:14px;
  z-index:60;
  min-height:86px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:14px 18px;
  margin:0 0 16px;
  border-radius:25px;
  color:var(--theme-text,#172033);
  background:color-mix(in srgb,var(--theme-panel,#fff) 84%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--theme-primary,#2563eb) 13%,var(--theme-border,#e5e7eb))!important;
  box-shadow:0 18px 46px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.30)!important;
  backdrop-filter:blur(20px) saturate(1.15);
  -webkit-backdrop-filter:blur(20px) saturate(1.15);
}
.topbar-leading{display:flex;align-items:center;gap:13px;min-width:0}.sidebar-mobile-toggle{display:none;width:43px;height:43px;border-radius:14px;color:var(--theme-text,#172033);background:color-mix(in srgb,var(--theme-primary,#2563eb) 9%,var(--theme-panel,#fff));border:1px solid color-mix(in srgb,var(--theme-primary,#2563eb) 15%,var(--theme-border,#e5e7eb))}.sidebar-mobile-toggle:hover{background:color-mix(in srgb,var(--theme-primary,#2563eb) 16%,var(--theme-panel,#fff))}
.page-heading{min-width:0}.page-eyebrow{display:block;color:var(--theme-primary,#2563eb);font-size:9px;font-weight:950;margin-bottom:2px}.page-heading h1{margin:0!important;font-size:20px!important;color:var(--theme-text,#172033);line-height:1.45}.page-heading p{margin:2px 0 0!important;color:var(--theme-muted,#64748b)!important;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:600px}
.app-topbar .top-actions{justify-content:flex-end;flex-wrap:nowrap}.app-date-chip{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:7px 11px;border-radius:14px;color:var(--theme-muted,#64748b);background:color-mix(in srgb,var(--theme-primary,#2563eb) 5%,var(--theme-panel,#fff));border:1px solid var(--theme-border,#e5e7eb);font-size:10px;font-weight:800;white-space:nowrap}.app-date-chip svg{width:16px;height:16px;color:var(--theme-primary,#2563eb)}
body[data-theme] .app-topbar .theme-top-select{min-height:40px;color:var(--theme-text,#172033);background:color-mix(in srgb,var(--theme-primary,#2563eb) 6%,var(--theme-panel,#fff));border-color:color-mix(in srgb,var(--theme-primary,#2563eb) 15%,var(--theme-border,#e5e7eb));box-shadow:none;padding:4px 7px}.app-topbar .theme-icon{width:27px;height:27px}.app-topbar .theme-top-select select{min-width:104px;padding-block:7px;background-color:var(--theme-panel,#fff);color:var(--theme-text,#172033);border:1px solid var(--theme-border,#e5e7eb)}
body[data-theme] .app-topbar .user-chip{min-height:44px;padding:4px 7px 4px 11px;gap:9px;background:var(--theme-panel,#fff);color:var(--theme-text,#172033);border:1px solid var(--theme-border,#e5e7eb);box-shadow:0 7px 18px rgba(15,23,42,.05)}.top-user-avatar{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--theme-primary,#2563eb),color-mix(in srgb,var(--theme-primary,#2563eb) 56%,#111));font-size:14px;font-weight:950;flex:0 0 auto}.top-user-copy{display:grid;line-height:1.35;text-align:right}.top-user-copy b{font-size:10px;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-user-copy small{font-size:8px;color:var(--theme-muted,#64748b)}.top-user-chevron{font-size:12px;color:var(--theme-muted,#64748b)}
.app-topbar .account-dropdown{top:calc(100% + 12px);left:0;right:auto}

.app-content.container{width:100%;max-width:1680px;margin:0 auto;padding:0 2px 24px;flex:1}.app-content .view.active{animation:appViewReveal .24s ease-out}@keyframes appViewReveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.app-content .panel{border-radius:27px;padding:23px;box-shadow:0 17px 48px rgba(15,23,42,.07);border-color:color-mix(in srgb,var(--theme-primary,#2563eb) 12%,var(--theme-border,#e5e7eb))}.app-content .panel>h2{display:flex;align-items:center;gap:9px;font-size:18px;margin-bottom:14px}.app-content .panel>h2:before{content:"";width:9px;height:9px;border-radius:999px;background:linear-gradient(135deg,var(--theme-primary,#2563eb),color-mix(in srgb,var(--theme-primary,#2563eb) 30%,#20d9a4));box-shadow:0 0 0 5px color-mix(in srgb,var(--theme-primary,#2563eb) 10%,transparent)}
.app-content form.form-row,.app-content form.repair-grid,.app-content .filters{padding:15px;border-radius:20px;background:color-mix(in srgb,var(--theme-primary,#2563eb) 3.5%,var(--theme-panel,#fff));border:1px solid color-mix(in srgb,var(--theme-primary,#2563eb) 10%,var(--theme-border,#e5e7eb))}.app-content .table-wrap{box-shadow:0 12px 34px rgba(15,23,42,.055);border-radius:20px}.app-content .btn{border-radius:13px}.app-content input,.app-content select,.app-content textarea{border-radius:13px;transition:border-color .18s,box-shadow .18s,background .18s}.app-content input:focus,.app-content select:focus,.app-content textarea:focus{outline:0;border-color:var(--theme-primary,#2563eb);box-shadow:0 0 0 4px color-mix(in srgb,var(--theme-primary,#2563eb) 11%,transparent)}
.app-main .site-footer{width:100%;max-width:1680px;margin:7px auto 8px;padding:10px 16px;border-radius:18px;background:color-mix(in srgb,var(--theme-panel,#fff) 74%,transparent);border:1px solid color-mix(in srgb,var(--theme-primary,#2563eb) 8%,var(--theme-border,#e5e7eb));backdrop-filter:blur(12px)}
.app-sidebar-overlay{display:none}

/* Theme refinements for the shell */
body[data-theme="gold"] .app-nav-item.tab.active{color:#151515!important;background:linear-gradient(135deg,#ffe44c,#ffd400 55%,#f5b800)!important}
body[data-theme="neon"] .app-nav-item.tab.active{color:#071c2a!important;background:linear-gradient(135deg,#0ea5e9,#22d3ee 48%,#34d399)!important}
body[data-theme="lavender"] .app-sidebar{background:radial-gradient(circle at 80% 4%,rgba(255,255,255,.20),transparent 25%),linear-gradient(165deg,#7959f5,#5e3fd0 58%,#4529a5)}
body[data-theme="gold"] .app-sidebar{background:radial-gradient(circle at 82% 5%,rgba(255,212,0,.13),transparent 28%),linear-gradient(165deg,#171819,#0d0e10 62%,#171819)}
body[data-theme="neon"] .app-sidebar{background:radial-gradient(circle at 82% 5%,rgba(34,211,238,.18),transparent 28%),linear-gradient(165deg,#242362,#151445 62%,#10103a)}
body[data-theme="dark"] .app-topbar,body[data-theme="neon"] .app-topbar,body[data-theme="gold"] .app-topbar{box-shadow:0 18px 46px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.035)!important}

@media(max-width:1180px){
  .app-shell{grid-template-columns:92px minmax(0,1fr)}
  .app-shell .sidebar-brand{justify-content:center;padding-inline:10px;flex-wrap:wrap}.app-shell .sidebar-brand-copy,.app-shell .nav-label,.app-shell .sidebar-section-title,.app-shell .sidebar-user-info{display:none}.app-shell .sidebar-collapse-btn{display:none}.app-shell .app-nav-item.tab{justify-content:center;padding:7px}.app-shell .nav-icon{width:37px;height:37px;flex-basis:37px}.app-shell .sidebar-user-card{justify-content:center;padding:9px}.app-shell .sidebar-profile-link{display:none}
  .app-date-chip{display:none}.page-heading p{max-width:350px}
}
@media(max-width:980px){
  .app-shell{display:block;padding:10px;min-height:100vh}.app-main{min-height:calc(100vh - 20px)}
  .app-sidebar{position:fixed;top:10px;right:10px;bottom:10px;height:auto;min-height:0;width:min(286px,calc(100vw - 42px));transform:translateX(calc(100% + 24px));transition:transform .25s ease;z-index:1000}
  .app-shell .sidebar-brand{justify-content:flex-start;padding:18px 16px;flex-wrap:nowrap}.app-shell .sidebar-brand-copy,.app-shell .nav-label,.app-shell .sidebar-section-title,.app-shell .sidebar-user-info{display:grid}.app-shell .nav-label{display:inline}.app-shell .sidebar-section-title{display:block}.app-shell .sidebar-collapse-btn{display:grid;margin-inline-start:auto}.app-shell .app-nav-item.tab{justify-content:flex-start;padding:8px 10px}.app-shell .nav-icon{width:31px;height:31px;flex-basis:31px}.app-shell .sidebar-user-card{justify-content:flex-start;padding:11px}.app-shell .sidebar-profile-link{display:grid}
  body.app-sidebar-open{overflow:hidden}.app-sidebar-open .app-sidebar{transform:translateX(0)}.app-sidebar-overlay{position:fixed;inset:0;z-index:990;background:rgba(2,6,23,.48);backdrop-filter:blur(4px);opacity:0;visibility:hidden;display:block;transition:.22s}.app-sidebar-open .app-sidebar-overlay{opacity:1;visibility:visible}
  .sidebar-mobile-toggle{display:grid}.sidebar-collapse-btn svg{transform:rotate(180deg)}
  body[data-theme] .app-topbar{top:10px;min-height:75px;border-radius:22px;padding:11px 13px}.page-eyebrow{display:none}.page-heading h1{font-size:17px!important}.page-heading p{max-width:320px}.app-topbar .theme-label{display:none}.app-topbar .theme-top-select select{min-width:90px}.top-user-copy{display:none}.app-topbar .user-chip{padding-inline-end:6px!important}.app-content.container{padding-inline:1px}
}
@media(max-width:700px){
  .app-shell{padding:7px}.app-main{min-height:calc(100vh - 14px)}body[data-theme] .app-topbar{top:7px;margin-bottom:10px;min-height:66px;padding:9px 10px;border-radius:19px}.topbar-leading{gap:8px;min-width:0}.sidebar-mobile-toggle{width:39px;height:39px;border-radius:13px}.page-heading h1{font-size:15px!important}.page-heading p{display:none}.app-topbar .top-actions{gap:5px}.app-topbar .theme-top-select{min-width:0!important;padding:3px 5px!important}.app-topbar .theme-icon{display:none}.app-topbar .theme-top-select select{min-width:75px;width:75px;font-size:10px;padding:6px 22px 6px 7px}.top-user-avatar{width:31px;height:31px;border-radius:11px}.top-user-chevron{display:none}.app-topbar .account-dropdown{position:fixed;top:71px;left:9px;right:9px;width:auto}.app-content .panel{padding:15px;border-radius:22px}.app-content form.form-row,.app-content form.repair-grid,.app-content .filters{padding:11px;border-radius:17px}.app-main .site-footer{margin-bottom:2px}.app-sidebar{top:7px;right:7px;bottom:7px;border-radius:25px}
}
@media print{
  .app-shell{display:block!important;padding:0!important}.app-sidebar,.app-sidebar-overlay,.app-topbar{display:none!important}.app-main{display:block!important;min-height:0!important}.app-content.container{padding:0!important;max-width:none!important}.app-main .site-footer{display:none!important}
}


/* =========================================================
   Emerald Control Center theme — inspired by the supplied
   black/green professional dashboard reference.
   ========================================================= */
body[data-theme="emerald"]{
  --theme-primary:#45f582;--theme-primary-dark:#050806;--theme-soft:#050706;--theme-soft2:#0a0d0b;--theme-panel:#101411;--theme-text:#f2fff6;--theme-muted:#91a198;--theme-border:#26342b;--theme-hint:#10271a;--theme-hint-border:#1d7b43;--theme-hint-text:#c8ffda;--theme-accent:#00d65f;--theme-panel-alt:#151b17;--theme-shadow:rgba(0,214,95,.15);--theme-glow:rgba(69,245,130,.25);
  background:radial-gradient(circle at 9% 8%,rgba(69,245,130,.11),transparent 25%),radial-gradient(circle at 88% 4%,rgba(0,214,95,.07),transparent 27%),linear-gradient(145deg,#050706 0%,#090c0a 48%,#050706 100%);background-attachment:fixed;color:var(--theme-text)
}
body[data-theme="emerald"] :is(.panel,.card,.modal-box,.login-card,.dash-widget,.dash-stat,.dash-hero,.ai-summary-card,.ai-score-card,.ai-widget,.ai-panel,.ai-insight){background:linear-gradient(145deg,#121713,#0d110e);border-color:#25342a;box-shadow:0 20px 48px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.035)}
body[data-theme="emerald"] .app-sidebar{background:radial-gradient(circle at 50% 0,rgba(91,255,146,.22),transparent 25%),linear-gradient(180deg,#08913e 0%,#087b36 46%,#056229 100%);border-color:rgba(255,255,255,.10);box-shadow:-18px 0 55px rgba(0,0,0,.35)}
body[data-theme="emerald"] .sidebar-brand-logo,body[data-theme="emerald"] .sidebar-avatar{background:#ecfff2;color:#087c38;box-shadow:0 12px 28px rgba(0,0,0,.20)}
body[data-theme="emerald"] .sidebar-brand-logo .app-printer-logo{background:transparent;box-shadow:none}
body[data-theme="emerald"] .sidebar-section-title{color:rgba(235,255,242,.68)}
body[data-theme="emerald"] .app-nav-item.tab{color:#effff4;background:transparent;border-color:transparent}
body[data-theme="emerald"] .app-nav-item.tab:hover{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.12)}
body[data-theme="emerald"] .app-nav-item.tab.active{background:#0b0f0c!important;color:#49f987!important;border-color:#18261d!important;box-shadow:0 14px 28px rgba(0,0,0,.28),inset 4px 0 0 #45f582!important}
body[data-theme="emerald"] .app-nav-item.tab.active .nav-icon{background:#45f582;color:#07100a}
body[data-theme="emerald"] .app-topbar{background:rgba(8,11,9,.91)!important;border-color:#203026!important;box-shadow:0 18px 48px rgba(0,0,0,.28),inset 0 -1px 0 rgba(69,245,130,.035)!important;backdrop-filter:blur(18px)}
body[data-theme="emerald"] .app-topbar-title h1,body[data-theme="emerald"] .panel h2{color:#f5fff8}
body[data-theme="emerald"] .app-topbar-title p{color:#8ea198}
body[data-theme="emerald"] :is(.tab.active,.btn.primary,.logo){background:linear-gradient(135deg,#45f582,#12d968 55%,#00b94e);color:#041009;box-shadow:0 12px 28px rgba(20,220,100,.25)}
body[data-theme="emerald"] .btn:not(.primary):not(.danger):not(.success):not(.ghost),body[data-theme="emerald"] .tab{background:#151b17;color:#eafff0;border:1px solid #29382e}
body[data-theme="emerald"] .btn:hover{border-color:#45f582;box-shadow:0 10px 24px rgba(69,245,130,.12)}
body[data-theme="emerald"] :is(input,select,textarea){background:#0c100d;color:#effff4;border-color:#2a3930}
body[data-theme="emerald"] :is(input,select,textarea):focus{outline:none;border-color:#45f582;box-shadow:0 0 0 4px rgba(69,245,130,.10)}
body[data-theme="emerald"] table{background:#0e120f;color:#eafff0;border-color:#26342b}
body[data-theme="emerald"] th{background:linear-gradient(180deg,#172019,#121814);color:#bfffd3;border-color:#29382f}
body[data-theme="emerald"] td{border-color:#202b24}
body[data-theme="emerald"] tr:hover td{background:rgba(69,245,130,.055)}
body[data-theme="emerald"] :is(.summary,.permissions,.empty){background:#121814;border-color:#26342b;color:#eafff0}
body[data-theme="emerald"] .hint{background:linear-gradient(135deg,#10271a,#0d1e14);border-color:#1d7841;color:#caffdc;box-shadow:inset 4px 0 0 #45f582}
body[data-theme="emerald"] .theme-top-select{background:rgba(69,245,130,.08);border-color:rgba(69,245,130,.23)}
body[data-theme="emerald"] .theme-top-select select{background-color:#101612;color:#eafff0;border:1px solid #2b3b31;background-image:linear-gradient(45deg,transparent 50%,#80f5a7 50%),linear-gradient(135deg,#80f5a7 50%,transparent 50%)}
body[data-theme="emerald"] .theme-icon{background:#45f582;color:#07100a}
body[data-theme="emerald"] .dash-hero{background:radial-gradient(circle at 12% 15%,rgba(69,245,130,.13),transparent 30%),linear-gradient(125deg,#111712,#0c100d 58%,#111913);border-color:#26382d}
body[data-theme="emerald"] .dash-stat-icon{background:linear-gradient(135deg,#45f582,#0abb55);color:#041009;box-shadow:0 12px 25px rgba(69,245,130,.18)}
body[data-theme="emerald"] .dash-rank-track,body[data-theme="emerald"] .dash-column-track{background:#1c2820}
body[data-theme="emerald"] .dash-rank-track i,body[data-theme="emerald"] .dash-column-track i{background:linear-gradient(180deg,#45f582,#07bc50)}
body[data-theme="emerald"] .ai-summary-card{background:radial-gradient(circle at 10% 15%,rgba(69,245,130,.12),transparent 28%),linear-gradient(145deg,#121813,#0c110d)}
body[data-theme="emerald"] .ai-score-ring{background:conic-gradient(#45f582 calc(var(--score)*1%),#1b2820 0);box-shadow:0 18px 36px rgba(69,245,130,.16)}
body[data-theme="emerald"] .ai-score-ring:before{background:#101511;border-color:#26382d}
body[data-theme="emerald"] .ai-card-icon{color:#041009;background:linear-gradient(135deg,#5cff91,#0fca59)}
body[data-theme="emerald"] .ai-widget-badge{background:#0e2b19;color:#8dffb3;border-color:#205b35}
body[data-theme="emerald"] .ai-dept-table-wrap{background:#0e130f;border-color:#27372d}
body[data-theme="emerald"] .ai-dept-table thead th{background:#162019;color:#aaffc6}
body[data-theme="emerald"] .ai-asset-chip{background:#151b17;border-color:#2b3a31}
body[data-theme="emerald"] :is(.tech-hero,.tech-card,.tech-search-box,.tech-phone-card,.qr-panel,.qr-card,.qr-hero,.qr-modal-box,.tech-complete-box){background:linear-gradient(145deg,#121713,#0d110e);border-color:#26362c;box-shadow:0 20px 48px rgba(0,0,0,.36)}
body[data-theme="emerald"] :is(.tech-top,.tech-topbar,.qr-user-top){background:rgba(7,10,8,.90);border-color:#25352b}
body[data-theme="emerald"] :is(.tech-row,.tech-card-problem,.tech-routine-panel,.qr-empty){background:#151b17;border-color:#2a3930;color:#eafff0}
body[data-theme="emerald"] .site-footer strong{color:#effff4}
body[data-theme="emerald"] .smart-alert{background:rgba(0,0,0,.68)}
body[data-theme="emerald"] .smart-alert-box{background:rgba(14,19,15,.96);border-color:#2c5238;box-shadow:0 30px 90px rgba(0,0,0,.56)}
body[data-theme="emerald"] .account-dropdown{background:#101511;border-color:#2b3a31;color:#effff4}
body[data-theme="emerald"] .account-dropdown a:hover{background:#18221b}