:root{--bg:#f6f8fb;--panel:#fff;--text:#1f2937;--muted:#6b7280;--accent:#2563eb}html,body,#root{height:100%;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#fff,#f3f6fb);margin:0;padding:0;font-family:Vazir,system-ui,-apple-system,Segoe UI,Roboto,Tahoma,Arial}.page-center{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;padding:28px;display:flex}.title{margin:0;font-size:2rem}.subtitle{color:var(--muted);margin:0}.btn{background:var(--accent);color:#fff;border-radius:8px;padding:10px 16px;text-decoration:none;display:inline-block;box-shadow:0 6px 18px #2563eb26}.so-header{color:#fff;text-align:center;background:linear-gradient(90deg,#0f172a,#1e293b);padding:20px 18px}.so-header h1{margin:0;font-size:1.6rem}.so-sub{opacity:.9;margin:6px 0 0;font-size:.95rem}.so-main{max-width:1100px;margin:0 auto;padding:18px}.branch-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.branch-card{background:var(--panel);border-radius:10px;flex-direction:column;height:100%;transition:transform .12s,box-shadow .12s;display:flex;overflow:hidden;box-shadow:0 6px 18px #0f172a0f}.card-link{color:inherit;flex-direction:column;height:100%;text-decoration:none;display:flex}.thumb-wrap{background:#e6eef8;width:100%;height:96px;overflow:hidden}.thumb-img{object-fit:cover;width:100%;height:100%;display:block}.card-body{text-align:center;margin-top:auto;padding:10px 12px}.card-title{color:var(--text);margin:2px 0;font-size:1rem}.card-desc{color:var(--muted);margin:6px 0 0;font-size:.85rem}.branch-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px #0f172a1f}.error-panel{color:#7f1d1d;background:#fff7f5;border-radius:8px;max-width:720px;margin:12px auto;padding:16px}