:root{--ink:#14213d;--muted:#667085;--line:#e7eaf0;--bg:#f7f8fb;--brand:#2f6fed;--accent:#14b87a;--danger:#d92d20;--card:#fff}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 28px));margin:auto}.topbar{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.nav{display:flex;gap:18px;align-items:center;min-height:70px}.brand{font-size:25px;font-weight:900}.brand span{color:var(--brand)}nav{display:flex;align-items:center;gap:14px;margin-left:auto}nav a{font-weight:650}.nav-search{display:flex;gap:8px;flex:1;max-width:560px}.nav-search input{width:100%;padding:11px 14px}.hero{background:linear-gradient(135deg,#edf4ff,#fff);padding:70px 28px;border-radius:20px;margin-top:24px;text-align:center}.hero h1{font-size:clamp(32px,5vw,58px);margin:0 auto 14px;max-width:850px}.hero p{font-size:18px;color:var(--muted)}.hero-search{display:flex;max-width:760px;margin:28px auto 0;gap:10px}.hero-search input{flex:1}.section{margin:28px 0}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px}.business-card{display:flex;gap:14px;align-items:flex-start}.logo{width:56px;height:56px;border-radius:14px;background:#eaf1ff;color:var(--brand);display:grid;place-items:center;font-size:24px;font-weight:900;flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;background:var(--brand);color:#fff;padding:11px 16px;border-radius:10px;font-weight:800;cursor:pointer}.btn.secondary{background:var(--ink)}.btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.danger{background:var(--danger)}.btn.small{padding:8px 11px;font-size:13px}.form{display:grid;gap:12px;max-width:720px}input,select,textarea{width:100%;padding:12px 13px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;font:inherit}textarea{min-height:140px;resize:vertical}label{font-weight:750}.muted,.smalltext{color:var(--muted)}.stars{white-space:nowrap}.star{color:#cfd5df}.star.on{color:#f5b700}.badge{display:inline-block;background:#eef7f2;color:#087443;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.stat-box{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{font-size:30px;font-weight:900;margin-top:8px}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.review{padding:20px 0;border-top:1px solid var(--line)}.review:first-child{border-top:0}.bar{height:10px;background:#eef0f4;border-radius:20px;overflow:hidden}.bar span{display:block;height:100%;background:var(--brand)}.rating-big{font-size:56px;font-weight:900}.alert{padding:13px 16px;border-radius:12px;margin:18px 0}.alert.success{background:#eaf8f1;color:#087443}.alert.error{background:#fff0ee;color:#a62d21}.alert.info{background:#eef4ff;color:#204aaf}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid var(--line);text-align:left}.pagination{display:flex;gap:8px;justify-content:center;margin:24px}.pagination a{padding:8px 12px;border:1px solid var(--line);background:#fff;border-radius:9px}.footer{margin-top:60px;background:#14213d;color:#d9e1f2;padding:42px 0}.footer a{display:block;margin:7px 0}.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.copyright{margin-top:30px;font-size:13px;color:#9fb0cc}.admin-nav{display:flex;gap:9px;flex-wrap:wrap;margin:15px 0 22px}.admin-nav a{padding:9px 12px;background:#fff;border:1px solid var(--line);border-radius:9px}.empty{text-align:center;padding:50px}.notice{font-size:13px;padding:10px 12px;background:#f5f7fa;border-radius:8px}
@media(max-width:850px){.nav{flex-wrap:wrap;padding:10px 0}.nav-search{order:3;max-width:none;flex-basis:100%}nav{margin-left:0;overflow:auto;width:100%}.grid-3,.grid-4,.grid-2,.kpi{grid-template-columns:1fr}.hero-search{flex-direction:column}.foot-grid{grid-template-columns:1fr}.business-card{flex-direction:row}}