:root{--blue:#0F4C81;--blue-dark:#071F3D;--cyan:#27A8E0;--green:#0B8F45;--muted:#5E6A78;--border:rgba(15,76,129,.14);--soft:#F5F8FB}.live-hero{min-height:92vh;display:flex;align-items:center;padding:140px 0 70px;background:linear-gradient(135deg,#071F3D 0%,#0F4C81 55%,#133B5F 100%);color:white}.live-hero-grid{display:grid;grid-template-columns:1.05fr .85fr;gap:50px;align-items:center}.live-hero h1{font-size:clamp(2.7rem,5.8vw,6.2rem);line-height:.96;letter-spacing:-.055em;margin:0;font-weight:700;color:white}.live-hero .hero-text{color:#E8F2F8}.live-light{background:rgba(255,255,255,.12);color:white;border:1px solid rgba(255,255,255,.35)}.live-preview-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:32px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.22);backdrop-filter:blur(10px)}.preview-top{height:56px;display:flex;align-items:center;gap:9px;padding:0 20px;background:rgba(255,255,255,.10)}.preview-top span{width:11px;height:11px;border-radius:50%;display:block;background:#fff}.preview-top span:nth-child(2){background:#27A8E0}.preview-top span:nth-child(3){background:#0B8F45}.preview-top strong{margin-left:auto}.preview-body{padding:32px}.preview-body small{color:#B8D9EE;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.preview-body h3{font-size:4rem;margin:12px 0 16px;color:white}.preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.preview-grid div{background:rgba(255,255,255,.10);border-radius:18px;padding:18px}.preview-grid strong{display:block;font-size:1.6rem;color:white}.preview-grid span{color:#D9E6F2}.live-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.live-feature-grid article{background:#fff;border:1px solid var(--border);border-radius:26px;padding:24px;box-shadow:0 14px 40px rgba(7,31,61,.06)}.live-feature-grid span{color:var(--cyan);font-weight:700}.live-feature-grid h3{color:var(--blue-dark);font-size:1.1rem}.live-feature-grid p{font-size:.92rem}.live-access{text-align:center;max-width:860px}.live-access h2{color:white}.live-access p{color:#D9E6F2}.dashboard-body{background:#F3F6FA;display:grid;grid-template-columns:290px 1fr;min-height:100vh}.dashboard-sidebar{position:sticky;top:0;height:100vh;background:white;border-right:1px solid #E2E8F0;padding:26px;display:flex;flex-direction:column;gap:28px}.dashboard-sidebar img{width:190px}.dashboard-sidebar nav{display:grid;gap:8px}.dashboard-sidebar nav a,.side-link{padding:13px 14px;border-radius:14px;color:#071F3D;font-weight:600}.dashboard-sidebar nav a:hover,.side-link:hover{background:#F1F6FB}.side-link{margin-top:auto;color:#0F4C81}.dashboard-main{padding:34px;max-width:1280px}.dashboard-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.dashboard-header h1{font-size:clamp(2rem,4vw,4rem);line-height:1;letter-spacing:-.05em;color:#071F3D;margin:0 0 14px}.dashboard-header p{color:#5E6A78}.status-pill{background:#DFF7EA;color:#0B8F45;border-radius:999px;padding:12px 16px;font-weight:700}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.kpi-grid article,.dashboard-panel{background:white;border:1px solid #E2E8F0;border-radius:26px;padding:24px;box-shadow:0 14px 34px rgba(7,31,61,.05)}.kpi-grid small{color:#5E6A78;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.kpi-grid strong{display:block;color:#071F3D;font-size:2.1rem;margin:8px 0}.kpi-grid p{margin:0;color:#5E6A78}.dashboard-panel{margin-top:18px}.dashboard-panel h2{font-size:1.55rem;color:#071F3D;margin:0 0 18px}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.timeline div{padding:18px;border-radius:18px;background:#F5F8FB}.timeline span{display:block;width:14px;height:14px;border-radius:50%;background:#CBD5E1;margin-bottom:12px}.timeline .done span{background:#0B8F45}.timeline .active span{background:#27A8E0}.timeline strong{color:#071F3D}.timeline p{color:#5E6A78;font-size:.9rem}.evidence-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.evidence-grid figure{margin:0;background:#F5F8FB;border-radius:18px;overflow:hidden}.evidence-grid img{width:100%;height:180px;object-fit:cover}.evidence-grid figcaption{padding:12px 14px;color:#071F3D;font-weight:600}.log-list{display:grid;gap:10px}.log-list article{background:#F5F8FB;border-radius:16px;padding:16px}.log-list strong{color:#071F3D}.log-list p{margin:6px 0 0;color:#5E6A78}.doc-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.doc-list a{background:#F5F8FB;border:1px solid #E2E8F0;border-radius:16px;padding:16px;color:#0F4C81;font-weight:700}@media(max-width:980px){.live-hero-grid,.live-feature-grid,.kpi-grid,.timeline,.evidence-grid,.doc-list{grid-template-columns:1fr}.dashboard-body{grid-template-columns:1fr}.dashboard-sidebar{position:relative;height:auto}.dashboard-main{padding:22px}.dashboard-header{display:grid}}