@font-face{
  font-family:"Sukar";
  src:url("../fonts/Sukar-Regular.otf") format("opentype"),
      url("../fonts/Sukar-Regular.ttf") format("truetype");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Sukar";
  src:url("../fonts/Sukar-Regular.otf") format("opentype"),
      url("../fonts/Sukar-Regular.ttf") format("truetype");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}
:root{
  --bg:#efe8dc;
  --paper:#fffaf3;
  --surface:#fffaf3;
  --text:#221c18;
  --muted:#7a7168;
  --heading:#171412;
  --border:#e2d8cc;
  --hover:#f6efe4;
  --active:#fff1e4;
  --accent:#e85d04;
  --accent-2:#c2410c;
  --ok:#15803d;
  --warn:#b45309;
  --info:#0e7490;
  --sidebar:#171412;
  --sidebar-text:#f4eee6;
  --sidebar-muted:#9c948c;
  --radius:.7rem;
  --shadow:0 12px 32px -24px rgba(23,20,18,.55);
  --shadow-sm:0 1px 0 rgba(23,20,18,.05);
  --topbar:#fffaf3;
  --glass:#fffaf3;
  --ink:#171412;
  --inset:#fff;
  /* ربط متغيرات بوتستراب بالثيم عشان النصوص والأسطح تتبع الاستايل */
  --bs-body-color:var(--text);
  --bs-body-bg:var(--bg);
  --bs-border-color:var(--border);
  --bs-secondary-color:var(--muted);
  --bs-emphasis-color:var(--heading);
  --line:3px;
  --font:"Sukar",system-ui,sans-serif;
  --display:"Sukar",system-ui,sans-serif;
}
*{box-sizing:border-box}
html{height:100%;-webkit-text-size-adjust:100%}
html:has(body.app-locked){overflow:hidden}
body{
  min-height:100%;margin:0;
  background:
    radial-gradient(900px 420px at 100% -8%, rgba(232,93,4,.11), transparent 52%),
    radial-gradient(760px 380px at 0% 110%, rgba(23,20,18,.06), transparent 48%),
    var(--bg)!important;
  color:var(--text)!important;
  font-family:var(--font)!important;
}
body.app-locked{height:100%;overflow:hidden}
.app-shell,.auth-shell,.track-page,.center-public{position:relative;z-index:1}
h1,h2,h3,h4,.h1,.h2,.h3,.h4,.h5,.display-title,.brand,.page-head .h5,.wo-no,.kpi-value,.track-code{
  font-family:var(--display)!important;letter-spacing:-.01em
}
button,a,.btn{touch-action:manipulation}
img{max-width:100%;height:auto}

.app-shell{
  display:grid;
  grid-template-columns:var(--sidebar-w, 248px) minmax(0,1fr);
  grid-template-rows:minmax(0,1fr);
  align-items:stretch;
  height:100%;height:100dvh;
  overflow:hidden;isolation:isolate;
  background:var(--bg);
}
.app-shell.sidebar-collapsed{--sidebar-w:78px}
.app-main{
  min-width:0;min-height:0;height:100%;
  display:flex;flex-direction:column;overflow:hidden;position:relative;z-index:1;
  background:var(--bg);
}
.app-content{
  flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;
  padding:1.1rem 1.25rem 1.15rem;
}

.sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(23,20,18,.55);z-index:1040}
.sidebar{
  position:relative;z-index:2;
  height:100%;min-height:0;overflow-y:auto;
  scrollbar-width:thin;scrollbar-color:#3a322c transparent;
  background:var(--sidebar)!important;
  color:var(--sidebar-text);
  padding:0;
  border:0!important;
  box-shadow:inset -3px 0 0 var(--accent)!important;
}
.sidebar-brand{
  display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;
  padding:1.15rem 1rem 1rem;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(232,93,4,.16), transparent 70%);
}
.sidebar .brand,.sidebar .brand-text{color:var(--sidebar-text)!important}
.sidebar-topbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.2rem .25rem 0}
.brand{font-weight:700;font-size:1.02rem;line-height:1.25}
.brand-kicker{color:#fdba74;font-size:.68rem;font-weight:700;letter-spacing:.12em;margin-top:.35rem}
.brand-logo{
  width:38px;height:38px;border-radius:.5rem;object-fit:cover;flex:0 0 38px;
  background:#2a241f;color:#fff;display:inline-flex;align-items:center;justify-content:center;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)
}
.sidebar-nav{padding:.7rem .7rem 1.2rem}
.sidebar .nav-link{
  display:flex;align-items:center;gap:.65rem;
  color:var(--sidebar-muted)!important;
  padding:.52rem .7rem;border-radius:.45rem;margin-top:.08rem;
  text-decoration:none;font-weight:600;font-size:.9rem;
  border:0;border-inline-start:3px solid transparent;
}
.sidebar .nav-link:hover{background:rgba(255,255,255,.06);color:#fff!important}
.sidebar .nav-link.active{
  background:var(--accent)!important;color:#fff!important;
  border-inline-start-color:transparent;
}
.sidebar .nav-link.active i,.sidebar .nav-link.active .nav-text{color:#fff}
.sidebar .nav-link.active .badge{background:#171412;color:#fdba74}
.sidebar .nav-link.nav-sub{margin-inline-start:.7rem;font-size:.86rem}
.app-shell.sidebar-collapsed .nav-link.nav-sub{margin-inline-start:0}
.sidebar .nav-icon{width:1.2rem;display:inline-flex;justify-content:center;font-size:1.02rem}
.sidebar .badge{background:rgba(255,255,255,.1);color:#f5f0e8;border:0;border-radius:.35rem;font-size:.7rem}
.sidebar .nav-link.active .badge{background:var(--accent);color:#fff}
.sidebar-section{
  color:#6d655c;font-size:.72rem;font-weight:800;padding:.95rem .55rem .2rem;
  letter-spacing:0
}
.sidebar-close{
  display:none;width:36px;height:36px;min-height:36px;padding:0;
  background:transparent!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important
}
.app-shell.sidebar-collapsed .brand-text,
.app-shell.sidebar-collapsed .brand-kicker,
.app-shell.sidebar-collapsed .nav-text,
.app-shell.sidebar-collapsed .sidebar-section{display:none}
.app-shell.sidebar-collapsed .nav-link{justify-content:center;padding:.7rem;border-inline-start-width:0}
.app-shell.sidebar-collapsed .sidebar-brand{justify-content:center;padding:1rem .5rem}

.topbar{
  position:relative;z-index:3;flex:0 0 auto;
  background:var(--paper)!important;
  color:var(--text)!important;
  border-bottom:1px solid var(--border)!important;
  box-shadow:inset 0 3px 0 var(--accent)!important;
  padding:.55rem 1.1rem;
}
@media (min-width:992px){.topbar .brand{display:none}}
.topbar .brand{color:var(--heading)!important;min-width:0}
.topbar .btn-outline-light{color:var(--text)!important;border-color:var(--border)!important;background:transparent!important}
.topbar .user-chip{
  background:var(--ink);color:#f5f0e8;border-radius:.4rem;padding:.28rem .7rem;font-weight:600
}
.menu-toggle,.search-toggle{display:none}
.global-search-wrap.mobile-search{display:none}
.global-search-wrap.desktop-search{display:none!important}
.suggest-box{
  position:absolute;inset-inline:0;top:calc(100% + .4rem);z-index:1050;max-height:60vh;overflow:auto;
  border-radius:.55rem;border:1px solid var(--border);background:var(--inset)
}
.icon-btn{
  width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:.5rem;border:1px solid var(--border);background:var(--inset);color:var(--text);position:relative
}
.icon-btn.menu-toggle,.icon-btn.search-toggle{display:none}
.icon-btn .dot{position:absolute;top:7px;inset-inline-end:7px;width:8px;height:8px;border-radius:50%;background:var(--accent)}
.notify-menu{width:min(92vw,360px);padding:.45rem;border-radius:.55rem;border:1px solid var(--border);box-shadow:0 16px 40px -24px rgba(23,20,18,.4)}
.notify-item{padding:.65rem .75rem;border-radius:.4rem;display:block;text-decoration:none;color:inherit}
.notify-item:hover{background:var(--hover)}

.cmdk-trigger{
  display:inline-flex;align-items:center;gap:.65rem;min-width:min(36vw,380px);
  border:1px solid var(--border);background:var(--inset);
  border-radius:.5rem;padding:.42rem .8rem;color:var(--muted);font-weight:600;font-size:.88rem
}
.cmdk-trigger kbd{
  margin-inline-start:auto;border:1px solid var(--border);border-radius:.3rem;padding:.05rem .35rem;font-size:.7rem;color:var(--heading);background:var(--bg)
}
.cmdk{position:fixed;inset:0;z-index:1100;display:none}
.cmdk.open{display:block}
.cmdk[hidden]{display:none!important}
.cmdk-bg{position:absolute;inset:0;border:0;background:rgba(23,20,18,.5)}
.cmdk-panel{
  position:relative;margin:10vh auto 0;width:min(560px,92vw);
  background:var(--paper);border:1px solid var(--border);border-radius:.7rem;
  box-shadow:0 24px 60px -28px rgba(23,20,18,.55);overflow:hidden
}
.cmdk-panel input{
  width:100%;border:0;outline:0;padding:1rem 1.1rem;font-size:1.05rem!important;background:transparent;font-family:var(--font);
  border-bottom:1px solid var(--border)
}
.cmdk-list{max-height:48vh;overflow:auto;padding:.3rem .45rem .65rem}
.cmdk-item{
  display:flex;align-items:center;gap:.7rem;padding:.65rem .7rem;border-radius:.4rem;
  text-decoration:none;color:inherit;font-weight:600
}
.cmdk-item:hover,.cmdk-item.active{background:var(--ink);color:#f5f0e8}
.cmdk-item i{color:var(--accent)}
.cmdk-item:hover i,.cmdk-item.active i{color:#fdba74}
.cmdk-kicker{font-size:.7rem;font-weight:800;letter-spacing:.12em;color:var(--muted);padding:.4rem .7rem}

.footerbar{
  display:block;flex:0 0 auto;z-index:3;
  background:var(--paper);
  border-top:1px solid var(--border);
  color:var(--muted);
  font-size:.8rem;
  padding:.5rem 1.15rem;
  line-height:1.4;
}
.pagebar{background:transparent!important;color:inherit!important;box-shadow:none!important;border:0!important;padding:0 0 1rem!important}
.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:.75rem;flex-wrap:wrap;margin-bottom:1.15rem}
.page-head .h5{font-size:1.6rem;font-weight:700}
.page-kicker{font-size:.68rem;font-weight:800;letter-spacing:.16em;color:var(--accent);margin-bottom:.28rem}

.card{
  border:1px solid var(--border)!important;
  box-shadow:var(--shadow)!important;
  border-radius:var(--radius)!important;background:var(--paper)!important
}
.card-header{
  background:transparent!important;border-bottom:1px solid var(--border)!important;font-weight:700
}
.h1,.h2,.h3,.h4,.h5,.h6{color:var(--heading)!important}
.table,.table-bordered{border:0!important}
.table-bordered>:not(caption)>*>*{border:0!important}
.table thead th{
  background:#171412!important;color:#f4eee6!important;font-weight:700;font-size:.75rem;
  border:0!important;white-space:nowrap;padding:.75rem .9rem!important;letter-spacing:.04em
}
.table tbody td,.table tbody th{
  border:0!important;border-bottom:1px solid var(--border)!important;padding:.85rem .9rem!important;background:var(--paper)!important;vertical-align:middle
}
.table tbody tr:last-child td,.table tbody tr:last-child th{border-bottom:0!important}
.table-hover tbody tr:hover td{background:var(--hover)!important}
.form-control,.form-select{
  border-color:var(--border)!important;border-radius:.5rem!important;min-height:46px;background:var(--inset)
}
.form-control:focus,.form-select:focus{border-color:var(--accent)!important;box-shadow:0 0 0 .18rem rgba(232,93,4,.16)!important}
.btn{border-radius:.5rem!important;min-height:42px;font-weight:700;padding-inline:1rem}
.btn-primary{
  background:linear-gradient(180deg,#f07822,var(--accent))!important;
  border-color:var(--accent)!important;
  box-shadow:0 8px 18px -12px rgba(232,93,4,.9)
}
.btn-primary:hover,.btn-outline-secondary:hover{background:var(--accent-2)!important;border-color:var(--accent-2)!important;color:#fff!important}
.btn-success{background:var(--ok)!important;border-color:var(--ok)!important}
.btn-outline-secondary{color:var(--text)!important;border-color:var(--border)!important;background:var(--inset)!important}
.badge{border-radius:.35rem;font-weight:700}
.kpi-card{height:100%;overflow:hidden}
.kpi-card .kpi-label{color:var(--muted);font-size:.8rem;font-weight:700}
.kpi-card .kpi-value{font-size:1.85rem;font-weight:700;color:var(--heading);line-height:1.1}
.kpi-card .kpi-icon{
  position:absolute;inset-inline-end:.85rem;top:.85rem;width:2.2rem;height:2.2rem;border-radius:.45rem;
  display:flex;align-items:center;justify-content:center;background:#fff1e4;color:var(--accent)
}
.kpi-card .kpi-hint{color:var(--muted);font-size:.78rem;margin-top:.2rem}
.kpi-card.tone-info .kpi-icon{background:#ecfeff;color:#0e7490}
.kpi-card.tone-warn .kpi-icon{background:#ffedd5;color:#c2410c}
.kpi-card.tone-ok .kpi-icon{background:#dcfce7;color:#166534}
.kpi-card.tone-alert .kpi-icon{background:#fff4e8;color:#c2410c}
.kpi-card.tone-muted .kpi-icon{background:#f4f4f5;color:#57534e}
.dash-actions{display:flex;flex-wrap:wrap;gap:.5rem}
.dash-actions a{
  display:inline-flex;align-items:center;gap:.45rem;
  background:var(--paper);border:1px solid var(--border);border-radius:.65rem;padding:.58rem .9rem;
  text-decoration:none;color:var(--heading);font-weight:700;font-size:.84rem;
  box-shadow:var(--shadow-sm);transition:transform .15s ease, border-color .15s ease, box-shadow .15s ease
}
.dash-actions a:hover{border-color:var(--accent);color:var(--accent);background:var(--inset);transform:translateY(-1px);box-shadow:var(--shadow)}
.dash-actions a:hover{border-color:var(--accent);color:var(--accent);background:var(--inset)}
.dash-actions a .bi{font-size:1rem;color:var(--accent)}
.board-more{display:block;text-align:center;margin-top:.35rem;font-size:.8rem;font-weight:700;color:var(--muted);text-decoration:none}
.board-more:hover{color:var(--accent)}
.dash-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.8rem 1rem;border-bottom:1px solid var(--border)}
.dash-row:last-child{border-bottom:0}
.dash-row-main{flex:1;min-width:0;text-decoration:none;color:inherit}
.dash-row-main:hover .fw-bold{color:var(--accent)}
.dash-row-actions{display:flex;gap:.35rem;flex:0 0 auto}
.dash-money{display:grid;grid-template-columns:1fr;gap:.65rem;padding-bottom:.8rem;margin-bottom:.35rem;border-bottom:1px solid var(--border)}
.kpi-card .card-body{position:relative;padding-inline-end:3.2rem!important}
.kpi-card a{text-decoration:none;color:inherit;display:block}
.action-row{display:flex;flex-wrap:wrap;gap:.4rem}
.empty-state{text-align:center;padding:1.6rem 1rem;color:var(--muted)}
.bottom-nav,.fab,.sidebar-close{display:none}

.auth-shell{
  min-height:100vh;min-height:100dvh;
  display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);
  background:var(--bg);
}
.auth-visual{
  color:var(--heading);padding:clamp(1.5rem,6vw,4.2rem);
  display:flex;flex-direction:column;justify-content:center;
  background:
    radial-gradient(900px 420px at 100% -8%, rgba(232,93,4,.11), transparent 52%),
    radial-gradient(760px 380px at 0% 110%, rgba(23,20,18,.06), transparent 48%),
    var(--bg);
  border-inline-start:1px solid var(--border);
}
.auth-visual .logo-mark{
  width:52px;height:52px;border-radius:.55rem;background:var(--ink);color:#fff!important;
  display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:1.2rem
}
.auth-visual .logo-mark i{color:#fff!important}
.auth-visual .display-title{font-size:clamp(1.9rem,4vw,3rem);line-height:1.2;margin-bottom:.7rem}
.auth-visual p{color:var(--muted);max-width:28rem;font-size:1.05rem}
.auth-brand{text-align:center;margin-bottom:1.1rem;color:var(--heading)}
.auth-brand .logo-mark{
  width:64px;height:64px;border-radius:.6rem;background:#171412;color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:1.7rem;margin:0 auto .7rem
}
.auth-card,.auth-panel{
  width:100%;max-width:none;height:100%;margin:0;
  border:0!important;border-radius:0!important;background:var(--ink)!important;box-shadow:none!important;
  display:flex;align-items:center;justify-content:center;padding:1.5rem
}
.auth-panel .card-body,.auth-card .card-body{
  width:min(100%,400px);background:transparent;color:#f4eee6
}
.auth-card .h5,.auth-panel .h5{color:#fff!important}
/* Error & maintenance pages refresh */
body.error-page{height:auto!important;overflow:auto!important}
html:has(body.error-page){height:auto;overflow:auto}
.err-home{max-width:1080px;padding:0 1.25rem 2.6rem;--home-accent:#e85d04;--home-accent-soft:#fdba74;--home-glow:rgba(232,93,4,.18)}
.err-hero{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(330px,.86fr);gap:clamp(1.4rem,4vw,3rem);align-items:center;padding:clamp(2rem,5.5vw,3.8rem) 0 clamp(1.8rem,4vw,2.6rem)}
.err-copy .home-kicker{background:rgba(255,250,243,.9);border:1px solid var(--border);border-radius:999px;padding:.38rem .85rem;color:var(--muted);box-shadow:var(--shadow-sm);font-weight:800}
.err-copy .home-kicker::before{opacity:1;width:.5rem;height:.5rem;background:var(--accent)}
.err-copy h1{font-size:clamp(2.05rem,4.4vw,3.4rem);line-height:1.15;letter-spacing:-.035em;margin:.85rem 0 .8rem;max-width:18ch}
.err-copy p{font-size:1.02rem;line-height:1.9;color:var(--muted);max-width:34rem;margin:0}
.err-copy .home-cta{margin-top:1.25rem}
.err-copy .home-cta .btn{min-height:46px;padding:.5rem 1.1rem;font-weight:800;border-radius:.8rem}
.err-copy .home-cta .btn-primary{box-shadow:0 14px 26px -16px rgba(232,93,4,.85)}
.err-copy .home-cta .btn-outline-secondary{background:rgba(255,250,243,.78)}
.err-points{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.25rem}
.err-points a{display:inline-flex;align-items:center;gap:.4rem;background:rgba(255,250,243,.8);border:1px solid var(--border);border-radius:999px;padding:.38rem .75rem;color:var(--heading);font-size:.78rem;font-weight:800;text-decoration:none;transition:background .18s ease,border-color .18s ease,color .18s ease}
.err-points a i{color:var(--accent)}
.err-points a:hover{background:var(--inset);border-color:#e8c6a8;color:var(--accent)}
.err-panel{position:relative;overflow:hidden;border-radius:1.6rem;padding:1.3rem;background:radial-gradient(520px 260px at 100% 0%,rgba(232,93,4,.28),transparent 62%),linear-gradient(160deg,#211c18,#171412);color:#fff7ed;box-shadow:0 32px 60px -42px rgba(23,20,18,.95),inset 0 1px 0 rgba(255,255,255,.06)}
.err-panel::after{content:"";position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(circle at 82% 0%,#000,transparent 72%);mask-image:radial-gradient(circle at 82% 0%,#000,transparent 72%);pointer-events:none}
.err-panel > *{position:relative;z-index:1}
.err-panel-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding-bottom:.85rem;border-bottom:1px solid rgba(255,255,255,.09);color:#d9d0c6;font-size:.8rem;font-weight:800}
.err-panel-head span{display:inline-flex;align-items:center;gap:.4rem}
.err-panel-head i{color:var(--home-accent-soft,#fdba74)}
.err-panel-head b{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.2rem .6rem;color:#fff;font-size:.74rem;font-weight:800}
.err-code{margin:.95rem 0 0;font-size:clamp(3.8rem,9vw,5.6rem);line-height:.95;font-weight:800;letter-spacing:-.06em;color:#fff7ed;font-variant-numeric:tabular-nums}
.err-code.is-text{font-size:clamp(2.2rem,5vw,3.1rem);letter-spacing:-.02em;padding:.5rem 0 .25rem}
.err-panel-title{margin-top:.2rem;font-size:1.02rem;font-weight:800;color:#fff}
.err-panel-note{margin:.3rem 0 0;color:#b7aea4;font-size:.82rem;line-height:1.7}
.err-links{display:flex;flex-direction:column;gap:.35rem;margin-top:.95rem}
.err-link{display:flex;align-items:center;gap:.65rem;padding:.55rem .6rem;border-radius:.85rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#fff7ed;text-decoration:none;transition:background .18s ease,border-color .18s ease,transform .18s ease,color .18s ease}
.err-link:hover{background:rgba(232,93,4,.15);border-color:rgba(232,93,4,.45);color:#fff;transform:translateX(-3px)}
.err-link-ico{width:34px;height:34px;border-radius:.65rem;background:rgba(232,93,4,.18);color:var(--home-accent-soft,#fdba74);display:flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:.95rem}
.err-link-txt{display:flex;flex-direction:column;min-width:0;gap:.05rem}
.err-link-txt b{font-size:.86rem;line-height:1.4}
.err-link-txt small{color:#b7aea4;font-size:.7rem;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.err-link-go{margin-inline-start:auto;color:#6b625a;font-size:.75rem;transition:color .18s ease,transform .18s ease}
.err-link:hover .err-link-go{color:var(--home-accent-soft,#fdba74);transform:translateX(-2px)}
.err-foot{grid-template-columns:minmax(0,1fr) auto;margin-top:1.4rem}
.err-foot .home-foot-copy{grid-column:1/-1;font-size:.76rem;padding-top:.8rem;border-top:1px solid rgba(226,216,204,.7)}
@media (max-width:860px){
  .err-home{padding:0 1rem 2.2rem}
  .err-hero{grid-template-columns:1fr;padding:1.6rem 0 1.8rem;gap:1.3rem}
  .err-copy h1{max-width:none}
  .err-panel{padding:1.1rem}
  .err-foot{grid-template-columns:1fr}
  .err-foot .home-foot-links{justify-self:start}
}
@media (max-width:560px){
  .err-points{gap:.4rem}
  .err-points a{font-size:.72rem;padding:.34rem .62rem}
  .err-code{font-size:4.2rem}
  .err-code.is-text{font-size:2.2rem}
  .err-link-txt small{display:none}
}

.home{max-width:1120px;margin:0 auto;padding:0 1rem 3rem;--home-accent:#e85d04;--home-accent-soft:#fdba74;--home-glow:rgba(232,93,4,.18)}
.home-nav{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:1rem 0 .7rem;padding-top:calc(1rem + env(safe-area-inset-top, 0px));background:rgba(239,232,220,.92);backdrop-filter:blur(12px)}
.home-brand{display:flex;align-items:center;gap:.55rem;color:var(--heading);font-weight:800;text-decoration:none;min-width:0}
.home-brand span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-brand .logo-mark{width:42px;height:42px;border-radius:.55rem;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex:0 0 auto}
.home-brand img.platform-logo,
.auth-visual img.platform-logo,
.auth-card img.platform-logo,
.track-brand img.platform-logo{
  width:auto;height:108px;max-width:min(320px,70vw);object-fit:contain;object-position:center;
  background:transparent;padding:0;border-radius:.7rem;box-shadow:none;flex:0 1 auto;display:block
}
.home-brand img.platform-logo{height:64px;max-width:min(190px,54vw)}
.auth-visual img.platform-logo{height:132px;max-width:min(360px,100%);margin:0 0 1rem}
.auth-card img.platform-logo{display:none;margin:0 auto .9rem}
.track-brand img.platform-logo{height:64px;max-width:min(210px,52vw)}
.platform-logo-preview{width:auto;max-width:100%;height:96px;object-fit:contain;border:1px solid var(--border);border-radius:.7rem;background:var(--inset);margin-bottom:.8rem}
@media (max-width:991.98px){
  .auth-card img.platform-logo{display:block;height:64px;max-width:min(200px,70vw)}
  .auth-visual img.platform-logo{display:none}
}
.home-links{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;flex:1;flex-wrap:wrap}
.home-links-pages,.home-links-cta{display:flex;align-items:center;gap:.2rem;flex-wrap:wrap}
.home-links-cta{padding-inline-start:.45rem;border-inline-start:1px solid var(--border)}
.home-links a{color:var(--heading);text-decoration:none;font-weight:800;padding:.45rem .7rem;border-radius:.55rem}
.home-links a.btn{color:#fff}
.home-menu{display:none;align-items:center;gap:.35rem;border:1px solid var(--border);background:var(--paper);color:var(--heading);border-radius:.7rem;min-height:42px;padding:.35rem .75rem;font-weight:800;flex:0 0 auto}
.home-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:1.2rem;align-items:center;padding:1.2rem 0 1.6rem}
.home-industry-hero{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}
.home-industry-hero article{background:var(--paper);border:1px solid var(--border);border-radius:1rem;padding:.85rem .9rem;display:flex;flex-direction:column;gap:.35rem;min-height:100%}
.home-industry-hero i{color:var(--accent);font-size:1.25rem}
.home-industry-hero b{font-size:.95rem;line-height:1.35}
.home-industry-hero p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.55;font-weight:600}
.home-industry-actions{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:auto}
.home-industry-actions a{font-weight:800;font-size:.78rem;text-decoration:none;color:var(--heading);border:1px solid var(--border);border-radius:.65rem;padding:.28rem .55rem;background:var(--inset)}
.home-industry-actions a.on,.home-industry-actions .btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}
.home-industries{padding:1.6rem 0 0;scroll-margin-top:4.6rem}
.home-industry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem}
.home-industry-grid article{background:var(--paper);border:1px solid var(--border);border-radius:1.1rem;padding:1rem;display:flex;flex-direction:column;gap:.4rem}
.home-industry-grid i{color:var(--accent);font-size:1.4rem}
.home-industry-grid p{margin:0;color:var(--muted);line-height:1.6;font-weight:600}
.home-demo-systems{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}
.home-demo-sys{display:flex;flex-direction:column;gap:.25rem;background:#171412;color:#fff7ed;border-radius:1rem;padding:.9rem;text-decoration:none}
.home-demo-sys i{color:var(--home-accent-soft,#fdba74)}
.home-demo-sys span{color:#d9d0c6;font-size:.82rem;font-weight:700}
@media (max-width:900px){
  .home-industry-hero,.home-industry-grid,.home-demo-systems{grid-template-columns:1fr}
}
.home-copy h1{font-size:clamp(1.8rem,4.6vw,3.3rem);line-height:1.2;margin:.25rem 0 .7rem;color:var(--heading)}
.home-copy p{color:var(--muted);font-size:1.05rem;line-height:1.8;max-width:38rem}
.home-cta{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}
.home-paycycle{position:relative;height:2rem;margin-top:.9rem}
.home-paycycle span{position:absolute;inset-inline-start:0;top:0;font-weight:800;color:var(--accent);opacity:0;animation:home-pay 7.5s infinite}
.home-paycycle span:nth-child(2){animation-delay:2.5s}
.home-paycycle span:nth-child(3){animation-delay:5s}
.home-stage{position:relative;background:var(--paper);border:1px solid var(--border);border-radius:1.4rem;min-height:280px;overflow:hidden;box-shadow:var(--shadow)}
.home-scene{width:100%;height:auto;display:block}
.home-floor{fill:#e7dccb}
.home-glow{fill:var(--home-glow, rgba(232,93,4,.18));animation:home-pulse 4.8s ease-in-out infinite}
.home-lift rect{fill:#171412}
.home-car{animation:home-float 4.6s ease-in-out infinite}
.home-car path{fill:#171412}
.home-window{fill:var(--home-accent-soft, #fdba74)!important}
.home-wheel circle{fill:#fffaf3;stroke:#171412;stroke-width:6}
.home-wheel path{stroke:var(--home-accent, #e85d04);stroke-width:4;fill:none}
.home-wheel{transform-box:fill-box;transform-origin:center;animation:home-spin 2.4s linear infinite}
.home-tool{transform-origin:530px 120px;animation:home-swing 3.4s ease-in-out infinite}
.home-tool path{fill:var(--home-accent, #e85d04)}
.home-spark circle{fill:var(--home-accent, #e85d04);animation:home-pulse 2.8s ease-in-out infinite}
.home-spark circle:nth-child(2){animation-delay:.6s}
.home-spark circle:nth-child(3){animation-delay:1.1s}
.home-ticket{position:absolute;top:1rem;inset-inline-start:1rem;background:#171412;color:#fff7ed;border-radius:.8rem;padding:.55rem .7rem 1.7rem;min-width:7.2rem;box-shadow:var(--shadow)}
.home-ticket b{display:block;font-size:.75rem;letter-spacing:.04em;color:var(--home-accent-soft, #fdba74)}
.home-ticket span{position:absolute;inset-inline-start:.7rem;bottom:.45rem;font-weight:800;opacity:0;animation:home-state 7.5s infinite}
.home-stage.is-driven .home-car{animation:none;transform:translateY(calc(var(--lift, 0) * -36px))}
.home-stage.is-driven .home-wheel{animation-duration:calc(2.4s / var(--spin, 1))}
.home-stage.is-driven .home-tool{opacity:var(--work, 1)}
.home-stage.is-driven .home-ticket span{animation:none;opacity:0}
.home-stage.is-driven .home-ticket span.home-ticket-live{position:absolute;opacity:1;inset-inline-start:.7rem;bottom:.45rem}
.home-ticket span:nth-child(3){animation-delay:2.5s}
.home-ticket span:nth-child(4){animation-delay:5s}
.home-path{background:#171412;color:#fff7ed;border-radius:1.3rem;padding:1rem 1rem .95rem;margin:0 0 1.15rem}
.home-path-now{display:flex;justify-content:space-between;align-items:flex-end;gap:.75rem;margin-bottom:.75rem}
.home-path-now span{color:var(--home-accent-soft,#fdba74);font-weight:800;font-size:.82rem}
.home-path-now strong{display:flex;align-items:center;gap:.45rem;font-size:clamp(1.2rem,2.4vw,1.65rem);line-height:1.35}
.home-path-now b{font-weight:800}
.home-path-actions{display:flex;gap:.35rem;flex-wrap:wrap}
.home-path-next{border:0;background:var(--inset);color:#171412;border-radius:.75rem;min-height:42px;padding:.35rem .85rem;font-weight:800;flex:0 0 auto}
.home-path-pause{border:1px solid #3b342e;background:transparent;color:#fff7ed;border-radius:.75rem;min-height:42px;padding:.35rem .85rem;font-weight:800}
.home-path-slip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:.4rem;margin:.15rem 0 .55rem}
.home-path-slip div{background:#2a241f;border:1px solid #3b342e;border-radius:.7rem;padding:.4rem .55rem}
.home-path-slip span{display:block;color:#b7aea4;font-size:.72rem;font-weight:700}
.home-path-slip b{display:block;font-size:.92rem;color:#fff7ed}
.home-path-slip button{border:0;background:#fff7ed;color:#171412;border-radius:.7rem;font-weight:800;padding:.35rem .6rem}
.home-path-note{margin:0 0 .45rem;color:var(--home-accent-soft,#fdba74);font-weight:800;font-size:.8rem}
.home-path-note[hidden]{display:none}
.home-garage{margin:0 0 1.15rem;border:1px solid var(--border);border-radius:1.4rem;background:var(--paper);overflow:hidden}
.home-garage-top{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;padding:1rem 1rem .7rem}
.home-garage-top h2{margin:.1rem 0 0;font-size:clamp(1.35rem,2.6vw,1.9rem)}
.home-nick{display:flex;flex-direction:column;gap:.28rem;min-width:min(240px,100%);font-weight:800}
.home-nick input{min-height:44px;border:1px solid var(--border);border-radius:.75rem;background:var(--inset);padding:.35rem .75rem;font-weight:800}
.home-nick small{color:var(--muted);font-size:.75rem;font-weight:700}
.home-garage-sky{position:relative;margin:0 .85rem;border-radius:1.15rem;overflow:hidden}
.home-sky-morn,.home-sky-dusk{position:absolute;inset:0}
.home-sky-morn{background:linear-gradient(180deg,#f8e7c4 0%,#f3d7a4 48%,#e7d3b4 100%)}
.home-sky-dusk{background:linear-gradient(180deg,#141210 0%,#3a2a22 58%,#6a4a32 100%);opacity:var(--day,0)}
.home-sun{position:absolute;z-index:1;top:16px;width:16px;height:16px;border-radius:50%;background:#fff7e6;box-shadow:0 0 0 7px rgba(255,236,190,.45);inset-inline-start:calc(10% + var(--day,0) * 68%)}
.home-garage-sky.is-night .home-sun{background:#dbe4ee;box-shadow:0 0 0 5px rgba(219,228,238,.22)}
.home-garage-shop{position:relative;z-index:1;margin-top:78px;background:#171412;padding:.85rem .75rem .7rem}
.home-stalls{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:.45rem}
.home-stall{border:1px solid #3b342e;border-radius:.8rem;min-height:74px;padding:.5rem .65rem;background:#2a241f;color:#f4eee6}
.home-stall b{display:block;color:#fdba74;font-size:.75rem}
.home-stall span{font-weight:800}
.home-stall.on{background:var(--home-accent,#e85d04);border-color:transparent}
.home-stall.on b,.home-stall.on span{color:#fff}
.home-garage-road{position:relative;height:16px;margin:.75rem .15rem .15rem;border-radius:99px;background:#3b342e}
#homeGarageCar{position:absolute;top:-14px;width:42px;height:42px;border-radius:50%;background:#fff7ed;color:#171412;display:flex;align-items:center;justify-content:center;inset-inline-start:0;transition:inset-inline-start .45s ease;box-shadow:0 8px 16px rgba(0,0,0,.28)}
.home-docket{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin:.8rem .85rem .4rem;padding:.8rem .95rem;background:var(--inset);border:1px dashed #d9cbb8;border-radius:.95rem}
.home-docket span{display:block;color:var(--accent);font-size:.78rem;font-weight:800}
.home-docket strong{font-size:1.15rem}
.home-docket > b{font-size:1.05rem}
.home-docket em{border:3px solid #15803d;color:#15803d;font-style:normal;font-weight:800;border-radius:.4rem;padding:.1rem .5rem;transform:rotate(-8deg)}
.home-docket em[hidden]{display:none}
.home-docket.is-ready{box-shadow:inset 0 0 0 2px #15803d}
.home-docket.is-work strong{color:var(--accent)}
.home-scrub{display:flex;align-items:center;gap:.75rem;padding:.35rem .95rem 1rem;font-weight:800}
.home-scrub input{flex:1;accent-color:var(--home-accent,#e85d04)}
.home-links a.is-on{color:var(--accent)}
.home-path-meter{height:4px;background:#3b342e;border-radius:99px;overflow:hidden;margin-bottom:.75rem}
.home-path-meter span{display:block;height:100%;width:0;background:var(--home-accent,#e85d04);transition:width .35s ease}
.home-path-stops{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:.4rem}
.home-path-stop{display:flex;align-items:center;gap:.4rem;border:1px solid #3b342e;background:#2a241f;color:#f4eee6;border-radius:.75rem;min-height:46px;padding:.4rem .65rem;font-weight:800;text-align:right}
.home-path-stop i{width:8px;height:8px;border-radius:50%;background:#6b625a;flex:0 0 auto}
.home-path-stop.on{background:var(--home-accent,#e85d04);border-color:transparent;color:#fff}
.home-path-stop.on i{background:var(--inset)}
.home-path ~ .home-band .home-bay{cursor:pointer}
.home-bay.is-live{box-shadow:0 0 0 2px var(--home-accent,#e85d04)}
.home-bay.is-live i{transform:none;animation:none}
.home-mod-filter{display:flex;flex-wrap:wrap;gap:.4rem;margin:.15rem 0 .85rem}
.home-mod-filter button{border:1px solid var(--border);background:var(--inset);color:var(--heading);border-radius:99px;min-height:36px;padding:.2rem .8rem;font-weight:800}
.home-mod-filter button.on{background:#171412;border-color:#171412;color:#fff7ed}
.home-mod.is-dim{display:none}
.home-services{padding:2rem 0 0}
.home-mods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
.home-mod{position:relative;background:var(--paper);border:1px solid var(--border);border-radius:1.1rem;padding:1rem;min-height:168px;overflow:hidden}
.home-mod span{color:var(--home-accent-soft, #fdba74);font-weight:800}
.home-mod i{position:absolute;inset-inline-end:.9rem;top:.9rem;font-size:1.35rem;color:#171412}
.home-mod b{display:block;margin:.35rem 0 .25rem;font-size:1.15rem}
.home-mod p{margin:0;color:var(--muted);line-height:1.65}
.home-bill{margin-top:1.4rem;display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.1fr);gap:1rem;align-items:center;background:var(--paper);border:1px solid var(--border);border-radius:1.4rem;padding:1rem}
.home-paper{position:relative;background:var(--inset);border:1px dashed #e2d8cc;border-radius:1rem;padding:1rem 1rem 3.2rem;min-height:220px}
.home-paper-top{display:flex;justify-content:space-between;font-weight:800;margin-bottom:.7rem}
.home-line{display:flex;justify-content:space-between;width:100%;padding:.45rem 0;border:0;border-bottom:1px solid #f1e6da;background:transparent;color:inherit;font:inherit;text-align:inherit;cursor:pointer;animation:home-line 8s infinite;animation-delay:calc(var(--i) * .35s)}
.home-line.is-off{opacity:.4;text-decoration:line-through;animation:none}
.home-sum{display:flex;justify-content:space-between;margin-top:.75rem;font-weight:800}
.home-sum-hint{margin:.2rem 0 0;color:#8a8178;font-size:.78rem;font-weight:700}
.home-stamp{position:absolute;left:1.1rem;bottom:1rem;border:3px solid #15803d;color:#15803d;font-weight:800;border-radius:.45rem;padding:.15rem .55rem;transform:rotate(-12deg);animation:home-stamp 8s infinite}
.home-paydesk h2{margin-top:.15rem}
.home-pays{display:grid;gap:.55rem}
.home-pays article{display:flex;align-items:center;gap:.6rem;background:var(--inset);border:1px solid var(--border);border-radius:.9rem;padding:.75rem .9rem;font-weight:800;animation:home-card 7.5s infinite}
.home-pays article:nth-child(2){animation-delay:2.5s}
.home-pays article:nth-child(3){animation-delay:5s}
.home-pays i{width:36px;height:36px;border-radius:.6rem;background:#171412;color:#fff;display:flex;align-items:center;justify-content:center}
.home-trackband{margin-top:1.2rem;display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;align-items:center;padding:1rem;border-radius:1.3rem;background:linear-gradient(135deg,rgba(232,93,4,.12),transparent 46%),var(--paper);border:1px solid var(--border)}
.home-plate{position:relative;overflow:hidden;display:flex;align-items:center;gap:.7rem;background:var(--inset);border:3px solid #171412;border-radius:.7rem;padding:.7rem .9rem;font-weight:800;font-size:1.35rem}
.home-plate i{position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.75),transparent 70%);animation:home-shine 3.6s infinite}
.home-bays{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:.9rem}
.home-bay{position:relative;overflow:hidden;min-height:148px;padding:.9rem;border-radius:1.1rem;background:#171412;color:#fff7ed}
.home-bay b{display:block;color:var(--home-accent-soft, #fdba74)}
.home-bay span{font-weight:800;font-size:1.25rem}
.home-bay i{position:absolute;inset-inline:12%;bottom:0;height:34px;border-radius:.7rem .7rem 0 0;background:var(--home-accent, #e85d04);transform:translateY(110%);animation:home-bay 7.2s ease-in-out infinite}
.home-bay:nth-child(2) i{animation-delay:2.4s}
.home-bay:nth-child(3) i{animation-delay:4.8s}
.home-day{padding:2rem 0 0}
.home-dayline{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;padding-top:.3rem}
.home-dayline::before{content:"";position:absolute;top:1.15rem;inset-inline:0;height:3px;background:#e2d8cc}
.home-daydot{position:absolute;top:.78rem;width:14px;height:14px;border-radius:50%;background:var(--home-accent, #e85d04);z-index:1;animation:home-day 12s linear infinite}
.home-dayline article{position:relative;z-index:1;background:var(--paper);border:1px solid var(--border);border-radius:1rem;padding:.8rem .7rem;cursor:pointer;animation:home-rise .7s both;animation-delay:calc(var(--i) * .08s)}
.home-dayline b{display:block;color:var(--accent);font-size:.8rem}
.home-dayline strong{display:block;margin:.15rem 0}
.home-dayline span{color:var(--muted);line-height:1.5;font-size:.88rem}
.home-chatwrap{margin-top:1.3rem;display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1fr);gap:1rem;align-items:center}
.home-phone{background:#171412;color:#fff7ed;border-radius:1.6rem;padding:.85rem .8rem 1rem;max-width:340px;box-shadow:var(--shadow)}
.home-phone-bar{display:flex;align-items:center;gap:.4rem;font-weight:800;color:var(--home-accent-soft, #fdba74);padding:.15rem .3rem .7rem}
.home-bubbles p{background:#2a241f;border-radius:.95rem;padding:.6rem .75rem;margin:0 0 .45rem;line-height:1.6;opacity:0;animation:home-bubble 9s infinite;animation-delay:calc(var(--i) * .7s)}
.home-versus{margin-top:1.1rem;display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.home-versus.home-versus-split{display:block}
.home-split{position:relative;display:grid;min-height:210px;border-radius:1.15rem;overflow:hidden;touch-action:none}
.home-split .is-old,.home-split .is-new{grid-area:1/1;min-height:210px}
.home-split .is-new{z-index:1;clip-path:inset(0 calc(100% - var(--cut, 58%)) 0 0)}
.home-split-handle{position:absolute;top:0;bottom:0;z-index:2;width:36px;padding:0;border:0;background:transparent;cursor:ew-resize;right:calc(100% - var(--cut, 58%));transform:translateX(18px)}
.home-split-handle:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:3px;background:var(--inset);transform:translateX(-50%)}
.home-split-handle:after{content:"";position:absolute;top:50%;left:50%;width:36px;height:36px;border-radius:50%;background:var(--home-accent,#e85d04);transform:translate(-50%,-50%);box-shadow:0 6px 16px rgba(23,20,18,.28)}
.home-split-hint{margin:.45rem 0 0;color:var(--muted);font-weight:800;font-size:.82rem}
.home-chat-next{margin-top:.35rem;border:0;background:#2a241f;color:#fff7ed;border-radius:.7rem;min-height:36px;padding:.3rem .7rem;font-weight:800}
.home-chat-wa{display:flex;align-items:center;justify-content:center;gap:.35rem;margin-top:.45rem;min-height:38px;border-radius:.7rem;background:#128c7e;color:#fff;text-decoration:none;font-weight:800}
.home-phone.is-talk .home-bubbles p{animation:none;opacity:0;transform:none}
.home-phone.is-talk .home-bubbles p.on{opacity:1}
.home-step.is-now,.home-dayline article.is-now{border-color:var(--home-accent,#e85d04);box-shadow:0 0 0 2px rgba(232,93,4,.2)}
.home-versus article{border-radius:1.15rem;padding:1rem 1.05rem;min-height:180px}
.home-versus b{display:block;font-size:1.2rem;margin-bottom:.45rem}
.home-versus p{margin:.25rem 0;line-height:1.6}
.home-versus .is-old{background:#f3ece3;border:1px dashed #c9bbaa;color:#7a7168;transform:rotate(-.4deg)}
.home-versus .is-new{background:#171412;color:#fff7ed}
.home-versus .is-new p{color:#f4eee6}
.home-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
.home-step{background:var(--paper);border:1px solid var(--border);border-radius:1rem;padding:1rem;animation:home-rise .7s both;animation-delay:calc(var(--d) * .12s)}
.home-step-top{display:flex;align-items:center;gap:.55rem}
.home-step-no{font-weight:800;color:var(--home-accent, #e85d04);font-size:.95rem;min-width:1rem}
.home-step b{display:block;margin:.35rem 0 .2rem}
.home-step p{margin:0;color:var(--muted);line-height:1.7}
.home-step-ico{width:42px;height:42px;border-radius:.6rem;display:flex;align-items:center;justify-content:center;background:var(--home-accent, #e85d04);color:#fff;font-size:1.15rem}
.home-step:nth-child(2) .home-step-ico{background:#171412}
.home-step:nth-child(3) .home-step-ico{background:#166534}
.home-features,.home-plans{padding:1.6rem 0 0}
.home-band{margin-top:1.5rem;padding:1.15rem 1.1rem 1.2rem;background:rgba(255,250,243,.78);border:1px solid var(--border);border-radius:1.45rem}
.home-band-head h2{margin-bottom:.85rem}
.home-band .home-services,.home-band .home-flow,.home-band .home-day{padding-top:0;margin-top:0}
.home-band .home-bays{margin-top:.9rem}
.home-band .home-flow + .home-day,
.home-band .home-bays + .home-day,
.home-band .home-services + .home-features{margin-top:1.15rem;padding-top:1.1rem;border-top:1px solid var(--border)}
.home-stack{display:flex;flex-direction:column;gap:1.15rem;margin-top:1.5rem}
.home-stack .home-bill,.home-stack .home-chatwrap,.home-stack .home-versus,.home-stack .home-trackband{margin-top:0}
.home-foot{border-top:1px solid var(--border);padding-top:1rem}
.home-plans,.home-demo,.home-login,.home-flow,.home-services,.home-day,.home-trackband,.home-garage{scroll-margin-top:4.6rem}
.home-track-form{margin-top:.8rem}
.home-track-form label{display:block;margin-bottom:.35rem;font-weight:800}
.home-track-row{display:flex;gap:.4rem}
.home-track-row input{flex:1;min-width:0;min-height:46px;border:1px solid var(--border);border-radius:.75rem;background:var(--inset);padding:.4rem .75rem;font-weight:800}
.home-track-row .btn{flex:0 0 auto}
.home-track-plate{display:inline-flex;margin-top:.55rem;padding:.3rem .7rem;border:2px solid #171412;border-radius:.5rem;background:var(--inset);font-weight:800;letter-spacing:.08em}
.home-track-plate[hidden],.home-track-recent[hidden],.home-caps[hidden]{display:none}
.home-track-recent{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}
.home-track-recent button{border:1px solid var(--border);background:var(--inset);border-radius:.6rem;min-height:32px;padding:.15rem .55rem;font-weight:800;letter-spacing:.04em}
.home-field{position:relative}
.home-field > .bi{position:absolute;inset-inline-start:.75rem;top:50%;transform:translateY(-50%);color:#fdba74;z-index:1}
.home-form .home-field .form-control{min-height:48px;padding-inline-start:2.4rem}
.home-pass .form-control{padding-inline-end:2.8rem}
.home-eye{position:absolute;inset-inline-end:.25rem;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;border-radius:.55rem;background:transparent;color:#d9d0c6}
.home-caps{margin:.35rem 0 0;color:#fdba74;font-size:.8rem;font-weight:800}
.home-remember{display:flex;align-items:center;gap:.45rem;margin:0 0 .8rem;color:#d9d0c6;font-weight:700}
.home-remember input{width:1rem;height:1rem}
.home-kicker{color:var(--accent);font-weight:800}
.home h2{font-size:clamp(1.35rem,3vw,2rem);margin:.2rem 0 .9rem}
.home-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}
.home-feature-grid article{display:flex;gap:.55rem;align-items:flex-start;background:var(--paper);border:1px solid var(--border);border-radius:1rem;padding:.9rem 1rem;font-weight:700;line-height:1.6}
.home-feature-grid i{color:var(--accent);margin-top:.15rem}
.home-app{margin-top:1.35rem;padding-top:1.15rem;border-top:1px solid var(--border)}
.home-app-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.85rem}
.home-app-grid article{background:var(--paper);border:1px solid var(--border);border-radius:1.1rem;padding:1rem;display:flex;flex-direction:column;gap:.35rem}
.home-app-grid i{width:42px;height:42px;border-radius:.7rem;background:#171412;color:#fdba74;display:flex;align-items:center;justify-content:center;font-size:1.25rem}
.home-app-grid b{font-size:1.05rem}
.home-app-grid p{margin:0;color:var(--muted);line-height:1.7;font-weight:700}
.vault-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem;margin-bottom:1rem}
.vault-kpis article{background:var(--paper);border:1px solid var(--border);border-radius:.9rem;padding:.85rem .9rem;display:flex;flex-direction:column;gap:.2rem;min-height:108px}
.vault-kpis span{color:var(--muted);font-size:.78rem;font-weight:800}
.vault-kpis b{font-size:1.25rem;line-height:1.2;font-family:var(--display)}
.vault-kpis small{color:var(--muted);font-size:.76rem;line-height:1.45}
.vault-kpis .is-warn{border-color:#f59e0b;background:#fffbeb}
.vault-kpis .is-balance{border-color:#171412;background:#171412;color:#fff7ed}
.vault-kpis .is-balance span,.vault-kpis .is-balance small{color:#d9d0c6}
.vault-kpis .is-balance b{color:#fdba74}
.vault-actions{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}
@media (max-width:1100px){.vault-kpis{grid-template-columns:1fr 1fr}}
@media (max-width:860px){
  .home-app-grid,.vault-kpis{grid-template-columns:1fr}
}
.home-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
.home-plan{background:var(--paper);border:1px solid var(--border);border-radius:1.1rem;padding:1rem;display:flex;flex-direction:column;gap:.25rem}
.home-plan b{font-size:1rem}
.plan-was{display:block;color:var(--muted);text-decoration:line-through;font-weight:700;font-size:.85rem}
.plan-off{display:inline-block;background:#ffedd5;color:#c2410c;border-radius:999px;padding:.08rem .45rem;font-size:.75rem;font-weight:800}
.auth-plan span.plan-off,.home-plan span.plan-off,.demo-plan span.plan-off{color:#c2410c}
.home-plan.is-hot .plan-was{color:#d9d0c6}
.home-plan.is-hot .plan-off{background:#3b342e;color:var(--home-accent-soft, #fdba74)}
.plan-discount{margin-top:.65rem}
.plan-after{margin-top:.35rem;color:var(--muted);font-weight:700}
.home-plan strong{font-size:1.8rem;line-height:1.1}
.home-plan strong small{font-size:.8rem}
.home-plan span{color:var(--accent);font-weight:800}
.home-plan p{color:var(--muted);margin:.2rem 0 .6rem;line-height:1.6}
.home-plan .btn{margin-top:auto}
.home-plan.is-hot{background:#171412;color:#fff7ed;border-color:#171412;transform:translateY(-6px)}
.home-plan.is-hot p{color:#d9d0c6}
.home-plan.is-hot span{color:var(--home-accent-soft, #fdba74)}
.home-muted{color:var(--muted)}
.home-demo{margin-top:2rem;background:#171412;color:#fff7ed;border-radius:1.4rem;padding:1.3rem;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.7fr);gap:1rem;align-items:center}
.home-demo h2,.home-demo .home-kicker{color:#fff!important}
.home-demo .home-kicker{color:var(--home-accent-soft, #fdba74)!important}
.home-demo p{color:#d9d0c6;line-height:1.7}
.home-demo-card{background:#2a241f;border-radius:1rem;padding:.85rem}
.home-demo-row{display:flex;justify-content:space-between;padding:.45rem 0;border-bottom:1px solid #3b342e;font-weight:800}
.home-demo-bar{height:8px;background:#3b342e;border-radius:99px;margin-top:.8rem;overflow:hidden}
.home-demo-bar i{display:block;height:100%;width:40%;background:var(--home-accent, #e85d04);animation:home-load 2.8s ease-in-out infinite}
.home-login{margin-top:1.2rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:1rem;align-items:center}
.home-login h2{margin-bottom:.4rem}
.home-login-note p{color:var(--muted);line-height:1.7}
.home-login-note a{font-weight:800;color:var(--accent);text-decoration:none}
.home-form{background:#171412;color:#f4eee6;border-radius:1.3rem;padding:1.2rem}
.home-form .h5{color:#fff!important}
.home-form .form-label{color:#d9d0c6}
.home-form .form-control{background:#2a241f;border-color:#3b342e!important;color:#fff}
.home-foot{margin-top:1.6rem;color:var(--muted);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.home-contact{display:flex;gap:.8rem;flex-wrap:wrap}
.home-contact span,.home-contact a{display:inline-flex;gap:.3rem;align-items:center;color:inherit;text-decoration:none;font-weight:800}
@keyframes home-float{50%{transform:translateY(-8px)}}
@keyframes home-spin{to{transform:rotate(360deg)}}
@keyframes home-swing{50%{transform:rotate(-16deg)}}
@keyframes home-pulse{50%{opacity:.55}}
@keyframes home-pay{0%,100%{opacity:0;transform:translateY(6px)}10%,28%{opacity:1;transform:none}36%{opacity:0}}
@keyframes home-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes home-load{0%{transform:translateX(140%)}100%{transform:translateX(-140%)}}
@keyframes home-state{0%,28%{opacity:1}34%,100%{opacity:0}}
@keyframes home-marquee{from{transform:translateX(0)}to{transform:translateX(50%)}}
@keyframes home-line{0%,12%{opacity:.25}22%,80%{opacity:1}92%,100%{opacity:.25}}
@keyframes home-stamp{0%,40%{opacity:0;transform:rotate(-12deg) scale(.8)}55%,85%{opacity:1;transform:rotate(-12deg) scale(1)}100%{opacity:0}}
@keyframes home-card{0%,18%{border-color:var(--border)}22%,40%{border-color:var(--home-accent, #e85d04);transform:translateY(-2px)}48%,100%{border-color:var(--border)}}
@keyframes home-shine{0%{transform:translateX(-120%)}55%,100%{transform:translateX(120%)}}
@keyframes home-bay{0%,12%{transform:translateY(110%)}28%,62%{transform:translateY(0)}80%,100%{transform:translateY(110%)}}
@keyframes home-day{0%{left:0}100%{left:calc(100% - 14px)}}
@keyframes home-bubble{0%,10%{opacity:0;transform:translateY(8px)}18%,76%{opacity:1;transform:none}90%,100%{opacity:0}}
@media (max-width:860px){
  .home-nav{flex-wrap:wrap;align-items:center;margin:0 -1rem;padding:.65rem 1rem;padding-top:calc(.65rem + env(safe-area-inset-top, 0px));background:rgba(246,241,234,.98);border-bottom:1px solid var(--border)}
  .home-brand{flex:1 1 0%;width:0;min-width:0;max-width:100%;overflow:hidden}
  .home-brand span:last-child{display:block;min-width:0;flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}
  .home-brand img.platform-logo{height:42px;width:auto;max-width:min(96px,28vw);min-width:0;flex:0 0 auto}
  .home-menu{display:inline-flex;flex:0 0 auto;margin-inline-start:.5rem}
  .home-links{display:none;flex:1 0 100%;width:100%;flex-direction:column;align-items:stretch;gap:.45rem;padding:.55rem 0 .15rem}
  .home-links-pages,.home-links-cta{flex-direction:column;align-items:stretch;width:100%;gap:.4rem}
  .home-links-cta{margin:0;padding:0;border:0}
  .home-band{padding:.95rem .8rem 1rem}
  .home-path-now{flex-direction:column;align-items:stretch}
  .home-path-actions{width:100%;flex-direction:column}
  .home-path-next,.home-path-pause{width:100%}
  .home-path-slip{grid-template-columns:1fr 1fr}
  .home-path-slip button{grid-column:1 / -1;min-height:40px}
  .home-track-row{flex-direction:column}
  .home-garage-top,.home-docket,.home-scrub{flex-direction:column;align-items:stretch}
  .home-nav.is-open .home-links{display:flex}
  .home-links a{background:var(--paper);border:1px solid var(--border);border-radius:.8rem;padding:.75rem .9rem;text-align:center}
  .home-links a.btn{width:100%;display:flex;align-items:center;justify-content:center;margin-top:.15rem}
  .home-cta .btn,.home-plan .btn,.home-demo .btn{text-align:center}
  .home-hero,.home-flow,.home-feature-grid,.home-plan-grid,.home-demo,.home-login,.home-mods,.home-bill,.home-trackband,.home-dayline,.home-bays,.home-chatwrap,.home-versus{grid-template-columns:1fr}
  .home-dayline::before{top:0;bottom:0;height:auto;width:3px;inset-inline-start:.35rem}
  .home-daydot{display:none}
  .home-versus .is-old{transform:none}
  .home-stage{order:2}
  .home-copy{order:1}
  .home-hero{display:flex;flex-direction:column}
  .home-plan.is-hot{transform:none}
  .home-plate{justify-content:center}
  .home-ticket{inset-inline-start:.6rem;top:.6rem}
}
@media (prefers-reduced-motion:reduce){
  .home-car,.home-wheel,.home-tool,.home-glow,.home-paycycle span,.home-step,.home-demo-bar i,.home-spark circle,.home-ticket span,.home-marquee-track,.home-line,.home-stamp,.home-pays article,.home-plate i,.home-bay i,.home-daydot,.home-bubbles p{animation:none!important}
  #homeGarageCar,.home-sun{transition:none}
  .home-bubbles p{opacity:1;transform:none}
  .home-ticket span{opacity:0}
  .home-ticket span:nth-child(4){opacity:1}
  .home-paycycle span{position:static;opacity:1;display:inline;margin-inline-end:.6rem}
  .home-paycycle{height:auto}
  .home-bay i{transform:none}
}
.home-still .home-car,.home-still .home-wheel,.home-still .home-tool,.home-still .home-glow,.home-still .home-paycycle span,.home-still .home-step,.home-still .home-demo-bar i,.home-still .home-spark circle,.home-still .home-ticket span,.home-still .home-marquee-track,.home-still .home-line,.home-still .home-stamp,.home-still .home-pays article,.home-still .home-plate i,.home-still .home-bay i,.home-still .home-daydot,.home-still .home-bubbles p{animation:none!important}
.home-still .home-bubbles p{opacity:1;transform:none}
.home-still .home-ticket span{opacity:0}
.home-still .home-ticket span:nth-child(4){opacity:1}
.home-still .home-paycycle span{position:static;opacity:1;display:inline;margin-inline-end:.6rem}
.home-still .home-paycycle{height:auto}
.home-still .home-bay i{transform:none}
.home-editor-color{display:flex;align-items:center;gap:.6rem}
.home-editor-color input[type=color]{width:3rem;height:2.4rem;padding:.15rem;border:1px solid var(--border);background:var(--inset);border-radius:.45rem}
.home-editor-shows{display:flex;flex-wrap:wrap;gap:.45rem .9rem;margin-top:1rem}
.auth-card .text-muted,.auth-panel .text-muted{color:#b7aea4!important}
.auth-card .form-label,.auth-panel .form-label{color:#d9d0c6}
.auth-card .form-control,.auth-panel .form-control{background:#2a241f;border-color:#3b342e!important;color:#fff}
.auth-brand .small,.auth-brand .text-white-50{color:var(--muted)!important}
a.kpi-card,a.kpi-card:hover{text-decoration:none;color:inherit}
a.kpi-card:hover{border-color:var(--accent)!important}

.form-actions-sticky{display:flex;gap:.5rem;flex-wrap:wrap;padding-top:.75rem}
.status-chip{display:inline-flex;align-items:center;gap:.3rem;border-radius:.3rem;padding:.18rem .55rem;font-size:.76rem;font-weight:700}
.status-received{background:#dbeafe;color:#1d4ed8}
.status-inspection{background:#ffedd5;color:#c2410c}
.status-approval{background:#fef9c3;color:#a16207}
.status-repairing{background:#ffedd5;color:#c2410c}
.status-parts{background:#fef9c3;color:#a16207}
.status-ready{background:#dcfce7;color:#166534}
.status-delivered{background:#f4f4f5;color:#3f3f46}
.status-urgent{background:#fee2e2;color:#b91c1c}
.board{display:flex;gap:.85rem;overflow-x:auto;padding-bottom:.35rem}
.board-col{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem;min-height:240px;box-shadow:var(--shadow);flex:0 0 230px}
.board-col h6{display:flex;justify-content:space-between;align-items:center;margin-bottom:.7rem}
.board-col.tone-info{border-top:3px solid #1d4ed8;box-shadow:var(--shadow)}
.board-col.tone-blue{border-top:3px solid #1d4ed8;box-shadow:var(--shadow)}
.board-col.tone-orange{border-top:3px solid #c2410c;box-shadow:var(--shadow)}
.board-col.tone-yellow{border-top:3px solid #ca8a04;box-shadow:var(--shadow)}
.board-col.tone-warn{border-top:3px solid #c2410c;box-shadow:var(--shadow)}
.board-col.tone-ok{border-top:3px solid #15803d;box-shadow:var(--shadow)}
.wo-card{
  display:block;background:var(--inset);border:1px solid var(--border);border-radius:.65rem;
  padding:.85rem;margin-bottom:.55rem;text-decoration:none;color:inherit;
  transition:transform .15s ease, border-color .15s ease, box-shadow .15s ease
}
.wo-card:hover{border-color:var(--accent);color:inherit;transform:translateY(-2px);box-shadow:var(--shadow)}
.wo-card .wo-no{font-weight:700;font-size:.78rem;letter-spacing:.04em;color:var(--accent)}
.stepper{display:flex;flex-wrap:wrap;gap:.4rem}
.stepper a,.stepper span{
  flex:1 1 9rem;text-align:center;padding:.65rem .35rem;border-radius:.45rem;font-weight:700;font-size:.82rem;
  border:1px solid var(--border);color:var(--muted);text-decoration:none;background:var(--inset)
}
.stepper .on{background:var(--ink);color:#fff;border-color:var(--ink)}

.flow-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-bottom:1rem}
.flow-cell{
  display:block;text-decoration:none;color:inherit;padding:1.05rem 1.05rem .95rem;
  border-radius:var(--radius);background:var(--paper);border:1px solid var(--border);
  position:relative;overflow:hidden;
  border:1px solid var(--border);
  border-inline-start:4px solid var(--accent);
  box-shadow:var(--shadow);
  transition:transform .15s ease, border-color .15s ease
}
.flow-cell.tone-info,.flow-cell.tone-blue{border-inline-start-color:#1d4ed8;box-shadow:var(--shadow)}
.flow-cell.tone-orange,.flow-cell.tone-warn{border-inline-start-color:#c2410c;box-shadow:var(--shadow)}
.flow-cell.tone-yellow{border-inline-start-color:#ca8a04;box-shadow:var(--shadow)}
.flow-cell.tone-ok{border-inline-start-color:#15803d;box-shadow:var(--shadow)}
.flow-cell.tone-muted{border-inline-start-color:#a8a29e;box-shadow:var(--shadow)}
.flow-cell:hover{color:inherit;background:var(--inset);transform:translateY(-2px)}
.flow-cell b{display:block;font-size:1.85rem;font-family:var(--display);line-height:1;margin-top:.15rem}
.flow-cell span{color:var(--muted);font-size:.8rem;font-weight:700}
.flow-cell i{position:absolute;inset-inline-end:.85rem;top:.85rem;opacity:.4;font-size:1.15rem;color:var(--accent)}
.pulse-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#16a34a;margin-inline-end:.4rem;vertical-align:middle}
.display-title{font-size:clamp(1.35rem,2.2vw,1.95rem);font-weight:700;line-height:1.25}
.hero-meta{color:var(--muted);font-size:.92rem}
.hero-clock{font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.04em;color:var(--heading)}
.ops-hero{
  display:flex;justify-content:space-between;align-items:flex-end;gap:.9rem;flex-wrap:wrap;
  background:
    linear-gradient(135deg, rgba(232,93,4,.08), transparent 42%),
    var(--paper);
  color:var(--heading);
  border:1px solid var(--border);border-radius:calc(var(--radius) + .15rem);
  padding:1.25rem 1.3rem 1.2rem;margin-bottom:.15rem;
  border:1px solid var(--border);
  border-inline-start:4px solid var(--accent);
  box-shadow:var(--shadow);
  position:relative;overflow:hidden
}
.ops-mark{
  position:absolute;inset-inline-end:-.1rem;bottom:-.45rem;
  font-size:4.6rem;color:rgba(232,93,4,.1);pointer-events:none;transform:rotate(-18deg)
}
.ops-hero .h5,.ops-hero .text-muted,.ops-hero .display-title{color:var(--heading)!important}
.dash-kicker{font-size:.7rem;font-weight:800;letter-spacing:.14em;color:var(--accent);margin-bottom:.3rem}
.ops-hero .btn-outline-secondary{background:var(--inset)!important;color:var(--text)!important;border-color:var(--border)!important}
.ops-hero .btn-primary{box-shadow:none}
.ready-strip{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);padding:.95rem 1.05rem}
.ready-strip-head{font-weight:800;margin-bottom:.5rem}
.ready-item{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.5rem 0;border-top:1px solid var(--border)}
.ready-item:first-of-type{border-top:0}
.ready-main{display:flex;flex-direction:column;text-decoration:none;color:inherit;min-width:0}
.ready-main span{color:var(--muted);font-size:.86rem}

.auth-kicker{color:#fdba74;font-weight:800;margin-bottom:.25rem}
.auth-pass{position:relative}
.auth-pass .form-control{padding-inline-end:2.8rem}
.auth-eye{position:absolute;inset-inline-end:.25rem;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;border-radius:.55rem;background:transparent;color:#d9d0c6}
.auth-eye:hover{color:#fff}
@media (min-width:992px){
  .auth-visual .auth-features{grid-template-columns:1fr 1fr;max-width:40rem}
}
.auth-links{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:1rem}
.auth-links a{font-size:.88rem;font-weight:700;color:#fdba74;text-decoration:none}
.auth-login .auth-card{position:sticky;top:0;align-self:start;height:auto;max-height:100vh;max-height:100dvh;overflow:auto}
.auth-login .auth-visual{justify-content:flex-start;gap:0}
.auth-login .auth-visual img.platform-logo{height:72px;max-width:min(220px,46vw);margin:0}
.auth-preview-head{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}
.auth-preview-head .display-title{font-size:clamp(1.55rem,3vw,2.35rem);margin:0}
.auth-preview-head p{margin:.4rem 0 0}
.auth-gates{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin:0 0 1rem}
.auth-gates article{background:#2a241f;border:1px solid #3b342e;border-radius:.8rem;padding:.55rem .65rem;color:#f4eee6}
.auth-gates i{color:#fdba74}
.auth-gates b,.auth-gates span{display:block}
.auth-gates span{color:#b7aea4;font-size:.78rem;font-weight:700}
.auth-field{position:relative}
.auth-field > .bi{position:absolute;inset-inline-start:.75rem;top:50%;transform:translateY(-50%);color:#fdba74;z-index:1}
.auth-login .auth-field .form-control{min-height:48px;padding-inline-start:2.4rem}
.auth-board{background:#171412;color:#fff7ed;border-radius:1.2rem;padding:.9rem;margin-top:.2rem}
.auth-board-top{display:flex;justify-content:space-between;align-items:flex-end;gap:.7rem;margin-bottom:.7rem}
.auth-board-top span{display:block;color:#fdba74;font-weight:800;font-size:.78rem}
.auth-board-top strong{font-size:1.25rem}
.auth-board-actions{display:flex;gap:.35rem;flex-wrap:wrap}
.auth-board-top button{border:0;background:var(--inset);color:#171412;border-radius:.7rem;min-height:40px;padding:.3rem .75rem;font-weight:800}
.auth-board-top button.auth-pause{background:transparent;color:#fff7ed;border:1px solid #3b342e}
.auth-slip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:.4rem;margin-bottom:.15rem}
.auth-slip div{background:#2a241f;border:1px solid #3b342e;border-radius:.7rem;padding:.4rem .55rem}
.auth-slip span{display:block;color:#b7aea4;font-size:.72rem;font-weight:700}
.auth-slip b{display:block;font-size:.92rem}
.auth-slip button{border:0;background:#fff7ed;color:#171412;border-radius:.7rem;font-weight:800;padding:.35rem .6rem}
.auth-copy-note{margin:0 0 .55rem;color:#fdba74;font-weight:800;font-size:.8rem}
.auth-copy-note[hidden]{display:none}
.auth-meter{display:flex;align-items:center;gap:.6rem;margin-bottom:.55rem}
.auth-meter b{flex:0 0 auto;color:#fdba74;font-size:.85rem}
.auth-meter span{flex:1;height:8px;border-radius:99px;background:#3b342e;overflow:hidden}
.auth-meter i{display:block;height:100%;width:0;background:#e85d04;border-radius:99px;transition:width .35s ease}
.auth-road{position:relative;height:18px;border-radius:99px;background:#3b342e;margin:.35rem .2rem .35rem;touch-action:none;cursor:ew-resize}
.auth-road i{position:absolute;top:-8px;inset-inline-start:0;width:34px;height:34px;border-radius:50%;background:#e85d04;color:#fff;display:flex;align-items:center;justify-content:center;transition:inset-inline-start .35s ease}
.auth-drag{margin:0 0 .7rem;color:#b7aea4;font-size:.78rem;font-weight:700}
.auth-board-stops{display:flex;flex-wrap:wrap;gap:.35rem}
.auth-board-stops button{border:1px solid #3b342e;background:#2a241f;color:#f4eee6;border-radius:.7rem;min-height:36px;padding:.25rem .6rem;font-weight:800}
.auth-board-stops button.on{background:#e85d04;border-color:#e85d04;color:#fff}
.auth-bays{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin-bottom:.65rem}
.auth-bays button{border:1px solid #3b342e;background:#2a241f;color:#fff7ed;border-radius:.8rem;min-height:68px;padding:.45rem .6rem;text-align:right;font-weight:800}
.auth-bays b{display:block;color:#fdba74;font-size:.75rem}
.auth-bays button.on{background:#e85d04;border-color:#e85d04;box-shadow:none}
.auth-bays button.on b,.auth-bays button.on span{color:#fff}
.auth-hours{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:.35rem;margin-bottom:.65rem}
.auth-hours button{border:1px solid #3b342e;background:#2a241f;color:#f4eee6;border-radius:.7rem;min-height:52px;padding:.3rem .35rem;font-weight:800}
.auth-hours b,.auth-hours span{display:block}
.auth-hours b{color:#fdba74;font-size:.72rem}
.auth-hours span{font-size:.78rem}
.auth-hours button.on{background:#fff7ed;border-color:#fff7ed;color:#171412}
.auth-hours button.on b{color:#e85d04}
.auth-job{display:flex;gap:.45rem;align-items:flex-start;min-height:1.4rem;margin:0 0 .7rem;color:#f4eee6;line-height:1.6}
.auth-job i{color:#fdba74;margin-top:.15rem}
.auth-plate{display:inline-flex;margin-top:.55rem;padding:.35rem .75rem;border:2px solid #e85d04;border-radius:.55rem;background:#fff7ed;color:#171412;font-weight:800;letter-spacing:.08em}
.auth-plate[hidden]{display:none}
@media (prefers-reduced-motion: reduce){
  .auth-road i,.auth-meter i{transition:none}
}
.auth-quick{margin-top:1rem;padding-top:.9rem;border-top:1px solid #3b342e}
.auth-quick label{display:block;margin-bottom:.4rem;color:#d9d0c6;font-weight:800}
.auth-quick-row{display:flex;gap:.4rem}
.auth-quick input{flex:1;min-width:0;min-height:44px;border-radius:.7rem;border:1px solid #3b342e;background:#2a241f;color:#fff;padding:.4rem .7rem;font-weight:800}
.auth-quick .btn{flex:0 0 auto}
.auth-remember{display:flex;align-items:center;gap:.45rem;margin:0 0 .8rem;color:#d9d0c6;font-weight:700}
.auth-remember input{width:1rem;height:1rem}
.auth-caps{margin:.35rem 0 0;color:#fdba74;font-size:.8rem;font-weight:800}
.auth-caps[hidden]{display:none}
.auth-recent{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}
.auth-recent[hidden]{display:none}
.auth-recent button{border:1px solid #3b342e;background:#2a241f;color:#fff7ed;border-radius:.6rem;min-height:32px;padding:.15rem .55rem;font-weight:800;letter-spacing:.04em}
.auth-reach{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin-top:.8rem}
.auth-reach a{display:flex;align-items:center;justify-content:center;gap:.35rem;min-height:42px;border-radius:.7rem;border:1px solid #3b342e;color:#fff7ed;text-decoration:none;font-weight:800}
.auth-reach a:last-child{background:#128c7e;border-color:#128c7e}
.auth-feature-row{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin-top:1rem}
.auth-feature-row article{display:flex;gap:.4rem;align-items:flex-start;background:var(--paper);border:1px solid var(--border);border-radius:.85rem;padding:.7rem .75rem;font-weight:700;line-height:1.5}
.auth-feature-row i{color:var(--accent);margin-top:.15rem}
.auth-login .auth-plans{max-width:none}
@media (max-width:991.98px){
  .auth-login .auth-card{position:static;height:auto;max-height:none;overflow:visible}
  .auth-preview-head{flex-direction:column}
  .auth-feature-row,.auth-board-top{grid-template-columns:1fr}
  .auth-board-top{flex-direction:column;align-items:stretch}
  .auth-board-actions{width:100%;flex-direction:column}
  .auth-board-top button{width:100%}
  .auth-slip{grid-template-columns:1fr 1fr}
  .auth-slip button{grid-column:1 / -1;min-height:40px}
}
.track-page{display:flex;flex-direction:column}
.track-page.is-public{
  min-height:100dvh;
  background:
    radial-gradient(900px 420px at 100% -8%, rgba(232,93,4,.11), transparent 52%),
    var(--bg)
}
.track-page:not(.is-public) .track-main{width:100%;margin:0;padding:0}
.track-bar{
  position:sticky;top:0;z-index:20;
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:.75rem 1.15rem;
  padding-top:calc(.75rem + env(safe-area-inset-top, 0px));
  background:rgba(255,250,243,.94);
  border-bottom:1px solid var(--border);
  backdrop-filter:blur(12px)
}
.track-brand{display:flex;align-items:center;gap:.7rem;min-width:0;text-decoration:none;color:inherit}
.track-brand-text{min-width:0}
.track-brand-text strong{display:block;font-size:1.02rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.track-mark{width:42px;height:42px;border-radius:.7rem;background:#171412;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex:0 0 42px}
.track-kicker{display:block;color:var(--accent);font-weight:800;font-size:.72rem;margin-bottom:.05rem}
.track-nav{display:flex;align-items:center;gap:.4rem;flex:0 0 auto}
.track-nav a{color:var(--heading);text-decoration:none;font-weight:800;font-size:.9rem;padding:.42rem .75rem;border-radius:.65rem;border:1px solid var(--border);background:var(--inset)}
.track-nav a:hover{border-color:#171412}
.track-main{width:min(640px,100%);margin:0 auto;padding:1.35rem .9rem 1.6rem;flex:1}
.track-staff-head{margin:0 0 .2rem}
.track-ticket{background:var(--paper);border:1px solid var(--border);border-radius:1.15rem;padding:1.05rem;box-shadow:0 18px 40px -32px rgba(23,20,18,.7)}
.track-plate{display:flex;align-items:stretch;background:var(--inset);border:3px solid #171412;border-radius:.8rem;overflow:hidden;margin-bottom:.85rem}
.track-plate-side{width:16px;background:#e85d04;flex:0 0 16px}
.track-plate strong{flex:1;text-align:center;font-size:1.65rem;line-height:1.2;padding:.6rem .45rem;letter-spacing:.03em}
.track-now{margin:0;font-size:1.35rem;font-weight:800;line-height:1.35}
.track-sub{margin:.2rem 0 .85rem;color:var(--muted)}
.track-rail{--track-fill:0;list-style:none;display:grid;grid-template-columns:repeat(7,minmax(72px,1fr));gap:.25rem;position:relative;margin:0;padding:.15rem 0 0;overflow-x:auto}
.track-rail::before,.track-rail::after{content:"";position:absolute;top:15px;height:3px;border-radius:99px}
.track-rail::before{inset-inline:10%;background:#e7ddd2}
.track-rail::after{inset-inline-start:10%;width:calc((100% - 20%) * var(--track-fill));background:#e85d04}
.track-rail li{position:relative;z-index:1;text-align:center;color:#8a8178;font-size:.72rem;font-weight:800}
.track-node{width:32px;height:32px;margin:0 auto .28rem;border-radius:50%;background:var(--inset);border:2px solid #e2d8cc;display:flex;align-items:center;justify-content:center;color:#171412}
.track-rail li.done{color:#171412}
.track-rail li.done .track-node{background:#171412;color:#fff;border-color:#171412}
.track-rail li.on{color:#9a3412}
.track-rail li.on .track-node{background:#e85d04;color:#fff;border-color:#e85d04;box-shadow:0 0 0 6px #fff1e4;animation:track-pulse 1.8s ease-in-out infinite}
.track-note{margin-top:.9rem;border-radius:.85rem;padding:.7rem .8rem;font-weight:800}
.track-note.is-received{background:#dbeafe;color:#1d4ed8}
.track-note.is-inspection{background:#ffedd5;color:#c2410c}
.track-note.is-approval{background:#fef9c3;color:#a16207}
.track-note.is-repairing{background:#ffedd5;color:#c2410c}
.track-note.is-parts{background:#fef9c3;color:#a16207}
.track-note.is-ready{background:#dcfce7;color:#166534}
.track-note.is-delivered{background:#f4f4f5;color:#3f3f46}
.track-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}
.track-actions a{flex:1 1 30%;border-radius:.8rem;font-weight:800}
@media (max-width:420px){.track-actions{flex-direction:column}.track-actions a{flex-basis:auto}}
.track-search{text-align:center}
.track-search h2{font-size:1.25rem;margin:0 0 .35rem}
.track-search p{color:var(--muted);margin:0 0 .85rem}
.track-code-input{letter-spacing:.16em;font-weight:800;font-size:1.15rem;text-align:center;text-transform:uppercase;border:2px solid #171412;border-radius:.85rem;padding:.75rem .6rem;background:var(--inset)}
.track-code-input:focus{border-color:#e85d04;box-shadow:0 0 0 4px #fff1e4}
.track-picks{display:grid;gap:.5rem;margin-bottom:.85rem;text-align:start}
.track-pick{display:flex;align-items:center;justify-content:space-between;gap:.6rem;text-decoration:none;color:inherit;background:var(--inset);border:1px solid var(--border);border-inline-start:4px solid #e85d04;border-radius:.9rem;padding:.75rem .8rem}
.track-pick b{display:block}
.track-pick span{color:var(--muted);font-size:.86rem}
.track-foot{margin-top:auto;background:#171412;color:#f4eee6;padding:1.35rem 1.15rem 1.05rem}
.track-foot-top{width:min(980px,100%);margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem 1.5rem;flex-wrap:wrap}
.track-foot strong{display:block;font-size:1.05rem}
.track-foot p{margin:.3rem 0 0;color:#b7aea4;max-width:28rem;line-height:1.7}
.track-foot-meta{display:flex;flex-wrap:wrap;gap:.45rem .85rem;align-items:center}
.track-foot-meta a{color:#fdba74;text-decoration:none;font-weight:800}
.track-foot-meta a:hover{color:#fff}
.track-foot-copy{width:min(980px,100%);margin:.95rem auto 0;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1);color:#8d847b;font-size:.86rem}
@media (max-width:640px){
  .track-bar{flex-wrap:wrap;align-items:center;padding:.7rem .85rem;padding-top:calc(.7rem + env(safe-area-inset-top, 0px))}
  .track-brand{flex:1 1 180px;min-width:0}
  .track-brand img.platform-logo{height:44px;max-width:min(120px,38vw);flex:0 0 auto}
  .track-brand-text strong{white-space:nowrap}
  .track-nav{width:100%}
  .track-nav a{flex:1;text-align:center}
  .track-foot{padding:1.15rem .9rem .95rem}
}
@keyframes track-pulse{50%{box-shadow:0 0 0 10px rgba(232,93,4,.12)}}
@media (prefers-reduced-motion:reduce){.track-rail li.on .track-node{animation:none}}
.track-share{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.track-code{font-size:1.15rem;font-weight:700;letter-spacing:.14em;background:#171412;color:#f5f0e8;padding:.35rem .7rem;border-radius:.4rem}
.qr-box{width:132px;height:132px;border-radius:.5rem;background:#fff;padding:.45rem;border:1px solid var(--border)}
.qr-box img{width:100%;height:100%;object-fit:contain;display:block}
.share-smart{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}

.bottom-more{
  flex:1;border:0;background:transparent;color:var(--muted);font-size:.68rem;font-weight:700;
  padding:.3rem .1rem;display:flex;flex-direction:column;align-items:center;gap:.08rem
}
.bottom-more .bi{font-size:1.18rem}
.bottom-more.active,.bottom-nav a.active{color:var(--accent)}
.more-sheet{display:block;position:fixed;inset:0;z-index:1080;visibility:hidden;pointer-events:none}
.more-sheet.open{visibility:visible;pointer-events:auto}
.more-sheet[hidden]{display:none!important}
.more-sheet-bg{position:absolute;inset:0;border:0;background:rgba(23,20,18,.5);opacity:0;transition:opacity .2s ease}
.more-sheet.open .more-sheet-bg{opacity:1}
.more-sheet-panel{
  position:absolute;left:0;right:0;bottom:0;
  background:var(--paper);border-radius:.8rem .8rem 0 0;
  padding:.5rem 1rem calc(1rem + env(safe-area-inset-bottom));
  border-top:3px solid var(--accent);
  transform:translateY(110%);transition:transform .22s ease
}
.more-sheet.open .more-sheet-panel{transform:none}
.more-handle{width:42px;height:4px;border-radius:99px;background:#e2d8cc;margin:.35rem auto .8rem}
.more-title{font-weight:800;margin-bottom:.8rem}
.more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
.more-grid a{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;
  text-decoration:none;color:var(--heading);font-weight:700;font-size:.78rem;
  background:var(--bg);border:1px solid var(--border);border-radius:.5rem;padding:.8rem .35rem;min-height:74px
}
.more-grid a .bi{font-size:1.2rem;color:var(--accent)}
.more-grid a.active{border-color:var(--accent);background:rgba(232,93,4,.1);color:var(--accent)}
.console-more .more-grid{max-height:min(62vh,520px);overflow-y:auto;overscroll-behavior:contain;padding-bottom:.1rem}
.install-banner{
  display:none;position:fixed;left:.7rem;right:.7rem;bottom:calc(72px + env(safe-area-inset-bottom));
  z-index:1040;background:#171412;color:#f5f0e8;border-radius:.55rem;padding:.75rem .9rem;
  align-items:center;gap:.5rem;font-size:.82rem;font-weight:700
}
.install-banner.show{display:flex;flex-wrap:wrap}
.install-banner span{flex:1;min-width:140px}
.ios-install{position:fixed;inset:0;z-index:1200;background:rgba(23,20,18,.55);display:flex;align-items:flex-end;justify-content:center;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom))}
.ios-install[hidden]{display:none}
.ios-install-sheet{width:min(440px,100%);background:#fffaf3;color:#171412;border-radius:1.1rem;padding:1.1rem 1rem 1rem;box-shadow:0 18px 40px -24px rgba(23,20,18,.7)}
.ios-install-sheet h2{margin:0 0 .7rem;font-size:1.15rem}
.ios-install-sheet ol{list-style:none;margin:0 0 .9rem;padding:0;display:grid;gap:.65rem}
.ios-install-sheet li{display:flex;gap:.6rem;align-items:flex-start;line-height:1.6}
.ios-install-sheet li b{flex:0 0 1.6rem;height:1.6rem;border-radius:.45rem;background:#171412;color:#fdba74;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem}
body.more-open .fab,body.cmdk-open .fab{visibility:hidden;pointer-events:none}
body.cmdk-open{overflow:hidden}

@media (max-width: 991.98px){
  .app-shell,.app-shell.sidebar-collapsed{grid-template-columns:1fr;height:100dvh}
  .sidebar{
    position:fixed;top:0;bottom:0;inset-inline-start:0;inset-inline-end:auto;width:min(86vw,320px);z-index:1050;
    height:100dvh;max-height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;
    padding-top:env(safe-area-inset-top, 0px);
    transform:translateX(110%);transition:transform .24s ease
  }
  body.drawer-open .app-shell{z-index:1060}
  body.drawer-open .sidebar{transform:none}
  body.drawer-open{overflow:hidden}
  body.drawer-open .sidebar-backdrop{display:block}
  body.drawer-open .bottom-nav,body.drawer-open .fab{visibility:hidden}
  .topbar > .d-flex{min-width:0;width:100%}
  .top-user{display:none}
  .topbar .brand{max-width:34vw}
  .topbar .dropdown-menu{
    position:fixed!important;
    top:calc(58px + env(safe-area-inset-top))!important;
    left:.6rem!important;right:.6rem!important;width:auto!important;
    max-height:min(70vh,480px);overflow:auto;transform:none!important
  }
  .sidebar-close{display:inline-flex}
  .menu-toggle,.search-toggle,.icon-btn.menu-toggle,.icon-btn.search-toggle,.top-btn.menu-toggle,.top-btn.search-toggle{display:inline-flex}
  .cmdk-trigger{display:none!important}
  .global-search-wrap.desktop-search{display:none!important}
  .global-search-wrap.mobile-search{display:none}
  .app-content{padding:.85rem .75rem calc(92px + env(safe-area-inset-bottom))}
  .footerbar{display:none}
  .topbar{padding-top:calc(.55rem + env(safe-area-inset-top));padding-inline:max(.7rem, env(safe-area-inset-left)) max(.7rem, env(safe-area-inset-right))}
  .sidebar{padding-bottom:calc(1.2rem + env(safe-area-inset-bottom))}
  .bottom-nav{
    display:flex;position:fixed;left:0;right:0;bottom:0;z-index:1030;
    background:var(--paper);border-top:1px solid var(--border);border-radius:0;
    justify-content:space-around;padding:.28rem .1rem calc(.28rem + env(safe-area-inset-bottom));
    box-shadow:none
  }
  .bottom-nav a{flex:1;text-align:center;text-decoration:none;color:var(--muted);font-size:.68rem;font-weight:700;padding:.22rem .1rem;display:flex;flex-direction:column;align-items:center;gap:.06rem}
  .bottom-nav a .bi{font-size:1.16rem}
  .bottom-nav a.active{color:var(--accent)}
  .fab{
    display:inline-flex;align-items:center;justify-content:center;
    position:fixed;inset-inline-end:1rem;bottom:calc(72px + env(safe-area-inset-bottom));
    width:50px;height:50px;border-radius:.55rem;z-index:1025;
    background:var(--ink);color:#fff;text-decoration:none;font-size:1.4rem
  }
  .fab:hover{color:#fff}
  .desktop-only{display:none!important}
  .flow-rail{grid-template-columns:1fr 1fr}
  .board{flex-direction:column}
  .board-col{flex:1 1 auto;width:100%}
  .auth-shell{display:flex;flex-direction:column;grid-template-columns:1fr}
  .auth-visual{text-align:center;border-inline-start:0;border-bottom:0;border-top:1px solid var(--border);padding:1.4rem 1.1rem 1.1rem;flex:0 0 auto}
  .auth-plans{grid-template-columns:1fr;max-width:22rem;margin-inline:auto}
  .auth-contact{justify-content:center}
  .auth-features{margin-inline:auto}
  .auth-features li{justify-content:center}
  .auth-visual p{margin-inline:auto}
  .auth-card,.auth-panel{min-height:auto;padding:1.35rem 1.2rem 1.6rem;padding-top:calc(1.35rem + env(safe-area-inset-top, 0px));flex:1}
  .entity-card{align-items:flex-start}
  .entity-side{align-items:flex-start}
  .table-cards thead{display:none}
  .table-cards tbody,.table-cards tr,.table-cards td{display:block;width:100%}
  .table-cards tr{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.7rem;padding:.8rem}
  .table-cards td{display:flex;justify-content:space-between;gap:.75rem;border:0!important;background:transparent!important;padding:.3rem 0!important}
  .table-cards td::before{content:attr(data-label);font-weight:700;color:var(--muted);flex:0 0 38%}
  .table-cards td.actions-cell,.table-cards td:last-child{display:block;padding-top:.55rem!important}
  .table-cards td.actions-cell::before,.table-cards td:last-child::before{display:none}
  .form-actions-sticky{
    position:sticky;bottom:calc(64px + env(safe-area-inset-bottom));
    background:var(--paper);border:1px solid var(--border);border-radius:.55rem;padding:.7rem;z-index:20
  }
  .page-head{align-items:flex-start}
  .page-head .h5{font-size:1.22rem}
  .entity-card{flex-wrap:wrap}
  .entity-side{width:100%;flex-direction:row;justify-content:space-between;align-items:center}
  .stepper{grid-template-columns:1fr 1fr}
  .cmdk-panel{margin-top:8vh}
}
.btn-secondary,.btn-outline-light{
  background:var(--inset)!important;border:1px solid var(--border)!important;color:var(--text)!important
}
.btn-secondary:hover{background:var(--hover)!important;color:var(--text)!important}
.btn-outline-primary{color:var(--accent)!important;border-color:#fdba74!important;background:var(--inset)!important}
.btn-outline-primary:hover{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}
.btn-outline-success{color:var(--ok)!important;border-color:#86efac!important;background:var(--inset)!important}
.btn-outline-danger{color:#b91c1c!important;border-color:#fecaca!important;background:var(--inset)!important}
.btn-sm{min-height:34px;padding:.25rem .7rem;font-size:.82rem}
.btn-icon{width:36px;height:36px;min-height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:.45rem!important}
.form-label{font-weight:700;color:#57534e;margin-bottom:.3rem}
.badge.bg-success,.badge.text-bg-success{background:#dcfce7!important;color:#166534!important}
.badge.bg-warning,.badge.text-bg-warning{background:#ffedd5!important;color:#c2410c!important}
.badge.bg-danger,.badge.text-bg-danger{background:#fee2e2!important;color:#b91c1c!important}
.badge.bg-info,.badge.text-bg-info{background:#ecfeff!important;color:#0e7490!important}
.badge.bg-secondary,.badge.bg-light,.badge.text-bg-secondary{background:#f4f4f5!important;color:#3f3f46!important}
.badge.bg-primary,.badge.text-bg-primary{background:#fff4e8!important;color:#c2410c!important}
.badge.bg-dark{background:#171412!important;color:#fff!important}
.alert{border-radius:var(--radius)!important;border:1px solid var(--border)!important}
.alert-warning{background:#fff7ed!important;color:#9a3412!important}
.alert-success{background:#f0fdf4!important;color:#166534!important}
.list-group-item{border-color:var(--border)!important}
.filter-bar{
  position:relative;background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);
  padding:1rem 1.05rem;margin-bottom:1rem;box-shadow:var(--shadow)
}
.filter-bar .form-control,.filter-bar .form-select{min-height:44px}
.form-card{max-width:920px}
.entity-list{display:flex;flex-direction:column;gap:.65rem}
@media (min-width:992px){.entity-list.cols-2{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}}
.entity-card{
  display:flex;align-items:center;gap:.9rem;
  background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);
  padding:1rem 1.05rem;
  box-shadow:var(--shadow);
  transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease
}
.entity-card:hover{border-color:#d4c2aa;transform:translateY(-2px);box-shadow:0 16px 36px -22px rgba(23,20,18,.45)}
.entity-avatar{
  width:48px;height:48px;border-radius:.65rem;flex:0 0 48px;
  display:flex;align-items:center;justify-content:center;
  background:#171412;color:#fff;font-weight:700;font-size:.92rem;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08), 0 0 0 3px #fff1e4
}
.entity-avatar.soft{background:#fff4e8;color:var(--accent)}
.entity-avatar.ok{background:#dcfce7;color:#166534}
.entity-avatar.warn{background:#ffedd5;color:#c2410c}
.entity-body{flex:1;min-width:0}
.entity-title{font-weight:700;line-height:1.35;color:var(--heading)}
.entity-title a{color:inherit;text-decoration:none}
.entity-title a:hover{color:var(--accent)}
.entity-meta{color:var(--muted);font-size:.86rem;margin-top:.12rem}
.entity-side{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;flex:0 0 auto}
.entity-amount{font-weight:800;font-size:1.02rem}
.car-chips{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.4rem}
.car-chip, .plate-tag{
  display:inline-flex;align-items:center;gap:.3rem;
  font-size:.78rem;font-weight:800;text-decoration:none;letter-spacing:.06em;
  background:#171412;color:#f5f0e8;border-radius:.4rem;padding:.22rem .58rem;
  border-inline-start:3px solid var(--accent);box-shadow:none
}
.car-chip:hover,.plate-tag:hover{color:#fdba74}
.car-chip .bi{font-size:.8rem;color:#fdba74}
.car-empty{color:var(--muted);font-size:.8rem;margin-top:.35rem}
.empty-icon{width:52px;height:52px;border-radius:.55rem;margin:0 auto .7rem;display:flex;align-items:center;justify-content:center;background:#fff1e4;color:var(--accent);font-size:1.4rem}
.invoice-table .card-body,.data-panel .card-body{padding:.35rem .2rem}
.input-group{flex-wrap:nowrap}
.input-group .form-control{border-radius:.5rem 0 0 .5rem!important}
.input-group .btn{border-radius:0 .5rem .5rem 0!important}
html[dir="rtl"] .input-group .form-control{border-radius:0 .5rem .5rem 0!important}
html[dir="rtl"] .input-group .btn{border-radius:.5rem 0 0 .5rem!important}

.chip-row{display:flex;flex-wrap:wrap;gap:.35rem}
.chip-btn{border:1px solid var(--border);background:var(--inset);border-radius:.4rem;padding:.32rem .7rem;font-weight:700;font-size:.82rem;color:var(--text);text-decoration:none}
.chip-btn.on,.chip-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.price-list{display:flex;flex-direction:column;gap:.45rem}
.price-pick{display:flex;justify-content:space-between;align-items:center;gap:.75rem;width:100%;text-align:right;border:1px solid var(--border);background:var(--paper);border-radius:.5rem;padding:.75rem .85rem}
.price-pick:hover{border-color:var(--accent)}
.price-pick-amt{font-weight:800;color:var(--accent);white-space:nowrap}
.totals-card{position:sticky;top:12px}
.perm-row{display:flex;align-items:center;gap:.65rem;padding:.55rem 0;border-bottom:1px solid var(--border);cursor:pointer;margin:0}
.perm-row:last-child{border-bottom:0}
.offcanvas{--bs-offcanvas-width:min(420px,100%)}
.line-total{font-weight:800;white-space:nowrap}
.pay-method{padding:.7rem 0;border-bottom:1px solid var(--border)}
.pay-method:last-child{border-bottom:0}
.pay-bar{height:7px;border-radius:99px;background:#fff1e4;overflow:hidden;margin-top:.4rem}
.pay-bar>span{display:block;height:100%;background:var(--accent);border-radius:99px}
.invoice-summary .sum-row{display:flex;justify-content:space-between;gap:.75rem;padding:.35rem 0}
@media (max-width:767.98px){
  .totals-card{position:static}
  .invoice-lines thead{display:none}
  .invoice-lines tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;margin-bottom:.7rem;background:var(--paper)}
  .invoice-lines tbody tr.is-empty{display:block}
  .invoice-lines tbody td{border:0;padding:0;width:auto!important}
  .invoice-lines tbody td:first-child{grid-column:1/-1}
  .invoice-lines tbody td:nth-last-child(2){font-weight:800;align-self:center}
  .invoice-lines tbody td:last-child{grid-column:1/-1}
}
.settings-card summary.card-header{cursor:pointer;list-style:none;display:flex;align-items:center;gap:.55rem}
.settings-card summary.card-header::-webkit-details-marker{display:none}
.settings-card summary.card-header::after{content:"عرض";margin-inline-start:auto;font-size:.8rem;color:var(--muted);font-weight:700}
.settings-card[open] summary.card-header::after{content:"إخفاء"}
.form-control-color{min-height:46px;padding:.25rem .4rem}

.admin-desk{max-width:1120px;margin-inline:auto}
.admin-hero{
  display:flex;justify-content:space-between;align-items:center;gap:.9rem;flex-wrap:wrap;
  background:
    linear-gradient(135deg, rgba(232,93,4,.08), transparent 48%),
    var(--paper);
  border:1px solid var(--border);border-radius:calc(var(--radius) + .1rem);
  padding:1.15rem 1.2rem;margin-bottom:.85rem;
  border:1px solid var(--border);
  border-inline-start:4px solid var(--accent);
  box-shadow:var(--shadow)
}
.admin-kicker{font-size:.7rem;font-weight:800;letter-spacing:.14em;color:var(--accent);margin-bottom:.28rem}
.admin-hero .h5{font-size:1.35rem;font-weight:800;letter-spacing:-.02em;line-height:1.25}
.admin-hero .btn{min-height:40px}
.admin-tabs{
  display:flex;flex-wrap:wrap;gap:.3rem;
  background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);
  padding:.35rem;margin-bottom:1rem
}
.admin-tabs a{
  display:inline-flex;align-items:center;gap:.4rem;
  padding:.48rem .8rem;border-radius:.4rem;text-decoration:none;
  color:var(--muted);font-weight:700;font-size:.86rem
}
.admin-tabs a i{color:var(--accent)}
.admin-tabs a:hover{background:var(--hover);color:var(--heading)}
.admin-tabs a.on{background:var(--ink);color:#fff}
.admin-tabs a.on i{color:#fdba74}
.admin-stat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-bottom:1rem}
.admin-stat{
  background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);
  padding:.8rem .95rem
}
.admin-stat b{display:block;font-size:1.45rem;line-height:1.1;color:var(--heading)}
.admin-stat span{color:var(--muted);font-size:.78rem;font-weight:700}
.settings-sec .card-header{display:flex;align-items:center;gap:.55rem}
.legacy-sec{border:1px dashed var(--line,#d8d2c9);border-radius:.65rem;padding:.6rem .8rem;background:rgba(0,0,0,.015)}
.legacy-sec>summary{cursor:pointer;font-weight:800;color:var(--heading);padding:.35rem .2rem;list-style:none;display:flex;align-items:center;gap:.5rem}
.legacy-sec>summary::-webkit-details-marker{display:none}
.legacy-sec>summary::before{content:"+";font-weight:800;color:var(--accent);font-size:1.05rem}
.legacy-sec[open]>summary::before{content:"–"}
.legacy-sec[open]>summary{margin-bottom:.6rem}
.legacy-sec>.card:last-child{margin-bottom:0!important}
.settings-ico{
  width:32px;height:32px;border-radius:.4rem;background:#fff1e4;color:var(--accent);
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px
}
.look-preview{
  display:grid;grid-template-columns:88px minmax(0,1fr);min-height:92px;
  border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:1rem
}
.look-preview-side{color:#f4eee6;font-size:.72rem;font-weight:700;padding:.7rem .55rem}
.look-preview-main{background:var(--bg);display:flex;flex-direction:column}
.look-preview-top{font-size:.72rem;font-weight:700;padding:.45rem .7rem;border-bottom:1px solid var(--border)}
.look-preview-body{flex:1;padding:.55rem .7rem;font-size:.78rem;color:var(--muted)}
.look-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}
.color-tile{
  display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);
  overflow:hidden;background:var(--inset)
}
.color-tile input[type=color]{
  width:100%;height:48px;border:0;padding:0;cursor:pointer;background:transparent;min-height:48px
}
.color-tile span{padding:.45rem .6rem .55rem;font-size:.78rem;font-weight:700}
.admin-desk .form-card{max-width:none}
.perm-row{
  display:flex;align-items:center;gap:.65rem;padding:.55rem .7rem;margin:0 0 .4rem;
  border:1px solid var(--border);border-radius:.4rem;background:var(--inset);cursor:pointer
}
.perm-row:hover{background:var(--hover);border-color:#c9bbaa}
.perm-row:has(input:checked){border-color:var(--accent);background:#fff4e8}
.role-card .entity-avatar{background:#fff1e4;color:var(--accent)}
@media (max-width:991.98px){
  .admin-stat-row,.look-grid{grid-template-columns:1fr 1fr}
  .admin-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}
  .admin-tabs a{flex:0 0 auto}
}
@media (max-width:575.98px){
  .admin-stat-row{grid-template-columns:1fr 1fr}
  .look-grid{grid-template-columns:1fr 1fr}
  .look-preview{grid-template-columns:70px minmax(0,1fr)}
}
.att-card{align-items:flex-start}
.center-public{max-width:980px;margin:0 auto;padding:1rem 1rem 2rem}
.center-pub-bar{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.4rem 0 1rem}
.center-pub-foot{text-align:center;color:var(--muted);padding:1.5rem 0 0;font-size:.9rem}
.center-logo{width:72px;height:72px;border-radius:.6rem;object-fit:cover;background:#171412}
.center-facts{display:flex;flex-direction:column;gap:.35rem;color:var(--muted)}
.center-facts .bi{color:var(--accent);margin-inline-end:.35rem}
.center-gallery{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
@media (min-width:768px){.center-gallery{grid-template-columns:1fr 1fr 1fr}}
.center-shot{position:relative;margin:0;background:var(--inset);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.center-shot img{width:100%;height:160px;object-fit:cover;display:block}
.center-shot figcaption{padding:.45rem .65rem;font-size:.8rem;color:var(--muted)}
.center-del{position:absolute;top:.4rem;left:.4rem;width:32px;height:32px;border-radius:.4rem;background:rgba(23,20,18,.75);color:#fff;display:inline-flex;align-items:center;justify-content:center}
.center-video{position:relative;padding-top:56.25%;background:#171412;border-radius:var(--radius);overflow:hidden}
.center-video iframe,.center-video video{position:absolute;inset:0;width:100%;height:100%;border:0}
.center-map{position:relative;padding-top:56%;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:var(--inset)}
.center-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media print{
  .bottom-nav,.fab,.menu-toggle,.search-toggle,.sidebar-backdrop,.more-sheet,.install-banner,.cmdk{display:none!important}
  .table-bordered td,.table-bordered th{border:1px solid #333!important}
}

html,body{overscroll-behavior-y:contain;max-width:100%}
body.more-open,body.cmdk-open,body.drawer-open,body.app-locked{overflow:hidden}
.form-control,.form-select,input,select,textarea,button,.btn,.nav-link{font-family:var(--font)!important}
.form-control,.form-select,input,select,textarea{font-size:16px!important}
.icon-btn,.btn,.chip-btn,.bottom-nav a,.bottom-more{min-height:44px}
a,button,.btn,.nav-link,.bottom-nav a,.bottom-more{-webkit-tap-highlight-color:rgba(232,93,4,.12)}

@media (max-width:767.98px){
  .top-user-name,.top-logout .top-label,.top-admin .top-label{display:none}
  .top-user{padding:0 .28rem;max-width:none}
  .top-logout,.top-btn.top-admin{width:40px;padding:0}
  .topbar .dropdown .top-btn.top-admin.dropdown-toggle::after{display:none}
}

/* الهيدر على الموبايل: العنوان يتقص بدل ما أزرار الهيدر تطلع بره الشاشة */
@media (max-width:767.98px){
  .topbar > .d-flex{min-width:0}
  .topbar > .d-flex > .d-flex:first-child{flex:1 1 auto;min-width:0;overflow:hidden}
  .topbar .brand{flex:1 1 auto;min-width:0;max-width:100%}
  .top-cluster{gap:.22rem}
  .top-cluster .top-btn{width:36px;height:36px;min-height:36px;max-height:36px;padding:0}
}
@media (max-width:575.98px){
  .ops-hero .action-row{width:100%}
  .ops-hero .action-row .btn{flex:1}
  .ready-item{flex-wrap:wrap}
  .center-pub-bar{flex-wrap:wrap}
  .auth-visual .display-title{font-size:1.55rem}
  .ops-mark{display:none}
}
@media (max-width:379.98px){
  .flow-rail{grid-template-columns:1fr 1fr}
  .kpi-card .kpi-hint{display:none}
  .user-chip{display:none}
  .more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .center-gallery{grid-template-columns:1fr}
  .page-head .action-row{width:100%}
  .page-head .action-row .btn{flex:1}
  .track-share .btn{flex:1}
  .ops-hero .display-title{font-size:1.22rem}
}
@media (max-width:991.98px) and (orientation:landscape){
  .fab{bottom:calc(60px + env(safe-area-inset-bottom))}
  .bottom-nav a,.bottom-more{font-size:.62rem}
  .app-content{padding-bottom:calc(80px + env(safe-area-inset-bottom))}
}
.qty-ok{font-weight:800;color:#166534}
.qty-low{font-weight:800;color:#b91c1c}
.entity-avatar.soft-warn{background:#fff1e4;color:var(--accent)}
.admin-stat{color:inherit}
.chip-btn{border-radius:.55rem;padding:.38rem .8rem;box-shadow:var(--shadow-sm)}
.ready-strip{box-shadow:var(--shadow)}
.auth-visual{
  position:relative;
  background:
    radial-gradient(520px 280px at 80% 10%, rgba(232,93,4,.18), transparent 60%),
    linear-gradient(180deg, rgba(232,93,4,.1), transparent 36%),
    var(--bg);
}
.auth-contact{display:flex;flex-wrap:wrap;gap:.7rem 1rem;margin-top:.9rem;color:var(--heading);font-weight:700}
.auth-contact i{margin-inline-end:.3rem;color:var(--accent)}
.auth-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-top:1.3rem;max-width:34rem}
.auth-plan{background:var(--paper);border:1px solid var(--border);border-radius:.7rem;padding:.7rem .75rem}
.auth-plan b{display:block;font-size:.86rem}
.auth-plan strong{display:block;font-size:1.15rem;margin:.15rem 0}
.auth-plan strong small{font-size:.75rem}
.auth-plan span{color:var(--accent);font-size:.78rem;font-weight:800}
.auth-plan a{display:inline-block;margin-top:.35rem;font-weight:800;color:var(--accent);text-decoration:none}
.auth-plan-more{display:block;border:0;background:transparent;padding:0;margin-top:.2rem;color:var(--accent);font-weight:800}
.auth-plan p{margin:.35rem 0 0;color:var(--muted);font-size:.82rem;line-height:1.5;font-weight:700}
.order-screen h1{font-size:clamp(1.8rem,4.4vw,3rem);line-height:1.25;margin:.2rem 0 .7rem}
.order-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr);gap:1rem;align-items:stretch;padding:.4rem 0 1.2rem}
.order-hero p,.order-success p{color:var(--muted);line-height:1.8;max-width:40rem}
.order-steps{display:flex;gap:.55rem;list-style:none;padding:0;margin:1rem 0 0}
.order-steps li{display:flex;align-items:center;gap:.4rem;background:var(--paper);border:1px solid var(--border);border-radius:999px;padding:.35rem .7rem .35rem .35rem;font-weight:800}
.order-steps b{width:1.7rem;height:1.7rem;border-radius:50%;background:#171412;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem}
.order-ticket{background:#171412;color:#fff7ed;border-radius:1.3rem;padding:1.1rem 1.15rem;display:flex;flex-direction:column;gap:.35rem;box-shadow:var(--shadow)}
.order-ticket span{color:var(--home-accent-soft,#fdba74);font-weight:800}
.order-ticket strong{font-size:1.35rem}
.order-ticket > b{font-size:1.8rem;color:#fff}
.order-ticket div{display:flex;align-items:center;gap:.4rem;color:#d9d0c6}
.order-ticket em{font-style:normal;font-weight:800;color:#fff}
.order-layout{display:block}
.order-block{background:var(--paper);border:1px solid var(--border);border-radius:1.25rem;padding:1rem;margin-bottom:.9rem}
.order-block-head{display:flex;justify-content:space-between;gap:.6rem;align-items:baseline;margin-bottom:.8rem}
.order-block-head b{font-size:1.15rem}
.order-block-head span{color:var(--muted);font-size:.88rem}
.order-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}
.order-industries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
.order-industry{position:relative;display:flex;flex-direction:column;gap:.35rem;border:1px solid var(--border);background:var(--inset);border-radius:1rem;padding:.9rem;cursor:pointer;min-height:100%}
.order-industry input{position:absolute;opacity:0;pointer-events:none}
.order-industry i{color:var(--accent);font-size:1.35rem}
.order-industry b{font-size:1rem;line-height:1.35}
.order-industry p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.55;font-weight:600}
.order-industry.is-on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.order-ticket em{display:block;font-style:normal;font-weight:800;color:var(--muted);margin:.15rem 0 .35rem}
.order-plan{position:relative;display:flex;flex-direction:column;gap:.15rem;border:1px solid var(--border);border-radius:1.1rem;padding:1rem .95rem;background:var(--inset);cursor:pointer;min-height:168px}
.order-plan input{position:absolute;opacity:0;pointer-events:none}
.order-plan-mark{position:absolute;top:.75rem;inset-inline-end:.75rem;width:1.5rem;height:1.5rem;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:transparent}
.order-plan b{font-size:1.05rem}
.order-plan s{color:var(--muted);font-size:.85rem}
.order-plan strong{font-size:1.7rem;line-height:1.1}
.order-plan strong small{font-size:.75rem}
.order-plan em{color:var(--accent);font-style:normal;font-weight:800}
.order-plan p{margin:.35rem 0 0;color:var(--muted);line-height:1.55;font-size:.9rem}
.order-plan.is-on{background:#171412;color:#fff7ed;border-color:#171412}
.order-plan.is-on em{color:var(--home-accent-soft,#fdba74)}
.order-plan.is-on p,.order-plan.is-on s{color:#d9d0c6}
.order-plan.is-on .order-plan-mark{background:var(--home-accent,#e85d04);border-color:var(--home-accent,#e85d04);color:#fff}
.order-fields{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.order-fields-one{grid-template-columns:minmax(0,320px);margin-bottom:.85rem}
.order-fields label,.order-notes{display:flex;flex-direction:column;gap:.3rem;font-weight:800}
.order-pay-label{font-weight:800;margin-bottom:.45rem}
.order-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}
.order-chips button{border:1px solid var(--border);background:var(--inset);border-radius:999px;padding:.35rem .8rem;font-weight:800}
.order-chips button.is-on{background:#171412;color:#fff;border-color:#171412}
.order-pays{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;margin:.2rem 0 .85rem}
.order-replies{grid-template-columns:1fr 1fr;max-width:420px}
.order-email{display:flex;flex-direction:column;gap:.3rem;font-weight:800;max-width:420px;margin-bottom:.4rem}
.order-pay{position:relative;display:flex;flex-direction:column;gap:.35rem;align-items:flex-start;border:1px solid var(--border);border-radius:1rem;padding:.75rem;background:var(--inset);cursor:pointer;min-height:92px}
.order-pay input{position:absolute;opacity:0;pointer-events:none}
.order-pay i{width:34px;height:34px;border-radius:.6rem;background:#171412;color:#fff;display:flex;align-items:center;justify-content:center}
.order-pay.is-on{background:#171412;color:#fff;border-color:#171412}
.order-pay.is-on i{background:var(--home-accent,#e85d04)}
.order-notes{margin-top:.2rem}
.order-submit{width:100%;margin-top:.9rem;padding:.75rem 1rem;font-weight:800}
.order-success{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(240px,.8fr);gap:1rem;align-items:center;padding:1.2rem 0 2rem}
.order-next{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}
.order-next li{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:.7rem;background:#171412;color:#fff7ed;border-radius:1rem;padding:.85rem}
.order-next i{grid-row:1 / span 2;width:40px;height:40px;border-radius:.7rem;background:var(--home-accent,#e85d04);display:flex;align-items:center;justify-content:center}
.order-next span{color:#d9d0c6}
.order-filters{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.9rem}
.order-filters a{text-decoration:none;color:var(--heading);font-weight:800;background:var(--paper);border:1px solid var(--border);border-radius:.6rem;padding:.4rem .75rem}
.order-filters a.on{background:var(--ink);color:#fff}
.order-filters b{margin-inline-start:.3rem}
a.order-row{text-decoration:none;color:inherit;justify-content:space-between}
.order-detail{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.order-detail span{display:block;color:var(--muted);font-size:.78rem;font-weight:700}
@media (max-width:860px){
  .order-hero,.order-success,.order-fields,.order-plans,.order-industries,.order-pays,.order-detail{grid-template-columns:1fr}
  .order-block-head{flex-direction:column}
  .order-pays{grid-template-columns:1fr 1fr}
}
.auth-flow{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:1.3rem}
.auth-flow span{
  background:#171412;color:#f5f0e8;border-radius:.4rem;padding:.32rem .7rem;
  font-size:.78rem;font-weight:800;letter-spacing:.04em
}
.auth-flow span:nth-child(2){background:var(--accent)}
.pulse-dot{animation:pulse 1.6s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(22,163,74,.45)}70%{box-shadow:0 0 0 8px rgba(22,163,74,0)}100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}}
.brand-logo{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08), 0 0 0 3px rgba(232,93,4,.25)}
.sidebar-brand{padding:1.25rem 1rem 1.05rem}
.topbar{padding:.65rem 1.15rem;padding-top:calc(.65rem + env(safe-area-inset-top, 0px))}
@media (max-width:991.98px){
  .bottom-nav{
    background:rgba(255,250,243,.96);
    backdrop-filter:saturate(140%);
    box-shadow:0 -10px 28px -22px rgba(23,20,18,.5)
  }
  .bottom-nav a.active,.bottom-more.active{color:var(--accent)}
  .console-bottom-nav a{min-width:0;overflow:hidden}
  .console-bottom-nav .bottom-more{font-size:.66rem}
  .console-bottom-nav.is-many a,.console-bottom-nav.is-many .bottom-more{font-size:.57rem}
  .console-bottom-nav.is-many a .bi,.console-bottom-nav.is-many .bottom-more .bi{font-size:1rem}
  .fab{box-shadow:0 12px 24px -12px rgba(23,20,18,.7);border-radius:.7rem}
}
@media (prefers-reduced-motion:reduce){
  .pulse-dot{animation:none}
}
@media (display-mode:standalone){
  .install-banner{display:none!important}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
}

.sidebar{display:flex;flex-direction:column}
.sidebar-nav{flex:1 1 auto}
.side-meter{
  flex:0 0 auto;margin:.4rem .55rem .55rem;
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;
  background:rgba(255,255,255,.14);border-radius:.4rem;overflow:hidden
}
.side-meter a{
  display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;
  text-decoration:none;color:#f4eee6;text-align:center;
  padding:.16rem .04rem .14rem;background:#1f1a17;line-height:1;
  border-top:2px solid #4a4038;transition:background .14s ease
}
.side-meter a:hover{background:#241e19}
.side-meter b{font-size:.8rem;font-family:var(--display);font-weight:900;color:#fff8f1;line-height:1.25}
.side-meter span{max-width:100%;min-width:0;font-size:.5rem;font-weight:800;line-height:1.3;color:#c8bfb4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.side-meter a.tone-blue{border-top-color:#3b82f6}
.side-meter a.tone-orange{border-top-color:var(--accent)}
.side-meter a.tone-yellow{border-top-color:#ca8a04}
.side-meter a.tone-ok{border-top-color:#16a34a}
.side-meter a.tone-muted{border-top-color:#64748b}
.side-meter a.tone-ok b{color:#bbf7d0}
.side-meter a.tone-orange b{color:#fed7aa}
.app-shell.sidebar-collapsed .side-meter{display:none}

.app-content{
  scrollbar-width:thin;scrollbar-color:#c9bbaa transparent
}
.app-content::-webkit-scrollbar{width:10px}
.app-content::-webkit-scrollbar-thumb{background:#c9bbaa;border-radius:99px;border:2px solid transparent;background-clip:padding-box}

.cmdk-trigger{
  background:#171412;border-color:#171412;color:#cfc6bc;
  box-shadow:0 10px 22px -16px rgba(23,20,18,.85)
}
.cmdk-trigger i{color:#fdba74}
.cmdk-trigger kbd{background:#2a241f;color:#fdba74;border-color:#3b342e}

.car-chip,.plate-tag{
  background:linear-gradient(#fffef8,#f3eadc);
  color:#171412;border:1.5px solid #171412;
  border-inline-start:6px solid var(--accent);
  border-radius:.28rem;letter-spacing:.08em;
  box-shadow:0 1px 0 rgba(23,20,18,.22)
}
.car-chip:hover,.plate-tag:hover{color:#171412;background:var(--inset)}
.car-chip .bi{color:var(--accent)}

.flow-rail{
  gap:0;background:var(--paper);border:1px solid var(--border);
  border-radius:calc(var(--radius) + .12rem);overflow:hidden;box-shadow:var(--shadow)
}
.flow-cell{
  border:0!important;border-radius:0;box-shadow:none!important;
  border-bottom:4px solid var(--accent)!important;background:transparent
}
.flow-cell + .flow-cell{border-inline-start:1px solid var(--border)!important}
.flow-cell.tone-info,.flow-cell.tone-blue{border-bottom-color:#1d4ed8!important}
.flow-cell.tone-orange,.flow-cell.tone-warn{border-bottom-color:#c2410c!important}
.flow-cell.tone-yellow{border-bottom-color:#ca8a04!important}
.flow-cell.tone-ok{border-bottom-color:#15803d!important}
.flow-cell.tone-muted{border-bottom-color:#a8a29e!important}
.flow-cell:hover{transform:none;background:var(--inset)}

.dash-actions{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:.55rem
}
.dash-actions a{
  flex-direction:column;justify-content:center;align-items:center;text-align:center;
  min-height:86px;padding:.7rem .4rem;gap:.35rem;border-radius:.75rem
}
.dash-actions a .bi{font-size:1.28rem}

.board{
  gap:.85rem;border:1px solid var(--border);border-radius:calc(var(--radius) + .1rem);
  overflow-x:auto;background:var(--paper);box-shadow:var(--shadow)
}
.board-col{
  border:0;border-radius:0;box-shadow:none;min-height:220px;flex:0 0 230px;
  border-inline-start:1px solid var(--border)
}
.board-col:first-child{border-inline-start:0}
.board-col.tone-info,.board-col.tone-blue{border-top:4px solid #1d4ed8}
.board-col.tone-orange,.board-col.tone-warn{border-top:4px solid #c2410c}
.board-col.tone-yellow{border-top:4px solid #ca8a04}
.board-col.tone-ok{border-top:4px solid #15803d}
.board-col.tone-blue .wo-card,.board-col.tone-info .wo-card{border-inline-start:3px solid #1d4ed8}
.board-col.tone-orange .wo-card,.board-col.tone-warn .wo-card{border-inline-start:3px solid #c2410c}
.board-col.tone-yellow .wo-card{border-inline-start:3px solid #ca8a04}
.board-col.tone-ok .wo-card{border-inline-start:3px solid #15803d}

.ready-strip{border-inline-start:4px solid #15803d}
.ready-strip-head{color:#166534}
.ready-main{gap:.35rem}
.identity-card{border-inline-start:4px solid var(--accent)!important}
.status-desk{border-inline-start:4px solid var(--accent)!important}
.stepper .on{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}

.page-head .h5{letter-spacing:-.02em}
.card-header{padding:.9rem 1.05rem}
.dash-money > div{
  background:var(--inset);border:1px solid var(--border);border-radius:.55rem;padding:.7rem .85rem
}

.auth-flow span{
  display:inline-flex;align-items:center;gap:.4rem
}
.auth-flow span b{
  width:1.2rem;height:1.2rem;border-radius:.3rem;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.12);font-size:.7rem
}
.auth-flow span:nth-child(2) b{background:#171412;color:#fdba74}
.auth-visual::after{
  content:"";position:absolute;inset:auto 0 0;height:88px;pointer-events:none;
  background:repeating-linear-gradient(-55deg,transparent,transparent 12px,rgba(23,20,18,.045) 12px,rgba(23,20,18,.045) 24px)
}

.top-cluster{display:flex;align-items:center;gap:.35rem;flex:0 0 auto}
.top-btn{
  height:40px;min-height:40px;max-height:40px;
  display:inline-flex;align-items:center;justify-content:center;gap:.4rem;
  padding:0 .72rem;border-radius:.55rem;border:1px solid var(--border);
  background:var(--inset);color:var(--heading);font-weight:700;font-size:.84rem;line-height:1;
  text-decoration:none;box-shadow:none;position:relative;white-space:nowrap
}
.top-btn:hover{border-color:#c9bbaa;background:#fff7f0;color:var(--heading)}
.top-btn.top-icon{width:40px;padding:0}
.top-btn .bi{font-size:1.05rem;line-height:1}
.top-btn .dot{position:absolute;top:6px;inset-inline-end:6px;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px #fff}
@media (min-width:992px){
  .top-btn.menu-toggle,.top-btn.search-toggle{display:none}
}
.top-user{
  height:40px;display:inline-flex;align-items:center;gap:.45rem;
  padding:0 .7rem 0 .32rem;border-radius:.55rem;background:#171412;color:#f5f0e8;
  max-width:12rem;flex:0 1 auto
}
.top-avatar{
  width:28px;height:28px;border-radius:.4rem;background:var(--accent);color:#fff;
  display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;flex:0 0 28px
}
.top-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:.82rem}
.top-logout:hover{background:#171412;border-color:#171412;color:#fff}
.topbar .dropdown .top-btn.dropdown-toggle::after{margin-inline-start:.1rem}
.admin-stat{text-decoration:none;color:inherit}
a.admin-stat:hover{border-color:var(--accent)}
.admin-stat-row-2{grid-template-columns:1fr 1fr}
.admin-stat-row-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.backup-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-bottom:1rem}
.backup-opt{
  display:flex;flex-direction:column;gap:.35rem;margin:0;cursor:pointer;
  border:1px solid var(--border);border-radius:var(--radius);background:var(--inset);padding:.9rem 1rem
}
.backup-opt input{accent-color:var(--accent);width:1rem;height:1rem}
.backup-opt b{display:flex;align-items:center;gap:.4rem;color:var(--heading);font-size:.95rem}
.backup-opt b .bi{color:var(--accent)}
.backup-opt span{color:var(--muted);font-size:.8rem;font-weight:700;line-height:1.45}
.backup-opt:has(input:checked){border-color:var(--accent);background:#fff4e8;box-shadow:inset 0 0 0 1px var(--accent)}
.backup-opt:has(input:disabled){opacity:.55;cursor:not-allowed}
.backup-db-list{display:grid;gap:.45rem;margin:0 0 1rem}
.backup-db-list div{display:flex;justify-content:space-between;gap:.8rem;flex-wrap:wrap;padding:.55rem .75rem;border:1px solid var(--border);border-radius:.65rem;background:var(--paper)}
.backup-db-list b{font-size:.92rem}
.backup-db-list span{color:var(--muted);font-size:.82rem;font-weight:700}
@media (max-width:767.98px){.backup-choices{grid-template-columns:1fr}}
.danger-zone{border-color:#fecaca!important;background:#fffafa}
.danger-zone .card-header{color:#991b1b}
.settings-ico.danger{background:#fee2e2;color:#b91c1c}
.log-card{overflow:hidden}
.log-type{display:inline-flex;align-items:center;font-size:.75rem;font-weight:800;padding:.18rem .5rem;border-radius:.35rem;background:#fff1e4;color:#c2410c;white-space:nowrap}
.log-pager{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.85rem}
.admin-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}
.admin-tabs a{flex:0 0 auto;white-space:nowrap;min-height:40px}
@media (min-width:992px){
  .admin-tabs{flex-wrap:wrap;overflow:visible}
}

@media (max-width:991.98px){
  .cmdk-trigger{display:none!important}
  .user-chip,.top-user{display:none!important}
  .board-col{border-inline-start:0;border-top:1px solid var(--border)}
  .board-col:first-child{border-top:0}
  .board-col.tone-info,.board-col.tone-warn,.board-col.tone-ok{border-top-width:4px}
  .flow-cell + .flow-cell{border-inline-start:1px solid var(--border)!important}
  .dash-actions{display:none}
}
.console-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}
.console-meta{display:grid;grid-template-columns:1fr 1fr;gap:.55rem .8rem;margin:.8rem 0}
.console-meta span{display:block;color:var(--muted);font-size:.75rem}
.console-meta strong{font-weight:700}
.console-services{display:flex;flex-wrap:wrap;gap:.35rem}
.perm-pill{border:1px solid var(--border);border-radius:999px;padding:.15rem .55rem;font-size:.75rem;color:var(--muted);background:var(--inset)}
.perm-pill.on{border-color:var(--accent);background:#fff4e8;color:#9a3412;font-weight:700}
.console-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.45rem}
.perm-check{display:flex;align-items:center;gap:.5rem;border:1px solid var(--border);border-radius:.7rem;padding:.55rem .7rem;margin:0;background:var(--inset);cursor:pointer}
.perm-check:has(input:checked){border-color:var(--accent);background:#fff4e8}
.gate-page{min-height:100vh;min-height:100dvh;background:#f6f1ea;color:#241c16}
.gate-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem}
.gate-brand{display:flex;align-items:center;gap:.55rem;font-weight:800}
.gate-brand i{width:36px;height:36px;border-radius:.6rem;background:#171412;color:#fff;display:flex;align-items:center;justify-content:center}
.gate-top-link{color:#6b6258;text-decoration:none;font-weight:700}
.gate-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.7fr);gap:1.5rem;align-items:center;padding:1rem 1.2rem 2rem;max-width:1100px;margin:0 auto}
.gate-copy h1{font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.35;margin:.35rem 0 .8rem}
.gate-copy p{color:#5c534b;font-size:1.05rem;max-width:38rem}
.gate-contact{display:flex;flex-wrap:wrap;gap:.8rem 1.2rem;margin-top:1rem;color:#3f372f;font-weight:700}
.gate-contact i{margin-inline-end:.35rem}
.gate-card{background:var(--inset);border:1px solid #e6dfd4;border-radius:1rem;padding:1.2rem 1.15rem 1.3rem;box-shadow:0 .2rem .6rem rgba(23,20,18,.04)}
.gate-plans{max-width:1100px;margin:0 auto;padding:0 1.2rem 2.5rem}
.gate-plans h2{font-size:1.45rem;margin:.2rem 0 1rem}
.gate-plan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.8rem}
.gate-plan{background:var(--inset);border:1px solid #e6dfd4;border-radius:1rem;padding:1rem 1rem 1.1rem}
.gate-plan-name{font-weight:800}
.gate-plan-price{font-size:1.7rem;font-weight:800;margin:.35rem 0 .15rem}
.gate-plan-price small{font-size:.9rem;font-weight:700}
.gate-plan-period{color:#9a3412;font-weight:700}
.gate-plan p{color:#5c534b;margin:.55rem 0 0}
@media (max-width:860px){
  .gate-hero{grid-template-columns:1fr}
}
.auth-switch{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;background:#f6f1ea;border-radius:.8rem;padding:.25rem}
.auth-switch-btn{border:0;background:transparent;border-radius:.65rem;padding:.55rem .4rem;font-weight:700;color:#6b6258}
.auth-switch-btn.active{background:var(--inset);color:#9a3412;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.auth-features{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.4rem;max-width:28rem}
.auth-features li{display:flex;gap:.45rem;align-items:flex-start;font-weight:700}
.auth-features i{color:#c2410c;margin-top:.12rem}
.auth-foot{margin-top:1.1rem;color:var(--muted);font-size:.9rem;max-width:28rem}
.data-export{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;width:100%}
.data-export .form-select{flex:1;min-width:7.5rem;width:auto}
.data-export .form-control{flex:2;min-width:10rem;width:auto}
#data-export{scroll-margin-top:6rem}
#data-export:target{border-color:var(--accent);box-shadow:0 0 0 3px rgba(232,93,4,.12)}
.console-card .data-export{flex-basis:100%}
.demo-banner{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap;background:#9a3412;color:#fff7ed;border-radius:1rem;padding:.75rem 1rem;margin-bottom:.6rem}
.demo-banner b,.demo-banner span{display:block}
.demo-banner span{font-size:.92rem}
.demo-banner #demoSaveNote{margin-top:.35rem;font-weight:700}
.demo-guide{background:var(--inset);border:1px solid var(--border);border-radius:1rem;padding:.75rem 1rem;margin-bottom:1rem}
.demo-guide summary{font-weight:800;cursor:pointer}
.demo-guide p{margin:.45rem 0 0;line-height:1.7}
.visit-banner{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap;background:#171412;color:#f5f0e8;border-radius:1rem;padding:.75rem 1rem;margin-bottom:1rem}
.visit-banner a{white-space:nowrap}
.invoice-plan{border:1px solid var(--border);border-radius:1rem;padding:.9rem;margin-top:1rem;background:var(--inset)}
.install-remain{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;margin:.35rem 0 .15rem;padding:.45rem .7rem;border-radius:.75rem;background:#fff7ed;color:#9a3412;font-weight:800}
.install-remain.is-late{background:#fef2f2;color:#991b1b}
.install-pay{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}
.install-pay .form-control,.install-pay .form-select{width:auto;min-width:6.5rem;padding:.25rem .45rem}
.invoice-pay{border:1px dashed var(--border);border-radius:1rem;padding:.9rem;margin-top:1rem;background:#fffaf5}
.invoice-pay-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center}
.invoice-pay img,.pay-qr-preview{width:140px;height:140px;object-fit:contain;background:#fff;border:1px solid var(--border);border-radius:.7rem}
.pay-qr-preview{display:block;margin-top:.6rem}
@media (max-width:767.98px){
  .board{flex-direction:column}
  .board-col{flex:1 1 auto;width:100%;min-width:0}
}
@media (max-width:575.98px){
  .invoice-pay-grid{grid-template-columns:1fr}
  .invoice-pay img{width:160px;height:160px}
  .console-card .action-row .btn,.console-card .action-row form{flex:1 1 100%}
  .console-card .action-row form .btn{width:100%}
  .visit-banner,.demo-banner{align-items:stretch}
  .visit-banner a,.demo-banner a{text-align:center}
}
.student-hero{display:flex;gap:1rem;align-items:center;padding:1rem;border:1px solid var(--border);border-radius:1rem;background:var(--inset);flex-wrap:wrap}
.student-photo{width:112px;height:112px;border-radius:1rem;object-fit:cover;background:#f1f5f9;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;color:#64748b;flex:0 0 auto}
.student-photo.sm{width:56px;height:56px;border-radius:.8rem;font-size:1.1rem}
.student-photo.lg{width:140px;height:140px}
.student-code{display:inline-flex;align-items:center;gap:.35rem;padding:.18rem .55rem;border-radius:.55rem;background:#0f172a;color:#fff;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.8rem;letter-spacing:.04em}
.student-code.light{background:#e2e8f0;color:#0f172a}
.scan-box{display:flex;gap:.6rem;flex-wrap:wrap}
.scan-box .form-control{font-size:1.35rem;font-weight:800;letter-spacing:.08em;text-align:center;font-family:ui-monospace,Menlo,Consolas,monospace;min-height:3.4rem}
.scan-result{border:2px solid #bbf7d0;background:#f0fdf4;border-radius:1rem;padding:1rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
.scan-result.out{border-color:#fde68a;background:#fffbeb}
.scan-result.err{border-color:#fecaca;background:#fef2f2}
.visit-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .55rem;border-radius:999px;font-size:.78rem;font-weight:800}
.visit-badge.in{background:#dcfce7;color:#166534}
.visit-badge.out{background:#fef3c7;color:#92400e}
.visit-badge.done{background:#fee2e2;color:#991b1b}
@media (max-width:575.98px){
  .student-photo{width:88px;height:88px}
  .student-photo.lg{width:110px;height:110px}
}

/* Home page refresh */
.home{max-width:1160px;padding:0 1.25rem 3.2rem}
.home-brand .logo-mark{border-radius:.85rem;background:linear-gradient(145deg,#26201b,#171412);box-shadow:0 10px 22px -16px rgba(23,20,18,.85)}
@media (min-width:861px){
  .home-nav{top:.6rem;margin:.65rem 0 0;padding:.5rem .65rem;border:1px solid rgba(226,216,204,.9);border-radius:1rem;background:rgba(255,250,243,.86);box-shadow:0 18px 40px -34px rgba(23,20,18,.7);backdrop-filter:blur(16px)}
  .home-links{justify-content:space-between;gap:1rem}
  .home-links a{border-radius:.7rem;transition:background .18s ease,color .18s ease}
  .home-links a:not(.btn):hover{background:var(--inset);color:var(--accent)}
  .home-links-pages a.is-on{background:var(--inset);color:var(--accent);box-shadow:inset 0 0 0 1px var(--border)}
  .home-links-cta{border-inline-start:0;padding-inline-start:.2rem}
  .home-links-cta a:first-child{color:var(--muted)}
  .home-links-cta .btn{box-shadow:0 10px 20px -12px rgba(232,93,4,.7)}
  .install-banner{display:none!important}
}
.home-hero{position:relative;isolation:isolate;grid-template-columns:minmax(0,1.04fr) minmax(350px,.92fr);gap:2.4rem;padding:3.1rem 0 2.1rem;align-items:center}
.home-hero::before{content:"";position:absolute;z-index:-1;inset:-2.5rem -2rem auto auto;width:min(620px,74%);height:540px;background:radial-gradient(circle at 70% 30%,var(--home-glow),transparent 66%);filter:blur(10px);pointer-events:none}
.home-copy .brand-kicker{display:inline-flex;align-items:center;gap:.55rem;background:rgba(255,250,243,.9);border:1px solid var(--border);border-radius:999px;padding:.4rem .85rem;font-size:.78rem;font-weight:800;color:var(--heading);box-shadow:var(--shadow-sm)}
.home-copy .brand-kicker::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(232,93,4,.12)}
.home-copy h1{font-size:clamp(2.3rem,4.4vw,4rem);line-height:1.14;letter-spacing:-.035em;margin:.7rem 0 .9rem;max-width:14ch}
.home-copy p{font-size:1.03rem;line-height:1.9;max-width:34rem;margin-bottom:0}
.home-cta{margin-top:1.3rem;gap:.6rem}
.home-cta .btn{min-height:48px;padding:.55rem 1.15rem;font-weight:800;border-radius:.8rem}
.home-cta .btn-primary{box-shadow:0 14px 26px -16px rgba(232,93,4,.85)}
.home-cta .btn-outline-secondary{background:rgba(255,250,243,.78)}
.home-paycycle{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;height:auto;margin-top:1.2rem}
.home-paycycle::before{content:"الدفع";font-size:.72rem;font-weight:800;color:var(--muted)}
.home-paycycle span{position:static;opacity:1;animation:none;font-size:.76rem;font-weight:800;color:var(--muted);background:rgba(255,250,243,.82);border:1px solid var(--border);border-radius:999px;padding:.28rem .65rem}
.home-paycycle span::before{content:"✓";color:var(--ok);margin-inline-end:.3rem}
.home-systems-panel{position:relative;overflow:hidden;background:linear-gradient(160deg,#211c18 0%,#171412 68%);color:#fff7ed;border-radius:1.6rem;padding:1.15rem;box-shadow:0 32px 60px -42px rgba(23,20,18,.95),inset 0 1px 0 rgba(255,255,255,.06)}
.home-systems-panel::before{content:"";position:absolute;inset:-40% -30% auto auto;width:70%;height:80%;background:radial-gradient(circle,rgba(232,93,4,.3),transparent 62%);pointer-events:none}
.home-systems-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.15rem .15rem .85rem;border-bottom:1px solid rgba(255,255,255,.09);color:#d9d0c6;font-size:.82rem;font-weight:800}
.home-systems-head span{display:inline-flex;align-items:center;gap:.4rem}
.home-systems-head i{color:var(--home-accent-soft,#fdba74)}
.home-systems-head b{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.2rem .6rem;color:#fff;font-size:.76rem}
.home-systems{position:relative;display:flex;flex-direction:column;gap:.35rem;padding:.7rem 0}
.home-system{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:#fff7ed;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);border-radius:.9rem;padding:.55rem .65rem;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.home-system:hover{background:rgba(232,93,4,.14);border-color:rgba(232,93,4,.45);transform:translateX(-3px);color:#fff}
.home-system-ico{width:36px;height:36px;border-radius:.7rem;display:flex;align-items:center;justify-content:center;background:rgba(232,93,4,.18);color:var(--home-accent-soft,#fdba74);flex:0 0 auto;font-size:1rem}
.home-system-txt{display:flex;flex-direction:column;min-width:0;gap:.05rem}
.home-system-txt b{font-size:.9rem;line-height:1.4}
.home-system-txt small{color:#b7aea4;font-size:.72rem;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-system-go{margin-inline-start:auto;color:#6b625a;font-size:.78rem;transition:color .18s ease,transform .18s ease}
.home-system:hover .home-system-go{color:var(--home-accent-soft,#fdba74);transform:translateX(-2px)}
.home-systems-cta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.2rem;padding:.7rem .75rem;border-radius:.8rem;background:rgba(232,93,4,.12);color:var(--home-accent-soft,#fdba74);text-decoration:none;font-size:.8rem;font-weight:800}
.home-systems-cta:hover{background:rgba(232,93,4,.2);color:#fff}
.home-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin:.4rem 0 1.6rem}
.home-stats article{display:flex;align-items:center;gap:.65rem;padding:.8rem .9rem;background:rgba(255,250,243,.78);border:1px solid var(--border);border-radius:1rem;backdrop-filter:blur(8px)}
.home-stats i{width:38px;height:38px;border-radius:.7rem;background:#171412;color:var(--home-accent-soft,#fdba74);display:flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:1rem}
.home-stats b{display:block;font-size:.9rem;line-height:1.3}
.home-stats span{display:block;color:var(--muted);font-size:.72rem;font-weight:700;line-height:1.45}
.home-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.2rem;flex-wrap:wrap;margin-bottom:1.1rem}
.home-section-head h2{margin:.2rem 0 0;font-size:clamp(1.5rem,3vw,2.15rem);letter-spacing:-.02em}
.home-section-head .home-muted{margin:0;max-width:36rem;line-height:1.8;font-size:.95rem}
.home-count-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border-radius:999px;background:var(--inset);border:1px solid var(--border);color:var(--muted);font-size:.76rem;font-weight:800;box-shadow:var(--shadow-sm)}
.home-count-chip i{color:var(--accent)}
.home-kicker{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem}
.home-kicker::before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:currentColor;opacity:.6}
.home-industries{padding:1.4rem 0 0}
.home-industry-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:0}
.home-industry-grid article{position:relative;overflow:hidden;background:linear-gradient(180deg,#fffdf9,#fffaf3);border:1px solid var(--border);border-radius:1.15rem;padding:1.05rem;gap:.5rem;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.home-industry-grid article::after{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transition:opacity .18s ease}
.home-industry-grid article:hover{transform:translateY(-3px);border-color:#e8c6a8;box-shadow:0 20px 34px -30px rgba(23,20,18,.6)}
.home-industry-grid article:hover::after{opacity:1}
.home-industry-grid article > i{width:44px;height:44px;border-radius:.8rem;display:flex;align-items:center;justify-content:center;background:#fff1e4;border:1px solid #f6d9c2;font-size:1.2rem}
.home-industry-grid b{font-size:1.02rem;margin-top:.15rem}
.home-industry-grid p{font-size:.88rem;line-height:1.7;margin:0 0 .35rem}
.home-industry-actions{margin-top:auto;display:flex;gap:.4rem}
.home-industry-actions .btn{flex:1 1 auto;min-height:38px;border-radius:.65rem;font-weight:800;font-size:.78rem;padding:.3rem .5rem}
.home-industry-grid .home-industry-more{grid-column:span 2;flex-direction:row;align-items:center;gap:.9rem;background:linear-gradient(135deg,#171412,#2a211b);border-color:#171412;color:#fff7ed}
.home-industry-grid .home-industry-more > i{width:46px;height:46px;background:rgba(232,93,4,.2);border-color:rgba(232,93,4,.4);color:var(--home-accent-soft,#fdba74);flex:0 0 auto}
.home-industry-grid .home-industry-more > div{flex:1 1 auto;display:flex;flex-direction:column;gap:.1rem}
.home-industry-grid .home-industry-more b{color:#fff}
.home-industry-grid .home-industry-more p{color:#d9d0c6;margin:0}
.home-industry-grid .home-industry-more .btn{flex:0 0 auto;align-self:center}
.home-industry-grid .home-industry-more::after{display:none}
.home-band{padding:1.5rem 1.35rem 1.4rem;background:rgba(255,250,243,.74);border-color:rgba(226,216,204,.9);border-radius:1.5rem;backdrop-filter:blur(8px);box-shadow:0 30px 60px -60px rgba(23,20,18,.5)}
.home-services{padding:0}
.home-mod-filter{margin:-.15rem 0 1rem}
.home-mod-filter button{background:rgba(255,255,255,.7)}
.home-mods{gap:.8rem}
.home-mod{padding:1.05rem;border-radius:1.05rem;background:linear-gradient(180deg,#fffdf9,#fdf6ec);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.home-mod:hover{transform:translateY(-3px);border-color:#e8c6a8;box-shadow:0 18px 30px -28px rgba(23,20,18,.6)}
.home-mod i{width:38px;height:38px;border-radius:.7rem;background:#171412;color:var(--home-accent-soft,#fdba74);display:flex;align-items:center;justify-content:center;font-size:1rem;position:absolute;inset-inline-end:1rem;top:1rem}
.home-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}
.home-feature-grid article{background:rgba(255,255,255,.62);border-radius:.9rem;padding:.85rem .9rem;font-size:.86rem}
.home-feature-grid i{width:26px;height:26px;border-radius:.5rem;background:#ecfdf3;color:var(--ok);display:flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:.9rem;margin-top:0}
.home-app{margin-top:1.5rem;padding-top:1.35rem}
.home-app-grid{gap:.7rem}
.home-app-grid article{background:rgba(255,255,255,.7);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.home-app-grid article:hover{transform:translateY(-3px);border-color:#e8c6a8;box-shadow:0 18px 30px -28px rgba(23,20,18,.6)}
.home-plans{padding:1.8rem 0 0}
.home-plan-grid{gap:.85rem}
.home-plan{background:linear-gradient(180deg,#fffdf9,#fffaf3);padding:1.25rem 1.1rem;border-radius:1.15rem;transition:transform .18s ease,box-shadow .18s ease}
.home-plan:hover{transform:translateY(-3px);box-shadow:0 24px 40px -34px rgba(23,20,18,.6)}
.home-plan.is-hot{position:relative;overflow:hidden;background:linear-gradient(160deg,#211c18,#171412);transform:translateY(-9px);box-shadow:0 30px 50px -30px rgba(23,20,18,.75)}
.home-plan.is-hot::before{content:"الأكثر اختيارًا";position:absolute;top:.85rem;inset-inline-start:1rem;background:var(--accent);color:#fff;font-size:.68rem;font-weight:800;border-radius:999px;padding:.2rem .6rem}
.home-plan.is-hot b{margin-top:1.15rem}
.home-demo{margin-top:2rem;padding:1.6rem 1.45rem;border-radius:1.6rem;grid-template-columns:1fr;gap:1.2rem;background:radial-gradient(700px 300px at 100% 0%,rgba(232,93,4,.18),transparent 60%),linear-gradient(150deg,#211c18,#171412)}
.home-demo > div:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;max-width:52rem}
.home-demo h2{margin-top:.1rem;font-size:clamp(1.6rem,3.2vw,2.2rem)}
.home-demo p{margin-bottom:.9rem;max-width:50rem}
.home-demo-systems{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}
.home-demo-sys{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:.9rem;padding:.75rem;flex-direction:row;align-items:center;flex-wrap:wrap;gap:.4rem .6rem;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.home-demo-sys:hover{background:rgba(232,93,4,.14);border-color:rgba(232,93,4,.4);transform:translateY(-2px)}
.home-demo-sys i{width:34px;height:34px;border-radius:.65rem;background:rgba(232,93,4,.18);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.home-demo-sys b{font-size:.82rem}
.home-demo-sys span{width:100%;font-size:.7rem;color:#b7aea4}
.home-demo-sys.is-more{background:rgba(232,93,4,.16);border-color:rgba(232,93,4,.35)}
.home-login{margin-top:1.6rem;padding:1.6rem 1.5rem;border-radius:1.6rem;gap:1.8rem;background:radial-gradient(600px 260px at 100% 0%,rgba(232,93,4,.16),transparent 62%),linear-gradient(150deg,#211c18,#171412);color:#fff7ed}
.home-login h2{color:#fff}
.home-login-note p{color:#d9d0c6;max-width:34rem;margin-bottom:.6rem}
.home-login-note > a{display:inline-flex;align-items:center;gap:.3rem;margin-top:.35rem;color:var(--home-accent-soft,#fdba74)}
.home-login-points{display:flex;flex-wrap:wrap;gap:.4rem .8rem;margin:.9rem 0 .2rem;color:#d9d0c6;font-size:.8rem;font-weight:800}
.home-login-points span{display:inline-flex;align-items:center;gap:.3rem}
.home-login-points i{color:#4ade80}
.home-form{justify-self:end;width:100%;max-width:420px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);box-shadow:none}
.home-foot{margin-top:2rem;padding-top:1.2rem;border-top-color:#d9cbb8;font-size:.85rem}
.home-contact a:hover{color:var(--accent)}
@media (max-width:860px){
  .home{padding:0 1rem 2.6rem}
  .home-hero{padding:1.6rem 0 1.4rem;gap:1.3rem}
  .home-copy h1{font-size:clamp(2rem,8vw,2.8rem);max-width:none}
  .home-copy{order:1}
  .home-systems-panel{order:2}
  .home-paycycle::before{display:none}
  .home-stats{grid-template-columns:1fr 1fr}
  .home-stats article{padding:.7rem}
  .home-stats i{width:34px;height:34px}
  .home-section-head{align-items:flex-start;gap:.55rem;margin-bottom:.9rem}
  .home-section-head .home-muted{font-size:.9rem}
  .home-systems{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}
  .home-system{padding:.5rem .55rem}
  .home-system-txt small{display:none}
  .home-industries{padding-top:1rem}
  .home-industry-grid{grid-template-columns:1fr;gap:.65rem}
  .home-industry-grid .home-industry-more{grid-column:auto;flex-direction:column;align-items:flex-start}
  .home-industry-grid .home-industry-more .btn{width:100%}
  .home-feature-grid{grid-template-columns:1fr}
  .home-plan.is-hot{transform:none}
  .home-plan{padding:1.1rem}
  .home-demo{padding:1.2rem 1rem}
  .home-demo-systems{grid-template-columns:1fr 1fr}
  .home-login{padding:1.2rem 1rem;gap:1.2rem}
  .home-form{justify-self:stretch;max-width:none}
}
@media (max-width:560px){
  .home-systems-head b{font-size:.7rem}
  .home-system-txt b{font-size:.8rem}
  .home-system-ico{width:30px;height:30px;font-size:.85rem}
  .home-system-go{display:none}
  .home-cta{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
  .home-cta .btn{width:100%;justify-content:center}
  .home-cta .btn-primary{grid-column:1/-1}
  .home-stats{grid-template-columns:1fr 1fr}
  .home-stats article{min-height:64px;gap:.5rem;padding:.6rem}
  .home-stats b{font-size:.82rem}
  .home-stats span{font-size:.66rem}
  .home-demo-systems{grid-template-columns:1fr}
  .home-demo-sys span{width:auto;margin-inline-start:auto}
}

/* Login page refresh */
.auth-login .auth-visual{
  padding:clamp(1.5rem,4vw,3.4rem) clamp(1.2rem,4vw,3.8rem);
  background:
    radial-gradient(760px 360px at 96% -4%, rgba(232,93,4,.16), transparent 58%),
    radial-gradient(620px 320px at 0% 100%, rgba(23,20,18,.05), transparent 55%),
    var(--bg);
}
.auth-login .auth-card{
  background:
    radial-gradient(560px 300px at 100% 0%, rgba(232,93,4,.2), transparent 62%),
    linear-gradient(180deg,#1d1713,#171412)!important;
  border-inline-start:1px solid #2a241f;
}
.auth-login .auth-card .card-body{width:min(100%,400px)}
.auth-login .brand-kicker{display:inline-flex;align-items:center;gap:.4rem;color:var(--accent);font-size:.78rem;font-weight:800;margin-bottom:.2rem}
.auth-login .brand-kicker::before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:var(--accent)}
.auth-preview-head{align-items:center;gap:1.1rem;margin-bottom:.35rem}
.auth-preview-head > .logo-mark{margin-bottom:0;width:58px;height:58px;border-radius:.85rem;background:linear-gradient(145deg,#26201b,#171412)}
.auth-preview-head .display-title{font-size:clamp(1.7rem,3.2vw,2.6rem);letter-spacing:-.02em;margin-top:.15rem}
.auth-preview-head p{color:var(--muted);line-height:1.8;font-size:.95rem;max-width:42rem;margin-top:.35rem;margin-bottom:0}
.auth-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin:.9rem 0 0}
.auth-meta span{display:inline-flex;align-items:center;gap:.35rem;background:rgba(255,250,243,.82);border:1px solid var(--border);border-radius:999px;padding:.32rem .7rem;font-size:.76rem;font-weight:800;color:var(--heading)}
.auth-meta i{color:var(--accent)}
.auth-sec-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin:1.35rem 0 .6rem;font-size:.82rem;font-weight:800;color:var(--heading)}
.auth-sec-head span{display:inline-flex;align-items:center;gap:.4rem}
.auth-sec-head i{color:var(--accent)}
.auth-sec-head b{background:var(--inset);border:1px solid var(--border);border-radius:999px;padding:.2rem .6rem;font-size:.72rem;color:var(--muted)}
.auth-industries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:0}
.auth-industries article{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto 1fr;gap:.15rem .65rem;background:rgba(255,250,243,.92);border:1px solid var(--border);border-radius:1rem;padding:.75rem .8rem;color:var(--text);box-shadow:var(--shadow-sm);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.auth-industries article:hover{transform:translateY(-2px);border-color:#e8c6a8;box-shadow:0 16px 28px -26px rgba(23,20,18,.55)}
.auth-industries article > i{grid-row:1 / span 2;width:38px;height:38px;border-radius:.7rem;display:flex;align-items:center;justify-content:center;background:#fff1e4;border:1px solid #f6d9c2;color:var(--accent);font-size:1rem}
.auth-industries b{font-size:.9rem;line-height:1.35;color:var(--heading)}
.auth-industries p{margin:0;color:var(--muted);font-size:.76rem;line-height:1.55;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.auth-industry-actions{grid-column:1 / -1;display:flex;gap:.35rem;margin-top:.5rem}
.auth-industry-actions a{flex:1;text-align:center;font-weight:800;font-size:.74rem;text-decoration:none;color:var(--heading);border:1px solid var(--border);border-radius:.6rem;padding:.3rem .5rem;background:var(--inset)}
.auth-industry-actions a.on{background:var(--accent);border-color:var(--accent);color:#fff}
.auth-industries .auth-industry-more{background:linear-gradient(135deg,#171412,#2a211b);border-color:#171412;color:#fff7ed}
.auth-industries .auth-industry-more > i{background:rgba(232,93,4,.2);border-color:rgba(232,93,4,.4);color:#fdba74}
.auth-industries .auth-industry-more b{color:#fff}
.auth-industries .auth-industry-more p{color:#d9d0c6}
.auth-industries .auth-industry-more .auth-industry-actions a{background:var(--inset);border-color:#fff;color:#171412}
.auth-feature-row{grid-template-columns:1fr 1fr;gap:.45rem;margin-top:0}
.auth-feature-row article{background:rgba(255,250,243,.78);border-radius:.8rem;padding:.6rem .7rem;font-size:.8rem;font-weight:700;line-height:1.6;box-shadow:var(--shadow-sm)}
.auth-feature-row i{color:var(--ok)}
.auth-plans{max-width:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-top:0}
.auth-plan{background:rgba(255,250,243,.92);border-radius:.9rem;padding:.8rem .85rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}
.auth-plan strong{font-size:1.25rem}
.auth-plan-more{color:var(--muted);font-size:.76rem}
.auth-plan a{display:block;margin-top:auto;padding-top:.45rem}
.auth-plan a{background:var(--ink);color:#fff7ed;text-align:center;border-radius:.6rem;padding:.4rem .5rem;font-size:.76rem;text-decoration:none;margin-top:.5rem}
.auth-contact{font-size:.85rem}
.auth-foot{margin-top:1.1rem;padding-top:.9rem;border-top:1px solid var(--border);color:var(--muted);font-size:.8rem}
.auth-trust{display:flex;flex-wrap:wrap;gap:.4rem .9rem;margin-top:1.1rem;padding-top:.9rem;border-top:1px solid #2f2721;color:#b7aea4;font-size:.75rem;font-weight:700}
.auth-trust span{display:inline-flex;align-items:center;gap:.3rem}
.auth-trust i{color:#4ade80}
@media (min-width:992px){
  .auth-login .auth-card{position:sticky;top:0;align-self:start;height:100dvh;max-height:100dvh;overflow:auto;padding:clamp(1.2rem,3vw,2.2rem)}
}
@media (max-width:991.98px){
  .auth-login .auth-card{position:static;height:auto;max-height:none;overflow:visible}
  .auth-login .auth-visual{padding:1.3rem 1rem 1.6rem}
  .auth-preview-head .display-title{font-size:clamp(1.5rem,5.4vw,2rem)}
  .auth-plans{grid-template-columns:1fr;margin-inline:0;max-width:none}
}
@media (max-width:640px){
  .auth-industries{grid-template-columns:1fr}
  .auth-feature-row{grid-template-columns:1fr}
}

/* Home footer */
.home-foot{
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.9rem 1.2rem;
  margin-top:2.4rem;padding-top:1.3rem;border-top:1px solid #d9cbb8;color:var(--muted);font-size:.82rem
}
.home-foot-brand{display:flex;align-items:center;gap:.6rem;min-width:0}
.home-foot-brand .logo-mark{width:40px;height:40px;border-radius:.7rem;background:#171412;color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:1.05rem}
.home-foot-brand img{height:40px;width:auto;max-width:140px;object-fit:contain}
.home-foot-brand b{display:block;color:var(--heading);font-size:.9rem}
.home-foot-brand span{display:block;font-size:.72rem;font-weight:700}
.home-foot-links{display:flex;flex-wrap:wrap;gap:.1rem;justify-self:end}
.home-foot-links a{color:var(--heading);text-decoration:none;font-weight:800;font-size:.78rem;padding:.35rem .55rem;border-radius:.55rem}
.home-foot-links a:hover{background:var(--inset);color:var(--accent)}
.home-foot-copy{font-size:.78rem;line-height:1.6}
.home-contact{gap:.5rem 1rem;font-size:.78rem}
@media (max-width:640px){
  .home-foot{grid-template-columns:1fr}
  .home-foot-links{justify-self:start}
}

/* Home start steps + FAQ */
.home-start,.home-faq{margin-top:2.5rem;scroll-margin-top:4.6rem}
.home-start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}
.home-start-card{position:relative;background:var(--paper);border:1px solid var(--border);border-radius:1.1rem;padding:1.2rem 1.1rem;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}
.home-start-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.home-start-no{position:absolute;top:.85rem;inset-inline-end:1rem;font-size:2.5rem;font-weight:800;line-height:1;letter-spacing:-.05em;color:rgba(23,20,18,.08)}
.home-start-card > i{width:46px;height:46px;border-radius:.85rem;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:1.25rem;margin-bottom:.85rem;box-shadow:0 12px 20px -14px rgba(232,93,4,.9)}
.home-start-card:nth-child(2) > i{background:#171412;box-shadow:none}
.home-start-card:nth-child(3) > i{background:#166534;box-shadow:none}
.home-start-card b{display:block;font-size:1.06rem;color:var(--heading);margin-bottom:.3rem}
.home-start-card p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.75;font-weight:600;position:relative}
.home-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;align-items:start}
.home-faq-item{background:var(--paper);border:1px solid var(--border);border-radius:.95rem;padding:.1rem 1rem;box-shadow:var(--shadow-sm);transition:border-color .2s ease,background .2s ease}
.home-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.85rem 0;cursor:pointer;font-weight:800;color:var(--heading);list-style:none;font-size:.94rem;line-height:1.5}
.home-faq-item summary::-webkit-details-marker{display:none}
.home-faq-item summary i{flex:0 0 auto;width:1.75rem;height:1.75rem;border-radius:50%;background:rgba(232,93,4,.1);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:transform .2s ease,background .2s ease,color .2s ease}
.home-faq-item[open]{border-color:rgba(232,93,4,.38);background:#fffdf9}
.home-faq-item[open] summary i{transform:rotate(45deg);background:var(--accent);color:#fff}
.home-faq-item p{margin:0 0 .95rem;color:var(--muted);font-size:.9rem;line-height:1.85;font-weight:600}
.home-faq-contact{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin-top:.9rem;padding:1rem 1.1rem;border-radius:1.05rem;background:linear-gradient(135deg,#171412,#2a211b);color:#fff7ed}
.home-faq-contact > i{width:42px;height:42px;border-radius:.8rem;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex:0 0 auto}
.home-faq-contact div{flex:1;min-width:190px}
.home-faq-contact b{display:block;font-size:.98rem}
.home-faq-contact span{display:block;color:#c9bfb4;font-size:.84rem;font-weight:600;line-height:1.6}
.home-faq-contact .btn{font-weight:800}
.home-faq-contact .btn-outline-secondary{background:transparent;color:#fff7ed;border-color:rgba(255,255,255,.28)}
.home-faq-contact .btn-outline-secondary:hover{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.5)}
@media (max-width:860px){
  .home-start-grid{grid-template-columns:1fr}
  .home-faq-grid{grid-template-columns:1fr}
  .home-start-card{padding:1.05rem 1rem}
  .home-start-no{font-size:2.1rem}
}
@media (max-width:640px){
  .home-faq-contact{align-items:flex-start}
  .home-faq-contact .btn{flex:1;min-width:120px}
}
.order-receipt{position:relative;background:var(--inset);border:1px solid var(--border);border-radius:1.1rem;padding:1rem 1.1rem .9rem;margin:.2rem 0 1.1rem;max-width:430px;box-shadow:0 14px 30px rgba(23,20,18,.07)}
.order-receipt::before,.order-receipt::after{content:"";position:absolute;top:3.02rem;width:1.05rem;height:1.05rem;border-radius:50%;background:var(--bg);border:1px solid var(--border)}
.order-receipt::before{inset-inline-start:-.55rem}
.order-receipt::after{inset-inline-end:-.55rem}
.order-receipt-head{display:flex;align-items:center;gap:.55rem;padding-bottom:.7rem;border-bottom:1px dashed var(--border)}
.order-receipt-head span{color:var(--muted);font-size:.82rem;font-weight:700}
.order-receipt-head b{font-size:1.45rem;line-height:1;letter-spacing:.5px}
.order-receipt-copy{margin-inline-start:auto;display:inline-flex;align-items:center;gap:.3rem;border:1px solid var(--border);background:var(--paper);border-radius:999px;padding:.32rem .75rem;font-size:.8rem;font-weight:800;color:var(--heading);transition:background .15s ease,border-color .15s ease,color .15s ease}
.order-receipt-copy:hover{background:#171412;color:#fff;border-color:#171412}
.order-receipt-copy.is-done{background:#166534;border-color:#166534;color:#fff}
.order-receipt-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem .8rem;padding-top:.8rem}
.order-receipt-grid div{display:flex;flex-direction:column;gap:.1rem}
.order-receipt-grid span{color:var(--muted);font-size:.74rem;font-weight:700}
.order-receipt-grid b{font-size:.92rem;line-height:1.4}
.order-receipt-note{margin:.8rem 0 0;padding-top:.7rem;border-top:1px dashed var(--border);color:var(--muted);font-size:.78rem;font-weight:600;line-height:1.6}
@media (max-width:640px){
  .order-receipt{max-width:none;padding:.9rem .95rem}
  .order-receipt::before,.order-receipt::after{display:none}
  .order-receipt-grid{grid-template-columns:1fr 1fr;gap:.5rem}
}

/* ملف المريض — الروشتة والتوصيات */
.rx-section{margin:0 0 1.15rem;padding:1.15rem;border:1px solid var(--border);border-radius:1.05rem;background:var(--surface);box-shadow:var(--shadow)}
.rx-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:.95rem}
.rx-title{display:flex;align-items:center;gap:.5rem;margin:0 0 .25rem;font-size:1.28rem;font-weight:800;color:var(--text)}
.rx-title i{color:var(--accent)}
.rx-head p{margin:0;max-width:660px;color:var(--muted);font-size:.86rem;line-height:1.75;font-weight:600}
.rx-form{padding:1rem;margin:0 0 1rem;border:1px dashed var(--border);border-radius:.9rem;background:var(--surface-alt)}
.rx-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-bottom:.85rem}
.rx-field{display:flex;flex-direction:column;gap:.35rem}
.rx-field label{margin:0;font-size:.84rem;font-weight:800;color:var(--text)}
.rx-field label span{color:var(--muted);font-size:.74rem;font-weight:600}
.rx-field small{color:var(--muted);font-size:.75rem;font-weight:600}
.rx-field textarea{resize:vertical;min-height:112px}
.rx-preview{display:flex;align-items:center;gap:.75rem;margin-top:.8rem;padding:.6rem;border:1px solid var(--border);border-radius:.75rem;background:var(--surface);width:fit-content;max-width:100%}
.rx-preview[hidden]{display:none}
.rx-preview img{display:block;width:auto;max-width:220px;max-height:200px;border-radius:.55rem;border:1px solid var(--border);object-fit:contain}
.rx-preview span{display:inline-flex;align-items:center;gap:.3rem;color:var(--muted);font-size:.76rem;font-weight:700}
.rx-form-foot{display:flex;justify-content:space-between;align-items:center;gap:.8rem;flex-wrap:wrap;margin-top:.9rem}
.rx-form-foot .form-text{margin:0;color:var(--muted);font-size:.78rem;font-weight:600}
.rx-list{display:flex;flex-direction:column;gap:.75rem}
.rx-item{padding:.9rem 1rem;border:1px solid var(--border);border-radius:.9rem;background:var(--surface);box-shadow:var(--shadow)}
.rx-item-top{display:flex;align-items:center;gap:.65rem}
.rx-item-ico{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:42px;height:42px;border-radius:.75rem;background:rgba(232,93,4,.12);color:#c2410c;font-size:1.1rem}
.rx-item-meta{flex:1;min-width:0}
.rx-item-meta b{display:block;font-size:.94rem;color:var(--text)}
.rx-item-meta span{display:block;color:var(--muted);font-size:.76rem;font-weight:700;line-height:1.6}
.rx-del{flex:0 0 auto}
.rx-del .btn{padding:.28rem .55rem}
.rx-text{margin-top:.7rem;padding-top:.7rem;border-top:1px dashed var(--border);color:var(--text);font-size:.9rem;line-height:1.95}
.rx-shot{position:relative;display:inline-flex;width:fit-content;max-width:min(100%,330px);margin-top:.7rem;border:1px solid var(--border);border-radius:.75rem;overflow:hidden;background:var(--surface-alt);text-decoration:none}
.rx-shot img{display:block;width:auto;max-width:100%;max-height:280px;object-fit:contain;background:var(--surface-alt)}
.rx-shot span{position:absolute;inset-inline-start:.45rem;bottom:.45rem;display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .55rem;border-radius:.45rem;background:rgba(23,20,18,.82);color:#fff7ed;font-size:.72rem;font-weight:800}
.rx-empty{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1.5rem 1rem;border:1px dashed var(--border);border-radius:.9rem;background:var(--surface-alt);text-align:center;color:var(--muted)}
.rx-empty i{font-size:1.7rem;color:var(--accent);margin-bottom:.15rem}
.rx-empty b{color:var(--text);font-size:.92rem}
.rx-empty span{font-size:.8rem;font-weight:600}
@media (max-width:760px){
  .rx-section{padding:.95rem}
  .rx-form-grid{grid-template-columns:1fr}
  .rx-head .btn{width:100%}
  .rx-form-foot{align-items:stretch}
  .rx-form-foot .btn{width:100%}
  .rx-shot{max-width:100%}
  .rx-shot img{max-height:210px}
}

/* Dress rental */
.dress-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem;margin-bottom:.85rem}
.dress-stats .admin-stat b{font-size:1.35rem}
.dress-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:.85rem}
.dress-card{
  display:flex;flex-direction:column;overflow:hidden;background:var(--paper);
  border:1px solid var(--border);border-radius:calc(var(--radius) + .15rem);box-shadow:var(--shadow);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease
}
.dress-card:hover{border-color:#d4c2aa;transform:translateY(-2px);box-shadow:0 18px 40px -24px rgba(23,20,18,.45)}
.dress-cover{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;text-decoration:none;background:linear-gradient(150deg,#fdf2e6,#f4e7d8 55%,#efdcc7)}
.dress-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.dress-card:hover .dress-cover img{transform:scale(1.045)}
.dress-cover-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#c9b59c;font-size:2.6rem;background:radial-gradient(320px 220px at 50% 30%,rgba(255,255,255,.65),transparent 70%)}
.dress-cover-ph.lg{position:static;min-height:100%;font-size:4rem}
.dress-badge{
  position:absolute;top:.6rem;inset-inline-start:.6rem;z-index:1;
  display:inline-flex;align-items:center;gap:.25rem;padding:.22rem .6rem;border-radius:999px;
  font-size:.72rem;font-weight:800;box-shadow:0 6px 16px -10px rgba(0,0,0,.5)
}
.dress-badge.ok{background:#dcfce7;color:#166534}
.dress-badge.out{background:#ffedd5;color:#c2410c}
.dress-badge.late{background:#fee2e2;color:#b91c1c}
.dress-badge.warn{background:#fef9c3;color:#a16207}
.dress-badge.off{background:#eceae7;color:#57534e}
.dress-code-pill{
  display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:.45rem;
  background:rgba(15,23,42,.82);color:#fff;font-family:ui-monospace,Menlo,Consolas,monospace;
  font-size:.72rem;letter-spacing:.06em;font-weight:700;backdrop-filter:blur(4px)
}
.dress-cover .dress-code-pill{position:absolute;bottom:.55rem;inset-inline-start:.55rem;z-index:1}
.dress-code-pill.static{background:#0f172a;font-size:.8rem;padding:.24rem .6rem}
.dress-body{display:flex;flex-direction:column;gap:.22rem;padding:.8rem .85rem .85rem;flex:1}
.dress-name{font-weight:800;line-height:1.35;color:var(--heading);font-size:1rem}
.dress-name a{color:inherit;text-decoration:none}
.dress-name a:hover{color:var(--accent)}
.dress-meta{color:var(--muted);font-size:.8rem;font-weight:600;line-height:1.5}
.dress-price{display:flex;align-items:center;justify-content:space-between;gap:.4rem;flex-wrap:wrap;margin-top:.15rem;font-weight:800;color:var(--heading);font-size:1.1rem}
.dress-price small{font-weight:700;color:var(--muted);font-size:.72rem}
.dress-deposit{font-size:.7rem;font-weight:700;color:var(--muted);background:var(--surface-alt);border:1px solid var(--border);border-radius:.4rem;padding:.1rem .4rem}
.dress-rent-info{margin-top:.45rem;padding-top:.5rem;border-top:1px dashed var(--border);font-size:.8rem;font-weight:600;color:var(--text);display:flex;flex-direction:column;gap:.22rem}
.dress-rent-info.late{color:#991b1b}
.dress-rent-info i{color:var(--muted);margin-inline-end:.2rem}
.dress-rent-info.late i{color:#b91c1c}
.dress-due-badge{display:inline-flex;margin-inline-start:.3rem;padding:.05rem .4rem;border-radius:999px;background:#fff1e4;color:#b45309;font-size:.68rem;font-weight:800}
.dress-due-badge.late{background:#fee2e2;color:#b91c1c}
.dress-actions{display:flex;gap:.3rem;flex-wrap:wrap;margin-top:.65rem}
.dress-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:.55rem}
.dress-gallery figure{position:relative;margin:0;aspect-ratio:3/4;border-radius:.7rem;overflow:hidden;border:1px solid var(--border);background:var(--surface-alt)}
.dress-gallery img{width:100%;height:100%;object-fit:cover;display:block}
.dress-gallery .del{position:absolute;top:.3rem;inset-inline-end:.3rem;padding:.2rem .42rem;font-size:.75rem}
.dress-upload{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:1.1rem;border:1.5px dashed #d9c6b3;border-radius:.8rem;background:var(--surface-alt);cursor:pointer;text-align:center;transition:border-color .15s,background .15s}
.dress-upload:hover{border-color:var(--accent);background:#fff7ef}
.dress-upload i{font-size:1.7rem;color:var(--accent)}
.dress-upload b{color:var(--heading);font-size:.92rem}
.dress-upload span{color:var(--muted);font-size:.76rem;font-weight:600}
.dress-upload-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.dress-cover-tag{position:absolute;bottom:.35rem;inset-inline-start:.35rem;padding:.12rem .45rem;border-radius:.35rem;background:rgba(23,20,18,.82);color:#fff7ed;font-size:.66rem;font-weight:800}
.dress-summary{position:sticky;top:12px}
.dress-summary-photo{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:.8rem;border:1px solid var(--border);display:block;margin-bottom:.7rem;background:var(--surface-alt)}
.dress-summary-photo.ph{display:flex;align-items:center;justify-content:center;font-size:3rem;color:#c9b59c;background:linear-gradient(150deg,#fdf2e6,#f1e1cf)}
.dress-summary-name{font-weight:800;color:var(--heading);font-size:1.05rem;line-height:1.4}
.dress-summary-price{font-weight:800;color:var(--accent);font-size:1.35rem;margin:.35rem 0 .55rem}
.dress-summary-price small{font-size:.72rem;color:var(--muted);font-weight:700}
.dress-summary-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.42rem 0;border-top:1px dashed var(--border);font-size:.84rem;color:var(--muted);font-weight:600}
.dress-summary-row b{color:var(--heading);font-weight:800}
.dress-hero{display:grid;grid-template-columns:minmax(230px,.78fr) minmax(0,1.22fr);gap:1rem;align-items:start}
.dress-hero-media{background:var(--paper);border:1px solid var(--border);border-radius:calc(var(--radius) + .15rem);padding:.65rem;box-shadow:var(--shadow)}
.dress-hero-cover{position:relative;aspect-ratio:3/4;border-radius:.8rem;overflow:hidden;background:linear-gradient(150deg,#fdf2e6,#f1e1cf)}
.dress-hero-cover>img{width:100%;height:100%;object-fit:cover;display:block}
.dress-thumbs{display:flex;gap:.4rem;overflow-x:auto;margin-top:.55rem;padding-bottom:.15rem}
.dress-thumbs button{flex:0 0 58px;width:58px;height:72px;padding:0;border:2px solid transparent;border-radius:.5rem;overflow:hidden;background:var(--surface-alt);cursor:pointer}
.dress-thumbs button.on{border-color:var(--accent)}
.dress-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.dress-hero-info{background:var(--paper);border:1px solid var(--border);border-radius:calc(var(--radius) + .15rem);padding:1.05rem 1.1rem;box-shadow:var(--shadow)}
.dress-price-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.55rem;margin-top:.85rem}
.dress-price-box{background:var(--surface-alt);border:1px solid var(--border);border-radius:.65rem;padding:.55rem .65rem}
.dress-price-box span{display:block;font-size:.72rem;font-weight:700;color:var(--muted);margin-bottom:.15rem}
.dress-price-box b{font-size:1.25rem;color:var(--heading);line-height:1.1}
.dress-price-box b small{font-size:.7rem;color:var(--muted);font-weight:700}
.dress-price-box.wide b{color:var(--accent)}
.dress-note{margin-top:.8rem;padding:.6rem .7rem;border:1px dashed var(--border);border-radius:.6rem;background:var(--surface-alt);font-size:.85rem;color:var(--text);line-height:1.8}
.dress-note i{color:var(--accent);margin-inline-end:.25rem}
.rent-panel{border:1px solid var(--border);border-radius:.9rem;padding:.9rem 1rem;background:var(--surface-alt)}
.rent-panel.out{border-color:#fde68a;background:#fffbeb}
.rent-panel.late{border-color:#fecaca;background:#fef2f2}
.rent-panel.ok{border-color:#bbf7d0;background:#f0fdf4}
.rent-panel.off{border-color:#e7e5e4;background:#fafaf9}
.rent-panel-head{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin-bottom:.75rem}
.rent-avatar{width:46px;height:46px;flex:0 0 46px;border-radius:.8rem;display:flex;align-items:center;justify-content:center;background:#171412;color:#fff;font-weight:800;font-size:.95rem}
.rent-avatar.soft{background:#fff1e4;color:var(--accent);font-size:1.15rem}
.rent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin-bottom:.7rem}
.rent-grid>div{background:rgba(255,255,255,.72);border:1px solid rgba(0,0,0,.05);border-radius:.55rem;padding:.45rem .55rem}
.rent-grid span{display:block;color:var(--muted);font-size:.7rem;font-weight:700;margin-bottom:.1rem}
.rent-grid b{font-size:.9rem;color:var(--heading);font-weight:800}
.rent-fine-note{margin-bottom:.7rem;padding:.45rem .6rem;border-radius:.5rem;background:#fee2e2;color:#991b1b;font-size:.82rem;font-weight:700}
.return-box{border-top:1px dashed rgba(0,0,0,.12);padding-top:.65rem}
.return-box>summary{cursor:pointer;font-weight:800;color:var(--heading);list-style:none;display:flex;align-items:center;gap:.4rem;font-size:.9rem}
.return-box>summary::-webkit-details-marker{display:none}
.return-box>summary::after{content:"\F282";font-family:"bootstrap-icons";margin-inline-start:auto;color:var(--muted)}
.return-box[open]>summary::after{content:"\F286"}
.scan-tips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;max-width:560px;margin:0 auto}
.scan-tips>div{display:flex;align-items:center;gap:.5rem;padding:.6rem .7rem;border:1px solid var(--border);border-radius:.6rem;background:var(--surface-alt);font-size:.82rem;font-weight:600;color:var(--text);text-align:start}
.scan-tips i{color:var(--accent);font-size:1.05rem}
.cam-view{width:100%;max-height:60vh;background:#0b1220;border-radius:12px;object-fit:cover;display:block}
.cam-fallback{width:100%;min-height:240px;border-radius:12px;overflow:hidden;background:#0b1220}
.scan-box .btn i{margin-inline-end:2px}
@media (max-width:991.98px){
  .dress-hero{grid-template-columns:1fr}
  .dress-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dress-summary{position:static}
}
@media (max-width:767.98px){
  .dress-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
  .dress-body{padding:.65rem .7rem .7rem}
  .dress-name{font-size:.92rem}
  .dress-price{font-size:1rem}
  .dress-price-row{grid-template-columns:1fr 1fr}
  .dress-price-box.wide{grid-column:1 / -1}
  .rent-grid{grid-template-columns:1fr 1fr}
  .dress-hero-info{padding:.9rem}
  .dress-stats{grid-template-columns:1fr 1fr;gap:.5rem}
  .dress-stats .admin-stat:last-child{grid-column:1 / -1}
  .scan-tips{grid-template-columns:1fr}
  .dress-thumbs button{flex-basis:52px;width:52px;height:66px}
}
@media (max-width:420px){
  .dress-grid{grid-template-columns:1fr}
}
/* ============ كونسول: لوحة حية + كروت مراكز ============ */
.cs-board{background:var(--paper);border:1px solid var(--border);border-radius:1.1rem;padding:1rem 1.05rem;margin-bottom:1rem;box-shadow:var(--shadow)}
.cs-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.6rem}
@media (min-width:1200px){.cs-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
.cs-tile{display:flex;flex-direction:column;gap:.1rem;align-items:flex-start;text-align:start;width:100%;border:1px solid var(--border);border-radius:.9rem;padding:.7rem .8rem;background:var(--inset);cursor:pointer;font:inherit;color:inherit;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}
.cs-tile:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 14px 30px -24px rgba(23,20,18,.5)}
.cs-tile.plain{cursor:default}
.cs-tile.plain:hover{border-color:var(--border);transform:none;box-shadow:none}
.cs-tile .label{font-size:.74rem;font-weight:800;letter-spacing:.01em;color:var(--muted)}
.cs-tile .value{font-family:var(--display);font-size:1.5rem;line-height:1.15;font-weight:800;color:var(--heading)}
.cs-tile .value small{font-size:.8rem;font-weight:700;color:var(--muted)}
.cs-tile .hint{font-size:.72rem;color:var(--muted)}
.cs-tile.ok .value{color:var(--ok)}
.cs-tile.warn .value{color:var(--warn)}
.cs-tile.bad .value{color:#b91c1c}
.cs-tiles-file{margin-bottom:.9rem}
.cs-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:.75rem;margin-top:.85rem}
.cs-panel{background:var(--inset);border:1px solid var(--border);border-radius:.95rem;padding:.8rem .85rem}
.cs-panel-head{font-size:.78rem;font-weight:900;letter-spacing:.02em;color:var(--heading);margin-bottom:.55rem;display:flex;align-items:center;gap:.4rem}
.cs-bar{display:grid;grid-template-columns:minmax(6.5rem,auto) 1fr auto;gap:.6rem;align-items:center;width:100%;border:0;background:transparent;padding:.28rem .2rem;border-radius:.5rem;font:inherit;color:inherit;text-align:start;cursor:pointer}
.cs-bar:hover{background:var(--hover)}
.cs-bar .name{font-size:.8rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:11rem}
.cs-bar .track{height:.5rem;border-radius:999px;background:#f1e8db;overflow:hidden}
.cs-bar .fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),#f7a05c)}
.cs-bar .num{font-weight:800;font-size:.82rem;color:var(--muted)}
.cs-todo{display:flex;align-items:center;gap:.5rem;padding:.42rem .5rem;border-radius:.6rem;font-size:.86rem;font-weight:700;background:#fbf7f0;margin-bottom:.3rem}
.cs-todo.warn{background:#fff7e6;color:#8a5200}
.cs-todo.bad{background:#fef2f2;color:#991b1b}
.cs-todo.info{background:#eff6ff;color:#1d4ed8}
.cs-todo a{margin-inline-start:auto;font-size:.76rem;font-weight:800;color:inherit;text-decoration:underline}
.cs-stamp{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:.8rem;padding-top:.6rem;border-top:1px dashed var(--border);color:var(--muted);font-size:.8rem;font-weight:700}
.cs-front{display:block;margin-bottom:1rem}
.cs-front summary{font-weight:800;cursor:pointer;display:flex;align-items:center;gap:.45rem}
.cs-front-body{display:grid;gap:.7rem;margin-top:.8rem;padding-top:.8rem;border-top:1px solid var(--border)}
.cs-front-row{border:1px dashed var(--border);border-radius:.8rem;padding:.7rem .8rem;background:#fffdf9}
.cs-front-label{font-weight:800;min-width:9rem}
.cs-toolbar{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;background:var(--paper);border:1px solid var(--border);border-radius:1rem;padding:.7rem .8rem;margin-bottom:.9rem}
.cs-search{position:relative;flex:1 1 22rem;display:flex;align-items:center;gap:.45rem;background:var(--inset);border:1px solid var(--border);border-radius:.8rem;padding:.35rem .65rem}
.cs-search i{color:var(--muted)}
.cs-search input{flex:1;border:0;outline:0;background:transparent;font:inherit;padding:.25rem 0}
.cs-search kbd{font-size:.68rem;border:1px solid var(--border);border-radius:.35rem;padding:0 .3rem;color:var(--muted);background:#f8f3ea}
.cs-chips{display:flex;flex-wrap:wrap;gap:.35rem}
.cs-chip{border:1px solid var(--border);background:var(--inset);border-radius:999px;padding:.28rem .7rem;font-size:.8rem;font-weight:800;color:var(--muted);cursor:pointer;display:inline-flex;gap:.3rem;align-items:center}
.cs-chip b{font-size:.74rem;color:var(--heading)}
.cs-chip:hover{border-color:var(--accent)}
.cs-chip.on{background:var(--ink);border-color:var(--ink);color:#fff}
.cs-chip.on b{color:#fdba74}
.cs-chip.ghost.on{background:var(--accent);border-color:var(--accent);color:#fff}
.cs-chip.ghost.on b{color:#fff}
.cs-tools-right{display:flex;align-items:center;gap:.6rem;margin-inline-start:auto}
.cs-sort{display:flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:800;color:var(--muted)}
.cs-sort select{padding:.25rem .45rem;border-radius:.6rem;border:1px solid var(--border);background:var(--inset);font:inherit;font-size:.8rem}
.cs-count{font-size:.78rem;font-weight:800;color:var(--muted);white-space:nowrap}
.cs-card{display:block}
.cs-card[hidden]{display:none!important}
.cs-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.6rem}
.cs-id{display:flex;gap:.6rem;align-items:flex-start;min-width:0}
.cs-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:.7rem;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-family:var(--display)}
.cs-avatar.big{width:52px;height:52px;flex-basis:52px;font-size:1.3rem}
.cs-names{min-width:0}
.cs-name{font-weight:800;color:var(--heading);text-decoration:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cs-name:hover{color:var(--accent)}
.cs-sub{display:flex;flex-wrap:wrap;gap:.15rem .55rem;font-size:.74rem;color:var(--muted);font-weight:700}
.cs-ind{color:#9a3412;background:#fff4e8;border-radius:999px;padding:.05rem .45rem}
.cs-head-right{display:flex;flex-direction:row;align-items:center;gap:.4rem;flex:0 0 auto}
.cs-menu-wrap{position:relative}
.cs-menu-btn{width:2rem;height:1.7rem;line-height:1;padding:0}
.cs-menu{position:absolute;inset-inline-end:0;top:calc(100% + .25rem);z-index:40;min-width:15rem;background:var(--inset);border:1px solid var(--border);border-radius:.8rem;box-shadow:0 22px 44px -26px rgba(23,20,18,.6);padding:.35rem;display:none}
.cs-card[data-menu-open] .cs-menu{display:block}
.cs-menu-item{display:flex;align-items:center;gap:.45rem;width:100%;border:0;background:transparent;text-align:start;padding:.42rem .5rem;border-radius:.55rem;font:inherit;font-size:.85rem;font-weight:700;color:var(--heading);cursor:pointer;text-decoration:none}
.cs-menu-item:hover{background:var(--hover)}
.cs-menu-item[disabled]{opacity:.45;cursor:not-allowed}
.cs-menu-item.danger{color:#b91c1c}
.cs-menu-kicker{display:block;font-size:.7rem;font-weight:800;color:var(--muted);padding:.35rem .5rem .15rem}
.cs-menu-form{margin:0}
.cs-dl{display:flex;flex-wrap:wrap;gap:.3rem;padding:0 .5rem .35rem}
.cs-meter{margin:.85rem 0 .35rem}
.cs-meter-track{height:.42rem;border-radius:999px;background:#f1e8db;overflow:hidden}
.cs-meter-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#15803d,#4ade80)}
.cs-meter-fill.soon{background:linear-gradient(90deg,#b45309,#fbbf24)}
.cs-meter-fill.dead{background:linear-gradient(90deg,#991b1b,#f87171)}
.cs-meter-label{display:flex;justify-content:space-between;align-items:center;gap:.4rem;font-size:.72rem;color:var(--muted);font-weight:700;margin-top:.25rem}
.cs-meter-label b{color:var(--heading)}
.cs-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:.4rem;margin:.6rem 0 .4rem}
.cs-stat{background:#fbf7f0;border:1px solid var(--border);border-radius:.65rem;padding:.4rem .5rem;text-align:center}
.cs-stat span{display:block;font-size:.68rem;color:var(--muted);font-weight:800}
.cs-stat b{display:block;font-family:var(--display);font-size:1.02rem;color:var(--heading)}
.cs-warns{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.2rem}
.cs-warn{font-size:.72rem;font-weight:700;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:.12rem .5rem;background:var(--inset)}
.cs-warn.on{background:#fff7e6;color:#8a5200;border-color:#f6dfae}
.cs-offline{margin:.7rem 0;padding:.5rem .65rem;border:1px dashed #f6caca;border-radius:.7rem;background:#fef2f2;color:#991b1b;font-size:.82rem;font-weight:700}
.cs-actions .btn i{margin-inline-end:.25rem}
.cs-empty{margin-top:.5rem}
/* ---- لوحة الكونسول v2: رأس اللوحة + بلاطات + بانيلات ---- */
.cs-board-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.7rem}
.cs-board-title{display:flex;align-items:center;gap:.45rem;font-family:var(--display);font-size:1.02rem;font-weight:800;color:var(--heading)}
.cs-board-title i{color:var(--accent);font-size:1.15rem}
.cs-board-stamp{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:800;color:var(--muted)}
.cs-board-stamp a{display:inline-flex;align-items:center;gap:.3rem;border:1px solid var(--border);border-radius:999px;padding:.2rem .6rem;background:var(--inset);color:var(--heading);text-decoration:none;transition:border-color .15s ease,color .15s ease}
.cs-board-stamp a:hover{border-color:var(--accent);color:var(--accent)}
.cs-tiles-status{margin-bottom:.55rem}
.cs-tiles-money .cs-tile{background:var(--paper)}
.cs-tile{gap:.15rem}
.cs-tile-ico{width:30px;height:30px;border-radius:.6rem;display:flex;align-items:center;justify-content:center;background:#f6ecdf;color:#9a3412;font-size:.95rem;margin-bottom:.3rem;transition:background .15s ease,color .15s ease}
.cs-tile.ok .cs-tile-ico{background:#e8f6ee;color:#15803d}
.cs-tile.warn .cs-tile-ico{background:#fff4e0;color:#b45309}
.cs-tile.bad .cs-tile-ico{background:#fdecec;color:#b91c1c}
.cs-tile.on{border-color:var(--accent);background:#fff8f1;box-shadow:inset 0 0 0 1px rgba(232,93,4,.42),0 14px 30px -26px rgba(232,93,4,.75)}
.cs-tile.on .cs-tile-ico{background:var(--accent);color:#fff}
.cs-tile.on .label{color:#9a3412}
.cs-delta{display:inline-flex;align-items:center;gap:.15rem;font-weight:900}
.cs-delta.up{color:#15803d}
.cs-delta.down{color:#b91c1c}
.cs-panel-count{margin-inline-start:auto;font-size:.7rem;font-weight:900;color:var(--muted);background:var(--paper);border:1px solid var(--border);border-radius:999px;padding:.05rem .45rem}
.cs-clear-industry{border:0;background:transparent;color:var(--accent);font-size:.72rem;font-weight:800;cursor:pointer;text-decoration:underline;padding:0}
.cs-panel-empty{font-size:.8rem;font-weight:700;color:var(--muted);background:var(--paper);border:1px dashed var(--border);border-radius:.7rem;padding:.6rem .65rem}
.cs-panel-more{font-size:.72rem;font-weight:800;color:var(--muted);padding-top:.3rem}
.cs-bar{grid-template-columns:minmax(5.5rem,auto) minmax(0,1fr) auto auto}
.cs-bar .pct{font-size:.72rem;font-weight:800;color:var(--muted);white-space:nowrap}
.cs-bar.on{background:#fff4e8;box-shadow:inset 0 0 0 1px rgba(232,93,4,.34)}
.cs-bar.on .name{color:#9a3412}
.cs-todo{border-inline-start:3px solid rgba(23,20,18,.08)}
a.cs-todo{cursor:pointer;text-decoration:none;transition:transform .14s ease,box-shadow .14s ease}
a.cs-todo:hover{transform:translateX(-3px);box-shadow:0 12px 24px -20px rgba(23,20,18,.6)}
.cs-todo > i:first-child{flex:0 0 auto}
.cs-todo-go{margin-inline-start:auto;opacity:.45;font-size:.85rem}
a.cs-todo:hover .cs-todo-go{opacity:1}
/* ---- كروت المراكز ---- */
.cs-card{border-inline-start:3px solid transparent}
.cs-card[data-status="live"]{border-inline-start-color:#15803d}
.cs-card[data-status="soon"]{border-inline-start-color:var(--warn)}
.cs-card[data-status="dead"]{border-inline-start-color:#b91c1c}
.cs-avatar{background:linear-gradient(150deg,#2a241f,#171412);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 0 0 3px #fff1e4}
.cs-card[data-status="soon"] .cs-avatar{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 0 0 3px #fff6e0}
.cs-card[data-status="dead"] .cs-avatar{background:linear-gradient(150deg,#5b3130,#33201f);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 0 0 3px #fdecec}
.cs-sub .cs-tag{color:var(--muted);font-weight:800}
.cs-stats{gap:.45rem}
.cs-stat{background:linear-gradient(180deg,#fdf9f3,#f7f0e6);transition:border-color .15s ease}
.cs-stat:hover{border-color:var(--accent)}
.cs-stat.money b{color:#166534}
.cs-stat.open b{color:#b45309}
.cs-warn.idle{background:#fef2f2;color:#991b1b;border-color:#f6caca}
.meta-copy{border:0;background:transparent;color:var(--muted);cursor:pointer;padding:0 .2rem;font-size:.78rem;line-height:1}
.meta-copy:hover{color:var(--accent)}
.meta-copy.done{color:#15803d}
.cs-toolbar-row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;width:100%}
.cs-clear{border:1px dashed var(--border);background:transparent;border-radius:999px;padding:.28rem .7rem;font-size:.78rem;font-weight:800;color:var(--muted);cursor:pointer;display:none;align-items:center;gap:.3rem}
.cs-clear.show{display:inline-flex;color:#9a3412;border-color:rgba(232,93,4,.5);background:#fff4e8}
.cs-clear:hover{border-color:var(--accent);color:var(--accent)}
.cs-empty .btn{margin-top:.6rem}
@media (max-width:575.98px){
  .cs-tile .value{font-size:1.2rem;white-space:nowrap}
  .cs-tile .cs-tile-ico{margin-bottom:.2rem}
  .cs-bar{grid-template-columns:minmax(4.5rem,auto) minmax(0,1fr) auto}
  .cs-bar .pct{display:none}
}
.cs-file-top{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;background:var(--paper);border:1px solid var(--border);border-radius:1.1rem;padding:.9rem 1rem;margin-bottom:.9rem}
.cs-file-id{display:flex;gap:.7rem;align-items:center;flex:1 1 16rem}
.cs-file-meter{margin-bottom:1rem}
.cs-file-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:.75rem}
.cs-file-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem}
.cs-feed{display:flex;flex-direction:column;gap:.2rem;max-height:22rem;overflow:auto}
.cs-feed-row{display:grid;grid-template-columns:9.5rem 1fr minmax(5rem,auto);gap:.5rem;font-size:.8rem;padding:.3rem .35rem;border-radius:.5rem}
.cs-feed-row:nth-child(odd){background:#fbf7f0}
.cs-feed-row .when{color:var(--muted);font-weight:700;font-size:.74rem;white-space:nowrap}
.cs-feed-row .who{color:var(--muted);font-size:.74rem;text-align:end}
.cs-inv{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.4rem .35rem;border-bottom:1px dashed var(--border);font-size:.84rem;font-weight:700}
.cs-inv .num{font-family:var(--display);color:var(--heading)}
.cs-inv .date{color:var(--muted);font-size:.76rem}
.cs-inv .amt{margin-inline-start:auto}
.cs-inv:last-child{border-bottom:0}
.cs-kicker{font-size:.74rem;font-weight:900;color:var(--muted);margin-bottom:.35rem}
.cs-nav-badge{margin-inline-start:auto;font-size:.7rem;font-weight:800;background:rgba(255,255,255,.14);color:#f4eee6;border-radius:999px;padding:.05rem .45rem;white-space:nowrap}
.cs-tiles-orders{margin-bottom:.85rem}
.cs-orders-bar{margin-bottom:.6rem}
.cs-mini-select{padding:.3rem .5rem;border-radius:.7rem;border:1px solid var(--border);background:var(--inset);font:inherit;font-size:.8rem;font-weight:700;color:var(--heading)}
.cs-plan{position:relative;display:block;overflow:hidden}
.cs-plan-usage{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.6rem}
.cs-plan-usage span{font-size:.72rem;font-weight:800;color:var(--muted);background:#fbf7f0;border:1px solid var(--border);border-radius:999px;padding:.12rem .55rem}
.cs-plan-usage b{color:var(--heading)}
.cs-plan.best{border-color:#f2c063;box-shadow:0 18px 38px -30px rgba(180,83,9,.55)}
.cs-plan-ribbon{position:absolute;top:.5rem;inset-inline-end:.5rem;font-size:.7rem;font-weight:900;color:#7c4a03;background:#fff3d6;border:1px solid #f2c063;border-radius:999px;padding:.1rem .5rem}
.cs-order .entity-side{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem}
.cs-order-age{font-size:.72rem;font-weight:800;color:var(--muted)}
.cs-order-age.late{color:#b91c1c}
.cs-order-price{font-family:var(--display);font-weight:800;color:#9a3412;font-size:.9rem}
.cs-nav-badge.warn{background:rgba(253,186,116,.16);color:#fdba74;box-shadow:inset 0 0 0 1px rgba(253,186,116,.34)}
.cs-nav-badge.hot{background:var(--accent);color:#fff;box-shadow:0 8px 16px -12px rgba(232,93,4,.95)}
.app-shell.sidebar-collapsed .cs-nav-badge{display:none}
@media (max-width:900px){
  .cs-split,.cs-file-grid,.cs-file-cols{grid-template-columns:1fr}
  .cs-tools-right{margin-inline-start:0;width:100%;justify-content:space-between}
}

/* ===== CONSOLE SHELL v2 — شكل السيد بار (مطوّر من مشروع service) ===== */
.sidebar{
  overflow:hidden;
  background:
    radial-gradient(360px 190px at 112% -8%, rgba(232,93,4,.22), transparent 62%),
    linear-gradient(180deg,#1e1a17 0%,#171412 46%,#131110 100%)!important;
  box-shadow:inset -3px 0 0 var(--accent)!important;
}
.sidebar-brand{
  padding:1rem .95rem .9rem;
  border-bottom:1px solid rgba(255,255,255,.07);
  background:linear-gradient(180deg,rgba(232,93,4,.12),transparent 78%)
}
.sidebar .brand{flex:1;min-width:0;font-size:.95rem}
.brand-name{min-width:0;flex:1}
.brand-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}
.brand-logo{
  width:40px;height:40px;flex:0 0 40px;border-radius:.75rem;
  background:linear-gradient(150deg,#f07822,#c2410c);color:#fff;font-size:1.1rem;
  box-shadow:0 12px 22px -14px rgba(232,93,4,.95),inset 0 0 0 1px rgba(255,255,255,.16)
}
.brand-kicker{margin-top:.28rem;color:#f0a86a;font-size:.63rem;letter-spacing:.18em}

.side-filter{
  flex:0 0 auto;display:flex;align-items:center;gap:.45rem;
  margin:.65rem .6rem .1rem;padding:.34rem .6rem;
  border-radius:.6rem;border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.045);color:#8b8178;font-size:.85rem;cursor:text
}
.side-filter:focus-within{border-color:rgba(232,93,4,.55);background:rgba(232,93,4,.1);color:#f0a86a}
.side-filter input{flex:1;min-width:0;border:0;background:transparent;outline:0;color:var(--sidebar-text);font-family:var(--font);font-size:.82rem;font-weight:700}
.side-filter input::placeholder{color:#7d746b;font-weight:600}
.side-filter input::-webkit-search-cancel-button{-webkit-appearance:none}
.side-filter kbd{border:1px solid rgba(255,255,255,.14);border-radius:.3rem;padding:.02rem .3rem;font-size:.62rem;color:#8b8178;font-family:var(--font)}
.app-shell.sidebar-collapsed .side-filter{justify-content:center;padding:.34rem 0}
.app-shell.sidebar-collapsed .side-filter input,
.app-shell.sidebar-collapsed .side-filter kbd{display:none}

.sidebar-nav{
  flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;
  padding:.45rem .6rem 1rem;
  scrollbar-width:thin;scrollbar-color:#3a322c transparent
}
.sidebar-nav::-webkit-scrollbar{width:8px}
.sidebar-nav::-webkit-scrollbar-thumb{background:#3a322c;border-radius:99px}
.sidebar-nav.is-empty::after{content:"لا يوجد قسم بهذا الاسم";display:block;padding:.9rem .6rem;color:#8b8178;font-size:.8rem;font-weight:700}
.is-hidden{display:none!important}

.sidebar-section{
  display:flex;align-items:center;gap:.55rem;
  color:#8b8178;font-size:.64rem;font-weight:800;letter-spacing:.16em;
  padding:1rem .55rem .3rem
}
.sidebar-section::after{content:"";flex:1;height:1px;background:linear-gradient(270deg,rgba(255,255,255,.13),transparent)}
.sidebar .nav-link{
  position:relative;display:flex;align-items:center;gap:.5rem;
  padding:.44rem .5rem;border-radius:.6rem;margin:.05rem 0;
  color:#a99f95!important;font-weight:700;font-size:.855rem;
  border:0;border-inline-start:0;
  transition:background .15s ease,color .15s ease,box-shadow .15s ease
}
.sidebar .nav-link::before{
  content:"";position:absolute;inset-inline-start:calc(100% + .1rem);top:50%;transform:translateY(-50%);
  width:3px;height:0;border-radius:99px;background:var(--accent);transition:height .18s ease
}
.sidebar .nav-link:hover{background:rgba(255,255,255,.06);color:#fff!important}
.sidebar .nav-link:hover .nav-icon{color:#fff;background:rgba(255,255,255,.1)}
.sidebar .nav-link.active{
  background:linear-gradient(270deg,rgba(232,93,4,.26),rgba(232,93,4,.04));
  color:#fff!important;box-shadow:inset 0 0 0 1px rgba(232,93,4,.22)
}
.sidebar .nav-link.active::before{height:56%}
.sidebar .nav-link.active i,.sidebar .nav-link.active .nav-text{color:#fff}
.sidebar .nav-icon{
  width:26px;height:26px;flex:0 0 26px;border-radius:.45rem;
  display:inline-flex;align-items:center;justify-content:center;font-size:.95rem;
  background:rgba(255,255,255,.05);color:#a99f95;transition:background .15s ease,color .15s ease
}
.sidebar .nav-link.active .nav-icon{background:var(--accent);color:#fff;box-shadow:0 8px 16px -10px rgba(232,93,4,.9)}
.sidebar .nav-text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar .badge{
  min-width:1.5rem;text-align:center;border-radius:999px;padding:.1rem .42rem;
  background:rgba(232,93,4,.2);color:#fdba74;font-size:.68rem;font-weight:800;
  box-shadow:inset 0 0 0 1px rgba(232,93,4,.35)
}
.sidebar .nav-link.active .badge{background:#171412;color:#fdba74;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.sidebar .nav-link.nav-sub{margin-inline-start:.45rem;font-size:.82rem}
.cs-nav-badge{
  margin-inline-start:auto;min-width:1.5rem;text-align:center;
  border-radius:999px;padding:.08rem .42rem;white-space:nowrap;
  font-size:.68rem;font-weight:800;
  background:rgba(232,93,4,.2);color:#fdba74;box-shadow:inset 0 0 0 1px rgba(232,93,4,.35)
}
.sidebar .nav-link.active .cs-nav-badge{background:#171412;color:#fdba74;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}

.side-foot{
  flex:0 0 auto;display:flex;flex-direction:column;gap:.35rem;
  padding:.6rem .6rem .75rem;
  border-top:1px solid rgba(255,255,255,.08);
  background:rgba(0,0,0,.2)
}
.side-user{
  display:flex;align-items:center;gap:.5rem;min-width:0;
  padding:.4rem .5rem;border-radius:.6rem;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07)
}
.side-user .top-avatar{box-shadow:0 8px 16px -10px rgba(232,93,4,.9)}
.side-user-txt{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.side-user-txt b{color:#f4eee6;font-size:.8rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.side-user-txt span{color:#8b8178;font-size:.66rem;font-weight:700}
.side-fold{
  display:flex;align-items:center;justify-content:center;gap:.45rem;width:100%;
  border:1px solid rgba(255,255,255,.1);border-radius:.55rem;background:transparent;
  color:#9c948c;font-family:var(--font);font-size:.76rem;font-weight:800;padding:.4rem .5rem;min-height:34px
}
.side-fold:hover{color:#fff;border-color:rgba(232,93,4,.55);background:rgba(232,93,4,.14)}
.app-shell.sidebar-collapsed .side-foot{padding-inline:.4rem}
.app-shell.sidebar-collapsed .side-user{justify-content:center;padding:.4rem .2rem}
.app-shell.sidebar-collapsed .side-user-txt{display:none}
.app-shell.sidebar-collapsed .sidebar-nav{padding-inline:.5rem}
.app-shell.sidebar-collapsed .sidebar .nav-link{justify-content:center;padding:.5rem 0}
.app-shell.sidebar-collapsed .sidebar .nav-link::before{display:none}
.app-shell.sidebar-collapsed .sidebar-brand{padding:1rem .5rem .9rem}
.app-shell.sidebar-collapsed .sidebar .badge{display:none}
.app-shell.sidebar-collapsed .side-fold .nav-text{display:none}
.app-shell.sidebar-collapsed .brand-name,
.app-shell.sidebar-collapsed .brand-text,
.app-shell.sidebar-collapsed .brand-kicker{display:none!important}

@media (max-width:991.98px){
  .sidebar{overflow-x:hidden;overflow-y:auto}
  .sidebar-nav{flex:0 0 auto;min-height:auto;overflow:visible;padding-bottom:.75rem}
  .side-meter{display:none}
  .side-foot{padding-bottom:calc(.75rem + env(safe-area-inset-bottom))}
  .side-fold{display:none}
  .side-filter{margin-top:.55rem}
  .side-filter kbd{display:none}
}
@media (max-width:575.98px){
  .cs-tiles{grid-template-columns:1fr 1fr}
  .cs-tile .value{font-size:1.25rem}
  .cs-card-head{flex-direction:column;align-items:stretch}
  .cs-head-right{flex-direction:row;align-items:center;justify-content:space-between;width:100%}
  .cs-menu{inset-inline-end:auto;inset-inline-start:0}
}

/* ============ البحث: زر مسح داخل الحقل + لوحة أوامر مظبوطة على الموبايل ============ */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}
.field-clear{
  position:absolute;inset-inline-end:.4rem;top:50%;transform:translateY(-50%);
  border:0;background:transparent;color:var(--muted);font-size:1rem;line-height:1;
  display:inline-flex;align-items:center;justify-content:center;
  width:1.9rem;height:1.9rem;border-radius:999px;cursor:pointer;z-index:2
}
.field-clear:hover{color:var(--accent);background:var(--hover)}
.field-clear[hidden]{display:none}
.cs-search input{padding-inline-end:1.6rem}
.filter-bar [class*="col-"]{position:relative}
.filter-bar input.form-control{padding-inline-end:2.1rem}

.cmdk-head{display:flex;align-items:center;gap:.45rem;padding:.3rem .5rem;border-bottom:1px solid var(--border);background:var(--paper)}
.cmdk-head-icon{color:var(--muted);font-size:1rem;margin-inline-start:.3rem;flex:0 0 auto}
.cmdk-head input{
  flex:1 1 auto;min-width:0;border:0;outline:0;background:transparent;color:inherit;
  padding:.7rem .15rem;font-size:1.02rem!important;font-family:var(--font)
}
.cmdk-clear,.cmdk-close{
  border:0;background:transparent;color:var(--muted);flex:0 0 auto;
  width:2.1rem;height:2.1rem;border-radius:.55rem;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;font-size:1rem
}
.cmdk-clear:hover,.cmdk-close:hover{background:var(--hover);color:var(--accent)}
.cmdk-close{background:var(--hover);border:1px solid var(--border);color:var(--heading)}
.cmdk-clear[hidden]{display:none}
.cmdk-foot{
  display:flex;justify-content:space-between;gap:.5rem;padding:.4rem .7rem;border-top:1px solid var(--border);
  color:var(--muted);font-size:.72rem;font-weight:700
}
.cmdk-foot kbd{font-size:.66rem;border:1px solid var(--border);border-radius:.3rem;padding:0 .25rem;background:var(--bg);color:var(--heading)}
.cmdk-empty{display:flex;align-items:center;justify-content:center;gap:.45rem;padding:1.6rem 1rem;color:var(--muted);font-size:.9rem;font-weight:700;text-align:center}
.cmdk-empty i{font-size:1.15rem;opacity:.65}
.cmdk-item:focus{outline:0;background:var(--ink);color:#f5f0e8}
.cmdk-item:focus i{color:#fdba74}

@media (max-width:991.98px){
  .cmdk-panel{
    position:absolute;inset-inline:0;top:0;margin:0;width:100%;max-width:none;
    display:flex;flex-direction:column;max-height:82vh;
    border-radius:0 0 18px 18px;border-width:0 0 1px;box-shadow:0 26px 50px -26px rgba(23,20,18,.6)
  }
  .cmdk-head{padding-top:calc(.3rem + env(safe-area-inset-top))}
  .cmdk-head input{font-size:1rem!important;padding:.85rem .1rem}
  .cmdk-list{flex:1 1 auto;min-height:0;max-height:none;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
  .cmdk-item{padding:.72rem .6rem;font-size:.95rem;border-radius:.6rem}
  .cmdk-foot{display:none}

  .cs-toolbar{padding:.55rem .6rem;gap:.45rem;border-radius:.9rem}
  .cs-search{flex:1 1 100%}
  .cs-search input{font-size:1rem;padding:.4rem 0}
  .cs-search kbd{display:none}
  .cs-chips{flex-wrap:nowrap;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.1rem}
  .cs-chips::-webkit-scrollbar{display:none}
  .cs-chip{flex:0 0 auto;white-space:nowrap;padding:.35rem .7rem}
  .cs-tools-right{margin-inline-start:0;width:100%;justify-content:space-between}
  .cs-sort{flex:1 1 auto}
  .cs-sort select{width:100%;min-height:38px}

  .filter-bar{padding:.6rem .65rem}
  .filter-bar .form-control,.filter-bar .form-select{min-height:46px;font-size:1rem}
  .filter-bar .btn{min-height:46px}
}
/* ===== ORDER ACCEPTANCE PRICING ===== */
.order-money{border:1px solid var(--border);border-radius:.85rem;background:var(--paper);padding:1rem;margin-top:1rem}
.order-money-head{display:flex;align-items:center;gap:.45rem;font-weight:800;color:var(--heading);margin-bottom:.85rem}
.order-money-head i{color:var(--accent);font-size:1.15rem}
.order-money-static{display:flex;align-items:baseline;gap:.3rem;font-weight:800;color:var(--heading);padding-top:.42rem}
.order-money-static small{font-weight:700;color:var(--muted)}
.order-money-net{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem;border:2px dashed color-mix(in srgb, var(--accent) 35%, transparent);background:#fff7ef;border-radius:.7rem;padding:.6rem .8rem;margin-top:.35rem}
.order-money-net b{font-size:1.5rem;font-weight:900;color:var(--accent-2);letter-spacing:-.02em}
.order-money-net small{font-weight:800;color:var(--muted)}
.order-money-net span{font-size:.82rem;font-weight:800;color:var(--warn)}
.order-paid{display:flex;align-items:center;gap:.45rem;font-weight:700;color:var(--heading);min-height:38px;margin:0;cursor:pointer}
.order-paid input{width:18px;height:18px;margin:0;accent-color:var(--accent)}
.order-paid span{font-size:.86rem}
/* ===== REVENUE DESK ===== */
.revenue-filters{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end;background:var(--paper);border:1px solid var(--border);border-radius:.9rem;padding:.9rem 1rem;margin-bottom:1rem}
.revenue-filters>div{min-width:170px;flex:1}
.revenue-filters .form-label{font-size:.78rem;font-weight:800;color:var(--muted);margin-bottom:.25rem}
.revenue-filter-go{display:flex;align-items:center;gap:.5rem;flex:0 0 auto;min-width:auto}
.revenue-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-bottom:1rem}
.revenue-kpi{background:var(--paper);border:1px solid var(--border);border-inline-start:4px solid var(--accent);border-radius:.85rem;padding:.8rem .9rem;display:flex;flex-direction:column;gap:.15rem}
.revenue-kpi span{font-size:.78rem;font-weight:800;color:var(--muted);letter-spacing:.01em}
.revenue-kpi b{font-size:1.45rem;font-weight:900;color:var(--heading);letter-spacing:-.02em;line-height:1.2}
.revenue-kpi b small{font-size:.8rem;font-weight:800;color:var(--muted)}
.revenue-kpi em{font-style:normal;font-size:.76rem;font-weight:700;color:var(--muted)}
.revenue-kpi.kpi-collected{border-inline-start-color:var(--ok)}
.revenue-kpi.kpi-collected b{color:var(--ok)}
.revenue-kpi.kpi-due{border-inline-start-color:var(--warn)}
.revenue-kpi.kpi-due b{color:var(--warn)}
.revenue-kpi.kpi-pipeline{border-inline-start-color:var(--info)}
.revenue-kpi.kpi-pipeline b{color:var(--info)}
.revenue-months{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.4rem;align-items:end}
.revenue-month{display:flex;flex-direction:column;align-items:center;gap:.3rem;background:var(--hover);border:1px solid var(--border);border-radius:.7rem;padding:.55rem .35rem}
.revenue-month.now{border-color:var(--accent);background:#fff7ef;box-shadow:0 8px 22px -18px color-mix(in srgb, var(--accent) 60%, transparent)}
.revenue-month-name{font-size:.74rem;font-weight:800;color:var(--muted)}
.revenue-bar{height:104px;width:100%;display:flex;align-items:flex-end;justify-content:center}
.revenue-bar>i{display:block;width:60%;min-height:2px;background:#e7b98f;border-radius:.35rem .35rem 0 0;position:relative;overflow:hidden}
.revenue-bar>i>b{position:absolute;inset-block-end:0;inset-inline:0;display:block;min-height:0;background:var(--ok)}
.revenue-month-val{font-size:.82rem;font-weight:900;color:var(--heading)}
.revenue-month-count{font-size:.7rem;font-weight:700;color:var(--muted)}
.revenue-legend{display:flex;gap:1.1rem;margin-top:.75rem}
.revenue-legend span{display:inline-flex;align-items:center;gap:.35rem;font-size:.76rem;font-weight:800;color:var(--muted)}
.revenue-legend .dot{width:.75rem;height:.75rem;border-radius:50%;display:inline-block}
.revenue-legend .dot-total{background:#e7b98f}
.revenue-legend .dot-paid{background:var(--ok)}
.revenue-table th{font-size:.76rem;font-weight:800;color:var(--muted);white-space:nowrap;border-bottom:2px solid var(--border)}
.revenue-table td{font-size:.9rem;border-color:#efe6d9}
.revenue-table tfoot th{font-size:.84rem;color:var(--heading);border-top:2px solid var(--border);border-bottom:0}
.revenue-center{font-weight:800;color:var(--heading);text-decoration:none}
.revenue-center:hover{color:var(--accent-2)}
.revenue-cut{font-weight:800;color:var(--warn);white-space:nowrap}
.revenue-table .chip-accepted,.revenue-table .chip-new,.revenue-table .chip-rejected{display:inline-block;border-radius:999px;padding:.2rem .6rem;font-size:.74rem;font-weight:800;white-space:nowrap}
.revenue-renew-grid{display:flex;flex-direction:column;gap:.5rem}
.revenue-renew{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:.6rem;align-items:center;text-decoration:none;color:var(--text);background:var(--paper);border:1px solid var(--border);border-radius:.75rem;padding:.65rem .85rem}
.revenue-renew:hover{border-color:#d4c2aa;box-shadow:0 14px 30px -24px color-mix(in srgb, var(--ink) 50%, transparent)}
.revenue-renew b{font-weight:800;color:var(--heading)}
.revenue-renew-date{font-weight:800;color:var(--heading)}
.revenue-renew-val{font-weight:900;color:var(--accent-2)}
.revenue-renew.near{border-inline-start:4px solid var(--warn)}
.revenue-renew.soon{border-inline-start:4px solid #dc2626;background:#fff6f5}
@media (max-width:767.98px){
  .revenue-renew{grid-template-columns:1fr 1fr}
  .revenue-renew>div:first-child{grid-column:1/-1}
  .revenue-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .revenue-filters>div{min-width:140px}
  .revenue-months{grid-template-columns:repeat(6,minmax(0,1fr))}
  .revenue-bar{height:78px}
  .revenue-table .col-plans,.revenue-table .col-base,.revenue-table .col-cut,.revenue-table .col-pay,.revenue-table .col-accepted,.revenue-table .col-last,.revenue-table .col-end{display:none}
}
@media print{
  .sidebar,.topbar,.admin-tabs,.revenue-filters,.revenue-actions,.app-footer{display:none!important}
  .revenue-kpi,.revenue-month,.revenue-renew{break-inside:avoid}
  .admin-hero{background:none!important;color:var(--heading)!important}
  .admin-hero .h5,.admin-hero .text-muted{color:var(--heading)!important}
  .revenue-months{grid-template-columns:repeat(6,1fr)}
}

/* ============ الكثافة: واجهة مضغوطة ============ */
html[data-density="compact"] .density-toggle{background:var(--accent);border-color:var(--accent);color:#fff}
html[data-density="compact"] .app-content{padding:.55rem .7rem .6rem}
html[data-density="compact"] .topbar{padding:.28rem .75rem;padding-top:calc(.28rem + env(safe-area-inset-top, 0px))}
html[data-density="compact"] .page-head{margin-bottom:.55rem;gap:.45rem}
html[data-density="compact"] .page-head .h5{font-size:1.15rem}
html[data-density="compact"] .page-kicker{margin-bottom:.15rem}
html[data-density="compact"] .pagebar{padding:0 0 .5rem!important}
html[data-density="compact"] .card-header{padding:.4rem .7rem}
html[data-density="compact"] .card-body{padding:.55rem .7rem}
html[data-density="compact"] .table thead th{padding:.3rem .55rem!important;font-size:.72rem}
html[data-density="compact"] .table tbody td,html[data-density="compact"] .table tbody th{padding:.3rem .55rem!important}
html[data-density="compact"] .table{font-size:.86rem}
html[data-density="compact"] .filter-bar{padding:.5rem .6rem;margin-bottom:.55rem}
html[data-density="compact"] .entity-card{padding:.55rem .7rem;gap:.6rem}
html[data-density="compact"] .entity-list{gap:.4rem}
html[data-density="compact"] .entity-avatar{width:38px;height:38px;flex-basis:38px;font-size:.82rem;border-radius:.5rem}
html[data-density="compact"] .entity-meta{font-size:.8rem}
html[data-density="compact"] .list-group-item{padding:.35rem .6rem}
html[data-density="compact"] .perm-row{padding:.28rem 0}
html[data-density="compact"] .admin-hero{padding:.7rem .85rem;margin-bottom:.55rem}
html[data-density="compact"] .admin-hero .h5{font-size:1.1rem}
html[data-density="compact"] .admin-tabs{padding:.25rem;margin-bottom:.55rem}
html[data-density="compact"] .admin-tabs a{padding:.3rem .6rem;font-size:.8rem}
html[data-density="compact"] .admin-stat{padding:.45rem .6rem}
html[data-density="compact"] .admin-stat b{font-size:1.15rem}
html[data-density="compact"] .admin-stat-row{gap:.45rem;margin-bottom:.6rem}
html[data-density="compact"] .dash-row{padding:.45rem .7rem}
html[data-density="compact"] .dash-money{gap:.4rem;padding-bottom:.5rem;margin-bottom:.2rem}
html[data-density="compact"] .kpi-card .kpi-value{font-size:1.4rem}
html[data-density="compact"] .kpi-card .kpi-icon{width:1.85rem;height:1.85rem;top:.6rem;inset-inline-end:.6rem;font-size:.9rem}
html[data-density="compact"] .dash-actions a{padding:.4rem .7rem}
html[data-density="compact"] .flow-rail{margin-bottom:.5rem}
html[data-density="compact"] .flow-cell{padding:.4rem .6rem}
html[data-density="compact"] .flow-cell b{font-size:1.35rem}
html[data-density="compact"] .chip-btn{padding:.22rem .55rem;font-size:.78rem}
html[data-density="compact"] .empty-state{padding:.9rem .8rem}
html[data-density="compact"] .sidebar-brand{padding:.7rem .8rem .6rem}
html[data-density="compact"] .sidebar-nav{padding:.4rem .55rem .8rem}
html[data-density="compact"] .sidebar .nav-link{padding:.3rem .55rem;font-size:.84rem}
html[data-density="compact"] .sidebar .nav-icon{font-size:.95rem}
html[data-density="compact"] .sidebar-section{padding:.55rem .45rem .12rem}
html[data-density="compact"] .side-meter{margin:.25rem .5rem .4rem}
html[data-density="compact"] .side-meter a{padding:.1rem .02rem .1rem}
html[data-density="compact"] .side-meter b{font-size:.74rem}
html[data-density="compact"] .side-filter,html[data-density="compact"] .side-foot{padding-inline:.55rem}
/* --- لوحة الكونسول --- */
html[data-density="compact"] .cs-board{padding:.6rem .7rem;margin-bottom:.6rem}
html[data-density="compact"] .cs-board-head{margin-bottom:.45rem}
html[data-density="compact"] .cs-tiles{gap:.4rem}
html[data-density="compact"] .cs-tile{padding:.45rem .6rem;border-radius:.7rem}
html[data-density="compact"] .cs-tile .value{font-size:1.2rem}
html[data-density="compact"] .cs-tile .label{font-size:.7rem}
html[data-density="compact"] .cs-tile-ico{width:24px;height:24px;font-size:.82rem;margin-bottom:.18rem;border-radius:.5rem}
html[data-density="compact"] .cs-split{gap:.5rem;margin-top:.5rem}
html[data-density="compact"] .cs-panel{padding:.5rem .6rem;border-radius:.75rem}
html[data-density="compact"] .cs-panel-head{margin-bottom:.35rem}
html[data-density="compact"] .cs-panel-empty{padding:.4rem .5rem}
html[data-density="compact"] .cs-bar{padding:.18rem .2rem}
html[data-density="compact"] .cs-todo{padding:.24rem .4rem;font-size:.8rem;margin-bottom:.2rem}
html[data-density="compact"] .cs-stamp{margin-top:.5rem;padding-top:.4rem}
html[data-density="compact"] .cs-toolbar{padding:.45rem .55rem;margin-bottom:.55rem;gap:.45rem}
html[data-density="compact"] .cs-search{padding:.2rem .5rem}
html[data-density="compact"] .cs-chip{padding:.16rem .55rem;font-size:.76rem}
html[data-density="compact"] .cs-avatar{width:30px;height:30px;flex-basis:30px;font-size:.85rem;border-radius:.55rem}
html[data-density="compact"] .cs-avatar.big{width:40px;height:40px;flex-basis:40px;font-size:1rem}
html[data-density="compact"] .cs-meter{margin:.5rem 0 .25rem}
html[data-density="compact"] .cs-stats{gap:.3rem;margin:.4rem 0 .3rem}
html[data-density="compact"] .cs-stat{padding:.24rem .35rem}
html[data-density="compact"] .cs-stat b{font-size:.92rem}
html[data-density="compact"] .cs-warns{margin-bottom:.1rem}
html[data-density="compact"] .cs-offline{margin:.45rem 0;padding:.35rem .55rem}
html[data-density="compact"] .cs-menu-item{padding:.3rem .45rem;font-size:.82rem}
html[data-density="compact"] .revenue-months{gap:.3rem}
html[data-density="compact"] .revenue-bar{height:84px}
html[data-density="compact"] .revenue-month{padding:.4rem .3rem}
html[data-density="compact"] .revenue-renew{padding:.45rem .65rem}
/* الأزرار والحقول: التصغير على الشاشات الكبيرة عشان أزرار اللمس تفضل مريحة */
@media (min-width:768px){
  html[data-density="compact"] .btn{min-height:34px;padding-block:.2rem;padding-inline:.7rem}
  html[data-density="compact"] .btn-sm{min-height:30px}
  html[data-density="compact"] .chip-btn{min-height:34px}
  html[data-density="compact"] .form-control,html[data-density="compact"] .form-select{min-height:36px;padding-block:.18rem}
  html[data-density="compact"] .filter-bar .form-control,html[data-density="compact"] .filter-bar .form-select{min-height:36px}
  html[data-density="compact"] .form-control-color{min-height:36px}
}
/* ===== CONSOLE SIDEBAR BUTTONS — شكل الأزرار ===== */
.sidebar .nav-link,
html[data-ui="modern"] .sidebar .nav-link{
  min-height:46px;
  padding:.5rem .55rem;
  gap:.6rem;
  border-radius:.85rem;
  margin:.12rem 0;
  font-size:.89rem;
  font-weight:800;
}
.sidebar .nav-icon,
html[data-ui="modern"] .sidebar .nav-icon{
  width:30px;height:30px;flex:0 0 30px;border-radius:.55rem;
  font-size:1rem;color:#a99f95;
  background:rgba(255,255,255,.055);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
  transition:background .15s ease,color .15s ease,box-shadow .15s ease;
}
.sidebar .nav-link:hover .nav-icon,
html[data-ui="modern"] .sidebar .nav-link:hover .nav-icon{
  background:rgba(255,255,255,.09);color:#fff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.13);
}
.sidebar .nav-link.active,
html[data-ui="modern"] .sidebar .nav-link.active{
  background:linear-gradient(270deg,rgba(232,93,4,.3),rgba(232,93,4,.1) 58%,rgba(232,93,4,.02))!important;
  box-shadow:inset 0 0 0 1px rgba(240,138,58,.42),0 16px 30px -24px rgba(232,93,4,.95);
  color:#fff!important;
}
.sidebar .nav-link.active .nav-icon,
html[data-ui="modern"] .sidebar .nav-link.active .nav-icon{
  background:linear-gradient(150deg,#f5852c,#cf4a06);color:#fff;
  box-shadow:0 10px 20px -12px rgba(232,93,4,.95),inset 0 0 0 1px rgba(255,255,255,.22);
}
.sidebar .nav-link::before{
  inset-inline-start:auto;
  inset-inline-end:-.34rem;
  width:4px;
  background:linear-gradient(180deg,#f97316,#e85d04);
  box-shadow:0 0 10px rgba(232,93,4,.7);
}
.sidebar .nav-link.active::before{height:60%}
.sidebar-section{padding:1rem .5rem .32rem;color:#8f857a}
html[data-density="compact"] .sidebar .nav-link{min-height:38px;padding:.34rem .5rem;font-size:.85rem}
html[data-density="compact"] .sidebar .nav-icon{width:26px;height:26px;flex:0 0 26px}