.session-loading{min-height:100vh;display:grid;place-content:center;gap:18px;color:#ffffffb8;text-align:center;background:#081c31}.session-loading img{width:190px;margin:auto;filter:drop-shadow(0 12px 24px rgba(0,0,0,.2))}.session-loading span{font-size:12px;letter-spacing:.12em;text-transform:uppercase}.demo-logout{position:fixed;z-index:50;top:20px;right:76px;padding:8px 11px;color:var(--ink);background:#f4f0e8f0;border:1px solid var(--line);border-radius:9px;font-size:12px;font-weight:800;box-shadow:0 5px 18px #081c3114}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(360px,1.05fr) minmax(420px,.95fr);padding:0;background:var(--paper)}.login-story{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:38px 52px;color:#fff;background:radial-gradient(circle at 78% 74%,rgba(59,192,213,.27),transparent 25%),radial-gradient(circle at 15% 18%,rgba(240,90,79,.24),transparent 27%),linear-gradient(150deg,#0d3557,var(--navy) 56%,var(--deep));isolation:isolate}.login-story:before{content:"";position:absolute;width:580px;height:580px;right:-270px;bottom:-260px;border:1px solid rgba(255,255,255,.14);border-radius:46% 54% 62% 38%;box-shadow:0 0 0 80px #ffffff06,0 0 0 160px #ffffff05;z-index:-1}.login-brand{display:flex;align-items:center;gap:14px}.login-brand img{width:170px;height:64px;object-fit:contain;object-position:left center}.login-brand span{padding:5px 9px;border:1px solid rgba(255,255,255,.35);border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.login-message{max-width:650px;margin:auto 0}.login-message h1{max-width:600px;margin:14px 0 20px;font:700 clamp(54px,7vw,104px)/.88 Georgia,"Times New Roman",serif;letter-spacing:-.065em}.login-message p{max-width:530px;margin:0;color:#ffffffb8;font-size:18px;line-height:1.6}.login-story>small{color:#ffffff75;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.login-city{position:absolute;right:6%;top:20%;width:180px;height:180px;opacity:.16;transform:rotate(8deg)}.login-city span{position:absolute;inset:0;display:grid;place-content:center;font:700 30px Georgia,serif;letter-spacing:.16em}.login-city i{position:absolute;inset:0;border:1px solid white;border-radius:44% 56% 62% 38%}.login-city i:nth-child(3){inset:24px -18px;transform:rotate(34deg)}.login-city i:nth-child(4){inset:-22px 35px;transform:rotate(-27deg)}.login-access{display:grid;place-items:center;min-width:0;padding:46px}.login-card{width:min(100%,430px);padding:42px;border:1px solid var(--line);border-radius:28px 8px;background:var(--white);box-shadow:0 28px 70px #081c311f}.login-card h2{margin:10px 0 9px;font:700 38px/1.02 Georgia,Times New Roman,serif;letter-spacing:-.035em}.login-card>p{margin:0 0 27px;color:var(--muted);font-size:14px;line-height:1.55}.login-card label{display:grid;gap:8px;margin:17px 0;color:var(--ink);font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.login-card input{width:100%;padding:14px 15px;color:var(--ink);background:#f7f4ed;border:1px solid rgba(16,34,53,.18);border-radius:10px;outline:0;font:16px Trebuchet MS,sans-serif;transition:.2s ease}.login-card input:focus{border-color:var(--cyan);box-shadow:0 0 0 4px #3bc0d521;background:#fff}.login-submit{width:100%;margin-top:8px;padding:14px 18px;color:#fff;background:var(--navy);border:0;border-radius:10px;font-weight:800;box-shadow:0 12px 28px #081c312e;transition:.2s ease}.login-submit:hover:not(:disabled){transform:translateY(-2px);background:#103656}.login-submit:disabled{cursor:wait;opacity:.68}.login-card>small{display:block;margin-top:19px;color:var(--muted);font-size:10px;text-align:center;letter-spacing:.06em;text-transform:uppercase}.login-error{margin:4px 0 12px;padding:10px 12px;color:#922f28;background:#fde7e3;border-left:3px solid var(--coral);border-radius:4px 9px 9px 4px;font-size:12px}@media(max-width:760px){.demo-logout{top:15px;right:64px;font-size:10px}.login-page{display:block;padding:0}.login-story{min-height:310px;padding:24px}.login-brand img{width:135px;height:48px}.login-message{margin:auto 0 10px}.login-message h1{margin:8px 0 12px;font-size:52px}.login-message p{font-size:14px}.login-city{display:none}.login-access{padding:24px 16px 38px}.login-card{padding:28px 22px;border-radius:20px 6px}.login-card h2{font-size:32px}}:root{color:#102235;background:#081c31;font-family:Trebuchet MS,Gill Sans,sans-serif;font-synthesis:none;--navy: #081c31;--deep: #061421;--paper: #f4f0e8;--white: #fffdf8;--coral: #f05a4f;--cyan: #3bc0d5;--yellow: #f4c649;--ink: #102235;--muted: #6f7a80;--line: rgba(16, 34, 53, .14)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--navy)}button,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr);background:var(--paper)}.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px 18px;color:var(--white);background:radial-gradient(circle at 18% 88%,rgba(59,192,213,.18),transparent 28%),linear-gradient(155deg,#0b2945 0%,var(--navy) 58%,var(--deep) 100%);overflow-y:auto}.brand-lockup{display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:2px 8px 18px;border-bottom:1px solid rgba(255,255,255,.12)}.brand-lockup img{width:150px;height:58px;object-fit:contain;object-position:left center;filter:drop-shadow(0 6px 18px rgba(0,0,0,.18))}.brand-lockup>span{padding:5px 8px;border:1px solid rgba(255,255,255,.28);border-radius:999px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.role-card{margin:18px 0 14px;padding:15px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#ffffff0e}.role-card__label,.eyebrow{display:block;color:var(--coral);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.role-card select{width:100%;margin:7px 0 4px;padding:0;color:#fff;background:transparent;border:0;outline:0;font-family:Georgia,Times New Roman,serif;font-size:21px;font-weight:700}.role-card option{color:var(--ink)}.role-card small,.sidebar-note small{display:block;color:#ffffff94}nav{display:grid;gap:4px}.nav-item{width:100%;display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;padding:10px;color:#ffffffb8;text-align:left;background:transparent;border:0;border-radius:12px;transition:.2s ease}.nav-item:hover{color:#fff;background:#ffffff0f;transform:translate(2px)}.nav-item.active{color:var(--navy);background:var(--yellow);box-shadow:0 10px 24px #0000002e}.nav-mark{font-family:Georgia,serif;font-size:24px;text-align:center}.nav-item strong,.nav-item small{display:block}.nav-item strong{font-size:14px}.nav-item small{margin-top:2px;opacity:.62;font-size:10px}.sidebar-note{margin-top:18px;display:flex;gap:10px;align-items:center;padding:13px;border-top:1px solid rgba(255,255,255,.12)}.signal{width:9px;height:9px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 5px #f05a4f26}main{min-width:0;padding:0 38px;background:var(--paper)}.topbar{min-height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.topbar>div,.top-actions{display:flex;align-items:center;gap:12px}.crumb{font-size:13px;font-weight:700}.demo-label{padding:5px 8px;color:#8a5225;background:#f3dfbd;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.quiet-button,.text-button{padding:8px;color:var(--ink);background:transparent;border:0;font-weight:700}.avatar{width:38px;height:38px;display:grid;place-items:center;color:#fff;background:var(--coral);border-radius:50%;font-family:Georgia,serif;font-weight:700}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:32px;padding:46px 0 28px}.hero-copy{align-self:center;max-width:680px}.hero h1{max-width:660px;margin:10px 0 14px;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,5vw,76px);line-height:.95;letter-spacing:-.055em}.hero p{max-width:560px;margin:0;color:var(--muted);font-size:17px;line-height:1.55}.hero-actions{display:flex;gap:16px;align-items:center;margin-top:24px}.hero-actions>span{color:var(--muted);font-size:12px}.primary-button{padding:12px 17px;color:#fff;background:var(--navy);border:0;border-radius:10px;font-weight:800;box-shadow:0 10px 20px #081c3129;transition:.2s ease}.primary-button:hover{transform:translateY(-2px);background:#103656}.city-pulse{min-height:330px;position:relative;overflow:hidden;border-radius:26px 6px;color:#fff;background:var(--navy);box-shadow:0 24px 50px #081c312e;isolation:isolate}.city-pulse:before,.city-pulse:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.2);border-radius:46% 54% 62% 38%;transform:rotate(-15deg)}.city-pulse:before{width:72%;height:67%;left:10%;top:14%}.city-pulse:after{width:42%;height:88%;left:36%;top:-5%}.map-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px);background-size:34px 34px;transform:skewY(-9deg) scale(1.2)}.zone{position:absolute;z-index:2;display:flex;gap:6px;padding:7px 10px;background:#061421b8;border:1px solid rgba(255,255,255,.16);border-radius:999px;font-size:11px;backdrop-filter:blur(8px)}.zone b{color:var(--yellow)}.zone-one{left:18%;top:21%}.zone-two{right:15%;top:42%}.zone-three{left:28%;bottom:25%}.pulse-point{position:absolute;z-index:2;width:12px;height:12px;border:3px solid white;border-radius:50%;box-shadow:0 0 0 12px #3bc0d52e}.point-one{left:28%;top:38%;background:var(--cyan)}.point-two{right:30%;top:27%;background:var(--coral)}.point-three{right:22%;bottom:23%;background:var(--yellow)}.city-caption{position:absolute;z-index:3;left:20px;right:20px;bottom:18px;display:flex;justify-content:space-between;align-items:end}.city-caption strong,.city-caption small{display:block}.city-caption strong{font-family:Georgia,serif;font-size:20px}.city-caption small{color:#ffffff8c}.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);margin:4px 0 26px;border:1px solid var(--line);border-radius:16px;background:var(--white);overflow:hidden}.metric-strip article{position:relative;padding:20px;border-right:1px solid var(--line)}.metric-strip article:last-child{border-right:0}.metric-strip strong{display:block;font-family:Georgia,serif;font-size:32px}.metric-strip p{margin:4px 0 0;color:var(--muted);font-size:11px}.metric-index{position:absolute;top:11px;right:12px;color:#1022353d;font-size:10px;font-weight:800}.workspace-grid{display:grid;grid-template-columns:1.5fr .72fr;gap:20px}.panel{padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--white)}.panel-heading{display:flex;justify-content:space-between;gap:18px;align-items:start}.panel h2{margin:5px 0 18px;font-family:Georgia,serif;font-size:24px;letter-spacing:-.02em}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.flow-step{position:relative;min-height:130px;padding:15px;background:#ece8de;border-radius:14px}.flow-step>span{width:28px;height:28px;display:grid;place-items:center;color:#fff;background:var(--navy);border-radius:50%;font-family:Georgia,serif}.flow-step div{margin-top:22px}.flow-step strong,.flow-step small{display:block}.flow-step small{margin-top:5px;color:var(--muted);line-height:1.35}.flow-step i{position:absolute;right:-18px;top:18px;z-index:2;width:24px;height:24px;display:grid;place-items:center;color:#fff;background:var(--coral);border-radius:50%;font-style:normal}.activity-list{display:grid}.activity-row{display:grid;grid-template-columns:10px 42px 1fr;gap:9px;align-items:start;padding:13px 0;border-top:1px solid var(--line)}.activity-row time{color:var(--muted);font-size:11px}.activity-row strong,.activity-row small{display:block}.activity-row strong{font-size:13px}.activity-row small{margin-top:3px;color:var(--muted);font-size:11px;line-height:1.35}.activity-dot{width:7px;height:7px;margin-top:3px;border-radius:50%}.activity-dot.cyan{background:var(--cyan)}.activity-dot.coral{background:var(--coral)}.activity-dot.yellow{background:var(--yellow)}footer{display:flex;justify-content:space-between;padding:28px 0 24px;color:var(--muted);font-size:10px;letter-spacing:.05em;text-transform:uppercase}@media(max-width:1100px){.app-shell{grid-template-columns:220px minmax(0,1fr)}main{padding:0 24px}.hero{grid-template-columns:1fr}.city-pulse{min-height:260px}.workspace-grid{grid-template-columns:1fr}.flow{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:relative;width:100%;height:auto;padding:14px}.brand-lockup{min-height:52px;padding-bottom:10px}.brand-lockup img{height:42px;width:120px}.role-card{margin:10px 0}nav{display:flex;overflow-x:auto;padding-bottom:4px}.nav-item{min-width:154px}.sidebar-note{display:none}main{padding:0 16px}.topbar{min-height:62px}.demo-label,.quiet-button{display:none}.hero{padding-top:30px}.hero h1{font-size:44px}.hero-actions{align-items:flex-start;flex-direction:column}.metric-strip{grid-template-columns:repeat(2,1fr)}.metric-strip article:nth-child(2){border-right:0}.metric-strip article:nth-child(-n+2){border-bottom:1px solid var(--line)}.flow{grid-template-columns:1fr}.flow-step{min-height:108px}.flow-step i{display:none}footer{gap:10px;flex-direction:column}}