@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/newsreader-vietnamese-600-normal-CaH84vfx.woff2)format("woff2"),url(/assets/newsreader-vietnamese-600-normal-CVAR0otO.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/newsreader-latin-ext-600-normal-BXv5iMHi.woff2)format("woff2"),url(/assets/newsreader-latin-ext-600-normal-BrbfzHZ5.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/newsreader-latin-600-normal-30OJ_TG_.woff2)format("woff2"),url(/assets/newsreader-latin-600-normal-DUnT2r2g.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-vietnamese-400-normal-B7xT_GF5.woff2)format("woff2"),url(/assets/space-grotesk-vietnamese-400-normal-BIWiOVfw.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-latin-ext-400-normal-CfP_5XZW.woff2)format("woff2"),url(/assets/space-grotesk-latin-ext-400-normal-DRPE3kg4.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-latin-400-normal-CJ-V5oYT.woff2)format("woff2"),url(/assets/space-grotesk-latin-400-normal-BnQMeOim.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-vietnamese-500-normal-BmEvtly_.woff2)format("woff2"),url(/assets/space-grotesk-vietnamese-500-normal-BTqKIpxg.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-ext-500-normal-DUe3BAxM.woff2)format("woff2"),url(/assets/space-grotesk-latin-ext-500-normal-3dgZTiw9.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2)format("woff2"),url(/assets/space-grotesk-latin-500-normal-CNSSEhBt.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-vietnamese-700-normal-DMty7AZE.woff2)format("woff2"),url(/assets/space-grotesk-vietnamese-700-normal-Duxec5Rn.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-ext-700-normal-BQnZhY3m.woff2)format("woff2"),url(/assets/space-grotesk-latin-ext-700-normal-HVCqSBdx.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2)format("woff2"),url(/assets/space-grotesk-latin-700-normal-CwsQ-cCU.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-900:#07111f;--bg-800:#0d1b2f;--bg-700:#17304f;--surface:#09111fb8;--surface-strong:#070d18e0;--surface-muted:#121f32c7;--border:#ffffff14;--border-strong:#ffffff24;--text-strong:#f8f4ea;--text-soft:#e3ebf4;--text:#c0cede;--text-muted:#7f91a7;--google:#f4c15b;--meta:#66cbff;--blend:#8fe495;--good:#92e6a0;--warn:#f6cf71;--danger:#ff9d7d;--shadow:0 30px 90px #00000059;font-family:Space Grotesk,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left, #f4c15b2e, transparent 28%), radial-gradient(circle at 85% 15%, #66cbff2e, transparent 24%), linear-gradient(135deg, var(--bg-900), var(--bg-800) 48%, #122742 100%);min-width:320px;min-height:100vh;color:var(--text);margin:0}body,button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}#root{min-height:100vh}.loading-shell{place-items:center;min-height:100vh;padding:2rem;display:grid}.loading-card{border:1px solid var(--border);width:min(520px,100%);box-shadow:var(--shadow);background:linear-gradient(#101c30eb,#0a1321d6);border-radius:28px;padding:2.5rem}.loading-card h1{color:var(--text-strong);margin:.35rem 0 0;font-family:Newsreader,serif;font-size:clamp(2rem,5vw,3.4rem);font-weight:600}.loading-copy{color:var(--text);margin:.9rem 0 0;line-height:1.6}.loading-error{color:#ffb4a4}.loading-actions{flex-wrap:wrap;justify-content:flex-start;gap:.75rem;margin-top:1.4rem;display:flex}.auth-card{width:min(560px,100%)}.onboarding-card{width:min(620px,100%)}.auth-button{background:linear-gradient(120deg,#f4c15b38,#66cbff24)!important}.auth-button-secondary{background:#ffffff0a!important}.loading-copy-subtle{color:var(--muted);font-size:.95rem}.onboarding-form{gap:1rem;margin-top:1.4rem;display:grid}.onboarding-field{gap:.45rem;display:grid}.onboarding-field span{color:var(--text-strong);font-size:.92rem;font-weight:600}.onboarding-field input{width:100%;color:var(--text-strong);font:inherit;background:#0a121fbf;border:1px solid #ffffff1f;border-radius:14px;padding:.9rem 1rem}.onboarding-field input::placeholder{color:var(--muted)}.onboarding-field input:focus{outline-offset:2px;border-color:#66cbff66;outline:2px solid #66cbff66}.auth-button:disabled{opacity:.6;cursor:wait}.app-shell{min-height:100vh;padding:clamp(.85rem,1.5vw,1.25rem);position:relative;overflow:hidden}.ambient{filter:blur(20px);opacity:.55;pointer-events:none;border-radius:999px;position:absolute}.ambient-one{background:radial-gradient(circle,#f4c15b4d,#0000 65%);width:26rem;height:26rem;top:3rem;left:-8rem}.ambient-two{background:radial-gradient(circle,#66cbff42,#0000 65%);width:28rem;height:28rem;top:-4rem;right:-10rem}.ambient-three{background:radial-gradient(circle,#8fe4952e,#0000 65%);width:22rem;height:22rem;bottom:8%;right:8%}.product-shell{z-index:1;grid-template-columns:300px minmax(0,1fr);gap:1rem;width:min(1580px,100%);margin:0 auto;display:grid;position:relative}.dashboard-shell{gap:1rem;display:grid}.card{border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#142136c7,#080f1ae6),linear-gradient(120deg,#ffffff08,#0000 35%);border-radius:24px;position:relative;overflow:hidden}.reveal{opacity:0;animation:.72s cubic-bezier(.22,1,.36,1) forwards rise-in;transform:translateY(18px)}.eyebrow{color:var(--warn);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:700}.sidebar{align-self:start;gap:1rem;padding:1.25rem;display:grid;position:sticky;top:1rem}.sidebar-brand{align-items:center;gap:.9rem;display:flex}.brand-mark{background:linear-gradient(135deg,#f4c15bf2,#66cbffe6),linear-gradient(#ffffff14,#0000);border-radius:16px;width:2.4rem;height:2.4rem;box-shadow:0 0 40px #66cbff33}.sidebar-brand strong{color:var(--text-strong);font-size:1.12rem;display:block}.sidebar-brand span{color:var(--text-muted);font-size:.86rem}.sidebar-nav{gap:.45rem;display:grid}.sidebar-link{color:var(--text-muted);text-align:left;background:0 0;border:0;border-radius:16px;padding:.85rem .95rem;font-size:.95rem;font-weight:700;transition:transform .18s,color .18s,background-color .18s}.sidebar-link:hover{color:var(--text-soft);background:#ffffff0a;transform:translate(2px)}.sidebar-link.active{color:var(--text-strong);background:linear-gradient(120deg,#ffffff1c,#ffffff08);box-shadow:inset 0 0 0 1px #ffffff0f}.sidebar-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:18px;gap:.4rem;padding:1rem;display:grid}.sidebar-card-label{color:var(--text-muted);letter-spacing:.14em;text-transform:uppercase;font-size:.75rem;font-weight:700}.sidebar-card strong{color:var(--text-strong)}.sidebar-card p{color:var(--text);margin:0;font-size:.9rem;line-height:1.45}.sidebar-card code{font-size:.82rem}.sidebar-card-muted{background:#ffffff05}.topbar{justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 1.25rem;display:flex}.topbar-title{color:var(--text-strong);letter-spacing:-.03em;margin:.4rem 0 0;font-family:Newsreader,serif;font-size:clamp(2rem,4.5vw,3.15rem);font-weight:600;line-height:.95}.topbar-copy{max-width:42rem;color:var(--text);margin:.5rem 0 0;font-size:.95rem}.topbar-user{background:#ffffff08;border:1px solid #ffffff0f;border-radius:20px;justify-items:end;gap:.3rem;min-width:180px;padding:.95rem 1rem;display:grid}.topbar-user strong{color:var(--text-strong)}.topbar-user span{color:var(--text-muted);font-size:.86rem}.topbar-button{width:100%;margin-top:.25rem}.topbar-user-tag{text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:var(--warn)!important}.workspace-selector{gap:.85rem;display:grid}.workspace-selector-head{justify-content:space-between;align-items:end;gap:1rem;display:flex}.workspace-selector-title{color:var(--text-strong);margin:0;font-size:1.4rem}.workspace-selector-copy{max-width:28rem;color:var(--text-muted);margin:0;font-size:.9rem}.workspace-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.workspace-card{color:var(--text);text-align:left;background:linear-gradient(#141f34bd,#0a121edb);border:1px solid #ffffff12;border-radius:20px;gap:.45rem;padding:1rem;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.workspace-card:hover{border-color:#ffffff24;transform:translateY(-2px)}.workspace-card.active{border-color:#66cbff57;box-shadow:inset 0 0 0 1px #66cbff2e}.workspace-card-top{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.workspace-card-plan{color:var(--warn);letter-spacing:.14em;text-transform:uppercase;font-size:.76rem;font-weight:700}.workspace-card strong{color:var(--text-strong);font-size:1.05rem}.workspace-card-copy{color:var(--text-muted);font-size:.88rem}.workspace-card-metrics{color:var(--text-soft);gap:.2rem;margin-top:.3rem;font-size:.86rem;display:grid}.hero{grid-template-columns:1.35fr minmax(280px,.78fr);gap:1.5rem;padding:clamp(1.35rem,3vw,2.2rem);display:grid}.hero.is-refreshing{animation:.72s ease-in-out pulse-panel}.hero:before{content:"";background:radial-gradient(circle,#f4c15b33,#0000 70%);width:16rem;height:16rem;position:absolute;inset:auto auto -6rem -4rem}.hero:after{content:"";background:radial-gradient(circle,#66cbff1f,#0000 70%);border-radius:50%;width:10rem;height:10rem;position:absolute;inset:1.25rem 1.25rem auto auto}.hero-copy,.hero-actions,.hero-stats{z-index:1;position:relative}.hero-title-row{flex-wrap:wrap;align-items:center;gap:.85rem;margin-top:.65rem;display:flex}.hero-copy h2{color:var(--text-strong);letter-spacing:-.03em;margin:0;font-family:Newsreader,serif;font-size:clamp(2.4rem,5vw,4.2rem);font-weight:600;line-height:.96}.surface-pill{color:var(--text-strong);letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(120deg,#ffffff14,#ffffff05);border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:.4rem;padding:.55rem .9rem;font-size:.82rem;font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff08}.surface-pill:before{content:"";background:var(--accent);width:.6rem;height:.6rem;box-shadow:0 0 18px var(--accent);border-radius:50%}.hero-summary{max-width:52rem;color:var(--text-soft);margin:.85rem 0 0;font-size:1.02rem}.hero-summary-secondary{color:var(--text-muted);max-width:38rem}.hero-meta{color:var(--text-muted);flex-wrap:wrap;gap:.75rem;margin-top:1.15rem;font-size:.86rem;display:flex}.hero-meta span{background:#ffffff08;border:1px solid #ffffff0f;border-radius:999px;align-items:center;padding:.3rem .6rem;display:inline-flex}.hero-status{max-width:40rem;color:var(--text);margin:.9rem 0 0;font-size:.9rem}.hero-actions{align-content:start;gap:1rem;display:grid}.control-group{gap:.55rem;display:grid}.control-label{color:var(--text-muted);letter-spacing:.15em;text-transform:uppercase;font-size:.78rem;font-weight:700}.segmented{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:999px;flex-wrap:wrap;gap:.35rem;padding:.35rem;display:inline-flex}.segment{color:var(--text-muted);text-transform:capitalize;background:0 0;border:0;border-radius:999px;padding:.72rem .95rem;font-size:.9rem;font-weight:700;transition:transform .18s,color .18s,background-color .18s,box-shadow .18s}.segment:hover{color:var(--text-soft);transform:translateY(-1px)}.segment.active{color:var(--text-strong);background:linear-gradient(120deg,#ffffff21,#ffffff0d);box-shadow:inset 0 0 0 1px #ffffff0f}.segmented-surface .segment.active:first-child{box-shadow:inset 0 0 0 1px #8fe4954d}.segmented-surface .segment.active:nth-child(2){box-shadow:inset 0 0 0 1px #f4c15b59}.segmented-surface .segment.active:nth-child(3){box-shadow:inset 0 0 0 1px #66cbff59}.hero-stats{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;display:grid}.hero-stat{background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;gap:.35rem;padding:1rem 1.1rem;display:grid}.hero-stat-label{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem}.hero-stat-value{color:var(--text-strong);font-size:clamp(1.35rem,2vw,1.8rem);font-weight:700}.hero-stat-copy{color:var(--text);font-size:.88rem}.saas-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.panel{padding:1.15rem}.compact-header{margin-bottom:.8rem}.subscription-panel,.checklist,.team-list,.activity-feed{margin:0;padding:0}.subscription-panel{gap:1rem;display:grid}.subscription-head{justify-content:space-between;align-items:end;gap:1rem;display:flex}.subscription-plan{color:var(--warn);letter-spacing:.14em;text-transform:uppercase;font-size:.76rem;font-weight:700;display:block}.subscription-head strong{color:var(--text-strong);font-size:1.35rem;display:block}.subscription-date{color:var(--text-muted);font-size:.84rem}.usage-row{gap:.5rem;display:grid}.usage-row strong{color:var(--text-strong)}.usage-label{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.8rem;display:block}.usage-bar{background:#ffffff0f;border-radius:999px;width:100%;height:.52rem;overflow:hidden}.usage-bar-alt{background:#ffffff0a}.usage-fill{border-radius:inherit;background:linear-gradient(90deg, var(--google), var(--meta));height:100%}.usage-fill-alt{background:linear-gradient(90deg, var(--blend), var(--meta))}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.detail-grid dt{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.76rem}.detail-grid dd{color:var(--text-strong);margin:.2rem 0 0;font-size:.9rem}.checklist{gap:.75rem;list-style:none;display:grid}.checklist-item{background:#ffffff08;border:1px solid #ffffff12;border-radius:18px;padding:.95rem}.checklist-top{justify-content:space-between;align-items:start;gap:.75rem;display:flex}.checklist-item strong{color:var(--text-strong)}.checklist-item p{color:var(--text);margin:.45rem 0 0;font-size:.9rem}.checklist-owner{color:var(--text-muted);margin-top:.65rem;font-size:.82rem;display:inline-block}.checklist-state{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;flex-shrink:0;padding:.32rem .58rem;font-size:.72rem;font-weight:700}.state-done{color:var(--good);background:#92e6a02e}.state-in_progress{color:var(--warn);background:#f6cf7129}.state-pending{color:var(--text-muted);background:#ffffff14}.team-list,.activity-feed{gap:.8rem;list-style:none;display:grid}.team-item{grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;display:grid}.team-avatar{width:2.35rem;height:2.35rem;color:var(--text-strong);background:linear-gradient(135deg,#66cbff2e,#f4c15b33);border-radius:14px;place-items:center;font-weight:700;display:grid}.team-copy strong{color:var(--text-strong);display:block}.team-copy span{color:var(--text);font-size:.88rem}.team-meta{color:var(--text-muted);justify-items:end;gap:.2rem;font-size:.82rem;display:grid}.team-status{text-transform:uppercase;letter-spacing:.08em;font-weight:700}.team-online{color:var(--good)}.team-away{color:var(--warn)}.team-invited{color:var(--text-muted)}.activity-item{background:#ffffff08;border:1px solid #ffffff12;border-radius:18px;padding:.95rem}.activity-head{justify-content:space-between;align-items:start;gap:1rem;display:flex}.activity-head strong{color:var(--text-strong)}.activity-head span{color:var(--text-muted);font-size:.82rem}.activity-item p{color:var(--text);margin:.45rem 0 0;font-size:.9rem}.connection-strip{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.connection-card{padding:1.1rem}.connection-top{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.connection-group{color:var(--text-muted);letter-spacing:.16em;text-transform:uppercase;font-size:.78rem}.connection-card h2{color:var(--text-strong);margin:.8rem 0 .35rem;font-size:1.25rem}.connection-card p{color:var(--text);margin:0;font-size:.92rem}.connection-progress{color:var(--text-soft);gap:.45rem;margin-top:1rem;font-size:.88rem;display:grid}.progress-rail{background:#ffffff0f;border-radius:999px;width:100%;height:.5rem;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--google), var(--meta));height:100%}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;display:grid}.metric-card{min-height:12rem;padding:1.1rem 1.1rem 1rem}.metric-card:before{content:"";background:linear-gradient(90deg, var(--accent), transparent 70%);width:100%;height:.2rem;position:absolute;inset:0 auto auto 0}.metric-card-top{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.metric-label{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.82rem;font-weight:700}.metric-delta{font-size:.85rem;font-weight:700}.metric-delta.positive{color:var(--good)}.metric-delta.negative{color:var(--danger)}.metric-value{color:var(--text-strong);letter-spacing:-.03em;margin-top:.8rem;font-size:clamp(1.65rem,2vw,2.2rem);font-weight:700;display:block}.metric-hint{color:var(--text);margin:.4rem 0 0;font-size:.9rem}.metric-sparkline{width:100%;height:3.5rem;margin-top:1rem}.dashboard-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;display:grid}.panel-large{grid-column:span 8}.panel-side{grid-column:span 4}.panel-half{grid-column:span 6}.panel-full{grid-column:span 12}.panel-header{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem;display:flex}.section-tag{color:var(--warn);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .3rem;font-size:.76rem;font-weight:700}.panel-title{color:var(--text-strong);margin:0;font-size:1.45rem}.panel-copy{max-width:34rem;color:var(--text);margin:.35rem 0 0;font-size:.92rem}.metric-segments{flex-shrink:0}.chart-frame{height:22rem}.chart-frame-small{height:19rem}.chart-legend{color:var(--text-muted);flex-wrap:wrap;gap:.9rem 1.2rem;margin-top:.8rem;font-size:.84rem;display:flex}.legend-item{align-items:center;gap:.45rem;display:inline-flex}.legend-dot{border-radius:50%;width:.72rem;height:.72rem}.legend-google{background:var(--google)}.legend-meta{background:var(--meta)}.legend-total{background:#fff4e357}.chart-tooltip{border:1px solid var(--border-strong);background:#070d18f5;border-radius:14px;gap:.35rem;min-width:10rem;padding:.8rem .9rem;display:grid;box-shadow:0 18px 48px #00000052}.chart-tooltip-label{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:700}.chart-tooltip-row{color:var(--text-soft);justify-content:space-between;gap:1rem;font-size:.88rem;display:flex}.watchlist{gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.watch-item{background:#ffffff08;border:1px solid #ffffff12;border-radius:18px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.watch-label{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:700;display:block}.watch-value{color:var(--text-strong);margin-top:.35rem;font-size:1.15rem;display:block}.watch-delta{color:var(--text-soft);font-size:.88rem;font-weight:700}.table-shell{overflow-x:auto}.event-table{border-collapse:collapse;width:100%;min-width:42rem}.event-table thead th{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;text-align:left;padding:0 0 .85rem;font-size:.76rem;font-weight:700}.event-table tbody td{color:var(--text-soft);border-top:1px solid #ffffff0f;padding:.95rem 0;font-size:.92rem}.event-name-cell strong{color:var(--text-strong)}.status-chip{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;min-width:6.2rem;padding:.4rem .7rem;font-size:.76rem;font-weight:700;display:inline-flex}.status-healthy{color:#0d2814;background:var(--good)}.status-attention{color:#342300;background:var(--warn)}.status-critical{color:#34120a;background:var(--danger)}.recommendation-list{gap:.85rem;margin:0;padding-left:1.15rem;display:grid}.recommendation-item{border-bottom:1px solid #ffffff0f;padding:0 0 .85rem .2rem}.recommendation-item:last-child{border-bottom:0;padding-bottom:0}.recommendation-top{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.recommendation-top strong{color:var(--text-strong)}.recommendation-owner{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;font-weight:700}.recommendation-item p{color:var(--text);margin:.45rem 0 0;font-size:.92rem}.recommendation-impact{color:var(--good);margin-top:.65rem;font-size:.88rem;font-weight:700;display:inline-block}.tone-good{border-color:#92e6a02e}.tone-warn{border-color:#f6cf7133}.tone-neutral{border-color:#ffffff14}.tone-healthy{border-color:#92e6a033}.tone-attention{border-color:#f6cf7138}.tone-critical{border-color:#ff9d7d47}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-panel{0%{transform:scale(1)}50%{transform:scale(.996)}to{transform:scale(1)}}@media (width<=1280px){.product-shell{grid-template-columns:1fr}.sidebar{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;position:static}.sidebar-brand,.sidebar-nav{grid-column:1/-1}}@media (width<=1200px){.hero,.saas-grid{grid-template-columns:1fr}.panel-large,.panel-side,.panel-half,.panel-full{grid-column:span 12}}@media (width<=900px){.workspace-grid,.hero-stats{grid-template-columns:1fr}.topbar,.workspace-selector-head,.panel-header,.subscription-head{flex-direction:column;align-items:start}.topbar-user{justify-items:start}.chart-frame,.chart-frame-small{height:18rem}.sidebar{grid-template-columns:1fr}}@media (width<=640px){.app-shell{padding:.75rem}.card{border-radius:20px}.hero,.panel,.metric-card,.connection-card,.topbar,.sidebar{padding:1rem}.hero-copy h2{font-size:2.3rem}.segment{padding:.65rem .8rem;font-size:.84rem}.detail-grid{grid-template-columns:1fr}.event-table{min-width:34rem}}