:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1e293b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f6f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:#f6f8fb;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{border:0}.splash{color:#475569;place-items:center;gap:12px;min-height:100vh;display:grid}.spin{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-shell{grid-template-columns:minmax(320px,1fr) minmax(320px,470px);min-height:100vh;display:grid}.login-brand{background-color:#0000;background-image:linear-gradient(#ffffffdb,#ffffffb8),url(https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=1600&q=80);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;justify-content:center;min-height:100vh;padding:clamp(32px,7vw,96px);display:flex}.login-brand h1{letter-spacing:0;color:#0f172a;max-width:620px;margin:10px 0 24px;font-size:clamp(44px,7vw,84px);line-height:.95}.hero-copy,.section-copy{color:#475569;margin:0;line-height:1.6}.hero-copy{max-width:560px}.login-metrics{flex-wrap:wrap;gap:10px;display:flex}.login-metrics span,.badge,.chips span{color:#334155;white-space:nowrap;background:#ffffffd1;border:1px solid #cbd5e1;border-radius:999px;align-items:center;gap:6px;min-height:30px;padding:5px 9px;font-size:13px;display:inline-flex}.brand-mark{color:#fff;background:#0f766e;border-radius:8px;place-items:center;width:62px;height:62px;display:grid;box-shadow:0 18px 36px #0f766e38}.brand-mark.compact{width:42px;height:42px}.login-panel{background:#fff;border-left:1px solid #e2e8f0;flex-direction:column;justify-content:center;gap:28px;min-height:100vh;padding:clamp(24px,5vw,56px);display:flex}.login-card{gap:24px;width:min(100%,420px);display:grid}.login-panel h2,.section-heading h2,.topbar h1{color:#0f172a;letter-spacing:0;margin:4px 0 0}.eyebrow{color:#0f766e;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.stack,.field{gap:10px;display:grid}.field>span:first-child,legend{color:#334155;font-size:13px;font-weight:700}.input-shell,.field input,.field select,.mode-group{background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;min-height:46px}.input-shell{color:#64748b;align-items:center;gap:10px;padding:0 13px;display:flex}.input-shell input{border:0;outline:0;width:100%;min-width:0;height:44px}.field input,.field select{outline-color:#0f766e;padding:0 13px}.primary-button,.secondary-button,.google-button,.text-button,.nav-button,.icon-button,.segmented button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;transition:transform .16s,border-color .16s,background-color .16s;display:inline-flex}.primary-button{color:#fff;background:#0f766e;padding:0 18px;font-weight:800}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.nav-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled,.google-button:disabled,.text-button:disabled{cursor:not-allowed;opacity:.55}.secondary-button{color:#0f172a;background:#fff;border:1px solid #cbd5e1;padding:0 15px;font-weight:750}.google-button{color:#0f172a;background:#fff;border:1px solid #cbd5e1;width:100%;padding:0 15px;font-weight:800}.google-button:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.text-button{color:#2563eb;background:0 0;justify-content:flex-start;min-height:34px;padding:0;font-weight:750}.divider{color:#64748b;text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;font-size:12px;font-weight:800;display:grid}.divider span{background:#e2e8f0;height:1px}.alert{border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:10px 12px;font-size:14px;display:flex}.alert-danger{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.alert-success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.state-shell{background:#f6f8fb;place-items:center;min-height:100vh;padding:24px;display:grid}.state-panel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-items:start;gap:16px;width:min(100%,520px);padding:28px;display:grid;box-shadow:0 18px 38px #0f172a14}.state-panel h1,.state-panel p{margin:0}.state-panel h1{color:#0f172a}.state-panel p{color:#475569}.state-icon{color:#0f766e;background:#ecfdf5;border-radius:8px;place-items:center;width:54px;height:54px;display:grid}.state-icon.danger{color:#be123c;background:#fff1f2}.app-shell{grid-template-columns:252px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:#fff;border-right:1px solid #e2e8f0;height:100vh;padding:18px;position:sticky;top:0}.sidebar-brand{align-items:center;gap:12px;margin-bottom:28px;display:flex}.sidebar-brand strong,.account-pill strong{color:#0f172a;display:block}.sidebar-brand span,.account-pill span,.job-main small,.flow-step small,.hero-copy,.section-copy{color:#64748b}.sidebar-brand span,.account-pill span,.job-main small,.flow-step small{font-size:12px}.nav-list{gap:8px;display:grid}.nav-button{color:#334155;background:0 0;justify-content:flex-start;width:100%;padding:0 12px;font-weight:750}.nav-button span{min-width:0}.nav-button.active{color:#0f766e;background:#ecfdf5}.workspace{min-width:0;padding:22px}.topbar-copy{gap:6px;display:grid}.topbar,.section-heading,.account-pill,.job-row,.role-card-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.topbar{margin-bottom:22px}.account-pill{background:#fff;border:1px solid #e2e8f0;border-radius:8px;max-width:min(420px,100%);min-height:54px;padding:6px 7px 6px 12px}.account-pill div{min-width:0}.account-pill strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.icon-button{color:#334155;background:#f1f5f9;width:38px;min-width:38px;min-height:38px}.content-grid{gap:16px;display:grid}.metrics-grid,.roles-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric,.panel,.role-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 24px #0f172a0a}.metric{align-items:center;gap:12px;min-height:92px;padding:16px;display:flex}.metric svg{border-radius:8px;width:42px;height:42px;padding:10px}.metric span{color:#64748b;font-size:13px;font-weight:700}.metric strong{color:#0f172a;font-size:30px;display:block}.metric-green svg{color:#15803d;background:#dcfce7}.metric-blue svg{color:#2563eb;background:#dbeafe}.metric-amber svg{color:#b45309;background:#fef3c7}.metric-red svg{color:#be123c;background:#ffe4e6}.upload-layout{grid-template-columns:minmax(310px,.95fr) minmax(360px,1.05fr);gap:16px;display:grid}.panel,.role-card{padding:18px}.source-panel,.config-panel{align-content:start;gap:18px;display:grid}.segmented{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:4px;padding:4px;display:flex}.segmented button{color:#475569;background:0 0;min-height:34px;padding:0 10px;font-size:13px;font-weight:800}.segmented button.selected{color:#0f766e;background:#fff;box-shadow:0 1px 3px #0f172a1f}.dropzone{text-align:center;background:#f8fafc;border:2px dashed #94a3b8;border-radius:8px;place-items:center;gap:10px;min-height:245px;padding:28px;display:grid;position:relative}.dropzone.dragging{background:#ecfdf5;border-color:#0f766e}.dropzone input{opacity:0;pointer-events:none;position:absolute;inset:0}.dropzone svg{color:#0f766e}.sheet-input-list{gap:14px;display:grid}.form-grid,.user-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.mode-group{align-items:center;gap:6px;margin:0;padding:5px;display:flex}.mode-option{color:#334155;background:#f8fafc;border:1px solid #0000;border-radius:6px;flex:1 1 0;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-size:13px;font-weight:700;line-height:1;display:inline-flex}.mode-option.selected{color:#0f766e;background:#ecfdf5;border-color:#99f6e4}.mode-option input{accent-color:#0f766e;margin:0}.submit-button{justify-self:end}.field-error{color:#be123c}.field-ok{color:#15803d;word-break:break-all}.queue-panel{gap:14px;display:grid}.job-list,.flow-list{gap:10px;display:grid}.job-row{background:#fbfdff;border:1px solid #e2e8f0;border-radius:8px;min-height:62px;padding:10px 12px}.job-main{align-items:center;gap:10px;min-width:0;display:flex}.job-main>div{min-width:0}.job-main strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.job-main small{overflow-wrap:anywhere;line-height:1.45;display:block}.status-dot,.role-dot{background:#94a3b8;border-radius:999px;width:10px;min-width:10px;height:10px}.status-ready,.role-colaborador,.role-viewer{background:#64748b}.status-success{background:#15803d}.status-uploading,.role-pending{background:#f59e0b}.status-queued,.role-lider,.role-leader,.role-manager,.role-analyst{background:#2563eb}.status-error{background:#e11d48}.role-admin{background:#0f766e}.role-director{background:#334155}.job-status{color:#64748b;justify-items:end;gap:6px;min-width:180px;font-size:12px;display:grid}.job-status progress{accent-color:#0f766e;width:170px;height:7px}.empty-state{color:#64748b;border:1px dashed #cbd5e1;border-radius:8px;align-content:center;place-items:center;gap:10px;min-height:150px;display:grid}.empty-state.compact{min-height:140px}.role-card{gap:12px;display:grid}.role-card p{color:#475569;margin:0}.chips{flex-wrap:wrap;gap:8px;display:flex}.users-panel{gap:16px;display:grid}.scope-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.scope-card{background:#fbfdff;border:1px solid #e2e8f0;border-radius:8px;gap:6px;min-height:84px;padding:12px;display:grid}.scope-card span{color:#64748b;font-size:12px;font-weight:700}.scope-card strong{color:#0f172a;line-height:1.45}.inline-note{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 14px}.inline-note strong{color:#0f172a}.access-form{gap:16px;padding-top:6px;display:grid}.picker-grid{flex-wrap:wrap;gap:8px;display:flex}.picker-chip{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:999px;min-height:36px;padding:0 12px;font-weight:700}.picker-chip.selected{color:#0f766e;background:#ecfdf5;border-color:#99f6e4}.picker-chip:disabled{cursor:not-allowed;opacity:.55}.action-row{gap:10px;display:flex}.flow-step{background:#fbfdff;border:1px solid #e2e8f0;border-radius:8px;align-items:flex-start;gap:12px;min-height:68px;padding:12px;display:flex}.flow-step>span{color:#fff;background:#0f766e;border-radius:8px;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.flow-step>div{gap:4px;display:grid}.flow-step p{color:#475569;margin:0;line-height:1.5}@media (width<=980px){.login-shell,.app-shell,.upload-layout{grid-template-columns:1fr}.login-brand{min-height:42vh}.login-panel{border-left:0;min-height:auto}.sidebar{border-bottom:1px solid #e2e8f0;border-right:0;height:auto;position:static}.nav-list{grid-template-columns:repeat(3,minmax(0,1fr))}.metrics-grid,.roles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.workspace{padding:14px}.topbar,.section-heading,.job-row{flex-direction:column;align-items:stretch}.user-form,.form-grid,.metrics-grid,.scope-grid,.roles-grid,.nav-list{grid-template-columns:1fr}.account-pill,.job-status,.submit-button{width:100%}.job-status{justify-items:stretch}.job-status progress{width:100%}.mode-group{flex-direction:column;align-items:stretch}.action-row{flex-direction:column}}