:root{--bg:#f5f7fb;--panel:#fff;--text:#172033;--muted:#6b7485;--line:#e4e8ef;--primary:#315efb;--primary2:#2447c9;--good:#18794e;--goodbg:#e9f8f1;--danger:#b42318;--dangerbg:#fff0ee;--shadow:0 12px 35px rgba(25,38,68,.08);--radius:18px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--primary);text-decoration:none}button,input,textarea,select{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:#111827;color:#fff;padding:22px 16px;display:flex;flex-direction:column;z-index:20}.brand,.auth-brand{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:800}.brand{padding:0 10px 22px}.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#5b7cff,#9f6bff);color:#fff;font-size:13px;font-weight:900;box-shadow:0 8px 22px rgba(91,124,255,.3)}.sidebar nav{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;color:#b9c2d0;padding:11px 12px;border-radius:12px;font-size:14px}.nav-item span{width:22px;text-align:center;font-size:18px}.nav-item b{font-weight:650}.nav-item:hover,.nav-item.active{background:#1f2937;color:#fff}.sidebar-foot{margin-top:auto;border-top:1px solid #273244;padding:16px 8px 0;display:flex;align-items:center;justify-content:space-between;gap:8px}.user-chip{display:flex;align-items:center;gap:8px;min-width:0}.avatar{width:29px;height:29px;display:grid;place-items:center;background:#31415a;border-radius:50%;font-weight:800}.user-chip span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:105px}.link-button{border:0;background:none;color:#c8d0db;cursor:pointer;padding:5px}.main{min-width:0}.topbar{padding:30px 34px 12px;display:flex;gap:16px;align-items:center}.topbar h1{margin:3px 0 0;font-size:30px;letter-spacing:-.03em}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;color:#8791a2}.content{padding:18px 34px 42px}.menu-button{display:none;border:1px solid var(--line);background:white;border-radius:10px;padding:8px 10px;font-size:20px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat-card,.panel,.project-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.stat-card{padding:20px}.stat-card span{display:block;color:var(--muted);font-size:13px;margin-bottom:8px}.stat-card strong{font-size:31px;letter-spacing:-.04em}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.8fr);gap:18px;margin-top:18px}.panel{padding:22px}.panel-head,.project-card-head,.page-actions,.form-actions,.section-title,.project-title{display:flex;align-items:center;justify-content:space-between;gap:18px}.panel-head h2,.project-card h2,.section-title h2{margin:4px 0 0}.recent-row{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-top:1px solid var(--line);color:var(--text)}.recent-row:first-of-type{margin-top:10px}.recent-row div{display:grid;gap:4px}.recent-row span,.recent-row time{font-size:13px;color:var(--muted)}.ready-card{background:linear-gradient(145deg,#eef3ff,#fff)}.ready-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#e7ecff;color:var(--primary);font-size:22px}.lead{color:var(--muted);margin:0}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:11px;padding:10px 14px;font-weight:700;font-size:14px;border:1px solid transparent;cursor:pointer}.button.primary{background:var(--primary);color:#fff}.button.primary:hover{background:var(--primary2)}.button.ghost{background:#fff;border-color:var(--line);color:var(--text)}.button.small{padding:7px 10px;font-size:13px}.button.full{width:100%;margin-top:4px}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.project-card{padding:20px}.project-card-head{align-items:flex-start}.project-card h2{font-size:21px}.domain{display:inline-block;margin-top:7px;color:var(--muted);font-size:13px}.status{font-size:12px;font-weight:800;padding:5px 8px;border-radius:999px;white-space:nowrap}.status.good{color:var(--good);background:var(--goodbg)}.status.muted{color:#697386;background:#f0f2f5}.status.warn{color:#8a5a00;background:#fff4cc}.status.bad{color:var(--danger);background:var(--dangerbg)}.project-meta{padding:14px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:13px}.integration-list{margin-top:8px}.integration-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #eef1f5;font-size:13px}.integration-row:last-child{border-bottom:0}.card-actions{display:flex;gap:9px;margin-top:16px}.empty{text-align:center;padding:48px 25px}.empty h2{margin:10px 0 6px}.empty p,.empty-inline{color:var(--muted)}.form-panel{margin-top:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:grid;gap:7px}.field span{font-size:13px;font-weight:700}.field input,.field textarea,.field select{width:100%;border:1px solid #d9dee8;background:#fff;border-radius:11px;padding:11px 12px;outline:none;color:var(--text)}.field input:focus,.field textarea:focus,.field select:focus{border-color:#86a0ff;box-shadow:0 0 0 3px #edf1ff}.field textarea{resize:vertical}.field small{font-size:11px;color:var(--muted)}.field-wide{grid-column:1/-1}.section-title{margin:30px 0 14px;padding-top:22px;border-top:1px solid var(--line);align-items:flex-end}.section-title p{margin:5px 0 0;color:var(--muted);font-size:13px}.form-actions{justify-content:flex-start;margin-top:24px}.tabs{display:flex;gap:4px;overflow:auto;margin:16px 0 18px;background:#e9edf4;padding:5px;border-radius:13px}.tabs a{padding:8px 12px;border-radius:9px;color:#616b7a;white-space:nowrap;font-size:13px;font-weight:700}.tabs a.active{background:white;color:var(--text);box-shadow:0 2px 7px rgba(20,30,50,.08)}.project-overview{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.7fr);gap:18px}.details{margin:16px 0 0}.details div{display:grid;grid-template-columns:140px 1fr;gap:20px;padding:10px 0;border-top:1px solid var(--line)}.details dt{color:var(--muted);font-size:13px}.details dd{margin:0;font-size:14px}.back{font-size:13px}.module-placeholder{margin-top:8px}.alert{padding:12px 14px;border-radius:11px;margin-bottom:14px;font-size:13px}.alert.error{background:var(--dangerbg);color:var(--danger);border:1px solid #ffd3cc}.alert.success{background:var(--goodbg);color:var(--good);border:1px solid #bfe8d4}.connections-panel{margin-bottom:18px}.connections-panel .panel-head{align-items:flex-start}.connections-panel .panel-head p,.log-list+.panel-head p{color:var(--muted);font-size:13px;margin:5px 0 0}.connection-list{margin-top:16px}.connection-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-top:1px solid var(--line)}.connection-main{display:grid;gap:7px;min-width:0}.connection-main>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.checked-at{font-size:12px;color:var(--muted)}.connection-error,.inline-error{color:var(--danger);font-size:12px}.inline-error{display:block;margin-top:5px;max-width:320px}.integration-overview{align-items:flex-start}.integration-overview>div{text-align:right}.log-list{margin-top:12px}.log-row{display:grid;grid-template-columns:145px 1fr;gap:16px;padding:12px 0;border-top:1px solid var(--line);font-size:13px}.log-row time{color:var(--muted)}.stats-grid.six{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.period-switch{display:flex;gap:6px;background:#e9edf4;padding:5px;border-radius:13px}.period-pill{padding:8px 12px;border-radius:9px;color:#616b7a;font-size:13px;font-weight:700}.period-pill.active{background:#fff;color:var(--text);box-shadow:0 2px 7px rgba(20,30,50,.08)}.analytics-actions{display:flex;align-items:center;gap:12px}.updated{font-size:12px;color:var(--muted)}.alert.warn-box{background:#fff8dd;color:#7b5a00;border:1px solid #f1df9a}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow)}.metric-card span{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.metric-card strong{font-size:26px;letter-spacing:-.03em}.analytics-panel{margin-top:18px}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.chart-wrap{margin-top:18px}.metric-chart{width:100%;height:auto;min-height:210px;overflow:visible}.metric-chart text{font-size:10px;fill:#7a8495}.chart-axis{stroke:#dce2eb;stroke-width:1}.chart-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-line.visits{stroke:#315efb}.chart-line.users{stroke:#8b5cf6}.chart-line.direct-cost{stroke:#f59e0b}.chart-line.direct-clicks{stroke:#315efb}.dot.direct-cost{background:#f59e0b}.dot.direct-clicks{background:#315efb}.chart-legend{display:flex;gap:18px;justify-content:flex-end;color:var(--muted);font-size:12px}.chart-legend span{display:flex;align-items:center;gap:6px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.visits{background:#315efb}.dot.users{background:#8b5cf6}.table-scroll{overflow:auto;margin-top:14px}.data-table{width:100%;border-collapse:collapse;min-width:520px}.data-table th,.data-table td{text-align:left;padding:11px 10px;border-top:1px solid var(--line);font-size:13px}.data-table th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.table-empty{color:var(--muted);text-align:center!important}.compact-metrika{margin-top:18px}.compact-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}.compact-metrics div{background:#f7f9fc;border-radius:12px;padding:13px}.compact-metrics span,.stats-project-metrics small{display:block;color:var(--muted);font-size:11px}.compact-metrics strong{display:block;margin-top:5px;font-size:20px}.statistics-list{display:grid;gap:14px;margin-top:18px}.stats-project-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}.stats-project-metrics span{background:#f7f9fc;border-radius:12px;padding:13px}.stats-project-metrics b{display:block;font-size:20px;margin-bottom:4px}.stats-project-note{color:var(--muted);margin-top:16px}.stats-sources{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:16px}.stats-source-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.stats-source-head>span{display:flex;align-items:center;gap:6px}.direct-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.business-goals{margin-top:18px}.goal-hint{color:var(--muted);font-size:13px}.business-goal-list{display:grid;gap:8px;margin-top:14px}.business-goal-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--line)}.goal-check,.goal-primary{display:flex;align-items:center;gap:10px;font-size:13px}.goal-check span{display:grid;gap:3px}.goal-check small{color:var(--muted)}.goal-primary{color:var(--muted);white-space:nowrap}.conversion-context{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:12px 14px;background:#f3f6ff;border:1px solid #dce5ff;border-radius:12px}.conversion-context span{color:var(--muted);font-size:12px}.alert.info-box{background:#eef3ff;color:#34415a;border:1px solid #d8e2ff}.conversion-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.conversion-compare div{background:#f7f9fc;border-radius:12px;padding:14px}.conversion-compare span{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.conversion-compare p{grid-column:1/-1;margin:0;color:var(--muted);font-size:12px}.connections-group{margin-top:22px}.connections-group .section-title{margin-bottom:12px}.connection-card-meta{display:grid;gap:7px;padding:14px 0;color:var(--muted);font-size:12px}.connection-actions{align-items:center;flex-wrap:wrap}.connection-actions form{margin:0}.connection-used{font-size:12px;color:var(--muted);margin-left:auto}.connection-empty{padding:24px}.connection-name{display:block;color:var(--muted);font-size:11px;margin-top:4px}.button.danger{background:#fff;color:var(--danger);border-color:#f1b9b4}.button.danger:hover{background:var(--dangerbg)}.danger-panel{border-color:#f0c6c2}.mode-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mode-choice-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:var(--shadow);display:grid;gap:12px;align-content:start}.mode-choice-card.accent{border-color:#cbd6ff;background:linear-gradient(180deg,#fff,#f7f9ff)}.mode-choice-card h2{margin:0;font-size:24px}.mode-choice-card p{margin:0 0 8px;color:var(--muted);line-height:1.6}.mode-choice-card .button{justify-self:start}.mode-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#eef3ff;color:var(--accent);font-size:20px}.new-project-form{display:grid;gap:18px}.wizard-section{padding:22px}.wizard-step{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}.wizard-step>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#edf2ff;color:var(--accent);font-weight:800;flex:0 0 auto}.wizard-step h2{margin:0}.wizard-step p{margin:4px 0 0;color:var(--muted);font-size:13px}.repeatable-list{display:grid;gap:8px;margin-bottom:10px}.repeatable-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.repeatable-row input{width:100%;border:1px solid #d9dee8;background:#fff;border-radius:11px;padding:11px 12px;outline:none}.integration-config-block{padding:16px 0;border-top:1px solid var(--line)}.integration-config-block h3{margin:0 0 12px}.field-note{margin:8px 0 0;color:var(--muted);font-size:12px}.sticky-actions{position:sticky;bottom:12px;background:rgba(245,247,251,.94);backdrop-filter:blur(10px);padding:12px;border:1px solid var(--line);border-radius:14px;z-index:3}.new-project-card{border-color:#dbe3ff}.new-project-meta{display:grid;gap:7px}.roadmap-panel{margin-top:18px}.roadmap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}.roadmap-step{display:flex;align-items:center;gap:10px;background:#f7f9fc;border-radius:12px;padding:12px}.roadmap-step>span{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#eaf0ff;color:var(--accent);font-weight:800;font-size:12px}.roadmap-step small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.draft-note{color:#7b6a30;font-size:12px;text-align:right}.site-prep .matrix-note{margin-top:18px;padding:16px;background:#f7f9fc;border-radius:12px}.site-prep .matrix-note p{margin:6px 0 0;color:var(--muted);font-size:12px}.city-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.city-chip{background:#eef3ff;color:#33415d;border-radius:999px;padding:7px 10px;font-size:12px}.city-chip small{color:var(--muted)}.site-plan-actions{display:flex;gap:10px;margin-top:16px}.site-plan-actions form{margin:0}.site-plan-tree{margin-top:18px}.site-plan-tree ul{list-style:none;margin:8px 0 0 18px;padding-left:16px;border-left:1px solid var(--line)}.site-plan-tree li{padding:7px 0}.site-plan-tree li>span{font-weight:700}.site-plan-tree li>small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.stats-next{margin-top:18px;color:var(--muted)}.auth-body{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at top,#eaf0ff 0,#f6f8fb 45%,#eef2f7 100%)}.auth-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:0 25px 70px rgba(33,49,80,.13)}.auth-card h1{margin:26px 0 7px;letter-spacing:-.035em}.auth-card>p{color:var(--muted);margin:0 0 22px}.form-stack{display:grid;gap:15px}@media(max-width:980px){.stats-grid,.stats-grid.six{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.project-overview,.analytics-grid,.stats-sources,.mode-choice-grid{grid-template-columns:1fr}.projects-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}.roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;left:-280px;width:260px;transition:left .2s ease}.sidebar.open{left:0}.menu-button{display:block}.topbar{padding:20px 18px 10px}.topbar h1{font-size:25px}.content{padding:14px 18px 32px}.page-actions,.analytics-head{align-items:flex-start}.analytics-head{display:grid}.analytics-actions{justify-content:space-between;flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.details div{grid-template-columns:110px 1fr}.compact-metrics,.stats-project-metrics{grid-template-columns:repeat(2,1fr)}.business-goal-row{grid-template-columns:1fr}.goal-primary{white-space:normal}.conversion-context,.conversion-compare{display:grid;grid-template-columns:1fr}.sidebar.open:after{content:"";position:fixed;inset:0 0 0 260px;background:rgba(14,22,36,.35);z-index:-1}}@media(max-width:520px){.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:15px}.stat-card strong{font-size:25px}.panel,.project-card{border-radius:15px;padding:16px}.page-actions{display:grid}.page-actions .button{width:100%}.card-actions{display:grid;grid-template-columns:1fr 1fr}.details div{grid-template-columns:1fr;gap:4px}.auth-card{padding:23px}.recent-row{display:grid}.recent-row time{justify-self:start}.form-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}}