@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800;900&display=swap";*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none;font-family:Plus Jakarta Sans,Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}body,html{width:100%;height:100%;overflow:hidden;background-color:#f1f5f9;color:#0f172a}#root{width:100%;height:100%}.app-container{display:flex;flex-direction:column;width:100vw;height:100vh;background-color:#f8fafc}.app-header{height:68px;background-color:#fff;border-bottom:3px solid #0f172a;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;box-shadow:0 4px #cbd5e1;z-index:40}.brand-title{font-size:1.4rem;font-weight:900;color:#0f172a;display:flex;align-items:center;gap:.75rem;letter-spacing:-.5px}.btn-primary{min-height:48px;background:#10b981;color:#fff;border:3px solid #0f172a;border-radius:16px;font-size:1rem;font-weight:800;padding:0 1.25rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px #0f172a;transition:all .15s ease}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px #0f172a;background:#34d399}.btn-primary:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #0f172a}.btn-secondary{min-height:44px;background-color:#fff;color:#0f172a;border:2.5px solid #0f172a;border-radius:14px;font-size:.95rem;font-weight:700;padding:0 1rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 3px #cbd5e1;transition:all .15s ease}.btn-secondary:hover:not(:disabled){background-color:#f8fafc;border-color:#0f172a;transform:translateY(-2px);box-shadow:0 5px #0f172a}.btn-secondary:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #0f172a}.btn-secondary.active{background-color:#fde047;border-color:#0f172a;color:#0f172a;box-shadow:0 3px #0f172a;font-weight:800}.btn-secondary:disabled,.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.btn-help{min-height:44px;background-color:#fef08a;color:#0f172a;border:2.5px solid #0f172a;border-radius:14px;font-size:.95rem;font-weight:900;padding:0 1.15rem;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;box-shadow:0 3px #0f172a;transition:all .15s ease}.btn-help:hover{background-color:#fde047;transform:translateY(-2px);box-shadow:0 5px #0f172a}.btn-help:active{transform:translateY(2px);box-shadow:0 1px #0f172a}.step-nav-bar{background-color:#fff;border-bottom:3px solid #0f172a;padding:.6rem 1.25rem;display:flex;flex-direction:column;gap:.5rem}.step-nav-items{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.step-nav-item{flex:1;min-height:46px;background-color:#f8fafc;border:2.5px solid #cbd5e1;border-radius:14px;color:#475569;font-size:.92rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.4rem;cursor:pointer;box-shadow:0 3px #cbd5e1;transition:all .15s ease}.step-nav-item:hover{background-color:#fff;border-color:#0f172a;color:#0f172a;transform:translateY(-2px);box-shadow:0 5px #0f172a}.step-nav-item.active{background-color:#38bdf8;border:3px solid #0f172a;color:#0f172a;box-shadow:0 4px #0f172a;font-weight:900}.step-nav-item.completed{color:#15803d;background-color:#dcfce7;border-color:#10b981}.progress-container{height:8px;background-color:#e2e8f0;border:2px solid #0f172a;border-radius:10px;overflow:hidden;width:100%}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#38bdf8,#a855f7);transition:width .4s ease}.app-main{flex:1;display:flex;overflow:hidden;position:relative;background-color:#f1f5f9}.sidebar{display:flex;flex-direction:column;gap:1rem;background-color:#fff;color:#0f172a}.sidebar h2{font-size:1.25rem;font-weight:900;color:#0f172a}.sidebar h3{font-size:.95rem;font-weight:800;color:#334155}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1.5rem}.modal-card{background-color:#fff;border:3px solid #0f172a;border-radius:24px;max-width:500px;width:100%;padding:1.75rem;box-shadow:0 12px #0f172a;display:flex;flex-direction:column;gap:1rem;color:#0f172a}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;border:2px solid #f1f5f9}::-webkit-scrollbar-thumb:hover{background:#94a3b8}