@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Manrope:wght@700;800&display=swap";.app-layout{display:flex}.sidebar{color:#fff;background:#001e40;width:18rem;height:100vh;padding:24px;position:fixed}.main-canvas{width:100%;margin-left:18rem;padding:32px}.dashboard-grid{grid-template-columns:2fr 1fr;gap:24px;display:grid}.left-column,.right-column{flex-direction:column;gap:24px;display:flex}.card{background:#fff;border-radius:24px;padding:24px;box-shadow:0 20px 40px #3a5f9414}.top-header{justify-content:space-between;align-items:center;margin-bottom:32px;font-size:14px;display:flex}.header-right-image{object-fit:contain;width:auto;height:60px;margin-right:1px}.progress-card{justify-content:space-between;display:flex}.progress-desktop-layout{width:100%}.progress-info h2{margin:0 0 8px;font-size:22px;font-weight:700}.metric{letter-spacing:1.2px;align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.metric .dot{background-color:#00a5ef;border-radius:50%;width:8px;height:8px}.progress-info{color:#000;font-size:24px;font-weight:800}.progress-info p{color:#5b6470;margin-top:10px;font-size:14px;line-height:1.4}.progress-graph{width:150px;height:150px;position:relative}.progress-svg{transform:rotate(-90deg)}.progress-bg,.progress-value{fill:none;stroke-width:14px}.progress-bg{stroke:#e6ebf1}.progress-value{stroke:#0ea5e9;stroke-linecap:round;transition:stroke-dashoffset .4s}.progress-text{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;transform:translateY(2px)}.progress-text .percent{color:#001e40;font-size:26px;font-weight:800}.progress-text .label{letter-spacing:1px;color:#6b7280;font-size:11px;font-weight:700}.card.alerts{padding-left:44px;position:relative;overflow:hidden}.card.alerts:before{content:"";width:14px;position:absolute;top:0;bottom:0;left:0}.alerts-label{letter-spacing:1.4px;color:#6b7280;margin-bottom:8px;font-size:12px;font-weight:700}.alerts-title{margin:0;font-size:32px;font-weight:800}.alerts-subtitle{font-size:14px;font-weight:600}.alert-ok:before{background-color:#5aa04f}.alert-ok .alerts-title,.alert-ok .alerts-subtitle{color:#5aa04f}.alert-warning:before{background-color:#f1b500}.alert-warning .alerts-title,.alert-warning .alerts-subtitle{color:#f1b500}.alert-error:before{background-color:#e53935}.alert-error .alerts-title,.alert-error .alerts-subtitle{color:#e53935}.card.steps-card{color:#fff;background:linear-gradient(#062147 0%,#05162f 100%);border-radius:24px;padding:28px;box-shadow:0 20px 40px #00000040}.steps-label{letter-spacing:2px;opacity:.9;margin-bottom:18px;font-size:14px;font-weight:700}.steps-value{align-items:baseline;gap:6px;display:flex}.steps-done{font-size:64px;font-weight:800;line-height:1}.steps-total{opacity:.75;font-size:28px;font-weight:600}.stoppers-card{border:2px dashed #cfd6e0}.stoppers-header h3{letter-spacing:1.4px;margin:0 0 16px;font-size:16px;font-weight:700}.stoppers-empty{color:#5b6470;font-size:14px}.stoppers-list{flex-direction:column;gap:20px;display:flex}.stoppers-item{align-items:flex-start;gap:14px;display:flex}.stoppers-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:800;display:flex}.stoppers-content{flex-direction:column;gap:6px;display:flex}.stoppers-badge{letter-spacing:1px;border-radius:999px;width:fit-content;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.stoppers-text{margin:0;font-size:15px;font-weight:600;line-height:1.4}.stoppers-step{color:#64748b;font-size:13px}.stoppers-item.stopper .stoppers-icon,.stoppers-item.stopper .stoppers-badge{color:#b91c1c;background:#fee2e2}.stoppers-item.comment .stoppers-icon,.stoppers-item.comment .stoppers-badge{color:#2563eb;background:#e0ecff}.checklist-card{background:#f3f6f9}.checklist-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.checklist-header h3{margin:0;font-size:18px;font-weight:800}.checklist-header span{color:#6b7280;font-size:14px}.checklist-list{flex-direction:column;gap:18px;display:flex}.checklist-item{background:#eef3f8;border-radius:16px;grid-template-columns:40px 1fr 60px;align-items:center;gap:18px;padding:16px 20px;display:grid}.checklist-index{color:#9aa3af;font-size:16px;font-weight:700}.checklist-content strong{font-size:16px;font-weight:700;display:block}.checklist-content small{color:#6b7280;font-size:14px}.checklist-bar{background:#dde3ea;border-radius:999px;width:100%;height:8px;margin-top:8px;overflow:hidden}.checklist-bar-fill{border-radius:999px;height:100%;transition:width .6s ease-out}.checklist-bar-fill.done{box-shadow:0 0 6px #5aa04f99}.checklist-bar-fill.progress{box-shadow:0 0 6px #f1b50099}.checklist-bar-fill.done{background:#5aa04f}.checklist-bar-fill.progress{background:#f1b500}.checklist-bar-fill.pending{background:#cbd5e1}.checklist-percent{text-align:right;font-size:16px;font-weight:700}.checklist-percent.done{color:#5aa04f}.checklist-percent.progress{color:#f1b500}.checklist-percent.pending{color:#9aa3af}.sidebar-prod{color:#dbe4f2;background:linear-gradient(#061f3f 0%,#03142a 100%);width:18rem;height:100vh;padding:32px 24px;position:fixed}.sidebar-prod-header{gap:14px;margin-bottom:48px;display:flex}.sidebar-prod-logo{color:#03142a;background:#0ea5e9;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.sidebar-prod-header h2{margin:0;font-size:22px;font-weight:800}.sidebar-prod-header p{color:#b6c4da;margin:4px 0;font-size:14px}.sidebar-prod-header span{color:#8fa3c9;font-size:12px}.sidebar-prod-menu{flex-direction:column;gap:10px;display:flex}.sidebar-prod-menu a{color:#c6d4ee;border-radius:18px;align-items:center;gap:12px;padding:14px 18px;font-weight:600;text-decoration:none;transition:background .2s;display:flex}.sidebar-prod-menu a:hover{background:#ffffff0f}.sidebar-prod-menu a.active{color:#03142a;background:#fff;position:relative}.sidebar-prod-menu a.active:before{content:"";background:#0ea5e9;border-radius:999px;width:4px;position:absolute;top:12px;bottom:12px;left:0}.progress-title{margin-bottom:6px}.metric{align-items:center;gap:8px;margin:0 0 12px;font-size:20px;font-weight:1000;display:flex}.metric .dot{border-radius:50%;width:8px;height:8px}.metric.low .dot{background:#dc2626}.metric.low span{color:#dc2626}.progress-value.low{stroke:#dc2626}.metric.mid .dot{background:#f59e0b}.metric.mid span{color:#f59e0b}.progress-value.mid{stroke:#f59e0b}.metric.good .dot{background:#16a34a}.metric.good span{color:#16a34a}.progress-value.good{stroke:#16a34a}.progress-card{justify-content:space-between;align-items:center;display:flex}.progress-info{max-width:520px}.progress-graph{flex-shrink:0;justify-content:center;align-items:center;display:flex}.mobile-root{background:#eef3f8;flex-direction:column;gap:16px;padding:16px 16px 96px;display:flex}.mobile-root .card{border-radius:24px;padding:20px}.mobile-root .top-header{text-align:center;margin-bottom:8px}.mobile-root .top-header h1{font-size:20px;font-weight:700}.mobile-root .progress-card{flex-direction:column}.mobile-root .progress-graph{margin:16px auto 0}.mobile-root .steps-done{font-size:48px}.mobile-root .checklist-card{padding-bottom:24px}.mobile-root .stoppers-text{line-height:1.6}.bottom-nav{height:64px;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #e5e7eb;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{all:unset;color:#9ca3af;cursor:pointer;flex-direction:column;align-items:center;gap:4px;font-size:12px;display:flex}.bottom-nav .icon{font-size:18px}.bottom-nav button.active{color:#0ea5e9;font-weight:700}.bottom-nav .label{font-size:11px}.desktop-root{background:#eef3f8;display:flex}.desktop-main{width:100%;margin-left:18rem;padding:32px}.desktop-grid{grid-template-columns:2fr 1fr;gap:24px;display:grid}.desktop-grid>div{flex-direction:column;gap:24px;display:flex}.desktop-root .progress-card{justify-content:space-between;align-items:center;gap:32px;display:flex}.desktop-root .progress-info{max-width:520px}.desktop-root .progress-info h2{font-size:24px;font-weight:700}.desktop-root .metric.desktop{letter-spacing:1.6px;text-transform:uppercase;margin-top:12px;font-size:13px;font-weight:700}.desktop-root .metric .dot.blue{background-color:#3ba3ec}.desktop-root .progress-graph.desktop{flex-shrink:0;justify-content:center;align-items:center;display:flex}.desktop-root .progress-value.blue{stroke:#3ba3ec}*{box-sizing:border-box}body{color:#191c1e;background-color:#eef2f7;margin:0;font-family:Inter,sans-serif}