:root{--space-1: 8px;--space-2: 12px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--bg: #f4f7fc;--panel: #ffffff;--panel-soft: #f8fbff;--line: #d7e1ef;--line-strong: #b8c8de;--text: #10213a;--muted: #5d718f;--primary: #1f4ed8;--primary-600: #1b43be;--danger: #c92a2a;--shadow: 0 8px 30px rgba(16, 33, 58, .08)}*{box-sizing:border-box}.page{font-family:Segoe UI Variable,Segoe UI,Manrope,sans-serif;background:radial-gradient(1200px 500px at 100% -10%,#dfe9ff 0%,transparent 60%),linear-gradient(180deg,#f7faff 0%,var(--bg) 60%);color:var(--text);min-height:100vh;padding:var(--space-3)}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:16px}.login-shell{max-width:1040px;margin:30px auto;display:grid;grid-template-columns:340px 1fr;gap:14px;align-items:stretch}.login-brand{background:radial-gradient(500px 240px at -10% -10%,rgba(33,103,229,.14),transparent 60%),linear-gradient(180deg,#fff,#f4f8ff);display:flex;flex-direction:column;gap:12px;justify-content:center}.brand-logo{width:140px;max-width:100%;border-radius:10px;border:1px solid #d6dfec;background:#fff;padding:8px}.login-brand h2{margin:0;font-size:28px;letter-spacing:-.02em}.login-brand p{margin:0;color:#4b607e;line-height:1.5}.brand-pill{width:fit-content;background:#e8f1ff;border:1px solid #b8d0ff;color:#1d4ed8;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}.login{margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.login-head{display:flex;align-items:center;gap:14px}.login-head h1{margin:0;font-size:28px;letter-spacing:-.02em}.login-head p{margin:4px 0 0;color:#64748b}.login-logo{width:110px;border:1px solid #d6dfec;border-radius:10px;padding:6px;background:#fff}.login-grid>label{grid-column:span 12}.grid{display:grid;gap:10px;grid-template-columns:repeat(12,minmax(0,1fr))}.grid>label{grid-column:span 4}label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#304564;font-weight:700;text-transform:uppercase}input,select,textarea,button{border:1px solid var(--line-strong);border-radius:10px;font-size:14px;min-height:42px;padding:8px 10px;font-family:inherit}input,select,textarea{background:#f3f7fe;color:var(--text)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1f4ed81f;background:#fff}:focus-visible{outline:2px solid #2563eb;outline-offset:2px}button{background:var(--primary);border-color:var(--primary);color:#fff;cursor:pointer;font-weight:700}button:hover{background:var(--primary-600);border-color:var(--primary-600)}button.active{background:#0f1d36;border-color:#0f1d36}button.small{font-size:12px;margin-right:6px;padding:5px 8px;min-height:34px}button.danger{background:var(--danger);border-color:var(--danger)}.actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap;align-items:center}.err{margin-top:8px;color:#b11c1c;background:#fff1f1;border:1px solid #f4caca;border-radius:10px;padding:8px 10px;font-size:13px}.mfa-setup{margin-top:16px;padding:12px;border:1px dashed #9db6d8;border-radius:10px;background:#f6faff}.muted{margin:0 0 8px;color:#475569;font-size:12px}.qr{min-height:150px;display:flex;align-items:center;justify-content:center;background:#eef4ff;border:1px dashed #9fb5d5;border-radius:8px;margin-bottom:8px}.qr img{max-width:150px;max-height:150px}.ghost{background:#fff;color:#1f4ed8;border-color:#9db4e0}.ghost:hover{background:#eef4ff;border-color:#6f8fc9}.shell{display:grid;grid-template-columns:250px 1fr;gap:14px;align-items:start}.sidebar{background:linear-gradient(180deg,#0f1d36,#13284a);color:#fff;border-radius:12px;border:1px solid #1c3761;padding:14px;display:flex;flex-direction:column;gap:8px;position:sticky;top:10px;min-height:calc(100vh - 36px)}.sidebar-brand{display:grid;grid-template-columns:56px 1fr;gap:10px;align-items:center;margin-bottom:6px}.sidebar-logo{width:56px;height:56px;object-fit:contain;border-radius:8px;border:1px solid #33568a;background:#fff;padding:4px}.sidebar h2{margin:0 0 6px}.sidebar p{margin:0 0 8px;color:#cbd5e1;font-size:13px}.sidebar button{text-align:left;background:#1d3c69;border-color:#2b4b7d}.sidebar button.active{background:#2b60b6;border-color:#2b60b6}.side-actions{margin-top:auto;display:grid;gap:8px}.content{min-height:70vh;padding:var(--space-4)}.topbar{position:sticky;top:8px;z-index:4;display:flex;justify-content:space-between;align-items:end;gap:10px;margin-bottom:var(--space-3);padding-bottom:8px;border-bottom:1px solid var(--line);background:#ffffffeb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.topbar h1{margin:0;letter-spacing:-.02em}.empresa-filter{display:flex;gap:8px;align-items:center;background:var(--panel-soft);border:1px solid var(--line);border-radius:10px;padding:6px 8px}.empresa-filter label{margin:0;font-size:11px}.kpis{display:grid;gap:var(--space-2);grid-template-columns:repeat(12,minmax(0,1fr));margin-bottom:var(--space-3)}.kpis article{grid-column:span 3;background:linear-gradient(180deg,#fff,#f7fbff);border:1px solid var(--line);border-radius:10px;padding:var(--space-3)}.kpis h3{font-size:11px;margin:0 0 6px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.kpis strong{font-size:32px;line-height:36px;color:#0f1d36}.kpi-sales{border-top:4px solid #2f63d9}.kpi-buys{border-top:4px solid #d9822f}.kpi-expenses{border-top:4px solid #e35d19}.kpi-profit{border-top:4px solid #1f9d57}.kpi-stock{border-top:4px solid #2f63d9}.kpi-reserved{border-top:4px solid #cf7a17}.dash-sub{margin:6px 0 0;font-size:12px;color:#64748b}.ops-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(12,minmax(0,1fr));margin-bottom:var(--space-3)}.ops-grid .op-card{grid-column:span 4}.op-card{background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid var(--line);border-radius:10px;padding:var(--space-3)}.op-card h3{margin:0 0 8px;font-size:14px;color:#0f172a}.op-card .grid>label{grid-column:span 4}.op-card .grid>label[style*="grid-column:1/-1"]{grid-column:1 / -1}.table-wrap{overflow:auto;border:1px solid #e2e8f0;border-radius:10px;background:#fff}table{width:100%;border-collapse:separate;border-spacing:0}thead th{position:sticky;top:0;z-index:1;background:#eef4ff;color:#2f4568;font-size:12px;text-transform:uppercase;letter-spacing:.03em}th,td{padding:8px;border-bottom:1px solid #e2e8f0;font-size:13px;text-align:left;white-space:nowrap}tbody tr:hover{background:#f8fbff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#0f172a8f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:16px}.modal-panel{width:min(92vw,920px);max-height:90vh;overflow:auto;background:#fff;border:1px solid #d6dfec;border-radius:20px;box-shadow:0 24px 64px #0206173d;animation:modalIn .18s ease-out}@keyframes modalIn{0%{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}.modal-head,.modal-foot{position:sticky;background:#fff;z-index:2}.modal-head{top:0;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:20px 24px;border-bottom:1px solid #e2e8f0}.modal-title{margin:0;font-size:24px;line-height:1.2;letter-spacing:-.01em}.modal-sub{margin:4px 0 0;font-size:14px;color:#64748b}.modal-body{padding:20px 24px 24px}.form-grid{gap:14px 16px}.tipo-tabs{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px;border:1px solid #c9d6ea;border-radius:12px;background:#eef4ff}.tipo-tab{min-height:38px;border-radius:10px;background:#f8fbff;color:#355176;border:1px solid #cad7ec;text-align:center}.tipo-tab.active{background:#1d355d;border-color:#1d355d;color:#fff}.badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid transparent}.b-blue{background:#e7f0ff;color:#1d4ed8;border-color:#bfd3ff}.b-gray{background:#f1f5f9;color:#334155;border-color:#d2dbe8}input[readonly]{background:#eef2f8;color:#52657f}.modal-foot{bottom:0;margin-top:0;padding:14px 24px;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:var(--space-2)}.btn-primary{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.btn-primary:hover{background:#1e40af;border-color:#1e40af}.btn-secondary{background:#fff;border:1px solid #cbd5e1;color:#334155}.btn-secondary:hover{background:#f8fafc;border-color:#94a3b8;color:#0f172a}.users-form>label{grid-column:span 3}@media (max-width: 1280px){.kpis article{grid-column:span 6}.ops-grid .op-card{grid-column:span 6}.op-card .grid>label{grid-column:span 6}}@media (max-width: 960px){.page{padding:var(--space-2)}.login-shell,.shell{grid-template-columns:1fr}.sidebar{position:static;min-height:auto}.topbar{position:static;flex-direction:column;align-items:stretch}.content{padding:var(--space-3)}.kpis article{grid-column:span 12}.ops-grid .op-card{grid-column:span 12}.users-form>label{grid-column:span 6}}@media (max-width: 640px){.op-card .grid>label,.users-form>label{grid-column:span 12}.form-grid>label{grid-column:span 12}input,select,textarea,button{font-size:16px;min-height:44px}}