@import "https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700&display=swap";
:root{--bg:#f5f7fa;--surface:#fff;--text:#152438;--sub:#6a7789;--border:#e3e9ef;--primary:#115d79;--primary-dark:#0b455c;--success:#137c62;--danger:#b53745}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Vazirmatn,Tahoma,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.topbar{border-bottom:1px solid var(--border);background:#fff}.topbar-content{align-items:center;gap:30px;max-width:1160px;margin:auto;padding:16px 24px;display:flex}.brand{white-space:nowrap;font-size:23px;font-weight:800}.brand span{color:var(--primary)}nav{color:var(--sub);flex:1;gap:22px;font-size:14px;display:flex}.topbar-auth{white-space:nowrap}.page{max-width:1160px;min-height:calc(100vh - 196px);margin:32px auto;padding:0 24px}.footer{text-align:center;color:var(--sub);border-top:1px solid var(--border);padding:22px;font-size:12px}.hero{color:#fff;background:linear-gradient(110deg,#0d5570,#1e7c89);border-radius:18px;margin-bottom:30px;padding:40px}.hero h1{margin:0 0 12px;font-size:28px}.hero p{color:#deedf0;margin:0;line-height:2}.section-head{justify-content:space-between;align-items:center;margin:22px 0 15px;display:flex}.section-head h2{margin:0;font-size:19px}.muted{color:var(--sub)}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.panel,.product{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px;box-shadow:0 3px 12px #15243808}.product h3{margin:8px 0}.product .label{color:var(--primary);font-size:12px;font-weight:700}.product p{color:var(--sub);font-size:13px;line-height:2}.product-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:18px;padding-top:16px;display:flex}.btn{border:1px solid var(--border);background:#fff;border-radius:9px;padding:10px 17px;font-weight:600}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-dark)}.btn.subtle{color:var(--primary);background:#edf4f7;border-color:#0000}.btn:disabled{opacity:.45;cursor:not-allowed}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field{flex-direction:column;gap:7px;font-size:13px;font-weight:600;display:flex}.field input,.field select{width:100%;color:var(--text);outline-offset:2px;background:#fff;border:1px solid #ccd7df;border-radius:8px;padding:11px 12px}.field small{color:var(--sub);font-weight:400}.actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;display:flex}.notice{color:#1f5974;background:#eff6fb;border-radius:10px;padding:15px 17px;font-size:13px;line-height:2}.notice.error{color:var(--danger);background:#fff1f1}.notice.success{color:var(--success);background:#e9f7f1}.summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:20px 0;display:grid}.summary div{border:1px solid var(--border);background:#f5f8fa;border-radius:9px;padding:14px}.summary small{color:var(--sub);display:block}.summary strong{margin-top:5px;display:block}.table-wrap{overflow:auto}.data-table{border-collapse:collapse;width:100%;min-width:650px}.data-table th,.data-table td{text-align:right;border-bottom:1px solid var(--border);padding:14px;font-size:13px}.data-table th{color:var(--sub);background:#f7f9fa}.pill{color:#16536d;background:#eef4f8;border-radius:100px;padding:4px 10px;font-size:12px}.stack{flex-direction:column;gap:16px;display:flex}.divider{border:0;border-top:1px solid var(--border);margin:20px 0}.actions a{color:var(--primary)}@media (max-width:650px){.topbar-content{flex-wrap:wrap;gap:12px;padding:14px}.topbar-content nav{flex-basis:100%;order:3;justify-content:center}.page{margin:18px auto;padding:0 14px}.hero{padding:28px 22px}.hero h1{font-size:22px}.form-grid,.summary{grid-template-columns:1fr}.panel{padding:18px}}.blu-step{border:1px solid var(--border);background:#fafcfd;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:15px;display:flex}.blu-step strong{flex:1;min-width:160px;font-size:13px}.blu-step .pill{white-space:nowrap}
