:root{
 --blue:#176ed1;--navy:#122e50;--bg:#f2f6fb;--paper:#fff;
 --text:#172b46;--muted:#75859a;--line:#dbe5f0;--head:#eef4fb;--red:#e04a4a;
 --shadow:0 10px 30px rgba(25,62,102,.08)
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{font-family:Arial,"Noto Sans Arabic",sans-serif;background:var(--bg);color:var(--text)}
a{color:inherit}.app{min-height:100vh}.main{min-width:0}
.topbar{min-height:76px;background:#fff;display:flex;align-items:center;gap:18px;padding:10px 24px;position:sticky;top:0;z-index:20;border-bottom:1px solid #e5ecf4}
.brand-top{text-decoration:none;font-size:20px;font-weight:800;white-space:nowrap;color:var(--navy);display:flex;align-items:center;gap:8px}
.main-nav{display:flex;gap:6px;margin-inline:auto}
.main-nav a{text-decoration:none;padding:10px 16px;border-radius:9px;color:#38506d;font-weight:700}
.main-nav a.active{background:var(--blue);color:#fff}
.header-tools{display:flex;align-items:center;gap:8px}
.langs{display:flex;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff}
.langs a{padding:9px 12px;text-decoration:none;background:#fff}
.langs a.active{background:var(--blue);color:#fff;font-weight:800}
.user-chip,.logout-link{text-decoration:none;border:1px solid var(--line);border-radius:9px;padding:9px 11px;background:#fff;white-space:nowrap}
.logout-link{color:#b23838}
.page-title{padding:20px 24px 0}.page-title h1{font-size:24px;margin:0;color:#17385e}
.content{padding:18px 24px 28px;max-width:1550px;margin:auto}

.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow)}
.exact-card{padding:16px}
.v8-card{display:grid;gap:14px}
label{font-size:13px;font-weight:700;color:#45566d}
input,textarea,select{width:100%;border:1px solid #d4deea;border-radius:8px;padding:10px 11px;margin-top:6px;background:#fff;color:#14233b;outline:none}
input:focus,textarea:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(23,110,209,.10)}

.top-mini-bar{display:grid;grid-template-columns:220px 220px;gap:12px;align-items:end;justify-content:start}
.meta-wrap{border:1px solid var(--line);border-radius:10px;overflow:auto}
.meta-table{width:100%;border-collapse:collapse;min-width:760px}
.meta-table th,.meta-table td{border:1px solid var(--line);padding:8px;background:#fff;text-align:center;vertical-align:middle}
.meta-table th{background:var(--head);font-size:13px;font-weight:800;color:#213b5b}
.meta-table td input{border:0;border-radius:0;box-shadow:none;background:transparent;margin:0;padding:8px;text-align:center}

.table-wrap{width:100%;overflow:auto;border:1px solid var(--line);border-radius:10px}
.exact-sheet,.archive-sheet{width:100%;border-collapse:collapse;min-width:980px}
.exact-sheet th,.exact-sheet td,.archive-sheet th,.archive-sheet td{border:1px solid var(--line);padding:8px;text-align:center;vertical-align:middle;background:#fff}
.exact-sheet th,.archive-sheet th{background:var(--head);font-size:13px;font-weight:800;color:#213b5b}
.exact-sheet td input{border:0;border-radius:0;padding:8px;margin:0;background:transparent;box-shadow:none}
.exact-sheet td input:focus{background:#f8fbff}
.code-desc-cell{min-width:260px}.code-desc-cell .code{width:34%;display:inline-block}.code-desc-cell .desc{width:64%;display:inline-block}
.img-cell{width:95px}.img-upload{width:48px;height:48px;border-radius:9px;background:#f2f5f8;display:grid;place-items:center;margin:4px auto;color:#6f7f91;font-size:22px;cursor:pointer}.img-upload input{display:none}
.edit-thumb{display:block;width:42px;height:42px;object-fit:cover;border-radius:8px;margin:0 auto 4px}
.lineTotal{font-weight:800;color:#17385e;white-space:nowrap}
.removeRow{border:0;background:transparent;color:var(--red);font-size:21px;cursor:pointer}
.under-table-bar{padding-top:4px}
.bottom-grid{display:grid;grid-template-columns:1fr 340px;gap:16px}
.notes textarea{min-height:110px}
.totals-panel{background:#f7fbff;border:1px solid #dfe9f3;border-radius:10px;padding:18px}
.totals-row{display:flex;justify-content:space-between;align-items:center}
.totals-row strong{font-size:25px;color:var(--blue)}
.actions{display:flex;gap:10px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #cfdae6;background:#fff;color:#2d4563;border-radius:9px;padding:10px 16px;text-decoration:none;cursor:pointer}
.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.soft{background:#edf5ff;border-color:#d5e6fb;color:#135fae}.btn.danger{color:var(--red)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}
.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:var(--shadow)}
.stat small{display:block;color:var(--muted);margin-bottom:8px}.stat b{font-size:24px;color:var(--blue)}
.searchbar{display:flex;gap:10px;margin-bottom:14px}.searchbar input{margin:0;max-width:460px}
.row-actions{white-space:nowrap}.mini{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:6px;text-decoration:none;color:#245583;margin:1px}.mini.danger{color:var(--red)}

.install-body,.auth-body{display:grid;place-items:center;min-height:100vh;padding:20px;background:linear-gradient(135deg,#eef5ff,#f8fafc)}
.install-card,.auth-card{width:min(540px,100%);background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:var(--shadow)}
.auth-card{width:min(430px,100%)}.alert{padding:12px;border-radius:8px;margin:10px 0}.alert.error{background:#fff0f0;color:#9d2626}.alert.success{background:#effaf2;color:#216c33}

@media(max-width:1050px){
 .top-mini-bar{grid-template-columns:1fr 1fr}
 .bottom-grid{grid-template-columns:1fr}
 .stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
 .topbar{flex-wrap:wrap;padding:10px;gap:8px}
 .brand-top{order:1}.brand-top span{display:none}
 .header-tools{order:2;margin-inline-start:auto}
 .main-nav{order:3;width:100%;display:grid;grid-template-columns:1fr 1fr;margin:0}
 .main-nav a{text-align:center;font-size:12px;padding:9px 7px}
 .user-chip{font-size:0;padding:9px}.logout-link{font-size:12px;padding:8px}.langs a{padding:8px}
 .page-title{padding:14px 10px 0}.page-title h1{font-size:19px}
 .content{padding:10px}
 .top-mini-bar{grid-template-columns:1fr}
 .stats{grid-template-columns:1fr 1fr}
 .exact-card{padding:10px}
 .searchbar{flex-direction:column}.searchbar input{max-width:none}
 .exact-sheet,.archive-sheet{min-width:900px}
 .meta-table{min-width:700px}
}
@media print{
 body{background:#fff}.topbar,.page-title,.actions,.under-table-bar{display:none!important}
 .content{padding:0}.card{border:0;box-shadow:none}
 .exact-sheet,.archive-sheet,.meta-table{min-width:0}
 .table-wrap,.meta-wrap{overflow:visible}
}


/* V13 navigation width fixes */
.main-nav{flex-wrap:wrap;justify-content:center}
.main-nav a{font-size:13px}
@media(max-width:1100px){
  .topbar{flex-wrap:wrap}
  .main-nav{order:3;width:100%;margin:0;display:grid;grid-template-columns:repeat(4,1fr)}
  .main-nav a{text-align:center;padding:9px 7px;font-size:12px}
}
@media(max-width:650px){
  .main-nav{grid-template-columns:repeat(2,1fr)}
}