@font-face{font-family:iran;src:url('fonts/medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:iran;src:url('fonts/regular.woff2') format('woff2');font-display:swap}@font-face{font-family:iran;src:url('fonts/bold.woff2') format('woff2');font-weight:700;font-display:swap}*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#233044;font:15px iran,Tahoma,sans-serif}header{height:70px;background:#122b49;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 32px}.shell{display:flex;min-height:calc(100vh - 70px)}nav{width:220px;flex-shrink:0;background:#fff;padding:20px 12px;border-left:1px solid #e4e9f1}nav a,nav .link{display:block;width:100%;text-align:right;color:#33455e;padding:12px 14px;text-decoration:none;background:transparent;border:0;border-radius:10px;font:inherit;cursor:pointer}nav a:hover,nav .link:hover{background:#edf3fb}main{width:100%;min-width:0;padding:28px;max-width:1600px}h1{font-size:24px;margin:0 0 22px}h2{font-size:24px;margin:8px 0}h3{margin:0 0 18px;font-size:17px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}.card{background:#fff;border:1px solid #e5ebf3;box-shadow:0 5px 20px #122b4908;border-radius:16px;padding:22px;margin-bottom:18px;overflow:auto}.narrow{max-width:600px}small{color:#71829a}label{display:block;margin-bottom:14px;font-size:13px;color:#52647a}input,textarea,select{font:inherit;display:block;width:100%;border:1px solid #d8e1eb;border-radius:9px;padding:11px;margin-top:6px;background:#fff;color:#233044}button,.button{display:inline-block;font:inherit;border:0;background:#1267b1;color:white;border-radius:9px;padding:10px 18px;cursor:pointer;text-decoration:none;white-space:nowrap}button:hover,.button:hover{background:#0b528f}button.danger{background:#b43b45}table{border-collapse:collapse;width:100%;min-width:650px}th,td{text-align:right;border-bottom:1px solid #edf0f4;padding:12px 9px;vertical-align:top}th{background:#f7f9fc;color:#52647a}td input{min-width:120px}.success{padding:13px;border-radius:9px;background:#e7f8ef;color:#19673c;margin-bottom:18px}.error{color:#a32133;background:#fff2f2}.inline,.formgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}.formgrid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:900px){.shell{display:block}nav{width:auto;display:flex;overflow:auto;gap:4px;border-left:0;border-bottom:1px solid #e4e9f1}nav a,nav .link{white-space:nowrap}main{padding:16px}.grid{grid-template-columns:1fr}.inline,.formgrid{grid-template-columns:1fr}header{padding:0 16px}}

.user-edit{border:1px solid #e5ebf3;border-radius:12px;margin:12px 0;padding:14px}.user-edit summary{cursor:pointer;font-weight:700}.user-edit form{margin-top:18px}

/* v1.4 visual refresh */
body{background:linear-gradient(145deg,#f4f8ff 0%,#f7f9fc 65%,#eef4fb 100%)}
header{background:linear-gradient(110deg,#102e50,#194f7a);box-shadow:0 3px 18px #123b6022}
header strong{font-size:18px}nav{width:248px;padding:24px 13px;background:#fff;border-left:1px solid #e5edf5}
.nav-heading{font-size:12px;color:#899ab0;padding:4px 16px 16px}
nav a.nav-item,nav button.nav-item{display:flex;align-items:center;gap:12px;min-height:45px;padding:10px 14px;margin:4px 0;border-radius:11px;transition:background .15s,color .15s}
.nav-item img{width:19px;height:19px;flex-shrink:0}
nav .nav-item.active{background:#eaf3ff;color:#10599b;font-weight:700}
nav .nav-item:hover{background:#eff6fd}
.card{border-color:#e5edf5;box-shadow:0 7px 25px #1747750b;border-radius:18px}
input:focus,select:focus,textarea:focus{outline:2px solid #9bc8fa;outline-offset:1px;border-color:#5897d6}
input[data-money]{font-variant-numeric:tabular-nums;text-align:left;letter-spacing:.4px}
.login-page .shell{min-height:calc(100dvh - 70px);display:grid;place-items:center;padding:32px 16px}
.login-page main{width:100%;max-width:470px;padding:0;margin:0}
.login-page h1{text-align:center;font-size:26px;margin-bottom:20px}
.login-page .card{max-width:none;width:100%;padding:32px;border-radius:22px;box-shadow:0 18px 55px #143b651a;overflow:visible}
.login-page label{font-size:14px}.login-page input{padding:14px 12px}
.login-page button:not(.link){width:100%;padding:13px;font-weight:700;margin-top:8px}
@media(max-width:900px){nav{width:auto;padding:10px;gap:3px}nav .nav-heading{display:none}nav a.nav-item,nav button.nav-item{white-space:nowrap;margin:0}.login-page main{max-width:470px}}

/* v1.6 Persian installment status and clarity */
.status-pill{display:inline-block;border-radius:999px;background:#e9f2fd;color:#195b91;padding:5px 11px;font-size:12px;font-weight:700;white-space:nowrap}
.notice-inline{background:#edf8f1;border-right:3px solid #3c9a68;border-radius:8px;padding:13px;color:#22543a}
.card table td{line-height:1.8}

/* v1.8: compact installment collection view */
.installment-filter{margin:14px 0 18px;display:flex;align-items:center;gap:12px}
.installment-filter label{display:inline-flex;align-items:center;gap:9px;cursor:pointer;font-weight:600}
.installment-filter input[type=checkbox]{width:18px;height:18px;accent-color:#1668ae}
.table-scroll{max-width:100%;overflow-x:auto}