*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#1b1f24;font-family:Arial,sans-serif}.app{display:flex}@media (width<=711px){.app{flex-direction:column}.sidebar{border-bottom:1px solid #2a2f36;border-right:none;width:100%!important}.checklist-row{font-size:13px}.checkbox{width:18px;height:18px}.phase-nav{flex-direction:column}.phase-nav button{width:100%}}.sidebar-header{border-bottom:1px solid #2a2f36;align-items:center;gap:10px;margin-bottom:20px;padding:10px 0 20px;display:flex}.sidebar-header img{width:120px}.sidebar{background:#11151a;border-right:1px solid #2a2f36;width:260px;padding:20px}.preflight-box{background:#1b222a;border:1px solid #2a2f36;border-radius:8px;margin-bottom:25px;padding:14px}.preflight-box h3{letter-spacing:1px;color:#00d4ff;margin-bottom:10px;font-size:13px}.preflight-box ul{list-style:none}.preflight-box li{color:#cbd5e1;margin-bottom:8px;font-size:13px;line-height:1.4;cursor:default!important;background:0 0!important;padding:0!important}.sidebar h2{color:#00d4ff;margin-bottom:15px;font-size:18px}.sidebar ul{list-style:none}.sidebar li{cursor:pointer;background:#1b222a;border-radius:6px;margin-bottom:5px;padding:10px}.sidebar li:hover{background:#263241}.sidebar li.active{color:#0b0f14;background:#00d4ff;font-weight:700}.sidebar li.locked{opacity:.4;cursor:not-allowed}.sidebar li.completed{border-left:3px solid #00d4ff}.check{color:#00d4ff;margin-right:8px;font-weight:700}.sidebar li.active span.check{color:#000}button{cursor:pointer;color:#0b0f14;background:#00d4ff;border:none;border-radius:6px;margin-top:20px;padding:10px;font-weight:700}.modal-overlay{z-index:999;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#11151a;border:1px solid #2a2f36;border-radius:12px;width:420px;padding:24px;box-shadow:0 0 30px #00000080}.modal h2{color:#ffb020;margin-bottom:14px;font-size:20px}.modal p{color:#cbd5e1;margin-bottom:24px;line-height:1.5}.modal-buttons{gap:12px;display:flex}.modal-buttons button{flex:1}.cancel-btn{color:#fff;background:#263241}.confirm-btn{color:#fff;background:#ff4d4d}.checklist{flex:1;padding:30px}.phase-banner{border-radius:16px;width:100%;margin-bottom:20px;overflow:hidden}.phase-banner img{object-fit:cover;width:100%;height:100%;display:block}.checklist h2{color:#00d4ff;margin-bottom:10px}.checklist ul{margin-top:20px;list-style:none}.checklist li{cursor:pointer;background:#1b222a;border-radius:6px;align-items:center;gap:14px;margin-bottom:8px;padding:12px;transition:all .2s;display:flex}.checklist li:hover{background:#263241}.checklist li.checked{color:#0b0f14;background:#00d4ff;font-weight:700;text-decoration:line-through}.checklist li.checked .checklist-row span{color:#0b0f14}.checklist-row{align-items:center;gap:10px;width:100%;display:flex}.dots{border-bottom:2px dotted #6b7280;flex:1;transform:translateY(-2px)}.checklist-row span:first-child{font-weight:600}.checklist-row span:last-child{color:#00d4ff}.checkbox{border:2px solid #00d4ff;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:700;display:flex}.checked-box{color:#0b0f14;background:#00d4ff}.checklist li.checked .checkbox{background-color:#fff}.checklist-title{letter-spacing:1px;text-transform:uppercase;color:#00d4ff;opacity:.9;border-top:1px solid #2a2f36;border-bottom:1px solid #2a2f36;margin:18px 0;padding:6px 0;font-size:12px}.progress-container{margin:15px 0 25px}.progress-text{color:#00d4ff;margin-bottom:8px;font-size:14px}.progress-bar{background:#1b222a;border:1px solid #2a2f36;border-radius:6px;width:100%;height:10px;overflow:hidden}.progress-fill{background:#00d4ff;height:100%;transition:width .3s}.phase-nav{justify-content:space-between;gap:10px;margin-top:20px;display:flex}.phase-nav button{color:#fff;cursor:pointer;background:#1b222a;border:1px solid #2a2f36;border-radius:6px;flex:1;padding:10px}.phase-nav button:disabled{opacity:.4;cursor:not-allowed}.app-credits{opacity:.5;text-align:right;pointer-events:none;flex-direction:column;gap:2px;margin-top:30px;font-size:11px;display:flex}