*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d0f14;--bg-card:#ffffff0d;--border:#ffffff17;--accent:#6384ff;--accent2:#a855f7;--success:#4ade80;--warning:#fbbf24;--danger:#f87171;--text:#e8eaf6;--text-muted:#e8eaf680;--radius:12px;--font:"Outfit", sans-serif;--nav-h:52px;--bottom-h:60px}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);-webkit-text-size-adjust:100%;font-size:15px;line-height:1.6}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:#6384ff40;border-radius:2px}h1{font-size:22px;font-weight:600}h2{font-size:18px;font-weight:600}h3{font-size:15px;font-weight:600}.app{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.top-bar{height:var(--nav-h);border-bottom:.5px solid var(--border);z-index:10;background:#0d0f14f7;flex-shrink:0;align-items:center;gap:10px;padding:0 16px;display:flex}.top-bar-title{color:var(--text);flex:1;font-size:15px;font-weight:600}.top-bar-back{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:22px;line-height:1}.screen-body{padding:20px 16px;padding-bottom:calc(var(--bottom-h) + 12px);-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.bottom-nav{height:var(--bottom-h);border-top:.5px solid var(--border);z-index:10;background:#0d0f14f7;flex-shrink:0;display:flex}.bnav-btn{cursor:pointer;color:var(--text-muted);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 4px;transition:color .15s;display:flex}.bnav-btn.active{color:var(--accent)}.bnav-icon{font-size:22px}.bnav-label{font-size:10px;font-family:var(--font)}.wizard-bar{background:#ffffff12;flex-shrink:0;height:3px}.wizard-fill{background:var(--accent);height:100%;transition:width .35s}.card{background:var(--bg-card);border:.5px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:14px 16px}.card-title{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:600}.card-sub{color:var(--text-muted);font-size:12px;line-height:1.5}.btn{font-family:var(--font);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 20px;font-size:15px;font-weight:600;transition:opacity .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:disabled{opacity:.35;cursor:not-allowed;transform:none}.btn-success{background:var(--success);color:#0d0f14}.btn-ghost{color:var(--text-muted);border:.5px solid var(--border);background:0 0;padding:10px;font-size:13px}.btn-danger{color:var(--danger);background:#f8717126;border:.5px solid #f871714d}.field{border:.5px solid var(--border);color:var(--text);font-family:var(--font);background:#ffffff0f;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-size:16px;transition:border-color .15s}.field:focus{border-color:var(--accent)}.field::placeholder{color:#fff3}textarea.field{resize:none;min-height:80px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{cursor:pointer;color:var(--text-muted);border:.5px solid var(--border);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#ffffff0f;border-radius:20px;padding:7px 14px;font-size:13px;font-weight:500;transition:all .15s}.chip.sel-blue{background:var(--accent);color:#fff;border-color:var(--accent)}.chip.sel-red{color:var(--danger);background:#f8717126;border-color:#f8717159}.chip-x{opacity:.7;margin-left:4px}.alert{border-radius:10px;margin-bottom:12px;padding:11px 14px;font-size:13px;line-height:1.5}.alert-info{color:#6384ffe6;background:#6384ff1a;border:.5px solid #6384ff40}.alert-success{color:var(--success);background:#4ade801a;border:.5px solid #4ade8040}.alert-warning{color:var(--warning);background:#fbbf241a;border:.5px solid #fbbf2440}.alert-danger{color:var(--danger);background:#f871711a;border:.5px solid #f8717140}.kpi-row{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.kpi{background:var(--bg-card);border:.5px solid var(--border);text-align:center;border-radius:10px;padding:12px 14px}.kpi-n{color:var(--accent);font-size:26px;font-weight:700}.kpi-l{color:var(--text-muted);margin-top:2px;font-size:11px}.fit-badge{border:2px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:13px;font-weight:700;display:flex}.fit-hi{border-color:var(--success);color:var(--success)}.fit-mid{border-color:var(--warning);color:var(--warning)}.fit-low{border-color:var(--danger);color:var(--danger)}.fit-none{border-color:var(--text-muted);color:var(--text-muted)}.upload-zone{border-radius:var(--radius);text-align:center;cursor:pointer;background:#6384ff0d;border:1.5px dashed #6384ff59;margin-bottom:12px;padding:36px 20px;transition:border-color .2s,background .2s}.upload-zone.drag{border-color:var(--accent);background:#6384ff1a}.progress-bar{background:#ffffff12;border-radius:3px;height:5px;margin:8px 0;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent2));border-radius:3px;height:100%;transition:width .4s}.section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:11px;font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:3px solid #6384ff33;border-top-color:var(--accent);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin}.sep{background:var(--border);height:.5px;margin:16px 0}.badge-pro{color:var(--accent);background:#6384ff26;border:.5px solid #6384ff4d;border-radius:5px;padding:2px 6px;font-size:10px;font-weight:700}.badge-free{color:var(--success);background:#4ade801a;border:.5px solid #4ade8040;border-radius:5px;padding:2px 6px;font-size:10px;font-weight:700}.estado-chip{white-space:nowrap;border-radius:20px;padding:3px 9px;font-size:11px}