@font-face{font-family:'Assistant';font-style:normal;font-weight:200 800;font-display:swap;
  src:url('/static/fonts/assistant.woff2') format('woff2')}

:root{
  --bg:#f4f5f7; --card:#fff; --ink:#1c2430; --muted:#6b7684; --line:#e3e6ea;
  --brand:#2b5f9e; --brand-dark:#24507f; --brand-soft:#eaf1f9;
  --ok:#1d7a4c; --ok-bg:#e6f4ec; --warn:#9a6a10; --warn-bg:#fdf3e0;
  --dan:#b3352f; --dan-bg:#fbeceb; --neu:#5a6472; --neu-bg:#eef0f3;
  --font:'Assistant','Segoe UI',Arial,sans-serif;
}
*{box-sizing:border-box}
html{direction:rtl}
body{direction:rtl;text-align:right;margin:0;background:var(--bg);color:var(--ink);
  font-family:var(--font);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}

header{background:var(--brand);color:#fff;padding:13px 26px;display:flex;
  align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
header .ttl{font-size:19px;font-weight:600;letter-spacing:-.2px}
header .usr{font-size:14px;opacity:.92;display:flex;gap:14px;align-items:center}
header .usr a{color:#fff;text-decoration:none;opacity:.85}
header .usr a:hover{opacity:1;text-decoration:underline}

nav{background:var(--card);border-bottom:1px solid var(--line);padding:0 18px;
  display:flex;gap:2px;overflow-x:auto}
nav a{padding:13px 18px;font-size:15.5px;color:var(--muted);text-decoration:none;
  border-bottom:3px solid transparent;white-space:nowrap}
nav a:hover{color:var(--ink);background:#fafbfc}
nav a.on{color:var(--brand);border-bottom-color:var(--brand);font-weight:600}
nav a.soon{opacity:.45;pointer-events:none}

main{padding:22px 26px 70px;max-width:1200px}
h1{font-size:23px;font-weight:600;margin:0 0 18px;letter-spacing:-.3px}
h2{font-size:19px;font-weight:600;margin:26px 0 12px}
h3{font-size:16px;font-weight:600;margin:20px 0 8px}

.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:20px}
.kpi{background:var(--card);border:1px solid var(--line);border-radius:9px;padding:13px 16px}
.kpi .lb{font-size:13.5px;color:var(--muted);margin-bottom:3px}
.kpi .vl{font-size:26px;font-weight:600;letter-spacing:-.5px}
.kpi .sub{font-size:13px;color:var(--muted)}
.kpi.a{border-right:3px solid var(--brand)}
.kpi.g{border-right:3px solid var(--ok)}
.kpi.r{border-right:3px solid var(--dan)}
.kpi.w{border-right:3px solid var(--warn)}

.card{background:var(--card);border:1px solid var(--line);border-radius:9px;
  padding:16px 18px;margin-bottom:18px}
.card.flush{padding:0;overflow:hidden}
.card>.hd{display:flex;justify-content:space-between;align-items:center;
  gap:12px;flex-wrap:wrap;margin:0 0 12px}
.card>.hd b{font-size:16px}
.card.flush>.hd{padding:14px 18px 12px;margin:0;border-bottom:1px solid var(--line)}

.bar{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.bar.end{justify-content:flex-start}
.grow{flex:1}

input,select,textarea{font-family:inherit;font-size:14.5px;padding:8px 11px;
  border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink);width:100%}
input:focus,select:focus,textarea:focus{outline:2px solid var(--brand-soft);border-color:var(--brand)}
input[type=file]{padding:7px}
textarea{min-height:70px;resize:vertical}
.bar input,.bar select{width:auto;min-width:150px}

.btn{font-family:inherit;font-size:14.5px;padding:8px 16px;border:1px solid var(--line);
  border-radius:6px;background:var(--card);color:var(--ink);cursor:pointer;
  text-decoration:none;display:inline-block;white-space:nowrap}
.btn:hover{background:#f7f8fa}
.btn.p{background:var(--brand);border-color:var(--brand);color:#fff}
.btn.p:hover{background:var(--brand-dark)}
.btn.d{color:var(--dan);border-color:#f0cfcd}
.btn.d:hover{background:var(--dan-bg)}
.btn.sm{padding:4px 11px;font-size:13.5px}

table{width:100%;border-collapse:collapse;font-size:14.5px}
th{text-align:right;padding:10px;border-bottom:2px solid var(--line);color:var(--muted);
  font-weight:600;font-size:13.5px;white-space:nowrap}
td{text-align:right;padding:10px;border-bottom:1px solid var(--line);vertical-align:middle}
tbody tr:last-child td{border-bottom:none}
tbody tr:hover{background:#fafbfc}
.num{font-variant-numeric:tabular-nums;white-space:nowrap}
table a{color:var(--brand);text-decoration:none;font-weight:500}
table a:hover{text-decoration:underline}

.tag{display:inline-block;padding:2.5px 11px;border-radius:20px;font-size:13px;
  font-weight:600;white-space:nowrap}
.t-ok{background:var(--ok-bg);color:var(--ok)}
.t-w{background:var(--warn-bg);color:var(--warn)}
.t-d{background:var(--dan-bg);color:var(--dan)}
.t-n{background:var(--neu-bg);color:var(--neu)}
.t-b{background:var(--brand-soft);color:var(--brand)}

.msg{padding:11px 15px;border-radius:7px;margin-bottom:16px;font-size:14.5px}
.msg.e{background:var(--dan-bg);border-right:3px solid var(--dan);color:#7d2521}
.msg.s{background:var(--ok-bg);border-right:3px solid var(--ok);color:#145c39}
.msg.i{background:var(--brand-soft);border-right:3px solid var(--brand);color:#1e4674}
.msg.w{background:var(--warn-bg);border-right:3px solid var(--warn);color:#7a530c}

.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:13px}
.fld label{display:block;font-size:13.5px;color:var(--muted);margin-bottom:3px}
.fld.wide{grid-column:1/-1}
.req::after{content:' *';color:var(--dan)}

dl.dl{display:grid;grid-template-columns:145px 1fr;gap:7px 14px;font-size:14.5px;margin:0}
dl.dl dt{color:var(--muted)}
dl.dl dd{margin:0;font-weight:500}

.note{font-size:13.5px;color:var(--muted);margin-top:10px}
.mini{font-size:13.5px;color:var(--muted)}
.empty{padding:34px;text-align:center;color:var(--muted)}
.actions{display:flex;gap:9px;margin-top:18px;flex-wrap:wrap}

.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;
  background:var(--bg);padding:20px}
.login{background:var(--card);border:1px solid var(--line);border-radius:11px;
  padding:30px 32px;width:100%;max-width:370px}
.login h1{font-size:21px;margin:0 0 4px}
.login .sub{color:var(--muted);font-size:14px;margin:0 0 22px}
.login .fld{margin-bottom:13px}
.login .btn{width:100%;margin-top:8px;padding:10px}

.steps{display:flex;gap:8px;margin-bottom:20px;font-size:14px;flex-wrap:wrap}
.steps span{padding:5px 14px;border-radius:20px;background:var(--neu-bg);color:var(--muted)}
.steps span.on{background:var(--brand);color:#fff;font-weight:600}
.steps span.done{background:var(--ok-bg);color:var(--ok)}

.scroll{overflow-x:auto}
@media(max-width:860px){
  .grid2{grid-template-columns:1fr}
  main{padding:16px 14px 60px}
  dl.dl{grid-template-columns:120px 1fr}
}