:root{color-scheme:light;--ink:#16243a;--muted:#728095;--line:#e6ebf1;--page:#f5f7fa;--nav:#0c172b;--nav2:#101e36;--accent:#087d86;--accent-dark:#05636b;--radius:17px;--shadow:0 9px 30px rgba(19,35,61,.045)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{width:248px;min-width:248px;background:var(--nav);color:#e8edf5;display:flex;flex-direction:column;padding:28px 15px 19px;position:sticky;top:0;height:100vh;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:3px 13px 40px}.brand-logo,.auth-mark{width:41px;height:41px;border-radius:13px;background:#087d86;color:white;display:grid;place-items:center;font-size:28px;line-height:1}.brand strong{font-size:19px;font-weight:850;letter-spacing:-.65px}.brand span{display:block;font-size:9px;color:#9eaec5;letter-spacing:1.6px;font-weight:750}.side-label{font-size:10px;letter-spacing:1.8px;color:#71839e;padding:0 14px 13px;font-weight:750}.sidebar nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:13px;padding:12px 15px;color:#9eacc2;border-radius:12px;font-weight:580;transition:background .17s,color .17s}.nav-item:hover{text-decoration:none;background:#192941;color:#fff}.nav-item.current{background:#183c4a;color:#9eebe8}.nav-icon{width:19px;font-size:21px;line-height:1;text-align:center}.sidebar-bottom{margin-top:auto;border-top:1px solid #253249;padding:20px 7px 0;display:flex;gap:10px;align-items:center}.avatar{width:37px;height:37px;background:#244857;color:#a1eee5;border-radius:13px;display:grid;place-items:center;font-weight:800;flex:none}.person{min-width:0;flex:1}.person b,.person small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person b{font-size:12px}.person small{font-size:10px;color:#94a3b8}.exit{border:0;background:transparent;color:#9caac0;font-size:23px;padding:4px}.main{flex:1;min-width:0}.topbar{height:73px;background:#fff;border-bottom:1px solid var(--line);padding:0 clamp(20px,3vw,46px);display:flex;align-items:center;justify-content:space-between}.crumb{font-size:10px;font-weight:800;letter-spacing:1.6px;color:#97a3b4}.crumb span{margin:0 8px;color:#cbd5e1}.top-actions{display:flex;align-items:center;gap:8px;font-size:12px;color:#738297}.live-dot{height:8px;width:8px;background:#24a483;border-radius:50%}.content{max-width:1590px;margin:auto;padding:37px clamp(18px,3.5vw,50px) 30px}.page-heading{margin-bottom:29px;display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent);font-weight:850;margin:0 0 8px;text-transform:uppercase}h1{font-size:31px;line-height:1.22;margin:0 0 8px;font-weight:820;letter-spacing:-.9px}h2{font-size:17px;letter-spacing:-.45px;margin:0;font-weight:760}h3{font-size:13px;margin:0 0 12px}.muted{color:var(--muted);font-size:12px;margin:5px 0 0;line-height:1.7}.panel,.stat{background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel{padding:24px;margin-bottom:21px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.panel-heading a{font-size:12px;font-weight:650}.small-count{font-size:11px;color:#8290a2}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:23px}.stat{padding:22px 23px;min-height:140px;display:flex;flex-direction:column;justify-content:space-between}.stat>span{font-size:12px;color:#738197;font-weight:620}.stat strong{display:block;font-size:31px;letter-spacing:-1px;font-weight:800;line-height:1.25}.stat small{color:#96a1ae;font-size:11px}.stat.featured{background:#0c2833;border-color:#0c2833;color:#fff}.stat.featured>span,.stat.featured small{color:#b1c9cb}.stat.featured strong{font-size:25px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px}.guide{display:flex;justify-content:space-between;align-items:center;gap:24px;background:#f0f9f8;border-color:#c9eae7;margin-bottom:0}.two-cols{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,0.95fr);gap:21px;align-items:start}.panel.editor h2{margin-bottom:7px}.panel.editor .muted{margin-bottom:20px}.field-stack{display:grid;gap:15px;margin-top:16px}.field-stack label:not(.checkbox),.field-row label{display:grid;gap:6px;font-size:12px;font-weight:660;color:#536178}.field-row{display:flex;gap:12px;align-items:end}.field-row label{flex:1;min-width:0}input:not([type=checkbox]),select,textarea{display:block;width:100%;padding:11px 12px;border:1px solid #dce3eb;border-radius:10px;background:#fff;color:#1e293b;outline:none;min-height:43px;transition:border-color .15s,box-shadow .15s}textarea{resize:vertical;min-height:65px}input:focus,select:focus,textarea:focus{border-color:#0d8791;box-shadow:0 0 0 3px #087d861c}.checkbox{display:flex;align-items:center;gap:9px;color:#526176;font-size:12px;font-weight:600}.checkbox input{accent-color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:41px;padding:11px 17px;border-radius:10px;border:1px solid transparent;text-decoration:none!important;font-size:12px;font-weight:760;white-space:nowrap;transition:transform .15s,background .15s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--accent);color:white}.btn.primary:hover{background:var(--accent-dark)}.btn.outline{background:white;color:var(--accent);border-color:#b8dade}.btn.danger-outline{background:white;color:#b43145;border-color:#e3c0c6}.text-link{font-size:12px;font-weight:650;justify-self:center}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;font-size:10px;letter-spacing:.75px;text-transform:uppercase;color:#97a3b3;font-weight:830;padding:12px 15px 13px 0;border-bottom:1px solid var(--line)}td{font-size:12px;padding:16px 15px 16px 0;border-bottom:1px solid #edf0f4;color:#475569}td:last-child,th:last-child{padding-right:0}tr:last-child td{border-bottom:0}td strong{display:block;color:#1b304c;font-size:12px;font-weight:750}td small{display:block;font-size:10px;color:#8a98aa;margin-top:3px}td a{font-weight:680}.empty{text-align:center!important;color:#99a6b5;padding:35px 10px!important;font-style:italic}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:100px;font-size:10px;font-weight:760;white-space:nowrap}.pill i{width:6px;height:6px;border-radius:50%;background:currentColor}.pill-active{color:#18816a;background:#e3f7f0}.pill-expired{color:#c24b3e;background:#fff0ed}.pill-pending{color:#a8731d;background:#fff5de}.pill-suspended,.pill-cancelled{color:#777f90;background:#eef1f5}.activity{display:flex;align-items:center;gap:11px;padding:14px 0;border-bottom:1px solid #edf0f4}.activity:last-child{border-bottom:0}.activity-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#e7f5f3;color:#07818a;font-weight:830}.activity>div:nth-child(2){flex:1;min-width:0}.activity b,.activity small{display:block}.activity b{font-size:12px}.activity small{font-size:10px;color:#8c99a9}.activity>strong{font-size:12px;white-space:nowrap}.notice{padding:13px 15px;border-radius:10px;margin-bottom:18px;font-size:12px;border:1px solid}.notice.success{background:#e9f9f1;color:#107154;border-color:#bce9d4}.notice.error{background:#fff2f0;color:#a33935;border-color:#f3cecb}.return-row{margin-bottom:16px}.detail-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.detail-head h2{font-size:22px}.detail-head .pill{font-size:12px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 15px;margin:20px 0 24px}.info-grid span,.info-grid strong{display:block}.info-grid span{font-size:10px;color:#8996a7;margin-bottom:6px}.info-grid strong{font-size:12px}.info-grid code{font-size:11px}.panel hr{height:1px;border:0;background:var(--line);margin:22px 0}.action-row select{flex:1}.key-reveal{border-color:#a3e0ce;background:#ecfaf5}.key-reveal p{font-size:12px;color:#386d60}.secret-value{display:flex;align-items:center;gap:10px}.secret-value code{min-width:0;flex:1;overflow-wrap:anywhere;word-break:break-word;background:white;border:1px dashed #9ccabf;border-radius:9px;padding:12px;font-size:12px}.inline-note{background:#f4f7fa;color:#738196;border-radius:10px;padding:11px;font-size:11px}.site-footer{font-size:11px;color:#a1adba;text-align:center;padding:15px 0}.site-footer span{color:#087d86}.menu-toggle{display:none;background:transparent;border:0;font-size:21px;color:#344762}.overlay{display:none}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(125deg,#eef6f7,#f3f6fa 55%,#e7edf4);padding:18px}.auth-panel{width:min(100%,440px);background:white;border:1px solid #dfe9ef;box-shadow:0 35px 70px rgba(16,35,51,.09);border-radius:24px;padding:42px}.auth-mark{margin-bottom:25px}.auth-panel h1{font-size:27px}.auth-panel .muted{margin-bottom:25px}.auth-panel .btn{width:100%;margin-top:6px}.login-note{color:#a3afbc;font-size:10px;text-align:center;margin-top:28px}
@media(max-width:1200px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.two-cols{grid-template-columns:minmax(0,1fr)}.dashboard-grid{grid-template-columns:1fr}}
@media(max-width:760px){.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translateX(-102%);transition:transform .2s ease;width:265px;min-width:265px}.sidebar.open{transform:translateX(0)}.overlay.visible{display:block;position:fixed;inset:0;background:#071322aa;z-index:15}.menu-toggle{display:inline-flex;padding:8px;margin-left:-8px}.topbar{height:61px;padding:0 18px}.top-actions{font-size:10px}.crumb{font-size:9px;letter-spacing:1px}.content{padding:25px 15px}.page-heading{margin-bottom:18px}h1{font-size:25px}.panel{padding:18px;border-radius:13px}.stats{gap:10px}.stat{min-height:115px;padding:15px}.stat strong{font-size:27px}.stat.featured strong{font-size:19px}.stat>span{font-size:10px}.guide{flex-direction:column;align-items:stretch}.guide .btn{width:100%}.field-row{flex-wrap:wrap}.field-row label{flex:1 1 140px}.info-grid{grid-template-columns:1fr 1fr}.secret-value{flex-direction:column;align-items:stretch}.auth-panel{padding:28px 22px}}
@media(max-width:390px){.top-actions{display:none}.stats{grid-template-columns:1fr 1fr}.stat{padding:13px}.stat strong{font-size:25px}.stat.featured strong{font-size:16px}.info-grid{grid-template-columns:1fr}}

.income-line{display:block;font-size:21px;line-height:1.32}

/* V2 — Licencias ERP ConnectMTY. Font Awesome loaded from its public CDN. */
.nav-icon {font-size:15px; display:inline-flex;align-items:center;justify-content:center;flex:0 0 19px;}
.brand-logo,.auth-mark {font-size:19px;}
.brand {gap:11px;padding-right:0;}
.brand strong {font-size:16px;letter-spacing:-.35px;line-height:1.28;}
.brand span {font-size:8px;letter-spacing:1.15px;white-space:nowrap;}
.btn .fa-solid,.btn .fa-brands{font-size:12px;}
.btn:disabled,.btn.is-busy{opacity:.65;cursor:progress;transform:none;}
.exit .fa-solid{font-size:18px;}
.menu-toggle .fa-solid{font-size:18px;}
td a .fa-solid{font-size:11px;margin-right:3px;}
.return-row .fa-solid{margin-right:5px;}
.flash-fallback[hidden]{display:none!important;}
.notice.info{background:#e7f5fb;border-color:#bde2f0;color:#125678;}
.swal2-popup{font-family:inherit!important;border-radius:18px!important;}
.swal2-confirm,.swal2-cancel{border-radius:9px!important;font-weight:700!important;}
@media(max-width:760px){.brand strong{font-size:16px}.brand span{font-size:8px}}

/* V4: panel para pruebas gratuitas, adaptado al diseño responsivo existente */
.trial-offer { margin: 0 0 16px; padding: 18px; border: 1px solid rgba(37,99,235,.22); border-radius: 14px; background: rgba(37,99,235,.045); }
.trial-offer h2 { display:flex; align-items:center; gap:10px; margin:0 0 8px; }
.trial-offer .field-stack { margin-top:14px; }
.trial-offer input[type=number] { max-width: 170px; }
@media (max-width: 600px) { .trial-offer { padding:14px; } .trial-offer input[type=number] { max-width: 100%; } }