:root{--ink:#20201f;--muted:#74726d;--paper:#f5f3ed;--panel:#fffefa;--line:#e6e1d8;--wine:#68242d;--wine-deep:#4c151d;--wine-soft:#f3e8e9;--gold:#b89555;--green:#207b57;--green-soft:#e8f3ed;--red:#a33d43;--red-soft:#faeaeb;--shadow:0 14px 40px rgba(38,29,18,.07);--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:250px;background:#20201f;color:#f7f3e9;padding:27px 18px 22px;display:flex;flex-direction:column;border-right:1px solid #343432}.brand{display:flex;align-items:center;gap:11px;padding:0 9px 28px;border-bottom:1px solid #373735}.brand-mark{width:38px;height:38px;border:1px solid #d4b475;color:#d4b475;display:grid;place-items:center;font:700 13px Manrope;letter-spacing:-.5px;transform:rotate(45deg);border-radius:4px}.brand-mark::first-line{transform:rotate(-45deg)}.brand>div:last-child{display:flex;flex-direction:column}.brand strong{font:700 14px Manrope;letter-spacing:1.5px}.brand span{color:#94928e;font-size:11px;margin-top:2px}.nav{display:flex;flex-direction:column;gap:4px;padding-top:18px}.nav-label{font-size:9px;font-weight:700;color:#777571;letter-spacing:1.5px;margin:10px 10px 6px}.nav-item{border:0;background:transparent;color:#aeadab;border-radius:9px;padding:11px 12px;display:flex;align-items:center;text-align:left;gap:11px;font-weight:500;transition:.2s}.nav-item:hover{background:#2c2c2a;color:#fff}.nav-item.active{background:var(--wine);color:white}.nav-icon{width:18px;height:18px;display:inline-flex}.nav-icon svg,[data-icon] svg{width:100%;height:100%;stroke:currentColor}.nav-count{margin-left:auto;background:#343432;color:#aaa9a5;border-radius:20px;padding:2px 7px;font-size:10px}.nav-item.active .nav-count{background:#7f3a43;color:#fff}.nav-count.hot{background:#74303a;color:#fff}.sidebar-foot{margin-top:auto;padding:15px 10px 0;border-top:1px solid #373735}.quota-row{display:flex;justify-content:space-between;font-size:10px;color:#aaa8a2}.quota-row strong{color:#e5dfd2}.quota{height:4px;border-radius:4px;background:#3b3b38;margin:9px 0}.quota i{display:block;width:25%;height:100%;border-radius:4px;background:#c6a465}.sidebar-foot p{font-size:10px;color:#777571;margin:0 0 17px}.sidebar-foot a{color:#c9c5bc;text-decoration:none;font-size:11px;display:flex;justify-content:space-between}.main{grid-column:2;min-width:0}.topbar{height:86px;padding:0 34px;border-bottom:1px solid var(--line);display:flex;align-items:center;background:rgba(245,243,237,.94);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.page-heading{display:flex;flex-direction:column}.eyebrow,.section-kicker{margin:0 0 4px;font-size:9px;letter-spacing:1.7px;font-weight:700;color:#9b8a70}.page-heading h1{margin:0;font:600 22px Manrope}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:15px}.sync-state{border:0;border-right:1px solid var(--line);background:transparent;padding:0 18px 0 0;display:flex;align-items:center;gap:9px;text-align:left}.status-dot{width:8px;height:8px;background:#c07845;border-radius:50%;box-shadow:0 0 0 4px #eee0d4}.sync-state span:last-child{display:flex;flex-direction:column}.sync-state b{font-size:11px}.sync-state small{color:var(--muted);font-size:9px}.avatar{width:36px;height:36px;border-radius:50%;border:0;background:#ded7c9;color:#49443c;font-weight:700}.menu-button{display:none}.content{padding:27px 34px 50px;max-width:1500px;margin:auto}.context-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.site-picker{display:flex;align-items:center;gap:10px}.site-icon{width:38px;height:38px;border-radius:8px;background:#242423;color:#d9bc82;display:grid;place-items:center;font:600 17px Georgia}.site-picker div{display:flex;flex-direction:column}.site-picker b{font-size:13px}.site-picker small{font-size:10px;color:var(--muted)}.chevron{color:var(--muted);margin-left:5px}.context-actions{display:flex;align-items:center;gap:10px}.latest-date{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:5px;margin-right:5px}.latest-date [data-icon]{width:15px;height:15px}.secondary-button,.primary-button{border-radius:8px;padding:9px 13px;font-weight:600;font-size:11px;display:inline-flex;gap:7px;align-items:center;justify-content:center}.secondary-button{border:1px solid var(--line);color:#55514b;background:var(--panel)}.primary-button{border:1px solid var(--wine);background:var(--wine);color:white}.secondary-button [data-icon],.primary-button [data-icon]{width:14px;height:14px}.primary-button:hover{background:var(--wine-deep)}.demo-notice{display:flex;align-items:center;gap:12px;padding:12px 15px;background:#eee7db;border:1px solid #e2d8c7;border-radius:10px;margin-bottom:16px}.notice-icon{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#d8c8ad;color:#6d5a3e;font:700 12px Georgia}.demo-notice div{flex:1}.demo-notice strong{font-size:11px}.demo-notice p{display:inline;margin-left:7px;font-size:10px;color:#746b5e}.demo-notice button{border:0;background:transparent;color:var(--wine);font-weight:700;font-size:11px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.metric-card{position:relative;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 19px;min-height:145px}.metric-card.accent{background:var(--wine);color:white;border-color:var(--wine)}.metric-card.warning{border-color:#e5cfd0}.metric-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:700;letter-spacing:1.2px;color:#8a8781}.accent .metric-top{color:#d8b8bb}.metric-icon{width:17px;height:17px;color:#aaa39a}.accent .metric-icon{color:#d4aeb3}.warning .metric-icon{color:var(--red)}.metric-value{display:flex;align-items:center;gap:10px;margin-top:8px}.metric-value strong{font:700 29px Manrope}.trend{font-style:normal;border-radius:12px;padding:3px 6px;font-size:9px;font-weight:700}.trend.up{background:var(--green-soft);color:var(--green)}.accent .trend.up{background:rgba(255,255,255,.14);color:#e7dcb8}.trend.down{background:var(--red-soft);color:var(--red)}.metric-card>p{font-size:10px;color:#8b8781;margin:3px 0 0}.accent>p{color:#d4bfc1}.mini-bars{position:absolute;right:16px;bottom:17px;width:78px;height:32px;display:flex;align-items:end;gap:4px}.mini-bars i{width:7px;background:rgba(255,255,255,.35);border-radius:3px 3px 1px 1px}.mini-bars.neutral i{background:#d9cec2}.mini-bars.danger i{background:#e2b8bb}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(275px,.8fr);gap:16px;margin-bottom:16px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 0 rgba(255,255,255,.8)}.chart-panel,.opportunity-panel,.alerts-panel,.data-panel{padding:20px}.panel-header{display:flex;justify-content:space-between;align-items:flex-start}.panel h2{margin:0;font:600 17px Manrope}.range-tabs{background:#f1eee7;border-radius:7px;padding:3px;display:flex}.range-tabs button{border:0;background:transparent;border-radius:5px;padding:6px 9px;font-size:9px;color:#75716b}.range-tabs button.active{background:white;color:#262522;box-shadow:0 1px 4px rgba(30,25,18,.1);font-weight:700}.chart-summary{display:flex;align-items:end;justify-content:space-between;margin-top:18px}.chart-summary>div:first-child{display:grid;grid-template-columns:auto auto;align-items:end;column-gap:8px}.chart-summary span{font-size:9px;color:var(--muted)}.chart-summary strong{font:700 24px Manrope;grid-row:2}.chart-summary em{grid-row:2;margin-bottom:4px}.legend{display:flex;gap:14px}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:7px;height:7px;border-radius:50%}.burgundy{background:var(--wine)}.gold{background:var(--gold)}.chart-wrap{height:240px;margin-top:4px;position:relative}.chart-wrap svg{width:100%;height:100%;overflow:visible}.chart-tooltip{position:absolute;pointer-events:none;opacity:0;background:#242321;color:white;border-radius:7px;padding:8px 10px;font-size:10px;transform:translate(-50%,-115%);transition:opacity .1s;box-shadow:var(--shadow)}.chart-tooltip.visible{opacity:1}.opportunity-score{display:flex;align-items:center;gap:13px;background:#f4f0e8;border-radius:11px;padding:14px;margin:17px 0 11px}.score-ring{width:50px;height:50px;border:5px solid #d3b477;border-right-color:#e6ded0;border-radius:50%;display:flex;align-items:baseline;justify-content:center;padding-top:10px}.score-ring span{font:700 15px Manrope}.score-ring small{font-size:7px;color:var(--muted)}.opportunity-score strong{font-size:11px}.opportunity-score p{font-size:9px;color:var(--muted);margin:3px 0}.opportunity-list>div{display:flex;align-items:center;gap:9px;border-bottom:1px solid #eeeae2;padding:10px 3px}.rank-badge{width:29px;height:29px;border-radius:6px;background:var(--wine-soft);color:var(--wine);display:grid;place-items:center;font-weight:700;font-size:11px}.opportunity-list p{display:flex;flex-direction:column;flex:1;margin:0}.opportunity-list b{font-size:10px}.opportunity-list small{font-size:8px;color:var(--muted)}.gain{font-size:9px;color:var(--green);font-weight:700}.text-button{border:0;background:none;color:var(--wine);font-size:9px;font-weight:700}.full-button{width:100%;border:1px solid var(--line);background:#fff;border-radius:7px;padding:9px;margin-top:13px;color:#615c54;font-size:9px;font-weight:700}.keywords-panel{margin-bottom:16px}.keyword-heading{padding:20px 20px 13px}.keyword-heading h2 span{font:500 9px DM Sans;color:#918d86;background:#f2eee7;border-radius:10px;padding:4px 8px;margin-left:6px;vertical-align:middle}.table-tools{display:flex;gap:7px}.search-field{display:flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:7px;padding:7px 9px;background:#fff}.search-field [data-icon]{width:13px;height:13px;color:#8c8881}.search-field input{width:145px;border:0;outline:0;font-size:9px}.table-tools select{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 25px 7px 9px;font-size:9px;color:#6c6861}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:900px}th{background:#f6f3ed;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;padding:10px 12px;font-size:8px;color:#8f8b84;letter-spacing:.6px;text-transform:uppercase}th:first-child,td:first-child{padding-left:20px}td{border-bottom:1px solid #eeeae3;padding:11px 12px;font-size:9px;color:#68645e}.keyword-cell{display:flex;align-items:center;gap:9px}.keyword-cell i{width:6px;height:6px;border-radius:50%;background:#c6bcae}.keyword-cell p{margin:0;display:flex;flex-direction:column}.keyword-cell b{font-size:10px;color:#282724}.keyword-cell small{font-size:8px;color:#aaa49b}.group-pill{background:#f2efe9;border-radius:10px;padding:4px 7px;white-space:nowrap}.position{font:700 13px Manrope;color:#302e2b}.delta{font-weight:700}.delta.positive{color:var(--green)}.delta.negative{color:var(--red)}.delta.neutral{color:#999}.url-cell{max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7a5e4d}.row-menu{border:0;background:none;font-size:15px;color:#97928b}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:13px 20px;color:#88837c;font-size:9px}.table-footer div{display:flex;align-items:center;gap:4px}.table-footer button,.page-number{border:1px solid var(--line);background:#fff;border-radius:5px;min-width:26px;height:26px;font-size:9px;color:#6b665e}.page-number.active{background:var(--wine);color:white;border-color:var(--wine)}.bottom-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:16px}.alerts-panel #alertsList{margin-top:10px}.alert-item{display:flex;align-items:center;gap:10px;padding:12px 2px;border-bottom:1px solid #eeeae3}.alert-symbol{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-weight:700}.alert-symbol.good{background:var(--green-soft);color:var(--green)}.alert-symbol.bad{background:var(--red-soft);color:var(--red)}.alert-symbol.info{background:#eee9df;color:#8c6e42}.alert-item p{margin:0;display:flex;flex-direction:column;flex:1}.alert-item b{font-size:10px}.alert-item small{font-size:8px;color:var(--muted);margin-top:2px}.alert-time{font-size:8px;color:#aaa49b}.gsc-visual{display:flex;gap:11px;margin-top:17px}.google-g{font:700 25px Arial;color:#4285f4}.gsc-visual div{display:flex;flex-direction:column}.gsc-visual strong{font-size:11px}.gsc-visual p{font-size:9px;color:var(--muted);line-height:1.5;margin:3px 0}.connection-badge{font-size:8px;color:#9f633a;background:#f5e9df;border-radius:12px;padding:4px 8px}.feature-list{list-style:none;padding:8px 0;margin:8px 0}.feature-list li{font-size:9px;margin:8px 0;color:#5f5b55}.feature-list span{color:var(--green);font-weight:700;margin-right:7px}.wide{width:100%}.secure-note{font-size:8px;color:#9b958c;text-align:center;display:flex;align-items:center;justify-content:center;gap:4px}.secure-note [data-icon]{width:10px;height:10px}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:18px 34px 26px;color:#9a958d;font-size:9px}.modal-backdrop{position:fixed;z-index:100;inset:0;background:rgba(26,25,23,.58);display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;transition:.2s;backdrop-filter:blur(4px)}.modal-backdrop.open{opacity:1;visibility:visible}.modal{position:relative;width:min(440px,100%);max-height:90vh;overflow:auto;background:var(--panel);border-radius:18px;padding:28px;box-shadow:0 25px 70px rgba(0,0,0,.25);transform:translateY(10px);transition:.2s}.modal-backdrop.open .modal{transform:translateY(0)}.modal-close{position:absolute;right:16px;top:14px;border:0;background:#f1eee8;border-radius:50%;width:28px;height:28px;font-size:18px;color:#777}.modal h2{font:600 22px Manrope;margin:2px 0 7px}.modal-copy{font-size:11px;line-height:1.55;color:var(--muted);margin:0 0 18px}.modal form{display:flex;flex-direction:column;gap:13px}.modal label{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:700}.modal input,.modal select{padding:11px;border:1px solid var(--line);border-radius:8px;background:white;outline:none;font-size:11px}.modal input:focus,.modal select:focus{border-color:var(--wine)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:5px}.connect-mark{width:44px;height:44px;border-radius:12px;background:#f4f0e8;display:grid;place-items:center;color:#4285f4;font:700 24px Arial;margin-bottom:18px}.steps{background:#f5f2ec;border-radius:12px;padding:8px 15px;margin-bottom:16px}.steps>div{display:flex;gap:10px;align-items:flex-start;padding:10px 0}.steps>div+div{border-top:1px solid #e6e0d6}.steps span{width:24px;height:24px;border-radius:50%;background:#e5d8bf;color:#765c2e;display:grid;place-items:center;font-size:9px;font-weight:700}.steps p{margin:0;display:flex;flex-direction:column}.steps b{font-size:10px}.steps small{font-size:9px;color:var(--muted);margin-top:2px}.toast{position:fixed;z-index:120;right:24px;bottom:24px;background:#242321;color:white;border-radius:10px;padding:11px 15px;display:flex;gap:8px;align-items:center;box-shadow:var(--shadow);transform:translateY(25px);opacity:0;pointer-events:none;transition:.25s}.toast.show{transform:translateY(0);opacity:1}.toast span{color:#d3bb84}.toast p{margin:0;font-size:10px}
@media(max-width:1100px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.bottom-grid{grid-template-columns:1fr}.opportunity-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.opportunity-panel .panel-header,.opportunity-panel .full-button{grid-column:1/-1}.opportunity-score{align-self:start}.opportunity-list{margin-top:7px}}
@media(max-width:780px){.app-shell{display:block}.sidebar{transform:translateX(-100%);transition:.25s;box-shadow:8px 0 30px rgba(0,0,0,.25)}.sidebar.open{transform:translateX(0)}.main{grid-column:auto}.topbar{height:72px;padding:0 18px}.menu-button{display:grid;margin-right:12px}.icon-button{width:36px;height:36px;border:1px solid var(--line);background:var(--panel);border-radius:8px;place-items:center}.icon-button [data-icon]{width:18px;height:18px}.eyebrow{display:none}.page-heading h1{font-size:17px}.sync-state{display:none}.content{padding:18px}.context-bar{align-items:flex-start;gap:15px}.context-actions{margin-left:auto}.latest-date,.secondary-button{display:none}.demo-notice{align-items:flex-start}.demo-notice p{display:block;margin:3px 0 0}.demo-notice button{white-space:nowrap;margin-top:3px}.metrics-grid{gap:10px}.metric-card{min-height:130px;padding:15px}.dashboard-grid{gap:12px}.chart-panel,.opportunity-panel,.alerts-panel,.data-panel{padding:16px}.opportunity-panel{display:block}.keyword-heading{gap:15px;flex-direction:column}.table-tools{width:100%}.search-field{flex:1}.search-field input{width:100%}footer{padding:18px;flex-direction:column;gap:5px}}
@media(max-width:520px){.metrics-grid{grid-template-columns:1fr 1fr}.metric-card{min-height:125px}.mini-bars{width:58px;right:10px}.context-actions .primary-button{font-size:0;width:38px;height:38px;padding:0}.context-actions .primary-button span{font-size:18px}.site-picker small{max-width:180px}.demo-notice{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;padding-right:12px}.demo-notice button{grid-column:2;margin:2px 0 0;padding:0;text-align:left;justify-self:start}.chart-summary{align-items:flex-start}.legend{flex-direction:column;gap:4px}.chart-wrap{height:210px}.table-tools select{max-width:128px}.table-footer{padding:12px}.table-footer>span{display:none}.bottom-grid{gap:12px}.metric-value strong{font-size:25px}}