:root{--op3-bg:#f4f7fb;--op3-card:#fff;--op3-text:#172033;--op3-muted:#64748b;--op3-blue:#2563eb;--op3-blue-dark:#1e3a8a;--op3-line:#e2e8f0;--op3-green:#16a34a;--op3-amber:#d97706;--op3-red:#dc2626;--op3-shadow:0 12px 32px rgba(15,23,42,.07);--op3-radius:20px}
*{box-sizing:border-box}html{background:var(--op3-bg)}body.op3-body{margin:0;background:var(--op3-bg);color:var(--op3-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}.op3-icon{width:21px;height:21px;display:block;flex:0 0 auto}.op3-shell{display:flex;min-height:100vh}.op3-sidebar{position:sticky;top:0;width:264px;height:100vh;padding:20px 16px;display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--op3-line);z-index:30}.op3-brand{display:flex;align-items:center;gap:12px;padding:4px 8px 20px;text-decoration:none;color:var(--op3-text)}.op3-brand__mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,var(--op3-blue),var(--op3-blue-dark));color:#fff;font-size:20px;font-weight:900;box-shadow:0 10px 24px rgba(37,99,235,.25)}.op3-brand strong,.op3-brand small{display:block}.op3-brand strong{font-size:17px;letter-spacing:-.02em}.op3-brand small{margin-top:2px;color:var(--op3-muted);font-size:12px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.op3-menu{display:grid;gap:5px;overflow-y:auto;padding-right:2px}.op3-menu__label{margin:15px 10px 5px;color:#94a3b8;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.op3-menu__item{position:relative;display:flex;align-items:center;gap:12px;min-height:46px;padding:11px 13px;border-radius:14px;color:#475569;text-decoration:none;font-size:14px;font-weight:750;transition:background .16s,color .16s,transform .16s}.op3-menu__item:hover{background:#f1f5f9;color:var(--op3-blue);transform:translateX(2px)}.op3-menu__item.is-active{background:#eaf2ff;color:#1d4ed8}.op3-menu__item.is-active:before{content:"";position:absolute;left:-16px;width:4px;height:25px;border-radius:0 6px 6px 0;background:var(--op3-blue)}.op3-user{display:grid;grid-template-columns:38px minmax(0,1fr) 28px;align-items:center;gap:10px;margin-top:auto;padding:14px 8px 2px;border-top:1px solid var(--op3-line)}.op3-avatar{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:#dbeafe;color:#1d4ed8;font-weight:900}.op3-user strong,.op3-user small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.op3-user strong{font-size:13px}.op3-user small{margin-top:2px;color:var(--op3-muted);font-size:10px}.op3-user a{color:#64748b;padding:4px}.op3-main{width:calc(100% - 264px);max-width:1440px;margin:0 auto;padding:26px 30px 80px;min-width:0}.op3-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.op3-eyebrow{display:none;color:var(--op3-blue);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.op3-topbar h1{margin:0;color:var(--op3-text);font-size:28px;line-height:1.15;letter-spacing:-.035em}.op3-topbar p{margin:7px 0 0;color:var(--op3-muted);font-size:14px}.op3-topbar__actions,.op3-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.op3-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 15px;border:1px solid var(--op3-blue);border-radius:13px;background:var(--op3-blue);color:#fff;text-decoration:none;font-size:13px;font-weight:800;cursor:pointer}.op3-btn .op3-icon{width:18px;height:18px}.op3-btn--secondary{border-color:var(--op3-line);background:#fff;color:#334155}.op3-btn:hover{filter:brightness(.97)}.op3-mobilebar{display:none}.op3-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.op3-kpi{position:relative;overflow:hidden;min-height:142px;padding:18px;background:#fff;border:1px solid var(--op3-line);border-radius:var(--op3-radius);box-shadow:var(--op3-shadow);text-decoration:none;color:inherit}.op3-kpi__top{display:flex;align-items:center;justify-content:space-between;gap:10px}.op3-kpi__icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#eff6ff;color:var(--op3-blue)}.op3-kpi__icon.is-green{background:#ecfdf5;color:var(--op3-green)}.op3-kpi__icon.is-amber{background:#fff7ed;color:var(--op3-amber)}.op3-kpi__icon.is-red{background:#fef2f2;color:var(--op3-red)}.op3-kpi small{color:var(--op3-muted);font-size:12px;font-weight:750}.op3-kpi strong{display:block;margin-top:15px;font-size:25px;line-height:1.1;letter-spacing:-.03em}.op3-kpi span{display:block;margin-top:7px;color:var(--op3-muted);font-size:12px}.op3-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:16px;margin-bottom:16px}.op3-panel,.card{background:#fff;border:1px solid var(--op3-line);border-radius:var(--op3-radius);box-shadow:var(--op3-shadow);padding:20px}.op3-panel h2,.op3-panel h3,.card h2,.card h3{margin:0 0 8px;color:var(--op3-text);letter-spacing:-.02em}.op3-panel>p{margin:0;color:var(--op3-muted);font-size:14px}.op3-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:17px}.op3-action{display:grid;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:12px;min-height:76px;padding:13px;border:1px solid var(--op3-line);border-radius:17px;background:#fff;color:inherit;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s}.op3-action:hover{border-color:#bfdbfe;box-shadow:0 10px 24px rgba(37,99,235,.1);transform:translateY(-1px)}.op3-action__icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#eff6ff;color:var(--op3-blue)}.op3-action strong,.op3-action small{display:block}.op3-action strong{font-size:14px}.op3-action small{margin-top:3px;color:var(--op3-muted);font-size:11px}.op3-action>.op3-icon{width:17px;color:#94a3b8}.op3-list{display:grid;margin-top:12px}.op3-listitem{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #eef2f7}.op3-listitem:last-child{border-bottom:0}.op3-dot{width:9px;height:9px;border-radius:50%;background:var(--op3-blue);box-shadow:0 0 0 4px #dbeafe}.op3-dot.is-green{background:var(--op3-green);box-shadow:0 0 0 4px #dcfce7}.op3-dot.is-amber{background:var(--op3-amber);box-shadow:0 0 0 4px #ffedd5}.op3-dot.is-red{background:var(--op3-red);box-shadow:0 0 0 4px #fee2e2}.op3-listitem strong,.op3-listitem small{display:block}.op3-listitem strong{font-size:13px}.op3-listitem small{margin-top:3px;color:var(--op3-muted);font-size:11px}.op3-listitem>a{color:var(--op3-blue);font-size:12px;font-weight:800;text-decoration:none}.op3-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.op3-section-head h3{margin:0}.op3-section-head a{color:var(--op3-blue);font-size:12px;font-weight:800;text-decoration:none}.op3-quickgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.op3-quick{display:flex;align-items:center;gap:10px;min-height:58px;padding:12px;border:1px solid var(--op3-line);border-radius:15px;color:#334155;text-decoration:none;font-size:13px;font-weight:800}.op3-quick .op3-icon{color:var(--op3-blue)}
/* Compatibilidad con módulos existentes */
.op3-main .op-page-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.op3-main .op-toolbar{display:flex;gap:10px;flex-wrap:wrap}.op3-main .formgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:13px}.op3-main .formgrid p{margin:0}.op3-main label{display:block;margin-bottom:6px;color:#334155;font-size:13px;font-weight:800}.op3-main input,.op3-main select,.op3-main textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#0f172a;font:inherit}.op3-main textarea{min-height:96px}.op3-main input:focus,.op3-main select:focus,.op3-main textarea:focus{border-color:var(--op3-blue);outline:3px solid rgba(37,99,235,.13)}.op3-main .btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 14px;border:1px solid var(--op3-blue);border-radius:12px;background:var(--op3-blue);color:#fff;text-decoration:none;font-weight:800;cursor:pointer}.op3-main .btn.secondary{border-color:var(--op3-line);background:#fff;color:#334155}.op3-main .btn.danger{border-color:var(--op3-red);background:#fff;color:var(--op3-red)}.op3-main .badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:850}.op3-main .badge.good{background:#dcfce7;color:#166534}.op3-main .badge.bad{background:#fee2e2;color:#991b1b}.op3-main .muted{color:var(--op3-muted)}.op3-table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--op3-line);border-radius:15px;-webkit-overflow-scrolling:touch}.op3-main table.table{width:100%;margin:0;border-collapse:collapse;box-shadow:none;border-radius:0}.op3-main .table th{padding:12px;background:#f8fafc;color:#475569;text-align:left;font-size:12px;white-space:nowrap}.op3-main .table td{padding:12px;border-top:1px solid #eef2f7;color:#334155;font-size:13px;vertical-align:middle}.op3-main .table th a{color:inherit;text-decoration:none}.op3-main .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.op3-main .op-modulegrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.op3-main .op-modulecard{display:flex;flex-direction:column;gap:8px;min-height:120px;padding:15px;border:1px solid var(--op3-line);border-radius:16px;background:#fff;color:inherit;text-decoration:none}.op3-main .op-modulecard__icon{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:#eff6ff;color:var(--op3-blue)}
@media(max-width:1050px){.op3-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.op3-grid{grid-template-columns:1fr}.op3-main{padding-left:22px;padding-right:22px}}
@media(max-width:860px){.op3-sidebar{display:none}.op3-main{width:100%;padding:18px 16px calc(96px + env(safe-area-inset-bottom))}.op3-topbar{margin:-18px -16px 18px;padding:20px 18px 22px;border-radius:0 0 24px 24px;background:linear-gradient(145deg,#2563eb,#1e40af);color:#fff}.op3-eyebrow{display:block;color:#bfdbfe}.op3-topbar h1,.op3-topbar p{color:#fff}.op3-topbar h1{margin-top:4px;font-size:24px}.op3-topbar__actions{display:none}.op3-mobilebar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:repeat(5,1fr);height:76px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--op3-line);background:rgba(255,255,255,.96);backdrop-filter:blur(12px);box-shadow:0 -10px 28px rgba(15,23,42,.08)}.op3-mobilebar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:13px;color:#64748b;text-decoration:none}.op3-mobilebar a.is-active{background:#eaf2ff;color:var(--op3-blue)}.op3-mobilebar .op3-icon{width:20px;height:20px}.op3-mobilebar small{font-size:10px;font-weight:800}.op3-main .formgrid{grid-template-columns:1fr}.op3-main input,.op3-main select,.op3-main textarea{font-size:16px}}
@media(max-width:600px){.op3-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.op3-kpi{min-height:125px;padding:14px}.op3-kpi strong{font-size:20px}.op3-grid{gap:12px}.op3-panel,.card{padding:15px;border-radius:17px}.op3-actions{grid-template-columns:1fr}.op3-quickgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.op3-main .op-toolbar .btn,.op3-main .op-toolbar a.btn{flex:1 1 130px}.op3-main .table{min-width:680px}.op3-main .op-modulegrid{grid-template-columns:1fr}.op3-mobilebar{height:72px}}
@media print{.no-print,.op3-sidebar,.op3-mobilebar,.op3-topbar{display:none!important}.op3-main{width:100%;max-width:none;padding:0}.op3-panel,.card{box-shadow:none;border:1px solid #ddd}}
.op3-create-launch{display:flex;justify-content:flex-end;margin:0 0 16px}.op3-create-toggle{min-width:180px;justify-content:center}.op3-create-panel{scroll-margin-top:18px}.op3-create-panel[hidden]{display:none!important}
@media(max-width:600px){.op3-create-launch,.op3-create-toggle{width:100%}}
.op-actions-inline{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;white-space:nowrap}.op-actions-inline form{display:inline-flex;margin:0}.op-actions-inline .btn,.op-actions-inline .badge{margin:0}.op-check{display:flex!important;align-items:center;gap:9px;min-height:44px}.op-check input{width:20px!important;height:20px!important;margin:0!important}.table td:last-child .badge+.badge,.table td:last-child .btn+.btn{margin-left:0}
@media(max-width:600px){.op-actions-inline{flex-wrap:wrap;white-space:normal}}
.op3-main .table .op-group-row td{padding:10px 12px;border-top:1px solid #bfdbfe;border-bottom:0;background:#eff6ff;color:#1e3a8a;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}