:root{--bg:#fff;--bg-soft:#fffdf7;--bg-tint:#fff7db;--line:#efd46e;--line-soft:#f6e6aa;--accent:#d9a800;--accent-deep:#af8300;--text:#191919;--muted:#6d6a5f;--border:#ece7d7;--green:#1f8b5f;--red:#c65743;--blue:#2c6cdf;--shadow:0 18px 48px rgba(37,31,10,.06);--radius-xl:8px;--radius-lg:6px;--radius-md:4px;--radius-sm:4px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#fff;color:var(--text);font-family:Segoe UI,Arial,sans-serif;margin:0}a{color:inherit}.app-shell{grid-template-columns:280px minmax(0,1fr)}.app-shell,.login-shell{display:grid;min-height:100vh}.login-shell{background:linear-gradient(135deg,rgba(217,168,0,.11),transparent 36%),#f7f3e8;padding:24px;place-items:center}.login-panel{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:32px;width:min(100%,440px)}.login-logo{display:block;height:auto;margin-bottom:24px;width:150px}.login-title{color:var(--ink);font-size:32px;line-height:1.1;margin:0}.login-copy{color:var(--muted);font-size:14px;line-height:1.7;margin:12px 0 24px}.google-login-button{align-items:center;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--ink);cursor:pointer;display:inline-flex;font-size:14px;font-weight:800;gap:12px;justify-content:center;min-height:48px;width:100%}.google-login-button:disabled{cursor:not-allowed;opacity:.54}.google-login-mark{border:1px solid var(--border);border-radius:50%;color:var(--red);display:inline-grid;font-weight:900;height:24px;place-items:center;width:24px}.login-status{color:var(--muted);font-size:13px;line-height:1.5;margin:14px 0 0}.app-shell>*,.main,.sidebar{min-width:0}img{max-width:100%}.sidebar{background:#fff;border-right:1px solid var(--border);height:100vh;padding:24px 20px;position:sticky;top:0}.brand{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px 18px}.brand-logo{display:block;height:auto;margin-bottom:18px;width:154px}.brand-kicker{align-items:center;background:#efd46e3d;border-radius:4px;color:var(--accent-deep);display:inline-flex;font-size:11px;font-weight:700;gap:8px;letter-spacing:.08em;padding:6px 10px;text-transform:uppercase}.brand-title{font-size:26px;line-height:1.08;margin:14px 0 10px}.brand-copy{color:var(--muted);font-size:13px;line-height:1.65;margin:0}.sidebar-nav{display:grid;gap:10px;margin-top:20px}.nav-item{background:#fff;border:1px solid transparent;border-left:4px solid var(--line);border-radius:var(--radius-md);display:block;padding:14px 14px 15px;text-decoration:none;transition:background .2s ease,border-color .2s ease,transform .2s ease}.nav-item:hover{background:#fff9e4;border-color:var(--line-soft);transform:translate(2px)}.nav-label{display:block;font-size:14px;font-weight:700}.nav-copy{display:block;line-height:1.5;margin-top:4px}.nav-copy,.sidebar-note{color:var(--muted);font-size:12px}.sidebar-note{background:#fff;border:1px dashed var(--line);border-radius:var(--radius-md);line-height:1.65;margin-top:18px;padding:14px}.main{padding:28px 28px 60px}.hero{background:#fff;border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow);overflow:hidden;padding:30px;position:relative}.hero:after{content:"";display:none}.eyebrow{align-items:center;background:#ffffffd1;border:1px solid var(--line-soft);border-radius:4px;color:var(--accent-deep);display:inline-flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:.06em;padding:8px 12px;text-transform:uppercase}h1{font-size:42px;line-height:1.05;margin:16px 0 10px;max-width:760px}.hero-copy{color:var(--muted);font-size:15px;line-height:1.75;margin:0;max-width:900px;position:relative;z-index:1}.hero-grid,.insight-grid,.kpi-grid,.three-col,.two-col{display:grid;gap:16px}.hero-grid{grid-template-columns:1.3fr .7fr;margin-top:24px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-grid>.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1.2fr .8fr}.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.chart-panel,.insight-card,.metric-card,.stat-strip,.surface,.table-panel{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);min-width:0}.table-panel{overflow:hidden}.google-analytics-data-block{--data-source-color:#1f8b5f;--data-source-bg:rgba(31,139,95,.07)}.ahref-data-block{--data-source-color:#2c6cdf;--data-source-bg:rgba(44,108,223,.08)}.google-search-console-block{--data-source-color:#7c3aed;--data-source-bg:rgba(124,58,237,.08)}.wordpress-data-block{--data-source-color:#21759b;--data-source-bg:rgba(33,117,155,.08)}.chart-panel.ahref-data-block,.chart-panel.google-analytics-data-block,.chart-panel.google-search-console-block,.chart-panel.wordpress-data-block,.insight-card.ahref-data-block,.insight-card.google-analytics-data-block,.insight-card.google-search-console-block,.insight-card.wordpress-data-block,.metric-card.ahref-data-block,.metric-card.google-analytics-data-block,.metric-card.google-search-console-block,.metric-card.wordpress-data-block,.surface.ahref-data-block,.surface.google-analytics-data-block,.surface.google-search-console-block,.surface.wordpress-data-block,.table-panel.ahref-data-block,.table-panel.google-analytics-data-block,.table-panel.google-search-console-block,.table-panel.wordpress-data-block{background:linear-gradient(90deg,var(--data-source-bg),transparent 26%),#fff;border-color:color-mix(in srgb,var(--data-source-color) 58%,var(--border));box-shadow:inset 4px 0 0 var(--data-source-color),var(--shadow)}.metric-card.ahref-data-block .metric-label:after,.metric-card.google-analytics-data-block .metric-label:after,.metric-card.google-search-console-block .metric-label:after,.metric-card.wordpress-data-block .metric-label:after{background:var(--data-source-color);border-radius:4px;color:#fff;display:inline-flex;font-size:10px;line-height:1;margin-left:8px;padding:4px 6px;vertical-align:middle}.metric-card.google-analytics-data-block .metric-label:after{content:"GA4"}.metric-card.ahref-data-block .metric-label:after{content:"Ahrefs"}.metric-card.google-search-console-block .metric-label:after{content:"GSC"}.metric-card.wordpress-data-block .metric-label:after{content:"WordPress"}.data-source-markers{display:inline-flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.data-source-tag{align-items:center;background:var(--data-source-bg);border:1px solid var(--data-source-color);border-radius:4px;color:var(--data-source-color);display:inline-flex;font-size:11px;font-weight:700;line-height:1;min-height:32px;padding:7px 9px;text-transform:uppercase}.data-loading-block{overflow:hidden;position:relative}.data-loading-block:after{animation:data-loading-sweep 1.2s ease-in-out infinite;background:linear-gradient(100deg,transparent,rgba(217,168,0,.18) 42%,rgba(217,168,0,.28) 50%,rgba(217,168,0,.18) 58%,transparent);background-size:220% 100%;border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;z-index:3}.data-loading-block:before{background:var(--accent-deep);border-radius:4px;color:#fff;content:"Loading data";font-size:11px;font-weight:700;line-height:1;padding:6px 8px;pointer-events:none;position:absolute;right:10px;text-transform:uppercase;top:10px;z-index:4}@keyframes data-loading-sweep{0%{background-position:160% 0}to{background-position:-160% 0}}.waiting-implement{overflow:hidden;position:relative}.waiting-implement:after{background:repeating-linear-gradient(135deg,#c6574324,#c6574324 10px,#c657433d 0 20px),#c657431f;border:1px solid rgba(198,87,67,.55);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;z-index:4}.waiting-implement:before{background:#c65743;border-radius:4px;color:#fff;content:"Waiting implementation";font-size:11px;font-weight:700;line-height:1;padding:6px 8px;pointer-events:none;position:absolute;right:10px;text-transform:uppercase;top:10px;z-index:5}.metric-card{padding:18px}.metric-card-title-row{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.metric-card-title-row .metric-label{min-width:0}.metric-card-title-row .reload-button{flex:0 0 auto;height:28px;margin-top:-4px;width:28px}.data-status-panel{margin-bottom:16px}.metric-label{color:var(--muted);font-size:12px;letter-spacing:.06em;text-transform:uppercase}.metric-value{font-size:30px;font-weight:700;line-height:1;margin-top:10px}.metric-trend{color:var(--muted);font-size:13px;margin-top:10px}.metric-line{background:linear-gradient(90deg,var(--line) 0,#f3e8bc 100%);border-radius:4px;height:4px;margin-top:14px}.hero-note{padding:18px}.hero-note h3,.panel-title,.section-title{margin:0}.hero-note p,.insight-copy,.note-list li,.panel-copy,.section-copy{color:var(--muted);font-size:14px;line-height:1.7}.note-list{margin:14px 0 0;padding-left:18px}.page{margin-top:30px;scroll-margin-top:24px}.page-head{align-items:end;display:flex;gap:16px;justify-content:space-between;margin-bottom:14px}.page-title-wrap{max-width:760px}.section-kicker{border-bottom:3px solid var(--line);color:var(--accent-deep);display:inline-block;font-size:12px;font-weight:700;letter-spacing:.08em;margin-bottom:10px;padding-bottom:4px;text-transform:uppercase}.page-title{font-size:32px;line-height:1.1;margin:0}.page-copy{color:var(--muted);font-size:14px;line-height:1.7;margin:8px 0 0}.top-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.badge,.tag{align-items:center;border-radius:2px;display:inline-flex;font-size:12px;font-weight:700;gap:8px;justify-content:center;min-height:34px;padding:8px 12px}.badge{background:#fff;border:1px solid var(--line-soft);color:var(--accent-deep)}.tag-positive{background:#1f8b5f1c;color:var(--green)}.tag-warning{background:#c657431f;color:var(--red)}.tag-neutral{background:#d9a80021;color:var(--accent-deep)}.tag-blue{background:#2c6cdf1c;color:var(--blue)}.filter-bar{align-items:end;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:16px}.field{display:flex;flex-direction:column;gap:6px}.field label{color:var(--muted);font-size:12px;font-weight:700}.field button,.field input,.field select{background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:14px;height:40px;min-width:152px;padding:0 12px}.field button{background:#fff6cf;border-color:var(--line);color:var(--accent-deep);cursor:pointer;font-weight:700}.filter-note{align-items:center;align-self:stretch;background:#fffdf2;border:1px solid var(--line-soft);border-radius:var(--radius-sm);color:var(--muted);display:flex;font-size:13px;line-height:1.5;max-width:560px;min-height:40px;padding:9px 12px}.filter-note.waiting-implement{min-height:54px;padding-right:180px}.panel-head{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;padding:20px 22px 14px}.panel-title{font-size:22px}.panel-copy{margin:8px 0 0}.panel-actions{align-items:flex-start;display:inline-flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.reload-button{align-items:center;background:#fff;border:1px solid var(--border);border-radius:4px;color:var(--ink);cursor:pointer;display:inline-flex;font-size:16px;height:32px;justify-content:center;line-height:1;width:32px}.reload-button:hover{border-color:var(--line);color:var(--accent-deep)}.reload-button:disabled{cursor:wait;opacity:.6}.panel-body{padding:18px 18px 20px}.chart-surface{background:linear-gradient(180deg,#fff,#fffffffa),repeating-linear-gradient(90deg,#fff0,#fff0 12%,#efd46e1f 0 12.7%);border:1px solid #f2e7bf;border-radius:4px;height:280px;overflow:hidden;position:relative}.chart-surface:after,.chart-surface:before{border-radius:2px;content:"";left:4%;position:absolute;right:4%}.chart-surface:before{border-bottom:4px solid rgba(217,168,0,.48);bottom:20%;height:44%;transform:skew(-22deg)}.chart-surface:after{border-bottom:4px solid rgba(44,108,223,.38);bottom:27%;height:28%;transform:skew(-16deg)}.content-trend-surface:after,.content-trend-surface:before,.trend-chart:after,.trend-chart:before{content:none}.content-trend-line-wrap{inset:18px}.chart-empty-state{background:#ffffffc2;border:1px dashed var(--line);border-radius:4px;color:var(--muted);display:grid;font-size:13px;font-weight:700;inset:70px 24px 62px;place-items:center;position:absolute;text-align:center}.chart-header{display:flex;flex-wrap:wrap;gap:8px;left:18px;position:absolute;top:16px}.legend-pill{align-items:center;background:#ffffffd1;border:1px solid #efe5c1;border-radius:2px;color:var(--muted);display:inline-flex;font-size:12px;font-weight:700;gap:8px;padding:7px 10px}.legend-dot{border-radius:50%;height:9px;width:9px}.chart-footer{bottom:16px;color:var(--muted);display:flex;font-size:12px;gap:8px;justify-content:space-between;left:18px;position:absolute;right:18px}.trend-line-wrap{display:grid;gap:10px;grid-template-rows:minmax(120px,1fr) auto;inset:70px 24px 62px;position:absolute}.chartjs-wrap{height:100%;min-height:128px;position:relative;width:100%}.trend-metrics{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.trend-metric{color:var(--muted);font-size:11px;gap:3px;line-height:1.25}.chart-empty,.trend-metric{display:grid;font-weight:700}.chart-empty{color:var(--muted);font-size:13px;inset:70px 24px 62px;place-items:center;position:absolute}.mini-stack{display:grid;gap:14px}.mini-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.mini-card strong{display:block;margin-bottom:6px}.data-table{border-collapse:collapse;min-width:920px;width:100%}.table-wrap{max-width:100%;overflow-x:auto}.data-table thead th{background:#fff9e3;border-bottom:1px solid var(--border);color:var(--muted);font-size:12px;letter-spacing:.06em;padding:14px 12px;text-align:left;text-transform:uppercase}.data-table tbody td{border-bottom:1px solid #f3efe1;font-size:14px;padding:14px 12px;vertical-align:top}.data-table tbody tr:hover{background:#fffdf5}.strong{font-weight:700}.sub{color:var(--muted);font-size:12px;line-height:1.55;margin-top:4px}.num{font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}.funnel,.funnel-step{display:grid;gap:12px}.funnel-step{align-items:center;grid-template-columns:1fr auto}.funnel-bar{background:#fff;border:1px solid #f1e3aa;border-radius:2px;height:44px;overflow:hidden;position:relative}.funnel-fill{background:linear-gradient(90deg,#f2c400,#f8df78);border-radius:2px;inset:0 auto 0 0;position:absolute}.funnel-label{align-items:center;display:flex;font-size:13px;font-weight:700;inset:0 16px;justify-content:space-between;position:absolute}.insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.insight-card{padding:18px}.insight-head{align-items:start;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.insight-title{font-size:18px;margin:0}.highlight-list{display:grid;gap:10px;margin-top:14px}.highlight-item{background:#fff;border-left:4px solid var(--line);border-radius:2px;padding:14px}.footer-note{background:#fff;border:1px dashed var(--line);border-radius:var(--radius-lg);color:var(--muted);font-size:13px;line-height:1.75;margin-top:28px;padding:16px 18px}.viz-grid{display:grid;gap:16px}.viz-grid.two{grid-template-columns:1.45fr .75fr}.bar-list,.bar-row,.pair-bars,.pair-row,.year-bars{display:grid;gap:12px}.bar-row,.pair-row{align-items:center;grid-template-columns:140px 1fr auto}.bar-label,.pair-label{color:var(--text);font-size:13px}.bar-track,.pair-track{background:#fff;border:1px solid #f1e0a0;border-radius:2px;height:24px;overflow:hidden;position:relative}.bar-fill{background:linear-gradient(90deg,#f2c400,#f7dc67);border-radius:2px;inset:0 auto 0 0;position:absolute}.bar-value{font-size:13px;font-weight:700;min-width:46px;text-align:right}.ring-wrap{display:grid;gap:16px;justify-items:center}.ring{background:radial-gradient(circle at center,#fff 0 42%,transparent 43%),conic-gradient(#f2c400 0 35%,#f6db73 35% 60%,#e8c64f 60% 80%,#d2b446 80% 92%,#f3e8bf 92% 100%);border:1px solid var(--border);border-radius:50%;height:180px;width:180px}.ring-marketing-sales{background:radial-gradient(circle at center,#fff 0 42%,transparent 43%),conic-gradient(#f2c400 0 62%,#efe3b5 62% 100%)}.ring-legend{display:grid;gap:10px;width:100%}.ring-item{display:flex;font-size:14px;gap:12px;justify-content:space-between}.year-bars{align-items:end;grid-template-columns:repeat(12,minmax(0,1fr));min-height:260px}.year-col{display:grid;gap:10px;justify-items:center}.year-stack{align-items:end;display:flex;gap:4px;height:200px}.year-bar{border-radius:2px;width:16px}.year-bar.y2024{background:#d6dce8}.year-bar.y2025{background:#7fd0ff}.year-bar.y2026{background:#38b9ea}.year-label{color:var(--muted);font-size:12px}.year-legend{color:var(--muted);display:flex;font-size:13px;gap:18px;justify-content:center;margin-top:16px}.legend-swatch{border-radius:2px;display:inline-block;height:12px;margin-right:6px;width:12px}.line-area{background:#fff;border:1px solid #f2e7bf;border-radius:2px;height:280px;overflow:hidden;position:relative}.line-area:after,.line-area:before{border-radius:0;content:"";left:4%;position:absolute;right:4%}.line-area:before{border-bottom:3px solid rgba(236,87,164,.75);height:25%;top:26%;transform:skew(-18deg)}.line-area:after{border-bottom:3px solid rgba(52,190,120,.75);height:40%;top:16%;transform:skew(-12deg)}.line-blue{border-bottom:3px solid rgba(51,166,255,.8);border-radius:0;height:34%;left:4%;position:absolute;right:4%;top:20%;transform:skew(-14deg)}.line-key{color:var(--muted);display:flex;font-size:13px;gap:14px;justify-content:center;margin-top:14px}.stat-boxes{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px}.stat-box{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.stat-box strong{color:var(--muted);display:block;font-size:13px;margin-bottom:8px}.stat-box .big{font-size:18px;font-weight:700}.pair-track{align-items:end;background:#fff;display:flex;gap:12px;height:120px;padding:0 12px 12px}.pair-bar{border-radius:0;width:18px}.pair-bar.human{background:#38b9ea}.pair-bar.ai{background:#ec57a4}.channel-grid{align-items:center;display:grid;gap:16px;grid-template-columns:.9fr 1.1fr}.share-cards{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.share-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:18px;text-align:center}.share-card .big{font-size:20px;font-weight:700;margin-bottom:6px}@media(max-width:1180px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid var(--border);border-right:0;height:auto;position:relative}}@media(max-width:980px){.channel-grid,.hero-grid,.insight-grid,.kpi-grid,.share-cards,.stat-boxes,.three-col,.two-col,.viz-grid.two{grid-template-columns:1fr}.viz-grid{grid-template-columns:1fr!important}.page-head{align-items:flex-start;flex-direction:column}}@media(max-width:720px){.main{padding:16px 12px 40px}.sidebar{padding:16px 12px}.hero{padding:22px 18px}.hero-grid>.kpi-grid,.year-bars{grid-template-columns:1fr}.filter-bar,.line-key,.top-actions,.year-legend{justify-content:flex-start}.field,.field button,.field input,.field select{min-width:0;width:100%}h1{font-size:32px}.page-title{font-size:28px}}