:root{--orange: #E95414;--orange-2: #FF8F3F;--orange-dk: #c9430c;--ink: #0E1011;--ink-2: #16181A;--ink-3: #1F2425;--line: #2a3033;--text: #F2F4F5;--muted: #9BA3A7;--ok: #3ddc84;--err: #ff5c6c;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--ink);color:var(--text);-webkit-font-smoothing:antialiased}*{scrollbar-width:thin;scrollbar-color:rgba(150,155,165,.45) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#969ba573;border-radius:10px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#969ba5b3;background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}.loader{display:grid;place-items:center;height:100%;color:var(--muted);font-size:15px}.login{position:relative;height:100%;background:var(--ink);overflow:hidden}.brand-shape{position:absolute;top:0;right:0;bottom:0;left:0;color:#fff;background:linear-gradient(150deg,var(--orange-2) 0%,var(--orange) 40%,var(--orange-dk) 100%);clip-path:polygon(0 0,58% 0,40% 100%,0 100%);z-index:1}.brand-shape:before{content:"";position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1.4px);background-size:24px 24px;-webkit-mask-image:linear-gradient(160deg,black,transparent 70%);mask-image:linear-gradient(160deg,black,transparent 70%);opacity:.12;transform:translate(calc(var(--px, 0) * -16px),calc(var(--py, 0) * -16px));transition:transform .3s ease-out}.brand-top{animation:fadeUp .6s .05s both}.brand-copy{animation:fadeUp .6s .18s both}.brand-foot{animation:fadeUp .6s .32s both}.brand-inner{position:relative;z-index:2;height:100%;padding:52px 60px;max-width:46%;display:flex;flex-direction:column;justify-content:space-between}.brand-top{display:flex;align-items:center;gap:14px}.brand-logo{height:34px;width:auto;display:block}.brand-divider{width:1px;height:24px;background:#ffffff73}.brand-product{font-size:20px;font-weight:600;letter-spacing:.2px}.brand-copy h1{font-size:38px;line-height:1.12;font-weight:700;margin:0 0 16px;letter-spacing:-.6px}.brand-copy p{font-size:16px;line-height:1.6;color:#ffffffe0;margin:0;max-width:34ch}.brand-foot{font-size:13px;color:#ffffffb8}.node-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;pointer-events:none;opacity:0;animation:netFade 1.1s .3s ease both}@keyframes netFade{to{opacity:1}}.diagonal-glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;clip-path:polygon(58% 0,58.4% 0,40.4% 100%,40% 100%);background:linear-gradient(180deg,transparent 47%,rgba(255,255,255,.65) 50%,transparent 53%),#ffffff1f;background-size:100% 230%,100% 100%;background-repeat:no-repeat;animation:diagSweep 8s linear infinite}@keyframes diagSweep{0%{background-position:0 -70%,0 0}to{background-position:0 170%,0 0}}.login-form-panel{position:absolute;top:0;right:0;bottom:0;left:58%;z-index:3;display:grid;place-items:center;padding:40px}.login-card{width:100%;max-width:408px;background:var(--ink-2);border:1px solid var(--line);border-radius:22px;padding:34px 32px;box-shadow:0 24px 60px #0000006b;animation:cardIn .5s ease both}@keyframes cardIn{0%{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.login-form{width:100%;display:flex;flex-direction:column}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-head{animation:fadeUp .5s .14s both}.login-form .field:nth-of-type(1){animation:fadeUp .5s .22s both}.login-form .field:nth-of-type(2){animation:fadeUp .5s .3s both}.form-row{animation:fadeUp .5s .36s both}.form-submit{animation:fadeUp .5s .42s both}.form-foot{animation:fadeUp .5s .48s both}.form-head{margin-bottom:28px}.form-head h2{margin:0 0 8px;font-size:26px;font-weight:700;letter-spacing:-.4px}.form-head p{margin:0;color:var(--muted);font-size:14.5px}.form-head b{color:var(--orange-2);font-weight:600}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.field>span{font-size:13px;color:var(--muted);font-weight:500;transform-origin:left;transition:color .18s,transform .18s}.field:focus-within>span{color:var(--orange-2);transform:translate(2px)}.input-wrap{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted);pointer-events:none;display:flex;transition:color .18s}.input-icon svg{width:100%;height:100%}.input-wrap:focus-within .input-icon{color:var(--orange-2)}.field input{width:100%;background:#10151a;border:1px solid var(--line);color:var(--text);border-radius:12px;padding:13px 14px 13px 42px;font-size:15px;outline:none;transition:border-color .18s,box-shadow .18s,background .18s}.field input.has-toggle{padding-right:44px}.field input::placeholder{color:#5a6266}.field input:hover{border-color:#3a4145}.field input:focus{border-color:var(--orange);background:#12171a;box-shadow:0 0 0 3px #e954142e}.field .code-input{padding:15px 14px;text-align:center;font-size:26px;font-weight:700;letter-spacing:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-indent:12px}.code-input::placeholder{color:#363d44}.toggle-pass{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:30px;height:30px;display:grid;place-items:center;background:transparent;border:none;color:var(--muted);cursor:pointer;border-radius:7px;transition:color .15s,background .15s}.toggle-pass svg{width:18px;height:18px}.toggle-pass:hover{color:var(--text);background:#ffffff0f}.form-row{display:flex;align-items:center;justify-content:space-between;margin:-2px 0 18px;font-size:13px}.remember{display:flex;align-items:center;gap:8px;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none}.remember input{width:15px;height:15px;accent-color:var(--orange);cursor:pointer}.forgot{color:var(--orange-2);text-decoration:none}.forgot:hover{text-decoration:underline}.link-btn{background:none;border:none;padding:0;margin:0;color:var(--orange-2);font-size:13px;font-family:inherit;cursor:pointer;text-decoration:none}.link-btn:hover{text-decoration:underline}.link-btn.center{display:block;margin:18px auto 0;text-align:center}.form-info{background:#3ddc841a;border:1px solid rgba(61,220,132,.35);color:#9ff0c0;padding:13px 15px;border-radius:10px;font-size:13.5px;line-height:1.55;margin-bottom:16px}a.form-submit{display:block;text-align:center;text-decoration:none;box-sizing:border-box}.form-error{background:#ff5c6c1a;border:1px solid rgba(255,92,108,.35);color:#ffb3bb;padding:11px 13px;border-radius:10px;font-size:13px;margin-bottom:16px;animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.form-submit{position:relative;overflow:hidden;margin-top:4px;padding:13px 16px;border:none;border-radius:12px;background:var(--orange);color:#fff;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 6px 18px #e9541447;transition:background .18s,transform .14s,box-shadow .18s}.form-submit:hover:not(:disabled){background:var(--orange-dk);transform:translateY(-2px);box-shadow:0 12px 28px #e954146b}.form-submit:active:not(:disabled){transform:translateY(0)}.form-submit:disabled{cursor:default}.form-submit.ok{background:var(--ok);color:#08140c;box-shadow:0 10px 26px #3ddc846b;animation:okPop .4s ease}@keyframes okPop{0%{transform:scale(.96)}60%{transform:scale(1.03)}to{transform:scale(1)}}.btn-inner{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:8px}.arrow{display:inline-block;transition:transform .18s}.form-submit:hover:not(:disabled) .arrow{transform:translate(5px)}.btn-shine{position:absolute;top:0;left:-45%;width:35%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skew(-18deg);pointer-events:none;transition:left .5s ease}.form-submit:hover:not(:disabled) .btn-shine{left:135%}.spinner{width:15px;height:15px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;display:inline-block;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.form-foot{margin:22px 0 0;text-align:center;font-size:13px;color:var(--muted)}.form-foot a{color:var(--orange-2);text-decoration:none}.form-foot a:hover{text-decoration:underline}@media (max-width: 820px){.login{display:flex;flex-direction:column}.brand-shape{position:relative;inset:auto;clip-path:none}.brand-inner{position:relative;height:auto;max-width:none;padding:24px 26px}.brand-copy,.brand-foot,.node-canvas,.diagonal-glow{display:none}.login-form-panel{position:relative;inset:auto;left:auto;flex:1}}@media (prefers-reduced-motion: reduce){.node-canvas,.diagonal-glow,.brand-top,.brand-copy,.brand-foot,.form-head,.login-form .field,.form-submit,.form-foot,.btn-shine,.spinner{animation:none!important;transition:none!important}.node-canvas{opacity:1}}.shell{position:relative;display:grid;grid-template-columns:240px 1fr;grid-template-rows:46px 1fr;grid-template-areas:"side hdr" "side content";gap:14px;padding:14px;height:100%;overflow:hidden;background:#f4f5f7;transition:grid-template-columns .18s ease}.shell.collapsed{grid-template-columns:64px 1fr}.shell:before{display:none}@keyframes auroraDrift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-26px,20px,0) scale(1.08)}}.shell>.side,.shell>.hdr,.shell>.content{position:relative;z-index:1}.hdr{grid-area:hdr;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#1b1d22;border-radius:15px;border:1px solid rgba(255,255,255,.06);box-shadow:0 6px 18px #0f111824}.hdr-title{margin:0;font-size:16px;font-weight:600;color:var(--text);letter-spacing:-.2px}.crumbs{display:flex;align-items:center;gap:9px}.crumb-root{background:none;border:none;padding:0;color:var(--muted);font-size:15px;cursor:pointer;font-family:inherit}.crumb-root:hover{color:var(--text)}.crumb-sep{color:var(--muted);opacity:.55;font-size:16px}.crumb-current{color:var(--text);font-size:15px;font-weight:600}.usermenu{position:relative}.user-trigger{display:flex;align-items:center;gap:5px;background:transparent;border:none;cursor:pointer;padding:3px 5px;border-radius:8px;transition:background .15s}.user-trigger:hover{background:#ffffff14}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--orange-2),var(--orange-dk));color:#fff;font-weight:700;font-size:13px;flex:none;box-shadow:0 2px 8px #e9541466}.avatar.lg{width:40px;height:40px;font-size:15px}.chev{color:var(--muted);display:flex}.chev svg{width:15px;height:15px}.dropdown{position:absolute;right:0;top:calc(100% + 8px);z-index:30;width:252px;background:#1a1c21f7;backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 18px 44px #00000080;overflow:hidden;animation:fadeUp .15s ease both}.dd-head{display:flex;align-items:center;gap:12px;padding:14px;border-bottom:1px solid var(--line)}.dd-email{font-size:13px;font-weight:600;word-break:break-all;margin-bottom:5px}.dd-item{width:100%;display:flex;align-items:center;gap:10px;padding:12px 14px;background:transparent;border:none;color:var(--text);font-size:14px;cursor:pointer}.dd-item:hover{background:var(--ink-3)}.dd-item svg{width:17px;height:17px;color:var(--muted)}.rol-badge{font-size:10px;text-transform:uppercase;letter-spacing:.5px;padding:2px 7px;border-radius:20px}.rol-admin{background:#e9541429;color:var(--orange-2)}.rol-dev{background:#3ddc8424;color:var(--ok)}.side{grid-area:side;overflow:hidden;border-radius:20px;display:flex;flex-direction:column;padding:12px 12px 14px}.side-brand{display:flex;align-items:center;gap:9px;flex:none;height:40px;margin:0 0 12px;padding:0 6px}.side-burger{display:grid;place-items:center;width:34px;height:34px;flex:none;margin-left:auto;background:transparent;border:none;border-radius:8px;color:var(--muted);cursor:pointer}.side-burger:hover{background:var(--ink-3);color:var(--text)}.side-burger svg{width:20px;height:20px}.side-logo{height:26px}.side-product{font-size:16px;font-weight:700;white-space:nowrap}.side-nav{flex:1;overflow-y:auto;padding-top:4px}.side-group{margin-bottom:20px}.side-group-title{font-size:10.5px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);opacity:.65;padding:4px 14px;margin-bottom:6px}.side-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 14px;margin-bottom:3px;border-radius:13px;border:none;background:transparent;color:var(--muted);font-size:14px;font-weight:500;cursor:pointer;text-align:left;white-space:nowrap;transition:background .13s ease,color .13s ease}.side-item{position:relative}.side-item:hover:not(.pronto):not(.active){background:#ffffff0f;color:var(--text)}.side-item.active{background:linear-gradient(90deg,#e9541438,#e954140f);color:var(--orange-2);font-weight:600;box-shadow:inset 0 0 0 1px #e9541438,0 6px 18px #e9541429}.side-item.active:before{content:"";position:absolute;left:3px;top:50%;transform:translateY(-50%);width:3px;height:56%;border-radius:3px;background:var(--orange-2);box-shadow:0 0 10px 1px #ff8f3fbf}.shell.collapsed .side-item.active:before{display:none}.side-item.pronto{opacity:.45;cursor:default}.side-ico{display:flex;flex:none}.side-ico svg{width:19px;height:19px}.side-label{flex:1;overflow:hidden;text-overflow:ellipsis}.tag-pronto{font-size:9px;text-transform:uppercase;color:var(--orange-2);border:1px solid rgba(233,84,20,.35);padding:1px 5px;border-radius:10px}.shell.collapsed .side-logo,.shell.collapsed .side-product,.shell.collapsed .side-label,.shell.collapsed .side-group-title,.shell.collapsed .tag-pronto{display:none}.shell.collapsed .side-brand{justify-content:center;padding:0}.shell.collapsed .side-burger{margin-left:0}.shell.collapsed .side-item{justify-content:center;padding:9px}.content{grid-area:content;padding:0;overflow:auto;--ink: #f4f5f7;--ink-2: #ffffff;--ink-3: #edeff2;--line: #e4e7ec;--text: #1c1f23;--muted: #667085;color:var(--text)}.view{width:100%}.content-head h1{margin:0 0 6px;font-size:26px}.content-head p{margin:0 0 24px;color:var(--muted)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.module-card{display:flex;flex-direction:column;gap:5px;text-align:left;padding:20px;border-radius:18px;border:1px solid var(--line);background:var(--ink-2);cursor:pointer;color:var(--text);transition:border-color .15s,transform .1s}.module-card:hover:not(.off){border-color:var(--orange);transform:translateY(-2px)}.module-card.off{opacity:.6;cursor:default}.mc-ico{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#e954141f;color:var(--orange-2);margin-bottom:8px}.mc-ico svg{width:22px;height:22px}.module-card b{font-size:15px}.module-card b em{font-style:normal;font-size:9px;text-transform:uppercase;color:var(--orange-2);border:1px solid rgba(233,84,20,.35);padding:1px 5px;border-radius:10px;margin-left:6px}.module-card>span{font-size:13px;color:var(--muted)}.card{background:var(--ink-2);border:1px solid var(--line);border-radius:16px;padding:20px}.card.muted{color:var(--muted)}.card.error{border-color:#ff5c6c66;color:var(--err)}.card.empty{display:flex;flex-direction:column;gap:6px}.card.empty span{color:var(--muted);font-size:14px}.tree{background:var(--ink-2);border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:0 1px 2px #1018280f,0 6px 16px #1018280d}.tree-row{display:flex;align-items:center;gap:8px;padding:8px 12px 8px 8px;border-radius:11px;transition:background .12s;cursor:pointer}.tree-row:hover{background:var(--ink-3)}.tree-caret{display:flex;flex:none;width:16px;height:16px;color:var(--muted)}.tree-caret svg{width:16px;height:16px}.tree-ico{display:flex;flex:none;width:18px;height:18px}.tree-ico svg{width:18px;height:18px}.tree-ico.folder{color:var(--orange)}.tree-ico.file{color:#9aa3af}.tree-name{font-weight:600;font-size:13.5px;flex:none}.tree-row.locked{cursor:default}.tree-row.locked:hover{background:transparent}.tree-row.locked .tree-name,.tree-row.locked .tree-ico{opacity:.55}.tree-lock{display:inline-flex;margin-left:6px;color:var(--muted);flex:none}.tree-lock svg{width:13px;height:13px}.tree-desc{color:var(--muted);font-size:12.5px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-actions{display:none;align-items:center;gap:2px;margin-left:auto;flex:none}.tree-row:hover .tree-actions{display:flex}.tree-actions button{width:28px;height:28px;display:grid;place-items:center;background:transparent;border:none;border-radius:6px;color:var(--muted);cursor:pointer}.tree-actions button:hover{background:var(--line);color:var(--text)}.tree-actions svg{width:15px;height:15px}.btn-primary{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border:none;border-radius:12px;background:var(--orange);color:#fff;font-size:13.5px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s}.btn-primary:hover:not(:disabled){background:var(--orange-dk)}.btn-primary:disabled{opacity:.6;cursor:default}.btn-primary svg{width:16px;height:16px}.btn-ghost{display:inline-flex;align-items:center;padding:9px 16px;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--text);font-size:13.5px;cursor:pointer;font-family:inherit}.btn-ghost:hover{background:var(--ink-3)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#080a0e8c;display:grid;place-items:center;padding:20px;animation:fadeIn .12s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:420px;background:var(--ink-2);border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 24px 60px #0006;animation:cardIn .18s ease both}.modal h3{margin:0 0 18px;font-size:18px}.modal-field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.modal-field>span{font-size:13px;color:var(--muted)}.modal input{background:var(--ink);border:1px solid var(--line);border-radius:12px;padding:11px 13px;font-size:14px;color:var(--text);outline:none;font-family:inherit}.modal input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #e9541426}.seg{display:flex;gap:8px}.seg button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--ink);color:var(--muted);font-size:13.5px;cursor:pointer;font-family:inherit}.seg button.on{border-color:var(--orange);background:#e954141a;color:var(--orange);font-weight:600}.seg button svg{width:16px;height:16px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.editor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#06080c9e;display:grid;place-items:center;padding:24px;animation:fadeIn .12s ease}.editor-panel{width:100%;max-width:1040px;height:84vh;display:flex;flex-direction:column;background:#0d1117;border:1px solid #30363d;border-radius:18px;overflow:hidden;box-shadow:0 30px 80px #0009;animation:cardIn .18s ease both}.editor-head{display:flex;align-items:center;gap:12px;padding:11px 14px;background:#161b22;border-bottom:1px solid #30363d;color:#e6edf3}.editor-file{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.editor-file svg{width:16px;height:16px;color:#9aa3af}.dot-mod{width:8px;height:8px;border-radius:50%;background:var(--orange)}.editor-path{font-size:12px;color:#7d8590;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.editor-head-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.editor-head .icon-btn{color:#9aa3af}.editor-head .icon-btn:hover{background:#30363d;color:#fff}.editor-body{flex:1;min-height:0;overflow:hidden}.editor-body .cm-editor{height:100%;font-size:13.5px}.editor-body .cm-scroller{overflow:auto}.editor-loading{padding:40px;text-align:center;color:#7d8590}.editor-foot{padding:8px 14px;background:#161b22;border-top:1px solid #30363d;color:#7d8590;font-size:12px}.hdr-actions{display:flex;align-items:center;gap:8px}.search{display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);border-radius:13px;padding:7px 12px;width:230px;color:var(--muted);transition:border-color .15s,background .15s}.search:hover{background:#ffffff12}.search:focus-within{border-color:var(--orange);background:#ffffff14}.search.open{animation:searchIn .18s ease both}@keyframes searchIn{0%{opacity:0;width:44px}to{opacity:1;width:230px}}.search svg{width:16px;height:16px;flex:none}.search input{flex:1;min-width:0;background:none;border:none;outline:none;color:var(--text);font-size:13.5px;font-family:inherit}.search input::placeholder{color:var(--muted)}.search kbd{font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:1px 5px}.icon-btn{position:relative;width:36px;height:36px;display:grid;place-items:center;background:transparent;border:none;border-radius:12px;color:var(--muted);cursor:pointer;transition:background .15s,color .15s}.icon-btn:hover,.icon-btn.on{background:#ffffff14;color:var(--text)}.icon-btn svg{width:18px;height:18px}.notif-dot{position:absolute;top:8px;right:9px;width:7px;height:7px;border-radius:50%;background:var(--orange);border:2px solid #1a1c20;box-shadow:0 0 6px #e95414b3}.pop-wrap{position:relative}.notif-dd{width:280px}.dd-title{padding:12px 14px;font-size:13px;font-weight:600;border-bottom:1px solid var(--line)}.empty-notif{padding:24px 14px;text-align:center;font-size:13px;color:var(--muted)}.side{background:linear-gradient(180deg,#1e2025,#16181c);border:1px solid rgba(255,255,255,.07);box-shadow:0 1px #ffffff0d inset,0 14px 34px #0f111838}.side-user{display:flex;align-items:center;gap:10px;flex:none;margin-top:8px;padding:10px;border-radius:15px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);overflow:hidden}.avatar.sm{width:32px;height:32px;font-size:12px}.su-info{min-width:0}.su-email{font-size:12.5px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.su-status{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:5px}.dot-online{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 5px var(--ok)}.shell.collapsed .su-info{display:none}.shell.collapsed .side-user{justify-content:center;padding:8px}.content-head.with-tag{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.demo-tag{font-size:11px;color:var(--muted);border:1px dashed var(--line);border-radius:20px;padding:3px 10px;white-space:nowrap;flex:none}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stat-card{display:flex;align-items:center;gap:14px;background:var(--ink-2);border:1px solid var(--line);border-radius:18px;padding:18px 20px;box-shadow:0 1px 2px #1018280f,0 6px 16px #1018280d}.stat-ico{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#e954141f;color:var(--orange);flex:none}.stat-ico svg{width:22px;height:22px}.stat-value{font-size:24px;font-weight:700;line-height:1;display:flex;align-items:baseline;gap:8px}.stat-trend{font-size:12px;font-weight:600;color:#16a34a}.stat-label{font-size:13px;color:var(--muted);margin-top:5px}.dash-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;align-items:start}.panel{background:var(--ink-2);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 1px 2px #1018280f,0 6px 16px #1018280d}.panel h2{margin:0 0 16px;font-size:15px;font-weight:600}.qa-grid{display:grid;grid-template-columns:1fr;gap:12px}.activity{list-style:none;margin:0;padding:0}.activity li{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:13.5px}.activity li:first-child{padding-top:0}.activity li:last-child{padding-bottom:0}.act-ico{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;background:var(--ink-3);color:var(--muted);flex:none}.act-ico svg{width:16px;height:16px}.act-text{flex:1;color:var(--text)}.act-time{font-size:12px;color:var(--muted);white-space:nowrap}.dd-roles{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.acl-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:24px 28px;margin-bottom:14px;border-radius:18px;background:linear-gradient(135deg,#202227,#17181c 62%,#131418);border:1px solid rgba(255,255,255,.07);box-shadow:0 1px #ffffff0d inset}.acl-hero-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(440px 240px at 92% -40%,rgba(255,120,40,.38),transparent 70%),radial-gradient(340px 220px at 6% 130%,rgba(255,143,63,.16),transparent 70%)}.acl-hero-main{position:relative;display:flex;align-items:center;gap:18px;min-width:0}.acl-hero-icon{width:56px;height:56px;border-radius:16px;flex:none;display:grid;place-items:center;background:linear-gradient(135deg,#ff8f3f,#e95414);color:#fff;box-shadow:0 8px 22px #e9541473}.acl-hero-icon svg{width:28px;height:28px}.acl-hero-main h1{margin:0 0 5px;font-size:24px;color:#f2f4f5;letter-spacing:-.3px}.acl-hero-main p{margin:0;font-size:13.5px;line-height:1.5;color:#9ba3a7;max-width:48ch}.acl-hero-stats{position:relative;display:flex;gap:12px;flex-wrap:wrap}.hero-stat{display:flex;flex-direction:column;min-width:76px;padding:12px 16px;border-radius:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.hero-stat b{font-size:22px;font-weight:700;color:#f2f4f5;line-height:1}.hero-stat span{font-size:11px;color:#9ba3a7;margin-top:6px;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 720px){.acl-hero{flex-direction:column;align-items:flex-start}}.acl-tabs{display:flex;gap:6px;width:100%;padding:5px;margin-bottom:18px;background:#1b1d22;border:1px solid rgba(255,255,255,.07);border-radius:14px}.acl-tabs button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px;border:none;background:transparent;color:#9ba3a7;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s,color .15s}.acl-tabs button svg{width:17px;height:17px}.acl-tabs button:hover:not(.on){color:#f2f4f5}.acl-tabs button.on{background:#ffffff17;color:var(--orange-2)}.acl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.acl-card{background:var(--ink-2);border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:8px}.acl-card-head{display:flex;align-items:center;gap:8px}.acl-card-head b{font-size:15px}.acl-key{font-size:11px;color:var(--muted);background:var(--ink-3);padding:2px 7px;border-radius:6px;align-self:flex-start;font-family:ui-monospace,monospace}.acl-desc{font-size:12.5px;color:var(--muted);margin:0}.acl-perm-count{font-size:12px;color:var(--muted);margin-top:auto;padding-top:4px}.acl-card-actions{display:flex;gap:8px;margin-top:8px}.chip-sys{font-size:9.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--orange-2);border:1px solid rgba(233,84,20,.35);padding:1px 6px;border-radius:10px}.chip-soon{font-size:9.5px;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);padding:1px 6px;border-radius:10px}.chip-ovr{font-size:9.5px;text-transform:uppercase;color:var(--orange-2);border:1px solid rgba(233,84,20,.35);padding:1px 6px;border-radius:10px}.tabla-card{background:var(--ink-2);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 1px 2px #1018280d,0 6px 16px #1018280a}.tabla-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line)}.tabla-head h2{margin:0;font-size:17px;display:flex;align-items:center;gap:10px}.th-title{display:flex;align-items:center;gap:13px}.th-ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#e954141a;color:var(--orange);flex:none}.th-ico svg{width:21px;height:21px}.th-badge{font-size:12px;font-weight:700;color:var(--orange);background:#e954141f;padding:2px 10px;border-radius:20px}.th-sub{font-size:12.5px;color:var(--muted)}.sel{position:relative;display:inline-block}.sel-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;width:100%;background:var(--ink);border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:13px;color:var(--text);font-family:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s}.sel-trigger:hover,.sel.open .sel-trigger{border-color:var(--orange)}.sel.open .sel-trigger{box-shadow:0 0 0 3px #e954141f}.sel-trigger svg{width:15px;height:15px;color:var(--muted);transition:transform .18s;flex:none}.sel.open .sel-trigger svg{transform:rotate(180deg)}.sel-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:50;min-width:100%;background:var(--ink-2);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 34px #10182829;padding:5px;animation:selIn .13s ease both}.sel-menu.right{left:auto;right:0}.sel-menu.up{top:auto;bottom:calc(100% + 6px)}@keyframes selIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sel-menu.up{animation-name:selInUp}@keyframes selInUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sel-opt{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;text-align:left;background:transparent;border:none;border-radius:8px;padding:9px 11px;font-size:13px;color:var(--text);font-family:inherit;cursor:pointer;white-space:nowrap}.sel-opt:hover{background:var(--ink-3)}.sel-opt.on{color:var(--orange);font-weight:600}.sel-opt svg{width:15px;height:15px;flex:none}.tabla-toolbar{display:flex;gap:10px;padding:12px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.tb-search{display:flex;align-items:center;gap:8px;background:var(--ink);border:1px solid var(--line);border-radius:10px;padding:8px 12px;flex:1;min-width:200px;color:var(--muted);transition:border-color .15s}.tb-search:focus-within{border-color:var(--orange)}.tb-search svg{width:16px;height:16px;flex:none}.tb-search input{border:none;background:none;outline:none;flex:1;min-width:0;font-size:13.5px;color:var(--text);font-family:inherit}.tabla-toolbar select,.tabla-foot select{background:var(--ink);border:1px solid var(--line);border-radius:10px;padding:8px 11px;font-size:13px;color:var(--text);font-family:inherit;cursor:pointer;outline:none}.tabla-wrap{overflow-x:auto}table.tabla{width:100%;border-collapse:collapse;font-size:13.5px}table.tabla th{text-align:left;padding:11px 16px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:600;border-bottom:1px solid var(--line);background:var(--ink);white-space:nowrap}table.tabla td{padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:middle}table.tabla tbody tr:last-child td{border-bottom:none}table.tabla tbody tr:hover{background:var(--ink-3)}.col-desc{color:var(--muted);max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-acc{text-align:right;width:1%;white-space:nowrap}.row-acts{display:inline-flex;gap:5px}.ico-btn{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);background:var(--ink-2);border-radius:8px;color:var(--muted);cursor:pointer;transition:background .13s,color .13s,border-color .13s}.ico-btn:hover{background:var(--ink-3);color:var(--text)}.ico-btn.danger:hover{color:var(--err);border-color:#ff5c6c59;background:#ff5c6c0f}.ico-btn svg{width:15px;height:15px}.pill-total{font-size:11px;font-weight:600;color:var(--orange);background:#e954141a;padding:2px 9px;border-radius:20px}.cel-user{display:flex;align-items:center;gap:11px}.cel-user-id{display:flex;flex-direction:column;min-width:0}.cel-user-id b{font-size:13.5px}.cel-user-id span{font-size:12px;color:var(--muted)}.cel-roles{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.estado-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px}.estado-badge.on{color:#16a34a;background:#16a34a1a}.estado-badge.off{color:var(--muted);background:var(--ink-3)}.chip-cust{font-size:9.5px;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);padding:1px 6px;border-radius:10px}.tabla-empty{text-align:center;color:var(--muted);padding:30px 16px!important}.tabla-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 20px;border-top:1px solid var(--line);flex-wrap:wrap}.tf-left{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--muted)}.tf-info{font-size:12.5px;color:var(--muted)}.pg{display:flex;align-items:center;gap:4px;margin-left:auto}.pg button{min-width:34px;height:34px;padding:0 7px;display:grid;place-items:center;border:1px solid var(--line);background:var(--ink-2);border-radius:9px;color:var(--text);cursor:pointer;font-size:13px;font-family:inherit;transition:background .12s,border-color .12s}.pg button:hover:not(:disabled):not(.on){background:var(--ink-3)}.pg button.on{background:var(--orange);border-color:var(--orange);color:#fff;font-weight:700}.pg button:disabled{opacity:.4;cursor:default}.pg button.nav{font-size:18px;line-height:1}.pg .ell{min-width:22px;text-align:center;color:var(--muted)}.btn-ghost.sm{padding:6px 11px;font-size:12.5px;gap:5px;border-radius:10px}.btn-ghost.sm svg{width:14px;height:14px}.btn-ghost.danger{color:var(--err);border-color:#ff5c6c4d}.btn-ghost.danger:hover{background:#ff5c6c14}.modal.wide{max-width:560px;max-height:88vh;overflow-y:auto}.modal.wizard{padding:0;display:flex;flex-direction:column;max-height:88vh;overflow:hidden}.wiz-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px 16px;border-bottom:1px solid var(--line)}.wiz-head h3{margin:0 0 3px;font-size:18px}.wiz-sub{font-size:12.5px;color:var(--muted)}.wiz-steps{display:flex;align-items:center;gap:10px;padding:14px 22px;border-bottom:1px solid var(--line)}.wiz-step{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;font-weight:500}.wiz-step:not(:last-child):after{content:"";width:22px;height:1px;background:var(--line)}.wiz-num{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--ink-3);color:var(--muted);font-size:12px;font-weight:700;border:1px solid var(--line)}.wiz-num svg{width:13px;height:13px}.wiz-step.on{color:var(--text);font-weight:600}.wiz-step.on .wiz-num{background:var(--orange);color:#fff;border-color:var(--orange)}.wiz-step.done{color:var(--text)}.wiz-step.done .wiz-num{background:#e9541424;color:var(--orange);border-color:transparent}.wiz-body{padding:20px 22px;overflow-y:auto}.wiz-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px;border-top:1px solid var(--line)}.wiz-foot-right{display:flex;gap:10px;margin-left:auto}.perms{display:flex;flex-direction:column;gap:12px}.perms-bar{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;color:var(--muted)}.perms-bar b{color:var(--text)}.perms-bar>div{display:flex;gap:4px}.link-mini{background:none;border:none;color:var(--orange);font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit;padding:3px 8px;border-radius:7px}.link-mini:hover{background:#e954141a}.perm-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--ink-2)}.perm-card.open{box-shadow:0 1px 2px #1018280a}.perm-card-head{display:flex;align-items:center;gap:11px;padding:11px 13px}.perm-check{width:22px;height:22px;flex:none;display:grid;place-items:center;border:1.5px solid var(--line);border-radius:7px;background:var(--ink);color:#fff;cursor:pointer;transition:background .13s,border-color .13s}.perm-check[data-state=on],.perm-check[data-state=partial]{background:var(--orange);border-color:var(--orange)}.perm-check svg{width:14px;height:14px}.perm-card-ico{width:34px;height:34px;flex:none;border-radius:9px;display:grid;place-items:center;background:var(--ink-3);color:var(--muted)}.perm-card-ico svg{width:18px;height:18px}.perm-card-title{flex:1;display:flex;align-items:center;gap:8px;background:none;border:none;text-align:left;cursor:pointer;font-family:inherit;color:var(--text)}.perm-card-title b{font-size:14.5px}.perm-card-count{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.perm-caret{width:28px;height:28px;flex:none;display:grid;place-items:center;background:none;border:none;color:var(--muted);cursor:pointer}.perm-caret svg{width:16px;height:16px;transition:transform .18s}.perm-card.open .perm-caret svg{transform:rotate(180deg)}.perm-card-body{padding:4px 14px 14px;border-top:1px solid var(--line)}.perm-group+.perm-group{margin-top:6px}.perm-group-head{display:flex;align-items:center;justify-content:space-between;margin:12px 0 9px}.perm-group-head span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.perm-pills{display:flex;flex-wrap:wrap;gap:8px}.perm-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 12px 7px 10px;border:1px solid var(--line);border-radius:10px;background:var(--ink);color:var(--muted);font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;transition:background .13s,border-color .13s,color .13s}.perm-pill svg{width:14px;height:14px;flex:none}.perm-pill:hover{border-color:var(--orange);color:var(--text)}.perm-pill.on{background:#e954141f;border-color:var(--orange);color:var(--orange);font-weight:600}.pass-field{display:flex;align-items:center;gap:6px;background:var(--ink);border:1px solid var(--line);border-radius:12px;padding:3px 6px 3px 0}.pass-field:focus-within{border-color:var(--orange);box-shadow:0 0 0 3px #e954141f}.pass-field input{flex:1;min-width:0;border:none;background:none;outline:none;padding:10px 13px;font-size:14px;color:var(--text);font-family:inherit}.pass-eye{width:32px;height:32px;flex:none;display:grid;place-items:center;border:none;background:transparent;color:var(--muted);cursor:pointer;border-radius:8px}.pass-eye:hover{background:var(--ink-3);color:var(--text)}.pass-eye svg{width:17px;height:17px}.crear-ok{text-align:center;padding:10px 0}.crear-ok .ok-ico{width:52px;height:52px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:#16a34a1f;color:#16a34a}.crear-ok .ok-ico svg{width:26px;height:26px}.crear-ok h3{margin:0 0 6px;font-size:18px}.crear-ok p{margin:0 auto 16px;font-size:13.5px;color:var(--muted);max-width:40ch}.cred-box{text-align:left;border:1px solid var(--line);border-radius:12px;overflow:hidden}.cred-box>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px}.cred-box>div+div{border-top:1px solid var(--line)}.cred-box span{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}.cred-box code{font-size:14px;color:var(--text);font-weight:600;font-family:ui-monospace,monospace}.wiz-review{display:flex;flex-direction:column;gap:14px}.rev-row{display:flex;align-items:baseline;gap:12px;font-size:14px}.rev-row>span{width:92px;flex:none;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.rev-perms>span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.rev-perms ul{list-style:none;margin:10px 0 0;padding:0;border:1px solid var(--line);border-radius:10px;overflow:hidden}.rev-perms li{display:flex;justify-content:space-between;padding:10px 13px;font-size:13px;border-bottom:1px solid var(--line)}.rev-perms li:last-child{border-bottom:none}.rev-perms li span{color:var(--muted);font-size:12.5px}.perm-tree{border:1px solid var(--line);border-radius:12px;padding:6px;max-height:320px;overflow-y:auto;background:var(--ink)}.perm-mod+.perm-mod{border-top:1px solid var(--line);margin-top:4px;padding-top:4px}.perm-row{display:flex;align-items:center;gap:8px;padding:6px 8px;font-size:13.5px;cursor:pointer}.perm-row.mod b{font-size:13.5px}.perm-row input,.perm-act input,.rol-pick input{width:15px;height:15px;accent-color:var(--orange);cursor:pointer;flex:none}.perm-sub{padding-left:18px}.perm-acts{display:flex;flex-wrap:wrap;gap:4px 14px;padding:2px 8px 8px 26px}.perm-act{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);cursor:pointer}.acl-users{display:flex;flex-direction:column;gap:10px}.acl-user{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--ink-2);border:1px solid var(--line);border-radius:14px;padding:14px 18px}.acl-user-main{display:flex;align-items:center;gap:18px;min-width:0;flex-wrap:wrap}.acl-user-id{display:flex;flex-direction:column}.acl-user-id b{font-size:14px}.acl-user-id span{font-size:12.5px;color:var(--muted)}.acl-user-roles{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.acl-user-actions{display:flex;align-items:center;gap:10px;flex:none}.estado{font-size:11.5px;font-weight:600}.estado.on{color:#16a34a}.estado.off{color:var(--muted)}.rol-list{display:flex;flex-direction:column;gap:3px;border:1px solid var(--line);border-radius:12px;padding:8px}.rol-pick{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;font-size:13.5px;cursor:pointer}.rol-pick:hover{background:var(--ink-3)}.rol-pick code{font-size:11px;color:var(--muted)}.ovr-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;min-height:8px}.ovr-chip{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:3px 4px 3px 9px;border-radius:8px}.ovr-chips.grant .ovr-chip{background:#3ddc8424;color:#128a4e}.ovr-chips.deny .ovr-chip{background:#ff5c6c1f;color:#c0303d}.ovr-chip button{display:grid;place-items:center;width:18px;height:18px;border:none;background:transparent;color:inherit;cursor:pointer;border-radius:5px}.ovr-chip button svg{width:12px;height:12px}.modal-field select{background:var(--ink);border:1px solid var(--line);border-radius:10px;padding:9px 11px;font-size:13.5px;color:var(--text);font-family:inherit;outline:none;cursor:pointer}.acl-hint{font-size:12px;color:var(--muted);margin:-2px 0 10px}@media (max-width: 980px){.dash-grid{grid-template-columns:1fr}}@media (max-width: 820px){.shell,.shell.collapsed{grid-template-columns:1fr;grid-template-areas:"hdr" "content"}.side,.search{display:none}}@media (prefers-reduced-motion: reduce){.shell:before{animation:none}}