:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f5f6f8;color:#17201a}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.sidebar{width:260px;background:#101510;color:#fff;padding:28px 20px;display:flex;flex-direction:column;gap:40px;position:sticky;top:0;height:100vh}.logo{display:flex;align-items:center;gap:10px;font-size:15px;letter-spacing:.04em}.logo-mark{background:#c8f000;color:#111;font-weight:900;padding:10px;border-radius:8px}.logo b{color:#c8f000}.sidebar nav{display:grid;gap:16px}.sidebar nav a{padding:12px;background:#273327;border-radius:8px}.muted{color:#9ba69a;font-size:13px;padding-left:12px}.sidebar form{margin-top:auto}.logout{background:none;border:none;color:white;cursor:pointer}.content{padding:48px;max-width:1500px;width:100%;margin:auto}.heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}h1{font-size:34px;letter-spacing:-.04em;margin:7px 0}h2{margin-top:0}.heading p{color:#67716c}.eyebrow{font-size:12px;letter-spacing:.14em;color:#57702a;font-weight:750}.count{background:#e7f1d1;padding:10px 14px;border-radius:100px;font-size:13px}.panel{background:white;border:1px solid #e0e6e0;border-radius:16px;padding:25px;overflow:auto;box-shadow:0 8px 25px #00000005}table{width:100%;border-collapse:collapse;text-align:left;min-width:720px}th{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#7d8a81}td,th{padding:17px 12px;border-bottom:1px solid #edf0ed}tr:last-child td{border:none}td small{display:block;color:#859189;font-size:12px;margin-top:5px}td a{color:#476a09;font-weight:650}.connected,.missing{border-radius:100px;padding:6px 10px;font-size:12px}.connected{background:#e5f1cf;color:#3e6010}.missing{background:#f1ece8;color:#7f6551}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:20px}.metrics small{display:block;color:#66756a}.metrics strong{display:block;font-size:30px;margin-top:10px}.metrics .small-strong{font-size:18px}.content.login{max-width:480px;margin:auto}.login-panel h1{margin-bottom:10px}.login-panel p{color:#66756a}.form{display:grid;gap:18px;margin-top:28px}.form label{font-weight:650;display:grid;gap:6px}.form input{height:44px;border:1px solid #cbd4cd;border-radius:9px;padding:10px;font:inherit}.form button{background:#c8f000;border:0;border-radius:9px;padding:14px;font-weight:800;cursor:pointer}.error{color:#af2525!important}@media(max-width:850px){body{display:block}.sidebar{width:100%;height:auto;position:static;gap:14px}.sidebar nav{display:none}.content{padding:22px}.heading{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:1fr}}
/* Etap 2 */
.table-scroll{overflow-x:auto;width:100%}
.tabs{display:flex;gap:10px;margin:18px 0;flex-wrap:wrap}
.tabs a{text-decoration:none;color:#42513f;padding:10px 17px;border-radius:9px;background:#e7ebdf;font-weight:700;font-size:13px}
.tabs a.selected{background:#c8f000;color:#142000}
.hint{font-size:12px;color:#68746d;line-height:1.6}
.sync-status{margin:14px 0}.sync-status p{margin:7px 0}
.long-value{max-width:540px;overflow-wrap:anywhere}
.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:850px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Etap 2.1: administrator-only synchronization */
.sync-tools{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:16px 0 20px}
.sync-tools h2{font-size:17px;margin:0 0 5px}.sync-tools p{margin:0}
.sync-form{flex:none}.sync-form button{background:#c8f000;color:#101510;border:0;border-radius:9px;font-size:13px;font-weight:800;padding:14px 20px;cursor:pointer}
.sync-form button:hover{background:#b5d900}.sync-form button:focus-visible{outline:3px solid #476a09;outline-offset:3px}
.sync-notice{margin:14px 0;padding:16px 20px;background:#f1f8e6;font-weight:650}
.sync-notice.error{background:#fff1f1}
@media(max-width:850px){.sync-tools{display:block}.sync-form{margin-top:16px}.sync-form button{width:100%}}

/* Etap 3: historyczny import w kolejce */
.history-tools{margin:0 0 20px}.history-tools h2{font-size:18px;margin-bottom:6px}.history-tools p{line-height:1.6}
.history-tools .sync-form{margin-top:15px}.history-bar{height:12px;background:#e8eee4;border-radius:999px;overflow:hidden;max-width:760px}
.history-bar span{display:block;height:100%;background:#b5e000;transition:width .2s ease}

/* Etap 4 — przegląd, zakresy i porównania */
.period-panel{margin:18px 0 20px;overflow:visible}.period-panel h2{margin-bottom:6px;font-size:19px}.period-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:18px 0 10px}.period-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:#516050}.period-form input,.period-form select{min-height:42px;border:1px solid #cbd6c5;border-radius:9px;background:#fff;padding:9px;font:inherit;font-size:13px;color:#17201a;max-width:170px}.period-form button{min-height:42px;border:0;border-radius:9px;background:#c8f000;padding:9px 18px;font-weight:800;cursor:pointer}.period-form button:hover{background:#b9de00}
.metric-card{min-width:0}.metric-card strong{font-size:clamp(24px,2.5vw,36px);line-height:1.25}.metric-change{display:block;margin-top:10px;font-size:11px;line-height:1.45}.metric-change.up{color:#277045}.metric-change.down{color:#af3535}.metric-change.muted{color:#7f897d}.metrics{align-items:stretch}.chart-panel{margin:20px 0}.chart-panel h2{font-size:20px;margin-bottom:0}.chart-grid{display:grid;gap:22px;grid-template-columns:repeat(2,minmax(0,1fr))}.chart-grid>div{min-width:0}.chart-grid h3{font-size:13px;margin:14px 0 4px;display:flex;align-items:center;gap:8px}.chart-legend{display:inline-block;width:22px;height:3px;border-radius:4px}.chart-legend.clicks{background:#9dbd00}.chart-legend.impressions{background:#324538}.trend-svg{width:100%;height:170px;overflow:visible;display:block}.trend-svg text{fill:#7f897d;font-size:20px}.axis-line{stroke:#dce4d7;stroke-width:2}.line-clicks,.line-impressions{fill:none;stroke-width:4;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.line-clicks{stroke:#9dbd00}.line-impressions{stroke:#324538}.chart-range{display:flex;justify-content:space-between;font-size:12px;color:#68746d;margin-top:8px}.daily-panel{margin-bottom:28px}
@media(max-width:1100px){.chart-grid{grid-template-columns:1fr}}@media(max-width:600px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.period-form label,.period-form input,.period-form select{width:100%;max-width:none}.period-form button{width:100%}.trend-svg{height:140px}.metric-card{padding:15px}.metric-card strong{font-size:25px}}

/* Etap 4 — dostępna nawigacja również na telefonie */
@media(max-width:850px){.sidebar nav{display:flex;flex-wrap:wrap;gap:8px}.sidebar nav a{font-size:12px;padding:9px 12px}.sidebar{padding:14px 18px}.sidebar form{margin-top:0}}

/* Etap 5 — kategorie i analiza szans SEO */
.insight-intro{margin:20px 0}.insight-intro h2{font-size:21px;margin-bottom:8px}.coverage-meta{display:flex;gap:20px;flex-wrap:wrap;margin:15px 0;font-size:13px;color:#4b5b4d}.insight-alert{padding:12px 14px;border-radius:10px;background:#fff6e5;color:#845700;font-size:13px;line-height:1.6}.insight-tabs{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.insight-tabs a{font-size:12px;background:#eef1ed;border:1px solid #e2e8e0;padding:12px 13px;border-radius:10px;font-weight:700;color:#263829}.insight-tabs a.current{background:#c8f000;border-color:#bedf10;color:#152000}.insight-tabs span{margin-left:5px;font-size:11px;opacity:.68}.insight-header h2{font-size:20px;margin-bottom:6px}.insight-header p{margin-top:0}.insight-positive{color:#247444;font-weight:700}.insight-negative{color:#ae3333;font-weight:700}.insight-footer{margin-top:18px}.insight-table td{font-variant-numeric:tabular-nums}.insight-table td.long-value{min-width:280px}.insight-table a:hover{text-decoration:underline}