:root{--ink:#111713;--accent:#b7ff3c;--muted:#7b857e;--line:#e6ebe7;--soft:#f5f7f5;--green:#4e9d21;--red:#c65353}
*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Manrope,Arial,sans-serif;color:var(--ink);background:#f5f7f5}a{text-decoration:none;color:inherit}button,input,select{font:inherit}
.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#0f1712;color:#dbe3dd;padding:24px 16px;display:flex;flex-direction:column;z-index:40}
.app-brand,.login-brand,.setup-brand{display:flex;align-items:center;gap:10px;font:700 19px "Space Grotesk";letter-spacing:-.5px}.app-brand i,.login-brand i,.setup-brand i{font-style:normal;width:32px;height:32px;border-radius:10px;background:var(--accent);color:var(--ink);display:grid;place-items:center;font-weight:900}.app-brand em,.login-brand em,.setup-brand em{font-style:normal;color:var(--accent)}.app-brand span,.login-brand span,.setup-brand span{display:flex;align-items:baseline}.app-brand small,.login-brand small,.setup-brand small{font:900 8px Manrope;color:#708077;letter-spacing:1.6px;margin-left:5px}
.project-block{margin:26px 0 17px;padding:16px 3px;border-top:1px solid #273129;border-bottom:1px solid #273129;position:relative}.project-block>label{display:block;font-size:7px;letter-spacing:1.2px;color:#65746a;font-weight:900;margin:0 7px 8px}.project-button{width:100%;background:#19221c;color:white;border:0;border-radius:12px;padding:9px;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer}.project-button>b{width:34px;height:34px;background:#2b392f;border-radius:9px;display:grid;place-items:center;color:#caff81}.project-button span{display:flex;flex-direction:column;min-width:0}.project-button strong{font-size:9px}.project-button small{font-size:7px;color:#839188;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-button i{font-style:normal;margin-left:auto}.project-menu{display:none;position:absolute;z-index:80;left:3px;right:3px;top:86px;background:white;color:var(--ink);border-radius:12px;padding:7px;box-shadow:0 18px 45px rgba(0,0,0,.25)}.project-menu.open{display:grid}.project-menu a{padding:9px;border-radius:8px;display:flex;flex-direction:column}.project-menu a:hover{background:#f2f5f2}.project-menu strong{font-size:9px}.project-menu small{font-size:7px;color:#869188}.project-menu .add-project{font-size:8px;font-weight:900;border-top:1px solid #edf0ed;margin-top:5px}.empty-project-link{display:block;background:#1b261f;padding:12px;border-radius:10px;font-size:9px;font-weight:800}
.nav-group{display:flex;flex-direction:column;gap:3px}.nav-group>span{font-size:7px;color:#5f6d64;font-weight:900;letter-spacing:1.25px;padding:16px 11px 5px}.nav-group a{height:40px;border-radius:9px;display:flex;align-items:center;gap:11px;padding:0 11px;color:#849188;font-size:12px}.nav-group a b{font-size:10px}.nav-group a.active{background:#1c261f;color:white;box-shadow:inset 3px 0 var(--accent)}
.side-bottom{margin-top:auto;border-top:1px solid #283129;padding-top:13px;display:grid;gap:9px}.side-bottom>a{font-size:9px;color:#859289;padding:6px 8px}.google-state{display:flex;align-items:center;gap:8px;font-size:8px;color:#77857c;padding:0 8px}.google-state i{width:7px;height:7px;border-radius:50%;background:#6b756e}.google-state.connected i{background:#7fd235}.google-state.connected span{color:#acb9b0}
.main{margin-left:250px;min-height:100vh}.topbar{height:72px;background:white;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;display:flex;align-items:center;padding:0 30px}.topbar>div:first-of-type{display:flex;flex-direction:column}.topbar small{font-size:7px;color:#919c95;font-weight:900;letter-spacing:1.2px}.topbar strong{font:600 14px "Space Grotesk"}.top-right{margin-left:auto;display:flex;align-items:center;gap:13px}.sync-state{font-size:8px;color:#818c84}.avatar{width:34px;height:34px;border-radius:10px;background:#111713;color:var(--accent);display:grid;place-items:center;font-size:10px;font-weight:900}.hamb{display:none;border:0;background:#f2f5f2;width:35px;height:35px;border-radius:9px;margin-right:12px}.content{max-width:1500px;margin:auto;padding:30px}.app-footer{text-align:center;color:#9ba49e;font-size:7px;padding:45px 0 10px}
.page-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px;gap:20px}.overline,.panel-head span,.opp-card>small{font-size:7px;font-weight:900;letter-spacing:1.25px;color:#8a958d}.page-head h1{font:600 31px "Space Grotesk";letter-spacing:-1.3px;margin:4px 0}.page-head p{font-size:9px;color:#849087;margin:0}.head-actions{display:flex;gap:8px}
.primary-btn,.secondary-btn{border:0;border-radius:10px;padding:11px 15px;font-size:9px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.primary-btn{background:#111713;color:white}.secondary-btn{background:white;color:#29322c;border:1px solid #dfe5e1}.danger-link{border:0;background:transparent;color:#b55353;font-size:8px;font-weight:800;cursor:pointer}.full-btn{width:100%}
.notice{background:#eff8e9;border:1px solid #dcefd0;color:#426827;border-radius:12px;padding:13px 15px;font-size:9px;margin-bottom:12px}.notice.warn{background:#fff8e5;border-color:#efe0ae;color:#795f23}.flash{border-radius:11px;padding:12px 14px;margin-bottom:13px;font-size:9px;font-weight:700}.flash.success{background:#eaf7e5;color:#477629}.flash.error,.form-error{background:#fff0f0;color:#9c3e3e;border-radius:10px;padding:11px;font-size:9px;margin:9px 0}
.metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.metric-grid article{background:white;border:1px solid var(--line);border-radius:15px;padding:18px}.metric-grid span{font-size:8px;color:#6f7b73;font-weight:800}.metric-grid strong{display:block;font:700 27px "Space Grotesk";letter-spacing:-1px;margin:11px 0 5px}.metric-grid small{font-size:7px;color:#929c95}.up{color:var(--green)!important;font-weight:800}.down{color:var(--red)!important;font-weight:800}
.panel{background:white;border:1px solid var(--line);border-radius:17px;padding:20px}.dash-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(280px,.9fr);gap:11px;margin-top:11px}.dash-grid.lower{grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr)}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head h2{font:600 17px "Space Grotesk";margin:4px 0}.panel-head>a{font-size:8px;font-weight:900;color:#5f6d64}.legend{font-size:7px;color:#87928a}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#1a251d;margin:0 5px 0 9px}.legend i+ i{background:#9ddc4f}.chart-box{height:275px;margin-top:14px}
.health{text-align:center}.health .panel-head{text-align:left}.health-score{width:145px;height:145px;border-radius:50%;background:conic-gradient(#aef253 82%,#eef2ef 0);margin:24px auto 17px;display:flex;align-items:center;justify-content:center;position:relative}.health-score:after{content:"";position:absolute;inset:15px;border-radius:50%;background:white}.health-score strong,.health-score span{z-index:1}.health-score strong{font:700 34px "Space Grotesk"}.health-score span{font-size:9px;color:#8b958e}.health>p{font-size:9px;color:#818c84;line-height:1.6}.health>a{font-size:8px;font-weight:900}
.opp-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto 32px;gap:10px;align-items:center;border-top:1px solid #edf1ee;padding:12px 0}.opp-row>b{font:600 10px "Space Grotesk";color:#a1aaa4}.opp-row>div{display:flex;flex-direction:column;min-width:0}.opp-row small{font-size:6px;color:#70a93d;letter-spacing:.8px}.opp-row strong{font-size:9px;margin:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.opp-row span{font-size:7px;color:#9aa49d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.opp-row>i{font-style:normal;width:29px;height:29px;border-radius:8px;background:#f1f5f2;display:grid;place-items:center;font-size:8px;font-weight:900}.priority{font-style:normal;font-size:7px!important;font-weight:900;border-radius:20px;padding:5px 7px}.priority.high{background:#fff0e6;color:#b7672d}.priority.medium{background:#f4f0ff;color:#7756ae}.priority.low{background:#eef7e9;color:#5a8d3c}
.task-row{display:flex;gap:10px;border-top:1px solid #edf1ee;padding:13px 0}.task-dot{width:10px;height:10px;border-radius:50%;margin-top:2px;background:#e2e7e3}.task-dot.doing{background:#a8ec4f}.task-row div{display:flex;flex-direction:column;gap:3px}.task-row strong{font-size:9px}.task-row small{font-size:7px;color:#929c95}
.empty,.empty-panel{color:#89948c;font-size:9px;padding:35px;text-align:center}.empty-panel{background:white;border:1px solid var(--line);border-radius:20px;max-width:700px;margin:55px auto}.empty-panel h1{font:600 34px "Space Grotesk";letter-spacing:-1.4px;color:var(--ink)}.empty-panel p{margin-bottom:22px}
.search{height:38px;width:240px;border:1px solid #dce3de;border-radius:10px;padding:0 12px;font-size:9px;background:white}.table-panel{padding:16px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:850px}th{text-align:left;padding:11px;color:#8d9890;font-size:7px;letter-spacing:.7px;border-bottom:1px solid #e6ebe7}td{padding:12px 11px;border-bottom:1px solid #edf1ee;font-size:9px}td strong{font-size:9px}.url-cell{max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.project-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:12px}.add-project-card h2,.technical-box h2,.integration-card h2{font:600 24px "Space Grotesk";letter-spacing:-.8px}.add-project-card form,.action-form form{display:grid;gap:11px;margin-top:20px}label{font-size:8px;font-weight:800;display:grid;gap:6px}input,select{height:42px;border:1px solid #dce3de;border-radius:9px;padding:0 11px;background:white;font-size:9px;outline:none}input:focus,select:focus{border-color:#9ed64e}.help{font-size:8px;color:#89948c;line-height:1.6}.help code,code{background:#f2f5f2;border-radius:6px;padding:3px 5px;font-size:8px}.project-list{display:grid;gap:9px}.project-card{display:flex;align-items:center;gap:13px}.project-icon{width:42px;height:42px;border-radius:12px;background:#111713;color:var(--accent);display:grid;place-items:center;font-weight:900}.project-info{display:flex;flex-direction:column;gap:2px;min-width:0}.project-info strong{font-size:10px}.project-info span{font-size:8px;color:#69766d}.project-info small{font-size:7px;color:#9aa39d;max-width:380px;overflow:hidden;text-overflow:ellipsis}.project-actions{margin-left:auto;display:flex;align-items:center;gap:8px}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.integration-head{display:flex;align-items:center;gap:12px}.google-logo{width:40px;height:40px;border:1px solid #e1e6e2;border-radius:11px;display:grid;place-items:center;font-weight:900}.integration-head>div:nth-child(2){display:flex;flex-direction:column}.integration-head strong{font-size:10px}.integration-head span{font-size:8px;color:#89948c}.integration-head>i{margin-left:auto;width:10px;height:10px;border-radius:50%;background:#bbc3bd}.integration-head>i.on{background:#75c43b}.integration-card>p,.technical-box>p{font-size:9px;color:#7c887f;line-height:1.6;margin:20px 0}.site-list{margin-top:16px;display:grid}.site-list div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid #edf1ee}.site-list strong{font-size:8px;overflow:hidden;text-overflow:ellipsis}.site-list span{font-size:7px;color:#839087}.technical-box{margin-top:11px}.technical-box>code{display:block;margin:13px 0;padding:12px;background:#111713;color:#caff80;border-radius:9px;overflow:auto}
.opp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.opp-card{background:white;border:1px solid var(--line);border-radius:17px;padding:22px}.opp-top{display:flex;justify-content:space-between;align-items:center}.opp-top>b{font-size:8px;color:#737f76}.opp-card>small{display:block;margin-top:24px}.opp-card h2{font:600 21px "Space Grotesk";letter-spacing:-.6px;margin:7px 0}.opp-card>p{font-size:9px;color:#79847c;line-height:1.6}.why,.recommend{border-radius:11px;padding:13px;margin-top:12px}.why{background:#f5f8f5}.recommend{background:#111713;color:white}.why span,.recommend span{display:block;font-size:6px;font-weight:900;letter-spacing:1px;color:#8e9991;margin-bottom:6px}.recommend span{color:#8f9e94}.why strong,.recommend strong{font-size:9px;line-height:1.5;display:block}.target{font-size:7px;color:#8e9991;padding:13px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.opp-card form{margin-top:3px}
.actions-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:11px}.action-form h2{font:600 20px "Space Grotesk"}.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.kanban-col{background:#eef2ef;border-radius:15px;padding:10px;min-height:420px}.kanban-col>header{display:flex;justify-content:space-between;padding:7px 5px 12px;font-size:8px;font-weight:900}.kanban-col>header b{background:white;width:22px;height:22px;border-radius:7px;display:grid;place-items:center}.task-card{background:white;border:1px solid #e1e6e2;border-radius:11px;padding:12px;margin-bottom:8px}.task-card strong{font-size:9px;line-height:1.5;display:block}.task-card small{font-size:7px;color:#929c95;display:block;margin:7px 0}.task-card select{width:100%;height:31px;font-size:7px}
.report-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:11px}.report-hero h2{font:600 32px "Space Grotesk";letter-spacing:-1px;margin:9px 0}.report-hero>p{font-size:9px;color:#859087}.report-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:28px 0}.report-metrics div{background:#f4f7f4;border-radius:12px;padding:15px}.report-metrics strong{display:block;font:600 19px "Space Grotesk"}.report-metrics span{font-size:7px;color:#879289}.report-note{background:#fff8e4;border:1px solid #f0e2b4;border-radius:11px;padding:13px;color:#735e28;font-size:8px;line-height:1.6}.check-list{list-style:none;padding:0;margin-top:25px}.check-list li{border-bottom:1px solid #edf1ee;padding:10px 0;font-size:9px}
.login-body,.setup-body{min-height:100vh;background:linear-gradient(130deg,#0d1510,#16271b);display:grid;place-items:center;padding:28px}.login-shell{width:min(430px,100%)}.login-brand,.setup-brand{color:white;justify-content:center;margin-bottom:24px}.login-card,.setup-card{background:white;border-radius:24px;padding:36px;box-shadow:0 35px 90px rgba(0,0,0,.22)}.kicker{font-size:7px;color:#6fae2e;font-weight:900;letter-spacing:1.3px}.login-card h1,.setup-card h1{font:600 34px "Space Grotesk";letter-spacing:-1.4px;margin:9px 0}.login-card>p,.setup-card>p{font-size:9px;color:#7c887f;line-height:1.6}.login-card form{display:grid;gap:13px;margin:25px 0}.login-card>small{font-size:7px;color:#98a199}.setup-shell{width:min(850px,100%)}.setup-card h2{font:600 17px "Space Grotesk";margin:29px 0 13px}.setup-card h2 small{font:500 8px Manrope;color:#89948c}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .full{grid-column:1/-1}.checks{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0}.checks span{font-size:7px;font-weight:900;border-radius:20px;padding:6px 8px}.checks .ok{background:#eef8e8;color:#53862f}.checks .bad{background:#fff0f0;color:#a64949}
@media(max-width:1150px){.metric-grid{grid-template-columns:repeat(3,1fr)}.dash-grid,.dash-grid.lower,.settings-grid,.report-grid{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}.opp-grid{grid-template-columns:1fr}.actions-layout{grid-template-columns:1fr}.kanban{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar-open .sidebar{transform:translateX(0)}.main{margin-left:0}.hamb{display:block}.topbar{padding:0 14px}.sync-state{display:none}.content{padding:18px 13px}.page-head{align-items:flex-start;flex-direction:column}.metric-grid{grid-template-columns:1fr 1fr}.kanban{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:1}.report-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:440px){.metric-grid{grid-template-columns:1fr}.login-card,.setup-card{padding:25px}.search{width:100%}}