@import "https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700;800&display=swap";:root{--primary:#0132a5;--primary-dark:#211941;--primary-vibe:#3280ef;--primary-deep:#002abc;--primary-bright:#2f6dff;--primary-soft:#a9c5ff;--primary-bg:#eaf0ff;--accent-yellow:#eef274;--accent-mint:#bdfce3;--accent-purple:#934dec;--bg:#f4f7fc;--surface:#fff;--text:#211941;--text-2:#4a4f66;--text-muted:#7a8198;--border:#e2e8f5;--success:#15a34a;--warning:#b45309;--danger:#dc2626;--radius:14px;--radius-sm:10px;--shadow:0 1px 2px #2119410d, 0 4px 12px #2119410a;--shadow-lg:0 10px 40px #2119411f}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Lexend,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:400}.brand-logo{align-items:center;gap:10px;display:inline-flex}.brand-logo .shield{flex-shrink:0;width:38px;height:auto;display:block}.brand-logo .wordmark{flex-direction:column;line-height:1;display:flex}.brand-logo .wordmark-row{letter-spacing:-.3px;font-family:Lexend;font-size:18px}.brand-logo .wordmark-row .one{color:var(--primary);font-weight:800}.brand-logo .wordmark-row .sec{color:var(--primary-vibe);font-weight:400}.brand-logo .wordmark-tag{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;margin-top:4px;font-size:9px;font-weight:500}.brand-logo.on-dark .wordmark-row .one{color:#fff}.brand-logo.on-dark .wordmark-row .sec{color:var(--primary-soft)}.brand-logo.on-dark .wordmark-tag{color:#fff9}#splash{background:linear-gradient(135deg, var(--primary-dark), var(--primary));color:#fff;z-index:999;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:fixed;inset:0}#splash .spinner{border:3px solid #fff3;border-top-color:var(--accent-mint);border-radius:50%;width:36px;height:36px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#splash p{color:#ffffffbf;letter-spacing:1px;text-transform:uppercase;margin:0;font-size:13px}#configView{background:linear-gradient(135deg, var(--primary-dark), var(--primary));justify-content:center;align-items:center;min-height:100vh;padding:24px;display:none}#configView.show{display:flex}.config-card{background:var(--surface);border-radius:var(--radius);width:100%;max-width:560px;box-shadow:var(--shadow-lg);padding:36px}.config-card h2{color:var(--primary-dark);margin:0 0 8px;font-weight:700}.config-card p{color:var(--text-muted);margin:0 0 20px;font-size:13px;line-height:1.6}.config-card code{background:var(--primary-bg);border-radius:4px;padding:1px 6px;font-size:12px}#loginView{background:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 60%, var(--primary-deep) 100%);min-height:100vh;display:none;position:relative;overflow:hidden}#loginView.show{display:flex}#loginView:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 20% 20%,#3280ef40,#0000 40%),radial-gradient(circle at 80% 80%,#bdfce314,#0000 40%);position:absolute;inset:0}#loginView:after{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.login-side{color:#fff;z-index:2;flex-direction:column;flex:1;justify-content:space-between;padding:48px;display:flex;position:relative}.login-tag{letter-spacing:1.5px;text-transform:uppercase;color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:999px;padding:6px 14px;font-size:11px;font-weight:500;display:inline-block}.login-title{max-width:520px;margin:24px 0 12px;font-size:44px;font-weight:700;line-height:1.1}.login-title .accent{color:var(--accent-mint)}.login-sub{color:#ffffffbf;max-width:460px;font-weight:300;line-height:1.6}.login-foot{color:#fff9;font-size:12px}.login-form-wrap{z-index:2;flex:0 0 460px;justify-content:center;align-items:center;padding:40px;display:flex;position:relative}.login-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:100%;max-width:420px;padding:40px}.login-card h2{color:var(--primary-dark);margin:0 0 6px;font-size:22px;font-weight:700}.login-card .lead{color:var(--text-muted);margin:0 0 28px;font-size:13px}.login-actions-row{text-align:center;margin-top:14px}.btn-link-forgot{color:var(--primary);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:4px 8px;font-family:inherit;font-size:13px;font-weight:500;text-decoration:underline}.btn-link-forgot:hover{color:var(--primary-deep)}.hint{background:var(--primary-bg);border-radius:var(--radius-sm);color:var(--primary-deep);border:1px solid var(--primary-soft);margin-top:16px;padding:12px 14px;font-size:12px;line-height:1.6}.hint code{color:var(--primary-dark);background:#ffffffb3;border-radius:4px;padding:1px 6px;font-size:11px}@media (width<=900px){#loginView{flex-direction:column}.login-form-wrap{flex:none}}.app{min-height:100vh;display:none}.app.show{display:flex}.sidebar{background:linear-gradient(180deg, var(--primary-dark) 0%, var(--primary) 100%);color:#fff;flex-direction:column;width:252px;padding:24px 0;display:flex;position:relative}.sidebar:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 90% 10%,#3280ef33,#0000 40%);position:absolute;inset:0}.brand-block{border-bottom:1px solid #ffffff1f;margin-bottom:18px;padding:0 22px 22px;position:relative}.nav{flex:1;padding:0 14px;position:relative}.nav-section{letter-spacing:1.5px;text-transform:uppercase;color:#ffffff80;padding:12px 12px 6px;font-size:10px;font-weight:500}.nav-item{border-radius:var(--radius-sm);cursor:pointer;color:#ffffffbf;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;margin-bottom:2px;padding:10px 12px;font-size:13.5px;font-weight:400;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-item.active{color:#fff;background:#ffffff1f;font-weight:500}.nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.nav-icon svg{width:18px;height:18px}.user-box{color:#ffffffd9;border-top:1px solid #ffffff1f;padding:18px 22px;font-size:12px;position:relative}.user-box strong{color:#fff;font-size:13px;font-weight:600;display:block}.user-box span{color:#fff9;font-size:11px}.btn-logout{color:#fff;background:#ffffff14;border:1px solid #ffffff26;justify-content:center;width:100%;margin-top:12px}.btn-logout:hover{background:#ffffff29}.main{flex:1;max-width:calc(100vw - 252px);padding:32px 40px;overflow-y:auto}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.page-header h1{color:var(--primary-dark);letter-spacing:-.5px;margin:0;font-size:26px;font-weight:700}.page-header p{color:var(--text-muted);margin:6px 0 0;font-size:13.5px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.grid{gap:18px;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.kpi{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);padding:22px;position:relative;overflow:hidden}.kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:500}.kpi-value{color:var(--primary-dark);letter-spacing:-1px;margin-top:10px;font-size:36px;font-weight:700;line-height:1}.kpi-meta{color:var(--text-muted);margin-top:6px;font-size:12px}.kpi.featured{background:linear-gradient(135deg, var(--primary), var(--primary-bright));color:#fff;border:none}.kpi.featured .kpi-label{color:#ffffffbf}.kpi.featured .kpi-value{color:#fff}.kpi.featured .kpi-meta{color:#fffc}.kpi-icon{background:var(--primary-bg);width:38px;height:38px;color:var(--primary);border-radius:10px;justify-content:center;align-items:center;display:flex;position:absolute;top:18px;right:18px}.kpi.featured .kpi-icon{color:#fff;background:#ffffff26}.kpi-icon svg{width:20px;height:20px}.btn{background:var(--primary);color:#fff;cursor:pointer;letter-spacing:.5px;text-transform:uppercase;border:none;border-radius:999px;align-items:center;gap:6px;padding:10px 18px;font-family:Lexend,sans-serif;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn:hover{background:var(--primary-deep);transform:translateY(-1px);box-shadow:0 4px 12px #0132a540}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background:var(--surface);color:var(--primary-dark);border:1px solid var(--border)}.btn-secondary:hover{background:var(--primary-bg);border-color:var(--primary-soft);box-shadow:none;transform:none}.btn-danger{background:var(--danger)}.btn-danger:hover{background:#b91c1c;box-shadow:0 4px 12px #dc262640}.btn-sm{padding:6px 12px;font-size:11px}.btn-block{justify-content:center;width:100%}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text);padding:11px 14px;font-family:Lexend,sans-serif;font-size:13.5px;transition:all .15s}input:focus,select:focus,textarea:focus{border-color:var(--primary-bright);outline:none;box-shadow:0 0 0 3px #2f6dff26}label{color:var(--text);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-row{margin-bottom:16px}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 14px;font-size:13px;line-height:1.45}th{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);background:var(--primary-bg);white-space:nowrap;font-size:10.5px;font-weight:600}td small{color:var(--text-muted);margin-top:2px;font-size:11.5px;line-height:1.4;display:block}tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--bg)}.table-card{-webkit-overflow-scrolling:touch;padding:0;overflow-x:auto}.table-card table{width:100%}td.actions-cell{white-space:nowrap;text-align:right;vertical-align:middle;width:1%}.actions-wrap{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.actions-wrap .btn-sm{white-space:nowrap;flex-shrink:0}td.row-actions{white-space:nowrap;vertical-align:middle}td.row-actions .btn-sm{vertical-align:middle;white-space:nowrap;display:inline-block}td.row-actions .btn-sm+.btn-sm{margin-left:6px}div.row-actions{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}td .badge,.num-registro{white-space:nowrap}.perm-pills{flex-wrap:wrap;gap:4px;display:flex}.perm-pill{letter-spacing:.3px;white-space:nowrap;border-radius:999px;padding:2px 8px;font-family:Lexend,sans-serif;font-size:10px;font-weight:600;line-height:1.5;display:inline-block}.perm-pill.perm-admin{color:#92400e;background:#fef3c7}.perm-pill.perm-deal{background:var(--primary-bg);color:var(--primary-deep)}.perm-pill.perm-sup{background:var(--accent-mint);color:#0c6e3e}.perm-pill.perm-mat{color:#6b21a8;background:#f3e7ff}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:999px;align-items:center;padding:4px 10px;font-family:Lexend,sans-serif;font-size:10.5px;font-weight:600;display:inline-flex}.badge-success{background:var(--accent-mint);color:#0c6e3e}.badge-warning{background:var(--accent-yellow);color:#6b5d10}.badge-danger{color:var(--danger);background:#fee2e2}.badge-info{background:var(--primary-bg);color:var(--primary-deep)}.badge-muted{color:var(--text-muted);background:#eff1f7}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2119418c;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal{background:var(--surface);border-radius:var(--radius);width:100%;max-width:580px;max-height:90vh;box-shadow:var(--shadow-lg);padding:28px;overflow-y:auto}.modal h2{color:var(--primary-dark);margin:0 0 6px;font-size:20px;font-weight:700}.modal .lead{color:var(--text-muted);margin:0 0 18px;font-size:13px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.toast-container{z-index:200;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;right:20px}.toast{background:var(--surface);border-left:4px solid var(--primary);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);max-width:380px;color:var(--text);padding:14px 18px;font-size:13px;animation:.25s ease-out slideIn}.toast.success{border-color:var(--success)}.toast.warning{border-color:var(--warning)}.toast.danger{border-color:var(--danger)}.toast.info{border-color:var(--primary)}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.empty{text-align:center;color:var(--text-muted);border:2px dashed var(--border);border-radius:var(--radius);background:var(--surface);padding:50px 20px}.row-actions{gap:6px;display:flex}.alert{border-radius:var(--radius-sm);border:1px solid;align-items:flex-start;gap:10px;margin-bottom:18px;padding:14px 16px;font-size:13px;display:flex}.alert svg{flex-shrink:0;margin-top:2px}.alert-warning{color:#6b5d10;background:#fff8e0;border-color:#fceb9e}.alert-info{background:var(--primary-bg);border-color:var(--primary-soft);color:var(--primary-deep)}.material-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:10px;padding:18px;transition:all .15s;display:flex}.material-card:hover{border-color:var(--primary-soft);box-shadow:var(--shadow)}.material-card h3{color:var(--primary-dark);margin:0;font-size:15px;font-weight:600}.material-card p{color:var(--text-muted);flex:1;margin:0;font-size:12.5px;line-height:1.5}.material-card .foot{justify-content:space-between;align-items:center;display:flex}.tag{background:var(--primary-bg);color:var(--primary-deep);letter-spacing:.5px;text-transform:uppercase;border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:10.5px;font-weight:600;display:inline-block}.tag.doc{background:var(--accent-mint);color:#0c6e3e}.tag.sup{background:var(--accent-yellow);color:#6b5d10}.ticket-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-bottom:12px;padding:16px 18px}.ticket-meta{color:var(--text-muted);gap:14px;margin-top:6px;font-size:12px;display:flex}.form-section-title{text-transform:uppercase;letter-spacing:1px;color:var(--primary);border-bottom:1px solid var(--border);margin:18px 0 8px;padding-bottom:6px;font-size:11px;font-weight:600}.form-section-title:first-child{margin-top:0}.check-pill-group{flex-wrap:wrap;gap:8px;display:flex}.check-pill{cursor:pointer;border:1px solid var(--border);background:var(--surface);-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:all .15s;display:inline-flex}.check-pill input{cursor:pointer;width:auto;margin:0}.check-pill:hover{border-color:var(--primary-soft)}.check-pill:has(input:checked){background:var(--primary-bg);border-color:var(--primary);color:var(--primary-deep);font-weight:500}.vigencia{border-radius:999px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-block}.vigencia.ok{background:var(--accent-mint);color:#0c6e3e}.vigencia.warn{background:var(--accent-yellow);color:#6b5d10}.vigencia.exp{color:var(--danger);background:#fee2e2}.num-registro{color:var(--primary-deep);letter-spacing:.5px;font-family:SF Mono,Monaco,Menlo,monospace;font-size:11px;font-weight:600}.approval-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:14px;padding:18px}.approval-card.pendente{border-left:4px solid var(--warning)}.approval-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.approval-grid{grid-template-columns:1fr 1fr;gap:10px 18px;margin-bottom:14px;font-size:12.5px;display:grid}.approval-grid .field-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:500}.approval-grid .field-value{color:var(--text)}.approval-actions{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px;padding-top:12px;display:flex}.btn-success{background:var(--success)}.btn-success:hover{background:#0f7c39;box-shadow:0 4px 12px #15a34a40}.reason-box{border-radius:var(--radius-sm);color:#991b1b;background:#fee2e2;border:1px solid #fecaca;margin-top:10px;padding:10px 12px;font-size:12.5px}.reason-box strong{color:var(--danger)}@media (width<=768px){.approval-grid{grid-template-columns:1fr}.approval-actions .btn{justify-content:center;width:100%}}.filter-toolbar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding:12px 14px;display:flex}.filter-toolbar .search-input{border:1px solid var(--border);background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%237A8198' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><path d='M21 21l-4.3-4.3'/></svg>") no-repeat 14px center var(--surface);border-radius:999px;flex:240px;min-width:200px;padding:9px 12px 9px 36px;font-size:13px}.filter-toolbar select{border-radius:999px;width:auto;min-width:140px;padding:9px 12px;font-size:12.5px}.filter-toolbar .clear-filter{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:12px;font-weight:500}.filter-toolbar .clear-filter:hover{text-decoration:underline}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable-th:hover{color:var(--primary)}@media (width<=768px){.filter-toolbar{gap:8px;padding:10px 12px}.filter-toolbar .search-input{flex:100%}.filter-toolbar select{flex:calc(50% - 4px);min-width:0}}.hidden{display:none!important}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--primary-soft);border-radius:999px}::-webkit-scrollbar-track{background:0 0}.mobile-header{z-index:40;background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:12px;margin:-16px -16px 16px;padding:12px 16px;display:none;position:sticky;top:0}.mobile-header .menu-toggle{background:var(--primary-bg);border-radius:var(--radius-sm);cursor:pointer;color:var(--primary-dark);border:none;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;display:inline-flex}.mobile-header .menu-toggle svg{width:22px;height:22px}.sidebar-backdrop{z-index:45;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#2119418c;display:none;position:fixed;inset:0}.sidebar-backdrop.open{display:block}@media (width<=1024px){.main{padding:24px}.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.app{flex-direction:column}.main{width:100%;max-width:100vw;padding:16px}.mobile-header{display:flex}.sidebar{z-index:50;width:270px;transition:left .25s;position:fixed;top:0;bottom:0;left:-280px;box-shadow:4px 0 24px #21194133}.sidebar.open{left:0}.page-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:20px}.page-header h1{font-size:22px}.page-header p{font-size:13px}.page-header .btn{justify-content:center;width:100%}.form-grid{grid-template-columns:1fr;gap:12px}.grid-4{grid-template-columns:repeat(2,1fr);gap:10px}.grid-2{grid-template-columns:1fr}.kpi{padding:16px}.kpi-value{font-size:28px}.kpi-icon{width:32px;height:32px}.card{padding:16px}.table-card{-webkit-overflow-scrolling:touch;overflow-x:auto!important}table{min-width:560px}th,td{padding:10px 12px;font-size:12px}td.row-actions{padding-right:12px}td.row-actions .btn-sm{padding:6px 10px;font-size:10.5px}.modal-overlay{align-items:stretch;padding:0}.modal{border-radius:0;max-width:100vw;min-height:100vh;max-height:100vh;padding:20px}.modal h2{font-size:18px}.modal-actions{background:var(--surface);border-top:1px solid var(--border);flex-direction:column-reverse;gap:8px;margin-top:24px;padding-top:16px;position:sticky;bottom:0}.modal-actions .btn{justify-content:center;width:100%}input,select,textarea{padding:12px 14px;font-size:16px}label{font-size:13px}.login-side{padding:28px 20px}.login-title{font-size:26px;line-height:1.2}.login-sub{font-size:13px}.login-form-wrap{padding:20px}.login-card{padding:28px 24px}.login-card h2{font-size:20px}#splash p{text-align:center;padding:0 24px;font-size:11px}.material-card{padding:14px}.material-card h3{font-size:14px}.material-card p{font-size:12px}.material-card .foot{flex-wrap:wrap;gap:8px}.ticket-item{padding:14px}.ticket-item select{width:100%!important;max-width:none!important}.toast-container{top:12px;left:12px;right:12px}.toast{max-width:none}.alert{padding:12px;font-size:12px}}@media (width<=480px){.grid-4{grid-template-columns:1fr}.kpi-value{font-size:26px}.login-title{font-size:22px}.page-header h1{font-size:20px}.brand-logo .wordmark-row{font-size:16px}.brand-logo .shield{width:32px}}#root{width:100%;max-width:100%;min-height:100vh;text-align:initial;margin:0}