@font-face{font-family:"PeydaFaNum";src:url("/static/fonts/PeydaFaNumWeb-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"PeydaFaNum";src:url("/static/fonts/PeydaFaNumWeb-Medium.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"PeydaFaNum";src:url("/static/fonts/PeydaFaNumWeb-SemiBold.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"PeydaFaNum";src:url("/static/fonts/PeydaFaNumWeb-Bold.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"PeydaFaNum";src:url("/static/fonts/PeydaFaNumWeb-ExtraBold.woff2") format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"PeydaFaNum";src:url("/static/fonts/PeydaFaNumWeb-Black.woff2") format("woff2");font-weight:900;font-display:swap}

html{color-scheme:light only}
*{box-sizing:border-box;font-family:"PeydaFaNum",Tahoma,"Segoe UI",Arial,sans-serif}
body{
  margin:0;
  background:#f0f2f5 !important;
  color:#0f172a;
  --admin-shell-w:250px;
  --admin-nav-head-h:78px;
}

.admin-nav-shell{
  position:fixed;right:0;top:0;bottom:0;z-index:1040;
  display:flex;box-shadow:-4px 0 20px rgba(0,0,0,.1);
}
.admin-sidebar{
  background:linear-gradient(180deg,#1a1a2e 0%,#16213e 100%);
  width:250px;display:flex;flex-direction:column;overflow:hidden;flex-shrink:0;
}
.admin-sidebar .brand{
  min-height:var(--admin-nav-head-h);height:var(--admin-nav-head-h);
  padding:0 1rem;display:flex;flex-direction:column;justify-content:center;
  text-align:center;border-bottom:1px solid rgba(255,255,255,.1);
}
.admin-sidebar .brand h5{color:#fff;font-weight:800;margin:0;font-size:1.1rem}
.admin-sidebar .brand small{color:rgba(255,255,255,.5);font-size:.75rem}
.admin-sidebar .sidebar-nav{flex:1;min-height:0;overflow-y:auto;padding:8px 8px 1rem;scrollbar-width:none}
.admin-sidebar .sidebar-nav::-webkit-scrollbar{display:none}
.admin-sidebar .nav-link{
  color:rgba(255,255,255,.7)!important;padding:.65rem 1.2rem;font-weight:500;font-size:.85rem;
  display:flex;align-items:center;gap:.6rem;border-radius:10px;margin-bottom:2px;
  text-decoration:none;transition:all .2s;white-space:nowrap;
}
.admin-sidebar .nav-link:hover{color:#fff!important;background:rgba(255,255,255,.1)}
.admin-sidebar .nav-link.active{
  color:#fff!important;background:rgba(37,99,235,.35);
  box-shadow:inset -3px 0 0 #60a5fa;font-weight:700;
}
.admin-sidebar .nav-link i{width:18px;text-align:center}
.admin-sidebar-footer{padding:8px 8px 1rem;border-top:1px solid rgba(255,255,255,.1)}

.admin-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1035}
.admin-header{
  background:#fff;padding:.75rem 1.5rem;margin-right:var(--admin-shell-w);
  box-shadow:0 2px 10px rgba(0,0,0,.05);display:flex;justify-content:space-between;
  align-items:center;position:sticky;top:0;z-index:50;
}
.admin-header h5{margin:0;font-size:1rem;font-weight:800;color:#0f172a}
.admin-header .menu-toggle{
  display:none;border:0;background:#f1f5f9;border-radius:10px;width:40px;height:40px;align-items:center;justify-content:center
}
.admin-content{margin-right:var(--admin-shell-w);padding:1.25rem 1.5rem}

.dash-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;flex-wrap:wrap}
.dash-header__title{margin:0;font-size:1.35rem;font-weight:800;color:#0f172a;letter-spacing:-.02em}
.dash-header__sub{margin:.2rem 0 0;font-size:.8rem;color:#64748b}
.dash-header__actions .btn,.dash-header .btn{
  border-radius:10px;font-weight:700;font-size:.8rem;padding:.45rem .85rem
}

.dash-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.75rem;
  margin-bottom:1.1rem;
}
.dash-stat{
  background:linear-gradient(180deg,#fafbfc 0%,#fff 100%);
  border:1px solid #eef2f7;border-radius:14px;padding:.85rem .9rem;min-height:96px;
  display:flex;flex-direction:column;justify-content:space-between;
  box-shadow:0 1px 3px rgba(15,23,42,.05),0 4px 14px rgba(15,23,42,.04);
}
.dash-stat__top{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.45rem}
.dash-stat__label{font-size:.72rem;font-weight:700;color:#64748b;line-height:1.4}
.dash-stat__value{font-size:1.35rem;font-weight:800;color:#0f172a;line-height:1.2}
.dash-stat__value--sm{font-size:1.05rem}
.dash-stat__icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:#fff;font-size:1rem;flex-shrink:0}
.dash-stat__icon--blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}
.dash-stat__icon--green{background:linear-gradient(135deg,#10b981,#059669)}
.dash-stat__icon--orange{background:linear-gradient(135deg,#f59e0b,#d97706)}
.dash-stat__icon--rose{background:linear-gradient(135deg,#f43f5e,#e11d48)}

.dash-section{
  background:#fff;border:1px solid #e2e8f0;border-radius:16px;
  box-shadow:0 1px 3px rgba(15,23,42,.05);padding:1rem 1.1rem 1.15rem;margin-bottom:1.1rem
}
.dash-section__head{display:flex;align-items:center;gap:.55rem;margin-bottom:.9rem;padding-bottom:.65rem;border-bottom:1px solid #f1f5f9}
.dash-section__icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#eff6ff;color:#2563eb;font-size:.95rem}
.dash-section__title{margin:0;font-size:.92rem;font-weight:800;color:#1e293b}
.price-box{background:#f8fafc;border:1px solid #eef2f7;border-radius:12px;padding:.85rem 1rem}
.price-box .lbl{font-size:.72rem;font-weight:700;color:#64748b}
.price-box .val{font-size:1.05rem;font-weight:800;color:#0f172a;margin-top:.2rem}

.table{width:100%;background:#fff}
.table th{font-weight:700;font-size:.85rem;color:#666}
.table td{vertical-align:middle;font-size:.9rem}
.table code{font-size:.78rem;word-break:break-all}
.form-control,.form-select{border-radius:12px;border:2px solid #e2e8f0;padding:.7rem .9rem}
.form-control:focus,.form-select:focus{border-color:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.1)}
.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;border:0!important;border-radius:12px;font-weight:700;color:#fff!important}
.btn-outline-primary{border-radius:12px;font-weight:700;color:#2563eb;border:1px solid #2563eb}
.btn-sm{border-radius:8px}
.alert{border-radius:12px}
.badge-soft{border-radius:999px;padding:.25rem .55rem;font-size:.72rem;font-weight:700}
.badge-soft-ok{background:#ecfdf5;color:#047857}
.badge-soft-wait{background:#fff7ed;color:#c2410c}
.badge-soft-no{background:#fef2f2;color:#b91c1c}

.orders-table .col-actions{width:1%;white-space:nowrap;text-align:center}
.order-actions{display:inline-flex;align-items:center;gap:.35rem;flex-wrap:nowrap}
.order-actions form{display:inline;margin:0}
.order-actions .btn-icon{
  width:2.05rem;height:2.05rem;padding:0;border-radius:9px;
  display:inline-grid;place-items:center;line-height:1;font-size:.95rem
}
.pager{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:.85rem}
.pager__info{font-size:.82rem;color:#64748b;font-weight:600}

.receipt-modal[hidden]{display:none!important}
.receipt-modal{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:1rem}
.receipt-modal__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.55)}
.receipt-modal__panel{
  position:relative;z-index:1;width:min(560px,100%);max-height:min(90vh,820px);
  background:#fff;border-radius:16px;box-shadow:0 20px 50px rgba(15,23,42,.28);
  display:flex;flex-direction:column;overflow:hidden
}
.receipt-modal__head,.receipt-modal__foot{
  display:flex;align-items:center;justify-content:space-between;gap:.75rem;
  padding:.85rem 1rem;border-bottom:1px solid #eef2f7
}
.receipt-modal__foot{border-bottom:0;border-top:1px solid #eef2f7;justify-content:flex-end}
.receipt-modal__body{padding:1rem;overflow:auto;background:#f8fafc}
.receipt-modal__body img{display:block;width:100%;height:auto;border-radius:12px;background:#fff}

@media (max-width:1200px){.dash-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:992px){
  .admin-nav-shell{transform:translateX(100%);transition:transform .3s}
  .admin-nav-shell.open{transform:translateX(0)}
  .admin-overlay.open{display:block}
  .admin-header,.admin-content{margin-right:0}
  .admin-header .menu-toggle{display:flex}
}
@media (max-width:576px){
  .dash-grid{grid-template-columns:1fr}
  .admin-content{padding:.75rem}
}