:root{--bg:#f4f7fb;--surface:#fff;--surface2:#eef3f8;--ink:#172033;--muted:#61708a;--line:#d8e1eb;--brand:#0f766e;--brand2:#2563eb;--danger:#b42318;--ok:#16794b;--shadow:0 18px 50px rgba(27,42,70,.12);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink)}a{color:var(--brand2)}button,input,select,textarea{font:inherit}button{cursor:pointer}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:999;background:#fff;padding:.8rem;border-radius:.5rem}.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topbar-inner{max-width:1600px;margin:auto;padding:.7rem 1rem;display:flex;align-items:center;gap:1rem}.brand{font-weight:850;text-decoration:none;color:var(--ink);font-size:1.1rem}.brand span{color:var(--brand)}.nav{display:flex;gap:.35rem;flex-wrap:wrap}.nav a,.lang{padding:.5rem .7rem;text-decoration:none;color:var(--muted);border-radius:.55rem}.nav a:hover,.lang:hover{background:var(--surface2);color:var(--ink)}.spacer{flex:1}.hero{max-width:1500px;margin:0 auto;padding:2.1rem 1rem 1rem;display:grid;grid-template-columns:1.3fr .7fr;gap:1.5rem;align-items:center}.hero h1{font-size:clamp(2rem,4vw,4.4rem);line-height:.98;margin:.2rem 0 1rem;letter-spacing:-.045em}.hero p{font-size:1.08rem;color:var(--muted);max-width:760px}.privacy-badge{display:inline-flex;align-items:center;gap:.5rem;background:#e8f7f3;color:#075f57;border:1px solid #b7e4d8;padding:.55rem .75rem;border-radius:999px;font-weight:700}.hero-card{background:linear-gradient(145deg,#0f766e,#2563eb);color:#fff;padding:1.4rem;border-radius:1.4rem;box-shadow:var(--shadow)}.hero-card ul{padding-left:1.2rem;line-height:1.8}.app-shell{max-width:1700px;margin:0 auto;padding:1rem;display:grid;grid-template-columns:280px minmax(520px,1fr) 320px;gap:.8rem;align-items:start}.panel{background:var(--surface);border:1px solid var(--line);border-radius:1rem;box-shadow:0 8px 26px rgba(27,42,70,.06);overflow:hidden}.panel-head{padding:.75rem .85rem;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:.5rem}.panel-head h2,.panel-head h3{margin:0;font-size:.98rem}.panel-body{padding:.8rem}.stack{display:grid;gap:.65rem}.field{display:grid;gap:.3rem}.field label{font-size:.78rem;font-weight:750;color:var(--muted)}input,select,textarea{width:100%;border:1px solid #c8d3df;border-radius:.55rem;padding:.58rem;background:#fff;color:var(--ink)}textarea{min-height:110px;resize:vertical}.btn-row{display:flex;gap:.4rem;flex-wrap:wrap}.btn{border:1px solid var(--line);background:#fff;color:var(--ink);padding:.55rem .7rem;border-radius:.55rem;font-weight:700}.btn:hover{background:var(--surface2)}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.secondary{background:var(--brand2);border-color:var(--brand2);color:#fff}.btn.danger{color:var(--danger)}.chart-toolbar{display:flex;gap:.45rem;flex-wrap:wrap;padding:.7rem;border-bottom:1px solid var(--line);background:#fbfcfe}.chart-stage{min-height:620px;padding:1rem;background:#fff;position:relative}.chart-stage svg{width:100%;height:600px;display:block}.chart-title{font-weight:800}.status{padding:.55rem .7rem;border-radius:.55rem;background:#eef6ff;color:#1e4f91;font-size:.84rem}.status.ok{background:#eaf8f0;color:#12613d}.status.warn{background:#fff4e5;color:#8a4b08}.data-grid-wrap{overflow:auto;max-height:260px;border:1px solid var(--line);border-radius:.65rem}.data-grid{border-collapse:collapse;width:max-content;min-width:100%;font-size:.8rem}.data-grid th,.data-grid td{border:1px solid var(--line);padding:.35rem;min-width:100px}.data-grid th{position:sticky;top:0;background:#edf3f9;z-index:2}.data-grid input{border:0;padding:.3rem;border-radius:.25rem}.tabs{display:flex;border-bottom:1px solid var(--line);overflow:auto}.tab{border:0;background:#fff;padding:.65rem .8rem;font-weight:750;color:var(--muted);white-space:nowrap}.tab.active{color:var(--brand);box-shadow:inset 0 -2px var(--brand)}.tab-pane{display:none}.tab-pane.active{display:block}.template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.45rem;max-height:380px;overflow:auto}.template{border:1px solid var(--line);background:#fff;padding:.55rem;border-radius:.55rem;text-align:left}.template:hover{border-color:var(--brand)}.checker-list{display:grid;gap:.4rem}.check-item{padding:.55rem;border-radius:.5rem;background:#f6f8fb;font-size:.82rem}.check-item.bad{background:#fff0ee;color:#8b231b}.check-item.good{background:#eaf8f0;color:#12613d}.score{font-size:2rem;font-weight:850;color:var(--brand)}.dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.dash-card{border:1px solid var(--line);border-radius:.8rem;background:#fff;padding:.6rem;min-height:250px}.dash-card svg{height:230px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin-bottom:.8rem}.kpi{padding:.8rem;border-radius:.75rem;background:#f0f6fb;border:1px solid var(--line)}.kpi strong{display:block;font-size:1.5rem}.content{max-width:1150px;margin:1.5rem auto;padding:0 1rem}.content article,.content .section{background:#fff;border:1px solid var(--line);border-radius:1rem;padding:1.4rem;margin-bottom:1rem}.content h2{margin-top:1.5rem}.content p,.content li{line-height:1.7;color:#45546b}.ad-slot{min-height:110px;border:1px dashed #ccd5df;border-radius:.8rem;display:grid;place-items:center;color:#8591a4;margin:1rem 0;background:#fafbfc}.footer{margin-top:2rem;background:#101827;color:#d6deea}.footer-inner{max-width:1450px;margin:auto;padding:2rem 1rem}.project-links{display:flex;flex-wrap:wrap;gap:.45rem}.project-links a{color:#d6deea;text-decoration:none;background:#1c2739;padding:.45rem .6rem;border-radius:.45rem;font-size:.82rem}.breadcrumbs{font-size:.82rem;color:var(--muted);margin-bottom:.8rem}.breadcrumbs a{color:var(--muted)}.guide-list{columns:2;gap:2rem}.guide-list a{display:block;padding:.35rem 0;break-inside:avoid}.notice{border-left:4px solid var(--brand);background:#edf8f6;padding:.8rem 1rem;border-radius:.4rem}.mobile-tabs{display:none}.hidden{display:none!important}@media(max-width:1120px){.app-shell{grid-template-columns:230px 1fr}.right-panel{grid-column:1/-1}.hero{grid-template-columns:1fr}.hero-card{display:none}}@media(max-width:760px){.nav{display:none}.hero{padding-top:1.2rem}.hero h1{font-size:2.35rem}.app-shell{display:block;padding:.5rem}.panel{margin-bottom:.6rem}.left-panel,.right-panel{display:none}.left-panel.mobile-show,.right-panel.mobile-show{display:block}.chart-stage{min-height:430px;padding:.35rem}.chart-stage svg{height:420px}.mobile-tabs{display:flex;position:sticky;bottom:0;z-index:40;background:#fff;border-top:1px solid var(--line);padding:.4rem;gap:.3rem}.mobile-tabs button{flex:1;border:0;background:#eef3f8;padding:.6rem .25rem;border-radius:.45rem;font-size:.72rem}.dashboard{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}.guide-list{columns:1}}@media print{.topbar,.hero,.left-panel,.right-panel,.chart-toolbar,.mobile-tabs,.ad-slot,.footer,.content{display:none!important}.app-shell{display:block;max-width:none;padding:0}.panel{border:0;box-shadow:none}.chart-stage{padding:0}.chart-stage svg{height:95vh}.dashboard{break-inside:avoid}}