@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:60px;background-color:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem;box-shadow:0 1px 3px #00000008;z-index:40}.brand-title{font-size:1.2rem;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:.75rem;letter-spacing:-.2px}.btn-primary{min-height:40px;background:#059669;color:#fff;border:1px solid #059669;border-radius:6px;font-size:.92rem;font-weight:600;padding:0 1.15rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;box-shadow:0 1px 2px #0000000d;transition:background-color .15s ease,border-color .15s ease}.btn-primary:hover:not(:disabled){background:#047857;border-color:#047857}.btn-primary:active:not(:disabled){background:#065f46;border-color:#065f46}.btn-secondary{min-height:38px;background-color:#fff;color:#334155;border:1px solid #cbd5e1;border-radius:6px;font-size:.88rem;font-weight:500;padding:0 .85rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;box-shadow:0 1px 2px #00000008;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.btn-secondary:hover:not(:disabled){background-color:#f8fafc;border-color:#94a3b8;color:#0f172a}.btn-secondary:active:not(:disabled){background-color:#f1f5f9}.btn-secondary.active{background-color:#e0f2fe;border-color:#0284c7;color:#0369a1;font-weight:600;box-shadow:none}.btn-secondary:disabled,.btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-compact{min-height:24px;height:24px;padding:0 6px;font-size:10px;font-weight:600;line-height:1.2;letter-spacing:-.1px;background-color:#fff;color:#334155;border:1px solid #cbd5e1;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:2.5px;box-shadow:0 1px 2px #00000005;transition:background-color .12s ease,border-color .12s ease,color .12s ease;white-space:nowrap;box-sizing:border-box}.btn-compact:hover:not(:disabled){background-color:#f8fafc;border-color:#94a3b8;color:#0f172a}.btn-compact:active:not(:disabled){background-color:#f1f5f9}.btn-compact.active{background-color:#e0f2fe;border-color:#0284c7;color:#0369a1;font-weight:600;box-shadow:none}.btn-compact:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.element-options-toggle-btn{width:24px;height:24px;min-width:24px;min-height:24px;border-radius:50%;padding:0;display:inline-flex;align-items:center;justify-content:center;background-color:#fff;color:#334155;border:1px solid #cbd5e1;box-shadow:0 1px 2px #0000000a;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease;box-sizing:border-box}.element-options-toggle-btn:hover{background-color:#f8fafc;border-color:#94a3b8;color:#0f172a}.element-options-toggle-btn:active{background-color:#f1f5f9}.element-options-toggle-btn.active{background-color:#e0f2fe;border-color:#0284c7;color:#0369a1}.btn-help{min-height:38px;background-color:#fff;color:#334155;border:1px solid #cbd5e1;border-radius:6px;font-size:.88rem;font-weight:500;padding:0 .85rem;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;box-shadow:0 1px 2px #00000008;transition:background-color .15s ease,border-color .15s ease}.btn-help:hover{background-color:#f8fafc;border-color:#94a3b8;color:#0f172a}.btn-help:active{background-color:#f1f5f9}.step-nav-bar{background-color:#fff;border-bottom:1px solid #e2e8f0;padding:.45rem 1.25rem;display:flex;flex-direction:column;gap:.4rem}.step-nav-items{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.step-nav-item{flex:1;min-height:38px;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-size:.86rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.35rem;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.step-nav-item:hover{background-color:#fff;border-color:#cbd5e1;color:#0f172a}.step-nav-item.active{background-color:#0284c7;border:1px solid #0284c7;color:#fff;font-weight:600;box-shadow:0 1px 2px #0000000d}.step-nav-item.completed{color:#15803d;background-color:#f0fdf4;border-color:#bbf7d0;font-weight:500}.progress-container{height:3px;background-color:#e2e8f0;border-radius:2px;overflow:hidden;width:100%}.progress-fill{height:100%;background:#0284c7;transition:width .3s ease}.app-main{flex:1;display:flex;overflow:hidden;position:relative;background-color:#f8fafc}.sidebar{display:flex;flex-direction:column;gap:.85rem;background-color:#fff;color:#0f172a}.sidebar h2{font-size:1.15rem;font-weight:700;color:#0f172a}.sidebar h3{font-size:.88rem;font-weight:600;color:#334155}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1.5rem}.modal-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;max-width:520px;width:100%;padding:1.5rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000d;display:flex;flex-direction:column;gap:.85rem;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}