:root{--ink:#111827;--muted:#718096;--line:#e6eaf0;--surface:#fff;--canvas:#f5f7fa;--nav:#0a1220;--nav-soft:#131e2e;--primary:#4f46e5;--primary-deep:#3730a3;--green:#12b981;--red:#ef5b62;--cyan:#18a7c7;--amber:#e69b20;--violet:#7656d8;--radius:16px;--shadow:0 14px 38px rgba(16,24,40,.07)}
*{box-sizing:border-box}html{font-size:15px}body{margin:0;background:var(--canvas);color:var(--ink);font-family:"DM Sans",sans-serif}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:var(--nav);color:#dbe5f2;padding:28px 18px 20px;display:flex;flex-direction:column;z-index:50}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;padding:0 10px}.brand:hover{color:#fff}.brand>span:last-child{display:flex;align-items:baseline;gap:6px}.brand strong{font:800 20px/1 "Manrope",sans-serif}.brand small{color:#7f8fa6;font-size:13px}.brand-mark{width:31px;height:31px;border-radius:9px;background:linear-gradient(145deg,#594fe9,#262b79);display:flex;align-items:end;justify-content:center;gap:3px;padding:7px}.brand-mark i{display:block;width:4px;border-radius:3px;background:#fff}.brand-mark i:nth-child(1){height:8px;opacity:.55}.brand-mark i:nth-child(2){height:16px}.brand-mark i:nth-child(3){height:12px;opacity:.8}.sidebar-nav{margin-top:43px;display:grid;gap:8px}.nav-entry{border:0;width:100%;display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:10px;background:transparent;color:#8d9bb0;text-decoration:none;font-weight:600;transition:.2s}.nav-entry:hover{background:var(--nav-soft);color:#fff}.nav-entry.active{color:#fff;background:#202c42;box-shadow:inset 3px 0 0 #7067f3}.nav-icon{font-size:21px;width:21px;text-align:center}.sidebar-bottom{margin-top:auto}.sidebar-bottom form{margin:0}.system-chip{display:flex;align-items:center;gap:11px;padding:15px 12px;border-top:1px solid #1e2a3c;border-bottom:1px solid #1e2a3c;margin-bottom:9px}.system-chip div{display:flex;flex-direction:column}.system-chip strong{font-size:12px}.system-chip small{font-size:11px;color:#74839a}.logout{font-size:13px}.app-main{width:calc(100% - 246px);margin-left:246px}.topbar{height:74px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.92);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 38px;position:sticky;top:0;z-index:30}.topbar>div:first-of-type{display:flex;flex-direction:column}.topbar strong{font-size:13px}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:800;color:#8b96a8}.topbar-right{display:flex;align-items:center;gap:18px}.live-pill{display:flex;gap:7px;align-items:center;border:1px solid #dfe5ec;border-radius:99px;padding:7px 12px;font-size:11px;font-weight:700;background:#fff}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#1c2940;color:#fff;font-size:11px;font-weight:700}.mobile-menu{display:none;border:0;background:none;font-size:22px}.content-wrap{padding:38px;max-width:1560px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.page-heading.compact{align-items:flex-start}.page-heading h1{font:800 clamp(26px,3vw,37px)/1.15 "Manrope",sans-serif;letter-spacing:-.035em;margin:7px 0}.page-heading p{color:var(--muted);margin:0}.btn-monitor{background:var(--primary);border-color:var(--primary);font-weight:700;border-radius:10px;padding:11px 17px;box-shadow:0 6px 18px rgba(79,70,229,.2)}.btn-monitor:hover{background:var(--primary-deep);border-color:var(--primary-deep)}.btn-ghost{border:1px solid var(--line);background:#fff;color:#364152;border-radius:10px;padding:10px 16px;font-weight:700}.back-link{display:inline-block;color:#738095;text-decoration:none;font-size:12px;font-weight:700;margin-bottom:11px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:flex;gap:15px;box-shadow:0 7px 22px rgba(18,28,45,.035)}.metric-card div{display:flex;flex-direction:column}.metric-card small,.detail-kpi small,.site-stat small{font-size:9px;font-weight:800;color:#8b96a8;letter-spacing:.09em}.metric-card strong{font:800 28px/1.15 "Manrope",sans-serif;margin:3px 0}.metric-card p{font-size:11px;color:var(--muted);margin:0}.metric-icon{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;font-weight:800}.metric-icon.green{background:#e4f8f1;color:var(--green)}.metric-icon.cyan{background:#e5f6fa;color:var(--cyan)}.metric-icon.violet{background:#eeeafd;color:var(--violet)}.metric-icon.red{background:#ffeaeb;color:var(--red)}.metric-icon.amber{background:#fff2dc;color:var(--amber)}.panel,.form-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel-heading{padding:19px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.panel-heading h2,.form-panel h2,.danger-zone h2{font:700 16px/1.3 "Manrope",sans-serif;margin:0}.panel-heading p,.form-panel p,.danger-zone p{font-size:11px;color:var(--muted);margin:3px 0 0}.panel-heading>a{font-size:11px;font-weight:700;color:var(--primary);text-decoration:none}.site-row{display:grid;grid-template-columns:42px minmax(150px,1.5fr) minmax(90px,1fr) repeat(4,minmax(80px,1fr)) 18px;gap:17px;align-items:center;padding:17px 22px;border-bottom:1px solid #eef1f5;text-decoration:none;color:var(--ink);transition:.16s}.site-row:last-child{border:0}.site-row:hover{background:#fafbff;color:var(--ink);transform:translateX(2px)}.site-avatar{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#e9e7ff,#d8e3ff);color:#4d45c5;font:800 15px "Manrope",sans-serif}.site-avatar.large{width:51px;height:51px;border-radius:14px;font-size:19px}.site-identity{display:flex;flex-direction:column;min-width:0}.site-identity strong{font-size:13px}.site-identity small,.site-identity>a{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;text-decoration:none}.site-health{display:flex;flex-direction:column;gap:3px}.health-label{font-size:11px;font-weight:700;display:flex;align-items:center;gap:6px}.site-health>small{font-size:9px;color:var(--muted);padding-left:13px}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#98a2b3;flex:none}.status-dot.online{background:var(--green);box-shadow:0 0 0 3px rgba(18,185,129,.13)}.status-dot.offline{background:var(--red);box-shadow:0 0 0 3px rgba(239,91,98,.13)}.site-stat{display:flex;flex-direction:column}.site-stat strong{font:700 14px "Manrope",sans-serif;margin-top:3px}.row-arrow{color:#9ba6b6;font-size:25px}.empty-state{text-align:center;padding:70px 20px}.empty-state h3{font:700 18px "Manrope";margin:17px 0 6px}.empty-state p{color:var(--muted);max-width:440px;margin:0 auto 20px}.empty-orbit{margin:auto;width:72px;height:72px;border:1px dashed #aeb5e7;border-radius:50%;display:grid;place-items:center;background:#f6f5ff;color:var(--primary);font-size:25px}.management-row{display:grid;grid-template-columns:42px minmax(180px,1fr) 80px 130px 130px;gap:16px;align-items:center;padding:17px 22px;border-bottom:1px solid var(--line)}.management-row:last-child{border:0}.tag{display:inline-flex;justify-content:center;border-radius:99px;padding:5px 9px;font-size:9px;font-weight:800;letter-spacing:.04em}.tag-success{background:#e4f8f1;color:#07855e}.tag-muted{background:#eef1f5;color:#798596}.tag-google{background:#e9edff;color:#4f46e5}.integration-pills{display:flex;gap:5px}.row-actions{display:flex;justify-content:flex-end;gap:12px}.row-actions a{font-size:11px;font-weight:700;color:var(--primary);text-decoration:none}.form-panel{max-width:870px}.form-panel-head{padding:24px 27px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px}.step-number{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;background:#eeecff;color:var(--primary);font-weight:800}.form-panel form{padding:27px}.form-grid,.integration-map{display:grid;grid-template-columns:1fr 1fr;gap:22px}.span-2{grid-column:span 2}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:11px;font-weight:800;color:#354052}.form-control,.form-select{border-color:#dce2ea;border-radius:9px;padding:11px 12px;font-size:13px}.form-control:focus,.form-select:focus{border-color:#8b83ed;box-shadow:0 0 0 3px rgba(79,70,229,.1)}.field small{font-size:10px;color:var(--muted)}.field>span,.validation-summary{font-size:11px;color:#c53d49}.validation-summary:empty{display:none}.switch-row{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:12px;padding:15px 17px;cursor:pointer}.switch-row span{display:flex;flex-direction:column}.switch-row strong{font-size:12px}.switch-row small{font-size:10px;color:var(--muted)}.switch-row input{position:absolute;opacity:0}.switch-row i{width:42px;height:24px;border-radius:99px;background:#c9d0db;position:relative;transition:.2s}.switch-row i:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.switch-row input:checked+i{background:var(--primary)}.switch-row input:checked+i:after{transform:translateX(18px)}.form-actions{border-top:1px solid var(--line);margin:27px -27px -27px;padding:18px 27px;display:flex;justify-content:flex-end;gap:10px}.site-title{align-items:flex-end}.title-line{display:flex;align-items:center;gap:13px}.title-line h1{margin:0}.title-line a{font-size:11px;color:var(--muted);text-decoration:none}.heading-actions{display:flex;gap:9px}.detail-status{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:14px;margin-bottom:18px}.hero-status,.detail-kpi{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:19px}.hero-status{display:flex;align-items:center;gap:14px}.hero-status>strong{margin-left:auto;font:700 18px "Manrope"}.hero-status h2{font:700 15px "Manrope";margin:2px 0}.hero-status p{font-size:10px;color:var(--muted);margin:0}.pulse-ring{width:40px;height:40px;border-radius:50%;background:#e3f8f0;display:grid;place-items:center}.pulse-ring i{width:12px;height:12px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px rgba(18,185,129,.12)}.hero-status.danger .pulse-ring{background:#ffeaeb}.hero-status.danger .pulse-ring i{background:var(--red)}.detail-kpi{display:flex;flex-direction:column}.detail-kpi strong{font:800 24px "Manrope";margin:5px 0}.detail-kpi span{font-size:10px;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.8fr);gap:18px;margin-bottom:18px}.side-stack{display:grid;gap:18px}.data-source{font-size:9px;font-weight:800;background:#e9edff;color:var(--primary);border-radius:99px;padding:5px 9px}.data-table{width:100%;font-size:11px}.data-table th{color:#8b96a8;font-size:9px;letter-spacing:.05em;padding:11px 17px;border-bottom:1px solid var(--line)}.data-table td{padding:12px 17px;border-bottom:1px solid #eff2f5}.data-table td:first-child{display:flex;flex-direction:column}.data-table td small{color:var(--muted);font-size:9px}.position-chip{background:#edf8f3;color:#07855e;border-radius:6px;padding:4px 7px;font-weight:700}.mini-empty{color:var(--muted);font-size:11px;padding:28px 22px}.connection-row{display:flex;align-items:center;gap:11px;padding:14px 18px;border-bottom:1px solid var(--line)}.connection-row:last-child{border:0}.connection-row div{display:flex;flex-direction:column;min-width:0;flex:1}.connection-row strong{font-size:11px}.connection-row small{font-size:9px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.connection-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;font-weight:800}.connection-icon.large{width:40px;height:40px}.connection-icon.google{background:#fff1e5;color:#e16532}.connection-icon.search{background:#e5f4ff;color:#287bc1}.check-list>div{display:flex;align-items:center;gap:9px;padding:10px 18px;border-bottom:1px solid var(--line);font-size:10px}.check-list>div:last-child{border:0}.check-list strong{margin-left:auto}.danger-zone{display:flex;justify-content:space-between;align-items:center;padding:20px 22px}.btn-danger-soft{background:#fff0f1;color:#c63e48;border:1px solid #ffd8dc;border-radius:9px;font-size:11px;font-weight:700}.integration-panel{max-width:940px}.connection-empty{display:flex;align-items:center;gap:15px;border:1px dashed #cfd6e1;border-radius:12px;padding:17px;margin-bottom:24px}.connection-empty>span{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:#fff1e5;color:#d75728;font-weight:800}.connection-empty div{flex:1}.connection-empty h3{font:700 13px "Manrope";margin:0}.connection-empty p{margin:3px 0}.btn-google{border:1px solid var(--line);font-size:11px;font-weight:700}.integration-map{margin-top:23px}.security-note{margin-top:22px;background:#f4f6ff;border:1px solid #e2e5fb;border-radius:11px;padding:14px;display:flex;gap:11px}.security-note strong{font-size:11px}.security-note p{margin:2px 0 0}.toast-message{position:fixed;right:26px;top:88px;z-index:100;background:#112033;color:#fff;border-radius:11px;padding:12px 15px;box-shadow:0 14px 40px rgba(0,0,0,.2);display:flex;align-items:center;gap:9px;font-size:12px}.toast-message>span{color:#50dcad}.toast-message button{border:0;background:none;color:#9dacbe;font-size:18px;margin-left:10px}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr;background:#fff}.auth-visual{position:relative;overflow:hidden;padding:45px 7vw;background:radial-gradient(circle at 80% 30%,rgba(81,75,201,.33),transparent 28%),linear-gradient(145deg,#091321,#111d31);color:#fff;display:flex;flex-direction:column}.auth-glow{position:absolute;width:460px;height:460px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-170px;top:10%;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018)}.auth-brand{z-index:2}.auth-message{margin:auto 0;z-index:2;max-width:570px}.auth-message .eyebrow{color:#8f8af5}.auth-message h1{font:800 clamp(39px,5vw,67px)/1.07 "Manrope";letter-spacing:-.055em;margin:15px 0 21px}.auth-message p{color:#9eacbf;font-size:16px;line-height:1.7;max-width:520px}.auth-signal{z-index:2;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);border-radius:14px;padding:15px 17px;display:flex;align-items:center;gap:18px;max-width:500px}.auth-signal>span{font-size:9px;font-weight:800;letter-spacing:.08em;display:flex;align-items:center;gap:8px}.auth-signal strong{font:700 13px "Manrope"}.signal-bars{display:flex;align-items:end;gap:4px;flex:1;height:25px}.signal-bars i{flex:1;background:#655ee2;border-radius:2px;height:40%}.signal-bars i:nth-child(2){height:65%}.signal-bars i:nth-child(3){height:52%}.signal-bars i:nth-child(4){height:80%}.signal-bars i:nth-child(5){height:72%}.signal-bars i:nth-child(6){height:92%}.signal-bars i:nth-child(7){height:83%}.auth-form-side{display:grid;place-items:center;padding:40px}.auth-form-side.full{grid-column:1/-1;min-height:100vh}.login-card{width:min(390px,100%)}.login-card h2{font:800 27px "Manrope";letter-spacing:-.03em;margin:9px 0}.login-card>p{color:var(--muted);font-size:12px;margin-bottom:29px}.login-card .field{margin-bottom:17px}.password-wrap{position:relative}.password-wrap input{padding-right:45px}.password-wrap button{position:absolute;right:9px;top:8px;border:0;background:none;color:#8792a3}.remember{font-size:11px;color:#526073;display:flex;align-items:center;gap:7px;margin:3px 0 20px}.login-button{width:100%;display:flex;justify-content:space-between}.auth-foot{display:block;text-align:center;color:#a0a9b7;margin-top:22px}.text-danger{color:var(--red)!important}
@media(max-width:1150px){.site-row{grid-template-columns:42px 1.5fr 1fr repeat(2,1fr) 18px}.site-row .site-stat:nth-of-type(n+6){display:none}.detail-status{grid-template-columns:2fr repeat(2,1fr)}.detail-status .detail-kpi:last-child{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.sidebar{transform:translateX(-100%);transition:.22s}.sidebar.open{transform:none}.app-main{width:100%;margin:0}.mobile-menu{display:block}.topbar{padding:0 20px}.topbar>div:first-of-type{margin-right:auto;margin-left:12px}.content-wrap{padding:25px 18px}.site-row{grid-template-columns:40px 1fr 90px 18px}.site-row .site-stat{display:none}.detail-grid{grid-template-columns:1fr}.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}.auth-form-side{min-height:100vh}.management-row{grid-template-columns:40px 1fr 70px}.management-row .integration-pills{display:none}.row-actions{grid-column:2/-1;justify-content:flex-start}.detail-status{grid-template-columns:1fr 1fr}.hero-status{grid-column:span 2}}
@media(max-width:570px){.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{padding:14px;gap:9px}.metric-icon{width:32px;height:32px}.metric-card strong{font-size:22px}.page-heading{align-items:flex-start;gap:18px}.page-heading:not(.site-title){flex-direction:column}.site-title{display:block}.heading-actions{margin-top:18px}.form-grid,.integration-map{grid-template-columns:1fr}.span-2{grid-column:auto}.detail-status{grid-template-columns:1fr}.hero-status{grid-column:auto}.detail-kpi{display:none}.hero-status>strong{font-size:14px}.danger-zone{align-items:flex-start;gap:18px}.connection-empty{align-items:flex-start;flex-wrap:wrap}.topbar-right .live-pill{display:none}}