:root{--navy:#0a3155;--blue:#0b5fa5;--green:#0b8e83;--ink:#17324a;--muted:#687b8e;--line:#dce7ed;--bg:#f2f7fa}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{text-decoration:none;color:inherit}header{height:74px;padding:0 max(4vw,18px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}header>a{display:flex;flex-direction:column;color:var(--navy)}header>a b{font-size:18px}header>a small{font-size:8px;letter-spacing:.11em}nav{display:flex;align-items:center;gap:20px;font-size:11px;font-weight:700}nav .active{color:var(--green)}.dash-hero{padding:50px max(5vw,20px) 76px;background:linear-gradient(125deg,#08345b,#087b99);color:#fff}.dash-hero small{font-size:9px;letter-spacing:.16em;color:#9de3e5;font-weight:800}.dash-hero h1{font-size:clamp(29px,4vw,45px);margin:8px 0}.dash-hero p{max-width:760px;color:#d5ebf2;font-size:12px;line-height:1.65}main{max-width:1200px;margin:-29px auto 40px;padding:0 max(3vw,14px);position:relative}.filter{display:grid;grid-template-columns:1fr 120px 70px;gap:8px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 15px 35px #173e5d18}.filter select{height:42px;border:1px solid var(--line);border-radius:8px;padding:0 10px}.filter button{border:0;border-radius:8px;background:var(--green);color:#fff;font-weight:700}.filter a{display:grid;place-items:center;font-size:10px;color:var(--muted)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:15px 0}.kpis article,.result{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 8px 25px #153b570b}.kpis article{padding:19px;display:flex;flex-direction:column}.kpis span,.kpis small{font-size:9px;color:var(--muted)}.kpis b{font-size:28px;color:var(--navy);margin:9px 0 3px}.kpis .category{font-size:16px;margin-top:16px}.result-head{display:flex;justify-content:space-between;align-items:flex-end;padding:20px 22px;border-bottom:1px solid var(--line)}.result-head small{font-size:8px;letter-spacing:.14em;color:var(--blue);font-weight:800}.result-head h2{font-size:18px;margin:4px 0}.result-head p{font-size:9px;color:var(--muted)}.bars{padding:23px}.bar{display:grid;grid-template-columns:230px 1fr 44px;gap:14px;align-items:center;margin-bottom:18px;font-size:10px}.bar>div{height:13px;border-radius:99px;background:#e7eef2;overflow:hidden}.bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#0b8e83,#22b7a4)}.bar b{text-align:right;color:var(--navy)}.privacy{margin:0;padding:13px 22px;border-top:1px solid var(--line);background:#f8fbfc;color:var(--muted);font-size:9px}footer{display:flex;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap;padding:24px;background:var(--navy);color:#d6e6ef;font-size:10px}.visitor{display:flex;gap:14px}.visitor b{color:#fff}.admin-main{margin:0 auto;padding-top:35px}.admin-main>h1{color:var(--navy)}.admin-main .kpis{grid-template-columns:repeat(3,1fr)}.admin-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.suggestions{padding:5px 20px 20px;max-height:520px;overflow:auto}.suggestions>div{padding:13px 0;border-bottom:1px solid var(--line)}.suggestions p{font-size:11px;line-height:1.55;margin:0}.suggestions small{display:block;margin-top:6px;color:var(--muted);font-size:8px}.visitor-table{padding:10px 20px 20px;max-height:520px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:10px}th,td{padding:10px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--muted)}
@media(max-width:750px){nav{gap:9px}.kpis{grid-template-columns:1fr 1fr}.bar{grid-template-columns:145px 1fr 36px}.admin-grid{grid-template-columns:1fr}}
@media(max-width:500px){header{height:auto;min-height:68px;padding:10px 14px}nav a:first-child{display:none}.dash-hero{padding:38px 15px 56px}.filter{grid-template-columns:1fr}.filter button,.filter a{height:39px}.kpis,.admin-main .kpis{grid-template-columns:1fr 1fr;gap:8px}.kpis article{padding:14px}.kpis b{font-size:23px}.bar{grid-template-columns:1fr 35px;gap:6px}.bar>div{grid-column:1}.bar>b{grid-column:2;grid-row:1/3}.result-head{align-items:flex-start;flex-direction:column}}
.logout{padding:8px 11px;border-radius:8px;background:#fdeaea;color:#a83e3e!important}.login{min-height:100vh;margin:0;display:grid;place-items:center;padding:20px;background:linear-gradient(125deg,#07345a,#087d98)}.login form{width:min(420px,100%);display:grid;gap:14px;padding:31px;background:#fff;border-radius:18px;box-shadow:0 25px 70px #04243d66}.login form>b{color:var(--blue);letter-spacing:.12em}.login h1{margin:0;color:var(--navy)}.login p{margin:0 0 5px;color:var(--muted);font-size:11px;line-height:1.6}.login label{display:grid;gap:6px;font-size:10px;font-weight:700}.login input{height:42px;border:1px solid var(--line);border-radius:9px;padding:0 11px}.login button{height:42px;border:0;border-radius:9px;background:var(--green);color:#fff;font-weight:700}.login form>a{text-align:center;color:var(--muted);font-size:10px}.login-error{padding:9px;border-radius:8px;background:#fdeaea;color:#a83e3e;font-size:10px}