*,:before,:after{box-sizing:border-box}:root{--bg0:#eceef1;--bg1:#f6f7f9;--bg2:#fff;--surf:#fff;--surf2:#f7f8fa;--line:#e5e8ec;--line2:#d4d8dd;--ink:#0b0d10;--ink2:#3a4048;--ink3:#6b7280;--teal:#0d2f78;--teal-h:#0a2660;--teal-2:#2a52b8;--teal-soft:#e6eaf6;--teal-btn:#0d2f78;--ok:#1f7a5c;--ok-2:#37b889;--ok-soft:#e3f3ec;--ok-line:#bfe6d2;--ok-ink:#136046;--warn:#9c8a0a;--warn-soft:#faf6dc;--warn-line:#ece0b3;--warn-ink:#6f6206;--err:#d23f3f;--neg:#d23f3f;--err-soft:#fbe9e9;--err-line:#f0d2d2;--err-ink:#a23a33;--info-soft:#e6eaf6;--info-line:#c2cdec;--info-ink:#0d2f78;--sh:0 12px 30px #141e371a;--sh-sm:0 4px 16px #141e370f;--r:18px;--r-sm:13px;--r-lg:24px;--side-w:256px;--rail-w:62px;--nav-h:64px;--z:.9;--font-titulo:"Space Grotesk", "Poppins", system-ui, sans-serif}@media (width<=768px){:root{--z:1}}html{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--ink3) 42%, transparent) transparent}body{color:var(--ink);background:var(--bg0);zoom:var(--z);margin:0;font-family:Poppins,system-ui,Segoe UI,Roboto,sans-serif;font-size:15px;font-weight:400}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--ink3) 42%, transparent);background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--ink3) 68%, transparent);background-clip:padding-box}::-webkit-scrollbar-track{background:0 0}button{cursor:pointer;font-family:inherit}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--side-w);background:var(--bg1);border-right:1px solid var(--line);z-index:30;flex-direction:column;padding:18px 12px 22px;transition:width .24s cubic-bezier(.3,.8,.3,1),padding .24s cubic-bezier(.3,.8,.3,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar.collapsed{width:var(--rail-w);padding-left:9px;padding-right:9px}.app-main{margin-left:var(--side-w);background:var(--bg0);flex:1;min-height:100vh;padding:28px 32px;transition:margin-left .24s cubic-bezier(.3,.8,.3,1)}.app-main.collapsed{margin-left:var(--rail-w)}.sidebar-brand{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:10px;margin-bottom:10px;padding:4px 1px 18px;display:flex;overflow:hidden}.sidebar-logo{background:linear-gradient(180deg, var(--teal-2), var(--teal));color:#fff;width:36px;height:36px;box-shadow:var(--sh-sm);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.sidebar-name{color:var(--ink);letter-spacing:-.2px;white-space:nowrap;opacity:1;font-size:15px;font-weight:700;transition:opacity .15s,width .24s;overflow:hidden}.sidebar.collapsed .sidebar-name{opacity:0;width:0}.sidebar-nav{flex-direction:column;flex:1;gap:2px;display:flex;overflow:hidden auto}.sidebar-section{letter-spacing:.8px;text-transform:uppercase;color:var(--ink3);white-space:nowrap;padding:14px 13px 4px;font-size:11.5px;font-weight:600;transition:opacity .15s;overflow:hidden}.sidebar.collapsed .sidebar-section{opacity:0}.nav-item{color:var(--ink2);cursor:pointer;white-space:nowrap;border-radius:13px;flex-shrink:0;align-items:center;gap:13px;padding:11px 13px;font-size:15px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex;overflow:hidden}.nav-item:hover{background:var(--surf2);color:var(--ink)}.nav-item.active{background:var(--teal-soft);color:var(--teal);font-weight:600}.nav-item svg{flex-shrink:0}.nav-label{white-space:nowrap;opacity:1;transition:opacity .15s;overflow:hidden}.sidebar.collapsed .nav-label{opacity:0;width:0}.sidebar-toggle{border:1px solid var(--line);color:var(--ink3);cursor:pointer;white-space:nowrap;background:0 0;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;gap:9px;margin-top:6px;padding:10px 13px;transition:background .15s,color .15s;display:flex;overflow:hidden}.sidebar-toggle:hover{background:var(--surf2);color:var(--ink2)}.sidebar-toggle-label{opacity:1;font-size:13px;font-weight:500;transition:opacity .15s}.sidebar.collapsed .sidebar-toggle-label{opacity:0;width:0}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;display:flex}.topbar-left{align-items:center;gap:10px;display:flex}.topbar-user{color:var(--ink3);font-size:13.5px;font-weight:500}.page-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.page-title{font-family:var(--font-titulo);letter-spacing:.1px;color:var(--ink);margin:0;font-size:25px;font-weight:600}.page-subtitle{color:var(--ink3);margin:4px 0 0;font-size:13.5px}.btn{border-radius:var(--r-sm);cursor:pointer;border:0;align-items:center;gap:7px;padding:11px 18px;font-family:inherit;font-size:14.5px;font-weight:600;line-height:1;transition:transform .1s,filter .2s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{color:#fff;background:linear-gradient(180deg, var(--teal-2), var(--teal));box-shadow:0 6px 16px #0d2f7847}.btn-primary:hover:not(:disabled){filter:brightness(1.07)}.btn-secondary{color:var(--teal);background:var(--teal-soft);border:1px solid var(--info-line)}.btn-secondary:hover:not(:disabled){background:var(--info-line)}.btn-ghost{color:var(--ink2);border:1px solid var(--line2);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surf2)}.btn-neg{color:var(--err-ink);background:var(--err-soft);border:1px solid var(--err-line)}.btn-neg:hover:not(:disabled){filter:brightness(.96)}.btn-sm{padding:7px 13px;font-size:12.5px}.card{background:var(--surf);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-sm);padding:18px}.ux-list{flex-direction:column;gap:8px;display:flex}.ux-item{background:var(--surf);border:1px solid var(--line);box-shadow:var(--sh-sm);border-radius:15px;align-items:center;gap:13px;padding:14px 17px;transition:border-color .18s,background .18s;display:flex}.ux-item:hover{border-color:var(--line2)}.ux-item-body{flex:1;min-width:0}.ux-item-title{color:var(--ink);font-size:15px;font-weight:600}.ux-item-sub{color:var(--ink3);margin-top:2px;font-size:13px}.ux-item-actions{flex-shrink:0;gap:6px;display:flex}.tag{border:1px solid #0000;border-radius:7px;align-items:center;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.tag-ok{color:var(--ok-ink);background:var(--ok-soft);border-color:var(--ok-line)}.tag-err{color:var(--err-ink);background:var(--err-soft);border-color:var(--err-line)}.tag-teal{color:var(--teal);background:var(--teal-soft);border-color:var(--info-line)}.tag-warn{color:var(--warn-ink);background:var(--warn-soft);border-color:var(--warn-line)}.ux-input{width:100%;color:var(--ink);background:var(--surf);border:1px solid var(--line2);border-radius:12px;outline:none;padding:12px 15px;font-family:inherit;font-size:15px;transition:border-color .15s,box-shadow .15s}.ux-input::placeholder{color:var(--ink3)}.ux-input:focus{border-color:var(--teal);box-shadow:0 0 0 3px color-mix(in srgb, var(--teal) 16%, transparent)}.ux-input:disabled{opacity:.6;background:var(--bg0)}select.ux-input{cursor:pointer}.ux-label{color:var(--ink2);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.form-group{margin-bottom:16px}.multi-select-list{border:1px solid var(--line2);background:var(--surf);border-radius:12px;flex-direction:column;gap:6px;max-height:200px;padding:8px;display:flex;overflow-y:auto}.multi-select-item{cursor:pointer;color:var(--ink2);border-radius:9px;align-items:center;gap:10px;padding:9px 12px;font-size:14px;transition:background .12s;display:flex}.multi-select-item:hover{background:var(--surf2)}.multi-select-item.selected{background:var(--teal-soft);color:var(--teal);font-weight:600}.multi-select-item input[type=checkbox]{accent-color:var(--teal);flex-shrink:0;width:16px;height:16px}.modal-overlay{-webkit-backdrop-filter:blur(3px);z-index:50;background:#08141780;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:var(--surf);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);width:100%;max-width:500px;max-height:90vh;padding:24px 24px 20px;animation:.2s both fade;overflow-y:auto}.modal-title{font-family:var(--font-titulo);color:var(--ink);margin:0 0 20px;font-size:20px;font-weight:700}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;margin-top:22px;padding-top:18px;display:flex}.alert{border-radius:12px;margin-bottom:14px;padding:11px 15px;font-size:13.5px;font-weight:500}.alert-ok{background:var(--ok-soft);color:var(--ok-ink);border:1px solid var(--ok-line)}.alert-err{background:var(--err-soft);color:var(--err-ink);border:1px solid var(--err-line)}.empty-state{text-align:center;color:var(--ink3);padding:48px 20px;font-size:14.5px}@keyframes fade{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.fade{animation:.3s both fade}@media (width<=879px){.sidebar{box-shadow:none;transition:transform .24s cubic-bezier(.3,.8,.3,1);transform:translate(-100%);width:var(--side-w)!important}.sidebar.mobile-open{transform:translate(0);box-shadow:8px 0 30px #08141740}.app-main{padding:20px 16px;margin-left:0!important}}
