@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#19345f;--blue:#168fc7;--green:#2cae69;--gold:#ffbd2e;--bg:#eafaff}
*{box-sizing:border-box}body{margin:0;font-family:Vazirmatn,Tahoma,sans-serif;color:var(--ink);background:linear-gradient(180deg,#a9edff,#f5ffff 55%,#dcf8dc);min-height:100vh}a{color:#087eae;text-decoration:none}.top{padding:16px clamp(14px,4vw,38px);display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.brand{font-size:1.45rem;font-weight:900;color:#0875a4}.container{max-width:1120px;margin:auto;padding:10px 16px 30px}.panel{background:#fff;border:2px solid #fff;border-radius:22px;padding:22px;margin:12px 0;box-shadow:0 6px 0 #b8e8f4}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.card{background:#fff;border:2px solid #e0f2f8;border-radius:20px;padding:18px;box-shadow:0 5px 0 #c8eaf3}.emoji{font-size:2.5rem}.muted{color:#63809a}.btn,button{font:inherit;border:0;border-radius:13px;padding:11px 16px;background:#ffbd2e;color:#704900;font-weight:800;cursor:pointer;display:inline-block}.btn.blue,button.blue{background:#168fc7;color:#fff}.btn.green{background:#2cae69;color:#fff}.btn.red{background:#c94a54;color:#fff}.field{display:block;width:100%;font:inherit;border:1px solid #cbdfea;border-radius:12px;padding:12px;margin:7px 0 14px;background:white}label{font-weight:700}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row>*{flex:1}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;background:#fff}th,td{padding:11px;border-bottom:1px solid #e2edf3;text-align:right;white-space:nowrap}th{background:#e9f8ff}.notice{padding:12px;border-radius:12px;background:#e8f8ee;color:#1c7443;margin:12px 0}.error{background:#fff0ef;color:#9a3434}.footer{text-align:center;padding:22px;line-height:2;color:#5c8092}.footer a{font-weight:800}.badge{display:inline-block;background:#fff1c9;padding:4px 9px;border-radius:9px;font-size:.85rem}.hero{padding:26px;background:linear-gradient(120deg,#fff,#e9fbff);border-radius:24px;border:2px solid white}.hero h1{margin-top:0;color:#0875a4}@media(max-width:600px){.top{align-items:flex-start}.container{padding:8px 10px 22px}.panel{padding:16px}.row{display:block}.row>*{width:100%;margin-bottom:8px}}