*{box-sizing:border-box}body{margin:0;font:15px/1.7 Vazirmatn,Tahoma,sans-serif;background:#f2f5f6;color:#18262c}
nav{background:#12303a;display:flex;gap:4px;padding:8px 12px;overflow-x:auto}nav a{color:#b6d3d8;text-decoration:none;padding:8px 14px;border-radius:8px;white-space:nowrap}nav a.on,nav a:hover{background:#0f766e;color:#fff}nav .out{margin-right:auto;color:#f5b5b5}
main{max-width:1000px;margin:20px auto;padding:0 14px}h1{font-size:22px;margin:0 0 16px}h2{font-size:17px;margin:20px 0 10px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px}.card,.box{background:#fff;border-radius:12px;padding:14px;border:1px solid #dfe7e9}.box{margin-bottom:16px}.card b{display:block;font-size:20px}.card small{color:#5b7078}
.g{color:#047857}.r{color:#c0392b}
table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #dfe7e9;border-radius:12px;overflow:hidden}th,td{padding:10px 12px;text-align:right;border-bottom:1px solid #edf2f3}th{background:#e6f2f1;font-weight:600}
form.row{display:flex;flex-wrap:wrap;gap:8px;align-items:end}td form{display:inline}
input,select{padding:9px 11px;border:1px solid #c3d1d5;border-radius:9px;font:inherit;background:#fff;min-width:0}input:focus,select:focus,button:focus{outline:2px solid #0f766e}
label{display:flex;flex-direction:column;font-size:13px;color:#5b7078;gap:3px}
button,.btn{background:#0f766e;color:#fff;border:0;border-radius:9px;padding:9px 16px;font:inherit;cursor:pointer;text-decoration:none;display:inline-block}.s{background:#dfe7e9!important;color:#18262c!important}.d{background:#c0392b!important}.big{padding:12px 22px;font-size:16px}
.ok{background:#d5f0e6;color:#065f46;padding:10px 14px;border-radius:10px;margin-bottom:14px}.err{background:#fbe0dd;color:#8a1f14;padding:10px 14px;border-radius:10px;margin-bottom:12px}
.w{overflow-x:auto;margin-bottom:16px}.m{color:#5b7078;font-size:13px}
@media(max-width:600px){th,td{padding:8px 6px;font-size:13px}}