:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#f7f5fe;background:#0b0911;--line:#32273d;--muted:#b6adbf;--lime:#33f518}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(850px 560px at 100% 0%,#47215c75,transparent),radial-gradient(650px 500px at 0% 100%,#291b4b55,transparent),#0b0911}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}.head{padding:15px max(20px,calc((100vw - 1200px)/2));display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);background:#110e1bbf;position:sticky;top:0;z-index:4;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:11px;flex:1;font-weight:800}.brand img{height:35px;width:35px;object-fit:contain}.brand b{color:var(--lime)}.container{max-width:1200px;margin:28px auto;padding:0 20px 60px}.panel{border:1px solid var(--line);border-radius:18px;padding:22px;background:linear-gradient(140deg,#1e182a,#15121d);margin-bottom:18px}h1{font-size:clamp(24px,3vw,36px);margin:0 0 12px}h2{font-size:21px;margin:0 0 16px}h3{margin:12px 0}p{line-height:1.5;color:var(--muted)}.muted{color:var(--muted);font-size:13px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.kpi{padding:18px;background:#21192f;border-radius:13px;border:1px solid var(--line)}.kpi strong{display:block;font-size:25px;margin-top:7px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.toolbar button.active{background:var(--lime);color:#120d1a}.button,button{border:1px solid #4f3b61;border-radius:10px;padding:10px 14px;background:#2b2039;color:#fff}.primary{background:var(--lime);border-color:var(--lime);color:#0a0c08;font-weight:800}.danger{color:#ff8e9e}.subtle{border-color:transparent;background:transparent}.notice{background:#30223e;border:1px solid #513e6a;padding:13px;border-radius:10px;margin:12px 0}label{display:block;color:#ddd4e7;font-size:13px;margin:12px 0 5px}input,select,textarea{width:100%;border:1px solid #493854;border-radius:10px;color:#fff;background:#16101e;padding:11px;min-width:0}textarea{min-height:85px}form{max-width:580px}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:10px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}td,th{padding:10px;text-align:left;border-bottom:1px solid var(--line)}th{color:#b8a8c6}td button{padding:5px 9px}.pill{display:inline-block;padding:5px 9px;border-radius:100px;background:#342746;color:#d3c6e4;font-size:12px}#toast{position:fixed;bottom:18px;right:18px;background:#2b2039;border:1px solid #5b4770;border-radius:10px;padding:14px;max-width:360px;display:none;z-index:10}a{color:var(--lime)}@media(max-width:700px){.head{padding:12px 16px}.container{margin:15px auto;padding:0 12px 50px}.panel{padding:16px}.brand span{font-size:14px}}

/* Catálogo jerárquico V1.4 */
.eyebrow{font-size:11px!important;letter-spacing:.14em;font-weight:800;color:var(--lime)!important;margin:0 0 8px!important}.breadcrumbs{display:flex;align-items:center;gap:8px;margin:18px 0;color:var(--muted);flex-wrap:wrap}.breadcrumbs button{background:transparent;border:0;padding:5px;color:var(--muted)}.breadcrumbs b{color:#fff}.network-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:10px}.network-card,.service-card{text-align:left;display:flex;align-items:flex-start;flex-direction:column;gap:8px;background:#21182d;border:1px solid #463454;padding:17px;min-height:118px;border-radius:14px}.network-card b,.service-card b{font-size:17px}.network-card small,.service-card small{color:#bbaecb}.network-card.selected,.service-card.selected{border:2px solid var(--lime);background:#221c2c;padding:16px}.service-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:12px}.service-card{min-height:165px}.service-go{margin-top:auto;color:var(--lime);font-weight:700;font-size:12px}.state-tag{font-size:11px;display:inline-block;padding:5px 9px;border-radius:999px;background:#342a43;color:#ddd1eb}.state-tag.active{background:#1f432e;color:#92fcb0}.state-tag.paused{background:#534024;color:#f6d18c}.state-tag.hidden{background:#3c3150;color:#d4befb}.state-tag.archived{background:#4b2733;color:#ffbdc8}.inline-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.inline-actions .mini{font-size:11px;padding:6px 8px}.inline-actions .warn{color:#ffb4be}.embedded-form{background:#17121f;border:1px solid #4e3b60;border-radius:14px;padding:20px;margin-top:20px}.catalog-details{margin-top:18px;padding:16px;border:1px dashed #685078;border-radius:12px;background:#1a1422}.catalog-details summary{cursor:pointer;color:var(--lime);font-weight:700}.catalog-details form{margin-top:16px;max-width:100%}.empty-selection{text-align:center;padding:32px}.empty-selection p{margin-bottom:0}@media(max-width:600px){.network-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-grid{grid-template-columns:1fr}.inline-actions{justify-content:flex-start}.tablewrap table{min-width:530px}}

.small-url{max-width:260px;overflow-wrap:anywhere;font-size:12px;color:var(--muted)} select option:disabled{color:#888} .panel form[data-action="checkout"]{max-width:690px} .panel .kpi strong{overflow-wrap:anywhere}
