*{box-sizing:border-box;margin:0;padding:0}:root{--navy:#0d1a26;--navy-mid:#0e2840;--blue:#4a8fb5;--blue-light:#94c6e4;--blue-pale:#eef4f8;--blue-border:#e0eaf2;--text-dark:#1a2a38;--text-mid:#4a6a80;--text-muted:#8faabb;--green:#2eaa88;--red:#d95060;--amber:#d4883a;--white:#fff;--sidebar-w:220px}body{background:var(--blue-pale);color:var(--text-dark);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Plus Jakarta Sans,system-ui,sans-serif}#root{width:100%;min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--blue-border);border-radius:3px}.sidebar{width:var(--sidebar-w);background:var(--white);border-right:1px solid var(--blue-border);z-index:100;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar-logo{border-bottom:1px solid var(--blue-border);align-items:center;gap:10px;padding:16px 16px 14px;display:flex}.sidebar-logo-img{border-radius:9px;flex-shrink:0;width:34px;height:34px;overflow:hidden}.sidebar-logo-img img{object-fit:cover;width:100%;height:100%}.sidebar-logo-text{flex-direction:column;display:flex}.sidebar-logo-name{color:var(--text-dark);letter-spacing:-.5px;font-size:16px;font-weight:800;line-height:1.2}.sidebar-logo-sub{color:var(--text-muted);letter-spacing:1.5px;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:9px}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:10px 8px;display:flex;overflow-y:auto}.nav-item{color:var(--text-mid);cursor:pointer;border-radius:9px;align-items:center;gap:9px;padding:9px 11px;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:flex}.nav-item:hover{color:var(--blue);background:#4a8fb50f}.nav-item.active{color:var(--blue);background:#4a8fb51a}.nav-icon{text-align:center;width:22px;font-size:16px}.nav-badge{color:var(--white);background:var(--red);border-radius:8px;margin-left:auto;padding:1px 5px;font-size:9px;font-weight:800}.nav-badge.blue{background:var(--blue)}.sidebar-user{border-top:1px solid var(--blue-border);padding:10px 8px 14px}.user-row{border-radius:9px;align-items:center;gap:9px;padding:9px 11px;display:flex}.user-avatar{background:linear-gradient(135deg, var(--blue), var(--blue-light));width:30px;height:30px;color:var(--white);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex}.user-name{color:var(--text-dark);font-size:12px;font-weight:700}.user-plan{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:9px}.splash{z-index:9999;background:linear-gradient(160deg,#0e2840,#163d62,#1e5080);flex-direction:column;justify-content:center;align-items:center;gap:16px;transition:opacity .5s;display:flex;position:fixed;inset:0}.splash:before{content:"";pointer-events:none;background:radial-gradient(at 50% 30%,#4a8fb52e,#0000 70%);position:absolute;inset:0}.splash-fade{opacity:0;pointer-events:none}.splash-icon{border-radius:24px;width:100px;height:100px;overflow:hidden;box-shadow:0 16px 48px #0006}.splash-icon img{object-fit:cover;width:100%;height:100%}.splash-name{letter-spacing:-1px;color:#fff;font-size:38px;font-weight:800}.splash-sub{color:#ffffff80;letter-spacing:3px;text-transform:uppercase;margin-top:-10px;font-family:JetBrains Mono,monospace;font-size:13px}.splash-loader{background:#ffffff26;border-radius:1px;width:56px;height:2px;margin-top:8px;overflow:hidden}.splash-loader-fill{background:linear-gradient(90deg,#4a8fb5cc,#94c6e4e6);border-radius:1px;height:100%;animation:1.8s ease-in-out forwards splash-load}@keyframes splash-load{0%{width:0%}60%{width:70%}to{width:100%}}.login-screen{background:linear-gradient(160deg,#08192e 0%,#0c2640 40%,#1a3d62 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:#fff;border-radius:20px;flex-direction:column;align-items:center;width:100%;max-width:400px;padding:40px 36px;display:flex;box-shadow:0 24px 80px #00000059}.login-logo{border-radius:18px;width:72px;height:72px;margin-bottom:12px;overflow:hidden;box-shadow:0 8px 24px #4a8fb540}.login-logo img{object-fit:cover;width:100%;height:100%}.login-brand{flex-direction:column;align-items:center;margin-bottom:32px;display:flex}.login-brand-name{color:var(--text-dark);letter-spacing:-.5px;font-size:26px;font-weight:800;line-height:1.1}.login-brand-sub{color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:11px}.login-form{flex-direction:column;gap:16px;width:100%;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-field label{color:var(--text-mid);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.login-field input{border:1.5px solid var(--blue-border);color:var(--text-dark);background:var(--blue-pale);border-radius:10px;outline:none;padding:11px 14px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;transition:border-color .15s}.login-field input:focus{border-color:var(--blue);background:#fff}.login-error{color:var(--red);background:#d9506012;border:1px solid #d9506026;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:600}.login-btn{background:var(--blue);color:#fff;cursor:pointer;letter-spacing:.2px;border:none;border-radius:10px;margin-top:4px;padding:13px;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:700;transition:background .15s,transform .15s}.login-btn:hover{background:#3a7a9e;transform:translateY(-1px)}.page{max-width:1100px;padding:28px 32px}.page-header{margin-bottom:24px}.page-title{color:var(--text-dark);letter-spacing:-.5px;margin-bottom:4px;font-size:22px;font-weight:800}.page-sub{color:var(--text-mid);font-size:13px}.stats-row{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.stat-card{background:var(--white);border-radius:14px;padding:16px 14px;box-shadow:0 2px 8px #28506e14}.stat-num{letter-spacing:-1px;font-size:30px;font-weight:800;line-height:1}.stat-num.blue{color:var(--blue)}.stat-num.green{color:var(--green)}.stat-num.red{color:var(--red)}.stat-num.amber{color:var(--amber)}.stat-label{color:var(--text-mid);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:11px;font-weight:600}.grid2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.card{background:var(--white);border-radius:14px;overflow:hidden;box-shadow:0 2px 8px #28506e14}.card-header{border-bottom:1px solid var(--blue-border);justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.card-title{color:var(--text-mid);text-transform:uppercase;letter-spacing:.8px;font-size:11px;font-weight:700}.card-link{color:var(--blue);cursor:pointer;font-size:12px;font-weight:700}.list-row{border-bottom:1px solid var(--blue-border);align-items:center;gap:12px;padding:11px 16px;font-size:13px;display:flex}.list-row:last-child{border-bottom:none}.list-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;display:flex}.li-b{background:#4a8fb51a}.li-r{background:#d9506017}.li-a{background:#d4883a1a}.li-g{background:#2eaa881a}.list-content{flex:1}.list-title{color:var(--text-dark);font-size:13px;font-weight:600}.list-sub{color:var(--text-mid);margin-top:1px;font-size:11px}.badge{white-space:nowrap;border-radius:20px;align-items:center;padding:3px 9px;font-size:10px;font-weight:700;display:inline-flex}.bg{color:var(--green);background:#2eaa881a}.br{color:var(--red);background:#d9506017}.ba{color:var(--amber);background:#d4883a1a}.bb{color:var(--blue);background:#4a8fb51a}.placeholder-page{flex-direction:column;align-items:flex-start;gap:8px;padding:60px 32px;display:flex}.placeholder-page h2{color:var(--text-dark);font-size:20px;font-weight:800}.placeholder-page p{color:var(--text-mid);font-size:14px}.checklist-card{cursor:pointer;transition:box-shadow .15s}.checklist-card:hover{box-shadow:0 4px 16px #4a8fb52e}.checklist-card.selected{box-shadow:0 0 0 2px var(--blue), 0 4px 16px #4a8fb52e}.progress-bar{background:var(--blue-border);border-radius:3px;height:6px;margin-bottom:6px;overflow:hidden}.progress-fill{border-radius:3px;height:100%;transition:width .4s}.pf-green{background:var(--green)}.pf-amber{background:var(--amber)}.pf-blue{background:var(--blue)}.pf-red{background:var(--red)}.progress-label{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:11px}.app-shell{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-w);background:var(--blue-pale);flex:1;min-height:100vh;overflow-y:auto}@media (width<=768px){.main-content{margin-left:0}}