:root{--petroleum:#123c46;--petroleum-dark:#0d3139;--turquoise:#16a6a1;--turquoise-dark:#0f7f7b;--lime:#a8c94a;--light-blue:#dceff1;--background:#f5f7f8;--surface:#fff;--graphite:#28363a;--muted:#66777b;--line:#dfe7e9;--danger:#b9473f;--warning:#a96f13;--info:#35798a;--shadow:0 8px 26px #123c4612;--radius:14px;--sidebar:264px;--sidebar-small:82px}*{box-sizing:border-box}html,body{background:var(--background);color:var(--graphite);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.45}button,input,select,textarea{font:inherit}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #16a6a147}.app-shell{min-height:100vh}.sidebar{z-index:40;width:var(--sidebar);background:var(--petroleum);color:#fff;border-right:1px solid #ffffff14;flex-direction:column;transition:width .2s,transform .2s;display:flex;position:fixed;inset:0 auto 0 0}.brand-row{border-bottom:1px solid #ffffff17;align-items:center;gap:10px;min-height:78px;padding:14px 14px 12px 18px;display:flex}.brand{color:#fff;flex:1;align-items:center;gap:12px;min-width:0;text-decoration:none;display:flex}.brand-mark{background:#ffffff0f;border:1px solid #fff3;border-radius:11px;flex:0 0 36px;width:36px;height:36px;position:relative}.brand-mark:before,.brand-mark:after{content:"";transform-origin:0;background:#dceff16b;width:17px;height:1px;position:absolute;top:17px;left:9px}.brand-mark:before{transform:rotate(38deg)}.brand-mark:after{transform:rotate(-38deg)}.brand-mark i{background:var(--turquoise);width:6px;height:6px;box-shadow:0 0 0 2px var(--petroleum);z-index:2;border-radius:50%;position:absolute}.brand-mark i:first-child{top:7px;left:7px}.brand-mark i:nth-child(2){background:var(--lime);top:7px;right:7px}.brand-mark i:nth-child(3){background:var(--light-blue);bottom:7px;left:7px}.brand-mark i:nth-child(4){bottom:7px;right:7px}.brand-mark.small{border-radius:9px;flex-basis:30px;width:30px;height:30px}.brand-mark.small:before,.brand-mark.small:after{width:14px;top:14px;left:8px}.brand-copy{flex-direction:column;min-width:0;display:flex}.brand-copy strong{letter-spacing:.12em;font-size:21px;line-height:1.1}.brand-copy small{color:#ffffff9e;white-space:nowrap;margin-top:3px;font-size:11px}.sidebar-collapse,.mobile-menu,.icon-button{cursor:pointer;border:0}.sidebar-collapse{color:#ffffffb8;background:#ffffff0f;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.sidebar-collapse:hover{color:#fff;background:#ffffff1f}.org-context{background:#ffffff0a;border:1px solid #ffffff17;border-radius:12px;align-items:center;gap:10px;margin:14px 12px 8px;padding:10px;display:flex}.org-avatar{background:var(--turquoise);border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:grid}.org-context>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.org-context small{letter-spacing:.1em;color:#ffffff7a;font-size:11px}.org-context strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:650;overflow:hidden}.future-chip{color:#d5e88e;background:#a8c94a2e;border-radius:8px;place-items:center;width:22px;height:22px;margin-left:auto;font-size:11px;font-weight:800;display:grid}.nav-list{padding:4px 10px 16px;overflow-y:auto}.nav-list a{color:#ffffffb8;border-radius:11px;align-items:center;gap:11px;min-height:54px;margin:2px 0;padding:8px 10px;text-decoration:none;transition:background .16s,color .16s;display:flex;position:relative}.nav-list a:hover{color:#fff;background:#fff1}.nav-list a.active{color:#fff;background:#16a6a129}.nav-list a.active:before{content:"";background:var(--turquoise);border-radius:0 3px 3px 0;width:3px;position:absolute;top:10px;bottom:10px;left:-10px}.nav-icon{background:#ffffff0b;border-radius:9px;flex:0 0 32px;place-items:center;width:32px;height:32px;display:grid}.nav-list a.active .nav-icon{color:#8be2de;background:#16a6a12e}.nav-copy{flex-direction:column;min-width:0;display:flex}.nav-copy strong{font-size:13px;font-weight:650}.nav-copy small{color:#ffffff6b;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;line-height:1.25;overflow:hidden}.sidebar-footer{border-top:1px solid #ffffff14;margin-top:auto;padding:12px}.product-status{align-items:center;gap:10px;padding:8px 6px;display:flex}.status-dot{background:var(--lime);border-radius:50%;flex:0 0 8px;width:8px;height:8px;box-shadow:0 0 0 4px #a8c94a1a}.product-status span:last-child{flex-direction:column;display:flex}.product-status strong,.product-status small{font-size:11px}.product-status small{color:#ffffff73}.workspace{min-height:100vh;margin-left:var(--sidebar);transition:margin-left .2s}.topbar{z-index:25;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#f5f7f8f5;justify-content:space-between;align-items:center;min-height:64px;padding:0 24px;display:flex;position:sticky;top:0}.mobile-brand-block{display:none}.topbar-context,.topbar-actions,.org-desktop{align-items:center;display:flex}.topbar-context{gap:12px}.topbar-actions{gap:10px}.org-desktop{color:var(--muted);gap:7px;font-size:12px}.demo-pill,.stage-tag{color:#31636c;letter-spacing:.07em;background:#edf7f8;border:1px solid #c8dfe2;border-radius:8px;align-items:center;min-height:28px;padding:0 9px;font-size:11px;font-weight:800;display:inline-flex}.icon-button{color:#52666a;border:1px solid var(--line);background:#fff;border-radius:10px;place-items:center;width:36px;height:36px;display:grid;position:relative}.notification-dot{background:var(--lime);border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:8px}.user-pill{border:1px solid var(--line);background:#fff;border-radius:11px;align-items:center;gap:8px;padding:4px 8px 4px 4px;display:flex}.user-pill>span{background:var(--petroleum);color:#fff;border-radius:8px;place-items:center;width:28px;height:28px;font-size:11px;font-weight:800;display:grid}.user-pill b{color:#485a5e;font-size:11px;font-weight:650}.main-content{padding:26px clamp(18px,2.6vw,40px) 48px}.sidebar-collapsed .sidebar{width:var(--sidebar-small)}.sidebar-collapsed .workspace{margin-left:var(--sidebar-small)}.sidebar-collapsed .brand-copy,.sidebar-collapsed .org-context>span:nth-child(2),.sidebar-collapsed .future-chip,.sidebar-collapsed .nav-copy,.sidebar-collapsed .product-status span:last-child{display:none}.sidebar-collapsed .brand-row,.sidebar-collapsed .org-context,.sidebar-collapsed .nav-list a{justify-content:center}.eyebrow,.section-kicker{color:var(--turquoise-dark);letter-spacing:.12em;margin:0 0 6px;font-size:11px;font-weight:850;display:inline-block}.central-intro,.page-heading{justify-content:space-between;align-items:flex-start;gap:28px;margin-bottom:18px;display:flex}.central-intro>div:first-child,.page-heading>div{max-width:780px}h1{color:var(--petroleum);letter-spacing:-.035em;margin:0;font-size:clamp(30px,3vw,44px);line-height:1.08}.central-intro>div:first-child>p:last-child,.page-heading>div>p:last-child{max-width:720px;color:var(--muted);margin:9px 0 0;font-size:14px}.central-status{border-left:3px solid var(--lime);width:min(345px,34vw);box-shadow:var(--shadow);background:#fff;border-radius:0 12px 12px 0;flex:none;padding:14px 16px}.central-status>span{color:#65743c;letter-spacing:.06em;align-items:center;gap:7px;font-size:11px;font-weight:800;display:flex}.central-status>span i{background:var(--lime);border-radius:50%;width:7px;height:7px}.central-status strong,.central-status small{display:block}.central-status strong{color:var(--petroleum);margin-top:5px;font-size:15px}.central-status small{color:var(--muted);margin-top:3px;font-size:11px}.demo-notice{color:#416a72;background:#edf7f8;border:1px solid #cde3e5;border-radius:11px;align-items:center;gap:10px;margin-bottom:14px;padding:10px 12px;display:flex}.demo-notice div{align-items:baseline;gap:8px;display:flex}.demo-notice strong,.demo-notice span{font-size:11px}.signal-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.signal-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:38px 1fr;gap:12px;min-height:112px;padding:16px;display:grid;position:relative;box-shadow:0 4px 16px #123c4609}.signal-card:after{content:"";background:#bac9cc;height:2px;position:absolute;inset:0 0 auto}.signal-card.attention:after{background:var(--warning)}.signal-card.info:after{background:var(--info)}.signal-card.critical:after{background:var(--danger)}.signal-icon{width:36px;height:36px;color:var(--petroleum);background:#eff6f7;border-radius:10px;place-items:center;display:grid}.signal-card>div{flex-direction:column;display:flex}.signal-card>div>span{color:#718286;font-size:11px}.signal-card strong{color:var(--petroleum);margin:2px 0;font-size:25px;line-height:1}.signal-card small{color:var(--muted);font-size:11px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 4px 18px #123c4608}.central-grid{gap:14px;margin-top:14px;display:grid}.primary-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)}.secondary-grid{grid-template-columns:1fr 1fr .9fr}.network-panel,.attention-panel,.campaign-panel,.activity-panel,.organization-panel{padding:17px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.panel-heading h2{color:var(--petroleum);letter-spacing:-.015em;margin:0;font-size:17px}.panel-heading p{color:var(--muted);margin:3px 0 0;font-size:11px}.live-badge,.count-chip{color:#537176;white-space:nowrap;background:#eef5f6;border-radius:8px;align-items:center;gap:6px;min-height:26px;padding:0 8px;font-size:11px;font-weight:750;display:inline-flex}.live-badge i{background:var(--turquoise);border-radius:50%;width:6px;height:6px}.network-canvas{background-color:#f8fbfb;background-image:radial-gradient(#d3e2e4 1px,#0000 1px);background-size:18px 18px;border-radius:11px;height:250px;margin-top:10px;position:relative;overflow:hidden}.network-canvas svg{width:100%;height:100%;position:absolute;inset:0}.network-canvas line{stroke:#b8d1d4;stroke-width:.45px;stroke-dasharray:2 1}.network-node{align-items:center;gap:5px;display:flex;position:absolute;transform:translate(-50%,-50%)}.network-node i{background:var(--turquoise);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #16a6a11f}.network-node.attention i{background:var(--warning);box-shadow:0 0 0 4px #a96f131f}.network-node.info i{background:var(--info)}.network-node.focus i{background:var(--petroleum);width:13px;height:13px;box-shadow:0 0 0 6px #123c461a}.network-node span{border:1px solid var(--line);color:#476066;background:#fff;border-radius:7px;padding:3px 6px;font-size:11px;font-weight:700;box-shadow:0 2px 8px #123c460f}.network-legend{color:#718286;gap:14px;margin-top:9px;font-size:11px;display:flex}.network-legend span{align-items:center;gap:5px;display:flex}.network-legend i{background:var(--turquoise);border-radius:50%;width:6px;height:6px}.network-legend .attention{background:var(--warning)}.network-legend .info{background:var(--info)}.attention-list,.campaign-list,.activity-list{margin-top:9px}.attention-list article,.campaign-list article,.activity-list article{border-top:1px solid #edf1f2}.attention-list article:first-child,.campaign-list article:first-child,.activity-list article:first-child{border-top:0}.attention-list article{grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 0;display:grid}.severity-dot{background:var(--info);border-radius:50%;width:7px;height:7px}.severity-dot.critical{background:var(--danger);box-shadow:0 0 0 4px #faeceb}.severity-dot.warning{background:var(--warning);box-shadow:0 0 0 4px #fbf2df}.attention-list article>div:nth-child(2),.attention-meta,.campaign-list article>div:nth-child(2),.activity-list div{flex-direction:column;min-width:0;display:flex}.attention-list strong,.campaign-list article>div:nth-child(2) strong,.activity-list strong{color:#31464b;font-size:11px}.attention-list span,.campaign-list article>div:nth-child(2) span,.activity-list div span{color:#748488;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.attention-meta{align-items:flex-end}.attention-meta small,.attention-meta b{font-size:11px}.attention-meta small{color:#607579;text-transform:uppercase;background:#f0f4f5;border-radius:6px;padding:2px 6px;font-weight:800}.attention-meta b{color:#56696d;margin-top:3px}.panel-link{color:var(--turquoise-dark);border-top:1px solid #edf1f2;justify-content:space-between;align-items:center;margin-top:9px;padding-top:10px;font-size:11px;font-weight:750;text-decoration:none;display:flex}.campaign-list article{grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;display:grid}.date-block{width:36px;height:42px;color:var(--petroleum);background:#edf6f7;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;display:flex}.date-block strong{font-size:15px;line-height:1}.date-block span{text-transform:uppercase;color:var(--turquoise-dark);font-size:11px;font-weight:800}.status-chip{color:#5f7175;background:#f1f4f5;border-radius:7px;align-items:center;min-height:22px;padding:0 7px;font-size:11px;font-weight:800;display:inline-flex}.status-chip.confirmada{color:#2c756f;background:#e8f5f2}.activity-list article{grid-template-columns:9px minmax(0,1fr) auto;align-items:start;gap:9px;padding:10px 0;display:grid}.activity-mark{background:var(--turquoise);border-radius:50%;width:7px;height:7px;margin-top:5px;box-shadow:0 0 0 3px #e8f6f5}.activity-list small{color:#91a0a3;white-space:nowrap;font-size:11px}.organization-panel dl{margin:12px 0 0}.organization-panel dl div{border-top:1px solid #edf1f2;grid-template-columns:90px 1fr;gap:8px;padding:8px 0;display:grid}.organization-panel dt,.organization-panel dd{font-size:11px}.organization-panel dt{color:#7c8b8e}.organization-panel dd{color:#3d5257;overflow-wrap:anywhere;margin:0;font-weight:650}.module-page{max-width:1180px}.page-heading{align-items:flex-end}.stage-tag{flex:none}.module-readiness{border-left:3px solid var(--turquoise);grid-template-columns:70px 1fr;align-items:start;gap:18px;padding:20px;display:grid}.module-symbol{background:var(--petroleum);color:#fff;border-radius:16px;place-items:center;width:62px;height:62px;display:grid}.module-readiness h2{color:var(--petroleum);margin:0;font-size:20px}.module-readiness p{max-width:830px;color:var(--muted);margin:7px 0 0;font-size:12px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.feature-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-height:154px;padding:17px}.feature-card>span{color:var(--turquoise-dark);font-size:11px;font-weight:850}.feature-card h3{color:var(--petroleum);margin:14px 0 5px;font-size:15px}.feature-card p{color:var(--muted);margin:0;font-size:11px}.module-footer{justify-content:space-between;align-items:center;gap:18px;margin-top:14px;padding:15px 17px;display:flex}.module-footer>div{flex-direction:column;display:flex}.module-footer strong,.module-footer span,.module-footer a{font-size:11px}.module-footer span{color:#7b8a8d}.module-footer a{color:var(--turquoise-dark);align-items:center;gap:8px;font-weight:750;text-decoration:none;display:flex}.sidebar-scrim{display:none}@media (max-width:1120px){.signal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.primary-grid{grid-template-columns:1fr}.secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.organization-panel{grid-column:1/-1}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.sidebar,.sidebar-collapsed .sidebar{width:min(86vw,310px);transform:translate(-102%);box-shadow:14px 0 42px #0a252b38}.sidebar.mobile-open{transform:translate(0)}.sidebar .brand-copy,.sidebar .org-context>span:nth-child(2),.sidebar .future-chip,.sidebar .nav-copy,.sidebar .product-status span:last-child{display:flex}.sidebar .brand-row,.sidebar .org-context,.sidebar .nav-list a{justify-content:initial}.sidebar .sidebar-collapse{display:none}.workspace,.sidebar-collapsed .workspace{margin-left:0}.sidebar-scrim{z-index:35;background:#09242a6b;border:0;display:block;position:fixed;inset:0}.topbar{min-height:58px;padding:0 13px}.mobile-brand-block{align-items:center;gap:10px;display:flex}.mobile-menu{border:1px solid var(--line);width:36px;height:36px;color:var(--petroleum);background:#fff;border-radius:10px;place-items:center;display:grid}.mobile-brand{color:var(--petroleum);align-items:center;gap:7px;text-decoration:none;display:flex}.mobile-brand strong{letter-spacing:.09em;font-size:14px}.topbar-context .org-desktop,.user-pill b{display:none}.main-content{padding:18px 14px 36px}.central-intro,.page-heading{display:block}.central-status{width:100%;margin-top:14px}.stage-tag{margin-top:14px}.network-canvas{height:220px}}@media (max-width:620px){.topbar-context{margin-left:auto;margin-right:7px}.demo-pill{color:#0000;width:46px;position:relative;overflow:hidden}.demo-pill:after{content:"DEMO";color:#31636c;place-items:center;display:grid;position:absolute;inset:0}.signal-grid,.secondary-grid,.feature-grid{grid-template-columns:1fr}.organization-panel{grid-column:auto}.network-node span{font-size:11px}.network-legend{flex-wrap:wrap;gap:10px}.attention-list article{grid-template-columns:9px minmax(0,1fr)}.attention-meta{flex-direction:row;grid-column:2;align-items:center;gap:5px}.attention-meta b{margin-top:0}.campaign-list article{grid-template-columns:40px minmax(0,1fr)}.status-chip{grid-column:2;justify-self:start}.module-readiness{grid-template-columns:1fr}.module-footer{flex-direction:column;align-items:flex-start}.demo-notice{align-items:flex-start}.demo-notice div{display:block}.demo-notice span{margin-top:3px;display:block}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}