:root{--navy:#0b1724;--green:#71d313;--green-dark:#4f9f12;--green-soft:#eefbdd;--blue:#2f8cff;--bg:#f6f8fa;--text:#111827;--muted:#64748b;--border:#e5e7eb;--shadow:0 10px 32px #0f172a0e;--sidebar:244px}*{box-sizing:border-box}body{margin:0;font:14px/1.5 Inter,"Segoe UI",system-ui,sans-serif;color:var(--text);background:var(--bg)}a{text-decoration:none;color:inherit}.app{min-height:100vh}.app>aside{position:fixed;z-index:50;inset:0 auto 0 0;width:var(--sidebar);padding:24px 15px 20px;color:#fff;background:linear-gradient(180deg,var(--navy),#091522);display:flex;flex-direction:column}.sidebar-head{height:45px;display:flex;align-items:center;padding:0 10px}.logo{font-size:27px;font-weight:850;letter-spacing:-1px}.logo small{vertical-align:4px;margin-left:5px;padding:4px 9px;color:#153700;background:var(--green);border-radius:999px;font-size:10px}nav{display:grid;gap:5px;margin-top:29px;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:4px;align-content:start;scrollbar-width:thin;scrollbar-color:#496275 transparent}nav::-webkit-scrollbar{width:6px}nav::-webkit-scrollbar-thumb{background:#496275;border-radius:999px}nav::-webkit-scrollbar-track{background:transparent}.nav-link{position:relative;display:flex;align-items:center;gap:14px;min-height:48px;padding:0 12px;color:#dce5ed;border-radius:11px;font-weight:650}.nav-link b{margin-left:auto;color:#49a0ff;font-size:21px;font-weight:400}.nav-link:hover{background:#ffffff0f}.account{margin-top:auto;border:1px solid #ffffff1c;border-radius:14px;background:#091724b8;overflow:hidden}.account-info{display:flex;align-items:center;gap:11px;padding:16px 12px}.account-info strong,.account-info small{display:block}.account-info small{color:var(--green);font-size:10px}.avatar{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1.5px solid var(--green);border-radius:50%;background:#142333;color:#fff;font-weight:800}.avatar.small{width:34px;height:34px;color:#27390e;background:#f7fff0}.logout{display:flex;padding:13px;border-top:1px solid #ffffff1a;color:#fff;font-weight:650}.workspace{min-height:100vh;margin-left:var(--sidebar)}.topbar{height:64px;padding:0 29px;display:flex;align-items:center;gap:18px;background:#fff;border-bottom:1px solid var(--border)}.section{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:800}.section i{width:9px;height:9px;border-radius:50%;background:var(--green)}.top-account{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:12px}.content{width:min(1460px,100%);margin:auto;padding:27px 30px 18px}.eyebrow{margin:0!important;color:var(--green-dark)!important;font-size:10px!important;font-weight:850;letter-spacing:1.25px}.hero,.module-head,.explorer-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:21px}.hero h1,.module-head h1,.explorer-head h1{margin:2px 0 3px;font-size:31px;line-height:1.2;letter-spacing:-.8px}.hero p,.module-head p,.muted{color:var(--muted)}.panel,.tile,.office-card,.product-card,.file-table,.activity-panel,.empty-state{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.section-title{display:flex;align-items:center;justify-content:space-between;margin:25px 0 13px}.section-title h2{margin:0;font-size:15px}.section-title span{color:var(--muted);font-size:10px}.office-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.office-card{position:relative;min-height:170px;padding:22px;border-top:4px solid var(--office-accent,var(--green));transition:.2s}.office-card:hover,.tile:hover,.product-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px #0f172a18}.office-card.dr-yum{--office-accent:#71d313;background:linear-gradient(145deg,#fff,#f4ffe8)}.office-card.gem{--office-accent:#2f8cff}.office-card.gese{--office-accent:#7c3aed}.office-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:9px;font-weight:850;text-transform:uppercase}.office-card h3{margin:14px 0 4px;font-size:20px}.office-card p,.office-card small{display:block;margin:0;color:var(--muted)}.arrow{position:absolute;right:20px;bottom:18px;color:var(--green-dark);font-weight:800}.quick-grid,.tile-grid,.product-grid{display:grid;gap:14px}.quick-grid{grid-template-columns:repeat(3,1fr);margin-top:14px}.tile-grid{grid-template-columns:repeat(4,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.tile,.product-card{padding:20px}.product-card{border-top:4px solid var(--blue)}.product-card h2{margin:12px 0 5px}.office-hero{padding:24px;border-left:6px solid var(--office-accent,var(--green));border-radius:16px;background:#fff;box-shadow:var(--shadow)}.office-hero.dr-yum{--office-accent:#71d313;background:linear-gradient(100deg,#fff,#f5ffe9)}.office-hero.gem{--office-accent:#2f8cff}.office-hero.gese{--office-accent:#7c3aed}.breadcrumb{display:flex;gap:9px;margin-bottom:18px;color:var(--muted);font-size:11px}.tabs{display:flex;gap:22px;margin:18px 0;padding:0 4px 12px;border-bottom:1px solid var(--border);color:var(--muted)}.tabs b{color:var(--green-dark)}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 14px;border:1px solid transparent;border-radius:9px;background:var(--green);color:#173700;font:inherit;font-weight:700;cursor:pointer}.secondary{color:#1464be;background:#fff;border-color:#cfe0f2}.danger{color:#a61b1b;background:#fff1f1;border-color:#ffd2d2}.actions{display:flex;gap:10px;flex-wrap:wrap}.vaultix-actions{margin:14px 0}.vaultix-actions form{display:flex;align-items:end;gap:8px}.vaultix-actions input{min-width:220px}.file-table{overflow:hidden}.file-row{display:grid;grid-template-columns:minmax(250px,1fr) 100px 145px 150px;align-items:center;padding:12px 14px;border-top:1px solid #eef1f4}.file-row:first-child{border-top:0}.file-head{color:var(--muted);background:#fafbfc;font-size:9px;font-weight:800;text-transform:uppercase}.file-actions{display:flex;gap:7px}.file-actions a,.file-actions button{min-height:32px;padding:6px 9px;font-size:10px}.bulk-dropzone{display:grid;gap:3px;margin:10px 0 14px;padding:18px 20px;border:2px dashed #cbd9e5;border-radius:14px;background:#fbfdff;color:#31536b;cursor:copy;transition:.16s}.bulk-dropzone strong{font-size:12px}.bulk-dropzone span{color:var(--muted);font-size:9px}.bulk-dropzone.is-dragging{border-color:var(--green);background:var(--green-soft);transform:translateY(-1px)}.upload-selection{padding:8px 10px;border-radius:8px;background:#f2f5f7;color:#64748b;font-size:10px}.progress-shell{position:relative;min-height:18px;overflow:hidden;background:#e8edf2;border-radius:999px}.progress-bar{height:18px;width:0;background:linear-gradient(90deg,var(--green-dark),var(--green));transition:width .15s}.progress-text{position:absolute;inset:0;display:grid;place-items:center;color:#173700;font-size:9px;font-weight:850}.share-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.share-card{padding:20px}.share-url{display:flex;gap:8px}.share-url input{margin:0}.event-list{display:grid;gap:8px;margin-top:12px}.event{padding:10px 12px;border-left:3px solid var(--blue);background:#f8fafc;border-radius:8px}.event small{display:block;color:var(--muted)}input,select{width:100%;min-height:41px;margin-top:6px;padding:9px 11px;border:1px solid #d8dee6;border-radius:8px;background:#fff;color:var(--text);font:inherit;outline:none}input:focus,select:focus{border-color:#91cf55;box-shadow:0 0 0 3px #71d31321}.public-shell,.login-shell{min-height:100vh;display:grid;place-items:center;padding:28px;background:#f8fafb}.public-card,.login-card{width:min(560px,100%);padding:34px;background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:0 20px 60px #0f172a17}.brand-mark{display:grid;place-items:center;width:48px;height:48px;margin-bottom:18px;color:#173700;background:var(--green);border-radius:12px;font-size:21px;font-weight:900}.login-brand{display:flex;align-items:center;gap:14px}.login-brand .brand-mark{margin:0}.login-card form{display:grid;gap:12px;margin-top:20px}.alert{margin:12px 0;padding:11px;color:#9f1d1d;background:#fff1f1;border:1px solid #ffd2d2;border-radius:8px}.notice{margin:12px 0;padding:11px;color:#2f6808;background:#effce4;border:1px solid #cbeaaa;border-radius:8px}footer{padding:22px 0 5px;color:#8491a0;font-size:9px}@media(max-width:1100px){.office-grid,.product-grid{grid-template-columns:1fr}.tile-grid{grid-template-columns:repeat(2,1fr)}.share-grid{grid-template-columns:1fr}}@media(max-width:760px){.app>aside{display:none}.workspace{margin-left:0}.content{padding:20px 14px}.topbar{padding:0 14px}.office-grid,.tile-grid,.quick-grid{grid-template-columns:1fr}.file-row{grid-template-columns:1fr 90px}.file-row span:nth-child(3),.file-row span:nth-child(4){display:none}.hero,.module-head,.explorer-head{align-items:flex-start;flex-direction:column}.vaultix-actions form{width:100%;flex-direction:column;align-items:stretch}.vaultix-actions input{min-width:0}}
.nav-group{margin:0}.nav-group summary{list-style:none;cursor:pointer}.nav-group summary::-webkit-details-marker{display:none}.nav-sub{display:grid;gap:4px;margin:3px 0 7px 32px}.nav-sub a{padding:8px 10px;border-left:2px solid #ffffff14;color:#aebdca;text-decoration:none;font-size:11px;border-radius:0 8px 8px 0}.nav-sub a:hover{color:#fff;background:#ffffff0b;border-left-color:var(--green)}
.report-actions{display:flex;gap:8px;flex-wrap:wrap}.dashboard-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:14px;margin-top:14px}.activity-list{display:grid;padding:0 18px 18px}.activity-item{display:grid;gap:2px;padding:11px 0;border-bottom:1px solid #eef1f4}.activity-item b{font-size:11px}.activity-item span{font-size:10px;color:var(--text)}.activity-item small{font-size:9px;color:var(--muted)}
.office-grid{padding:0 18px 18px}.office-card{min-height:140px}.office-card span:last-child{margin-top:auto;font-size:10px;font-weight:800}.office-dr-yum{border-top:4px solid var(--green)}.office-gem{border-top:4px solid var(--blue)}.office-gese{border-top:4px solid #8b5ca8}.office-dr-yum .office-icon{background:var(--green-soft);color:var(--green-dark)}.office-gem .office-icon{background:#e8f3ff;color:var(--blue)}.office-gese .office-icon{background:#f3eafb;color:#7b4ba0}
.form-panel summary{list-style:none}.form-panel summary::-webkit-details-marker{display:none}.records{margin-top:14px}@media(max-width:980px){.dashboard-grid{grid-template-columns:1fr}.report-actions{margin-top:12px}}

.users-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.user-tools{display:flex;gap:8px;min-width:420px}.user-tools input{margin:0}.user-tools select{width:150px;margin:0}.user-card{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:18px}.user-card-head{display:flex;align-items:center;gap:12px}.user-card-head h3{margin:0 0 2px;font-size:16px}.user-card-head p{margin:0;color:var(--muted);font-size:11px}.user-avatar{width:46px;height:46px;color:#173700;background:var(--green-soft)}.user-state{margin-left:auto;padding:5px 9px;border-radius:999px;font-size:9px;font-weight:850}.user-state.on{color:#26720a;background:#eaf9df}.user-state.off{color:#64748b;background:#eef2f6}.user-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.user-meta span{display:grid;gap:2px;color:#334155;font-size:11px}.user-meta b{color:var(--muted);font-size:9px;text-transform:uppercase}.user-edit{border-top:1px solid #eef1f4;padding-top:12px}.user-edit summary{cursor:pointer;color:#1464be;font-weight:750}.user-edit-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.user-edit-form label:nth-child(3),.user-edit-form button{grid-column:span 2}.user-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.user-card-actions form{margin:0}.audit-users{margin-top:16px;padding:18px}.audit-list{display:grid;gap:7px;margin-top:12px}.audit-list div{display:grid;grid-template-columns:170px 1fr auto;gap:12px;padding:9px 0;border-bottom:1px solid #eef1f4;font-size:10px}.audit-list small{color:var(--muted)}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.profile-card{padding:22px}.profile-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}.profile-head h2{margin:0}.profile-head p{margin:3px 0 0;color:var(--muted)}.profile-avatar{width:58px;height:58px;color:#173700;background:var(--green-soft)}.profile-form{display:grid;gap:12px}.profile-form button{margin-top:4px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:18px}.form-panel summary{padding:16px 18px;cursor:pointer;font-weight:800}.form-panel summary small{margin-left:8px;color:var(--muted);font-weight:500}.user-create button{align-self:end}@media(max-width:980px){.users-grid,.profile-grid{grid-template-columns:1fr}.user-tools{min-width:0;width:100%}}@media(max-width:760px){.user-tools{flex-direction:column}.user-tools select{width:100%}.user-edit-form,.user-meta,.form-grid{grid-template-columns:1fr}.user-edit-form label:nth-child(3),.user-edit-form button{grid-column:auto}.audit-list div{grid-template-columns:1fr}}

.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid #eef1f4}.panel-head h2{margin:0;font-size:15px}.panel-head p{margin:2px 0 0;color:var(--muted);font-size:10px}.badge{display:inline-flex;align-items:center;padding:6px 9px;border:1px solid var(--border);border-radius:999px;color:#4b6475;background:#f8fafc;font-size:9px;font-weight:800}.dash-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}.dash-head h1{margin:2px 0 4px;font-size:32px;letter-spacing:-.8px}.dash-head p{margin:0;color:var(--muted)}.dash-actions{display:flex;gap:8px;flex-wrap:wrap}.dash-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.dash-kpi{display:flex;align-items:center;gap:13px;min-width:0;padding:17px;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.dash-kpi-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:14px;background:var(--green-soft);color:var(--green-dark);font-size:20px;font-weight:900}.dash-kpi small,.dash-kpi em{display:block;color:var(--muted);font-style:normal}.dash-kpi small{font-size:9px;font-weight:850;letter-spacing:.04em}.dash-kpi strong{display:block;margin:2px 0;font-size:25px;line-height:1.15}.dash-kpi em{font-size:9px}.dash-main{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);gap:14px;margin-top:14px}.dash-trend,.dash-transfer{overflow:hidden}.dash-bars{height:230px;display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:14px;padding:24px 24px 18px}.dash-bar-col{display:grid;grid-template-rows:1fr auto auto;justify-items:center;gap:5px;height:100%}.dash-bar-track{position:relative;width:100%;max-width:34px;height:100%;overflow:hidden;border-radius:10px;background:#eef3f6}.dash-bar-track span{position:absolute;left:0;right:0;bottom:0;min-height:4px;border-radius:10px;background:linear-gradient(180deg,#71d313,#4f9f12)}.dash-bar-col b{font-size:10px}.dash-bar-col small{color:var(--muted);font-size:9px}
.transfer-score{display:grid;place-items:center;padding:22px 18px 8px}.transfer-score strong{font-size:42px;line-height:1;color:var(--green-dark)}.transfer-score span{margin-top:5px;color:var(--muted);font-size:10px}.transfer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 18px 17px}.transfer-grid div{padding:12px 8px;text-align:center;border:1px solid #e7edf2;border-radius:12px;background:#f8fafc}.transfer-grid b{display:block;font-size:18px}.transfer-grid small{color:var(--muted);font-size:8px}.dash-link{color:#1769aa;font-size:10px;font-weight:800}.dash-transfer>.dash-link{display:block;margin:0 18px 18px;padding-top:12px;border-top:1px solid #eef1f4}.dash-secondary{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.75fr);gap:14px;margin-top:14px}.dash-office-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px 18px 18px}.dash-office{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:15px;border:1px solid #e4eaf0;border-radius:15px;background:#fff;overflow:hidden;transition:.18s}.dash-office:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--office-accent)}.dash-office:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0f172a12;border-color:#cfdae3}.dash-office-logo{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:#f4f7fa;overflow:hidden;color:var(--office-accent);font-size:15px;font-weight:900}.dash-office-logo img{width:100%;height:100%;object-fit:contain;background:#fff}.dash-office-copy h3{margin:0 0 3px;font-size:14px}.dash-office-copy p{margin:0;color:var(--muted);font-size:9px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dash-office-copy small{display:block;margin-top:5px;color:#7b8a98;font-size:8px}.dash-office>b{color:var(--office-accent);font-size:22px}.dash-activity{display:grid;padding:7px 18px 16px}.dash-activity-row{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #eef1f4}.dash-activity-row:last-child{border-bottom:0}.activity-dot{width:9px;height:9px;margin-top:5px;border-radius:50%;background:#2f8cff}.activity-dot.enlace{background:#8b5ca8}.activity-dot.usuario{background:#71d313}.dash-activity-row b{display:block;font-size:10px}.dash-activity-row p{margin:1px 0;color:#334155;font-size:9px}.dash-activity-row small{color:var(--muted);font-size:8px}.dash-quick{margin-top:14px;overflow:hidden}.dash-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:0 18px 18px}.dash-quick-grid a{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:0 10px;padding:14px;border:1px solid #e4eaf0;border-radius:13px}.dash-quick-grid span{grid-row:1/3;display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:var(--green-soft);color:var(--green-dark);font-size:18px}.dash-quick-grid b{font-size:10px}.dash-quick-grid small{color:var(--muted);font-size:8px}
.nav-ico{display:grid;place-items:center;width:20px;height:20px;color:#49a0ff;font-size:14px}.nav-link.active{background:linear-gradient(90deg,#71d3132e,#71d31310)}.nav-link.active:before{content:"";position:absolute;left:-15px;top:8px;bottom:8px;width:3px;border-radius:4px;background:var(--green)}.nav-sub a{display:flex!important;align-items:center;gap:9px}.nav-office-mark{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:7px;background:#ffffff10;color:var(--office-accent);font-size:9px;font-weight:900;overflow:hidden}.nav-office-mark img{width:100%;height:100%;object-fit:contain;background:#fff}.office-admin-grid{display:grid;grid-template-columns:minmax(310px,.72fr) minmax(520px,1.35fr);gap:14px;align-items:start}.office-create,.office-directory{overflow:hidden}.office-form{display:grid;gap:12px;padding:18px 20px 20px}.office-form label{display:grid;gap:5px;color:#3e5264;font-size:10px;font-weight:800}.office-form textarea{width:100%;padding:10px 11px;border:1px solid #d8dee6;border-radius:9px;font:inherit;resize:vertical}.office-form small{color:var(--muted);font-weight:500}.office-form-row{display:grid;grid-template-columns:130px 1fr;gap:10px}.office-form-row input[type=color]{height:43px;padding:3px}.office-admin-list{display:grid;gap:10px;padding:16px 18px 18px}.office-admin-card{position:relative;display:grid;grid-template-columns:auto 1fr;gap:13px;padding:15px;border:1px solid #e1e8ee;border-radius:15px;background:#fff;overflow:hidden}.office-admin-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--office-accent)}.office-admin-logo{display:grid;place-items:center;width:60px;height:60px;border-radius:15px;background:#f5f8fa;overflow:hidden;color:var(--office-accent);font-size:15px;font-weight:900}.office-admin-logo img{width:100%;height:100%;object-fit:contain;background:#fff}.office-admin-title{display:flex;align-items:center;gap:8px}.office-admin-title h3{margin:0;font-size:15px}.office-admin-info p{margin:4px 0;color:var(--muted);font-size:9px}.office-admin-info small{color:#7b8b98;font-size:8px}.office-state{padding:4px 7px;border-radius:999px;font-size:8px;font-weight:850}.office-state.on{background:#ebf9df;color:#35770b}.office-state.off{background:#eef2f5;color:#657381}.office-edit{grid-column:1/-1;border-top:1px solid #eef2f5;padding-top:9px}.office-edit>summary{cursor:pointer;color:#1769aa;font-size:10px;font-weight:800}.office-form.compact{padding:12px 0 0}.office-admin-actions{grid-column:1/-1;display:flex;gap:8px}.office-admin-actions form{margin:0}@media(max-width:1150px){.dash-kpis{grid-template-columns:repeat(3,1fr)}.dash-secondary,.dash-main,.office-admin-grid{grid-template-columns:1fr}}@media(max-width:760px){.dash-head{align-items:flex-start;flex-direction:column}.dash-kpis{grid-template-columns:1fr}.dash-office-grid,.dash-quick-grid{grid-template-columns:1fr}.dash-bars{gap:7px;padding-left:12px;padding-right:12px}.office-form-row{grid-template-columns:1fr}.office-admin-card{grid-template-columns:1fr}.office-admin-logo{width:52px;height:52px}}
.office-identity{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:24px 26px;border:1px solid var(--border);border-left:6px solid var(--office-accent);border-radius:18px;background:linear-gradient(110deg,#fff,#f8fafc);box-shadow:var(--shadow)}.office-identity-logo{display:grid;place-items:center;width:78px;height:78px;border-radius:20px;background:#fff;border:1px solid #e4eaf0;overflow:hidden;color:var(--office-accent);font-size:20px;font-weight:900}.office-identity-logo img{width:100%;height:100%;object-fit:contain}.office-identity h1{margin:2px 0 5px;font-size:30px}.office-identity p{margin:0;color:var(--muted)}.office-identity-meta{display:grid;justify-items:end;gap:7px}.office-identity-meta span,.office-identity-meta b{padding:6px 10px;border-radius:999px;font-size:9px}.office-identity-meta span{background:#f1f5f9;color:#64748b}.office-identity-meta b{background:#effbe5;color:#39780f}.office-area-tile{position:relative;border-top:3px solid var(--office-accent)}.area-mark{display:grid;place-items:center;width:36px;height:36px;margin-bottom:7px;border-radius:10px;background:#f5f8fa;color:var(--office-accent);font-size:17px}.office-area-tile strong{font-size:12px}.office-area-tile small{color:var(--muted);font-size:9px}@media(max-width:760px){.office-identity{grid-template-columns:auto 1fr}.office-identity-meta{grid-column:1/-1;justify-items:start;display:flex}.office-identity-logo{width:60px;height:60px}}
.admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.admin-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:18px;background:#fff;border:1px solid var(--border);border-radius:15px;box-shadow:var(--shadow)}.admin-card>span{display:grid;place-items:center;width:45px;height:45px;border-radius:12px;background:var(--green-soft);color:var(--green-dark);font-size:20px}.admin-card strong,.admin-card small{display:block}.admin-card strong{font-size:12px}.admin-card small{margin-top:3px;color:var(--muted);font-size:9px}.admin-card>b{color:#2f8cff;font-size:20px}.admin-card:hover:not(.disabled){transform:translateY(-2px);border-color:#c9d8e4}.admin-card.disabled{opacity:.65}@media(max-width:980px){.admin-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.admin-grid{grid-template-columns:1fr}}
.report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.report-card{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:18px;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.report-card-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:#eaf3fa;color:#1769aa;font-size:21px}.report-card-copy h2{margin:0 0 3px;font-size:14px}.report-card-copy p{margin:0;color:var(--muted);font-size:9px}.report-formats{grid-column:1/-1;display:flex;gap:7px;padding-top:11px;border-top:1px solid #eef1f4}.report-note{margin-top:14px;padding:17px 19px}.report-note b{font-size:11px}.report-note p{margin:3px 0 0;color:var(--muted);font-size:9px}@media(max-width:760px){.report-grid{grid-template-columns:1fr}}
.audit-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px}.audit-kpis article{padding:15px 16px;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.audit-kpis small,.audit-kpis span{display:block;color:var(--muted)}.audit-kpis small{font-size:8px;font-weight:850;letter-spacing:.06em}.audit-kpis strong{display:block;margin:4px 0 1px;font-size:24px}.audit-kpis span{font-size:8px}.audit-panel{overflow:hidden}.audit-tools{display:flex;gap:8px;min-width:430px}.audit-tools input{margin:0}.audit-tools select{width:150px;margin:0}.audit-timeline{display:grid;padding:8px 18px 18px}.audit-event{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #edf1f4}.audit-event:last-child{border-bottom:0}.audit-event-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#eaf3fa;color:#1769aa;font-size:16px}.audit-event-icon.enlace{background:#f3eafb;color:#7b4ba0}.audit-event-icon.usuario{background:#eefbdd;color:#4f9f12}.audit-event-main>div{display:flex;align-items:center;gap:7px}.audit-event-main b{font-size:10px}.audit-chip{padding:3px 6px;border-radius:999px;background:#f2f5f7;color:#607080;font-size:7px;font-weight:850}.audit-event-main p{margin:2px 0;color:#263747;font-size:9px}.audit-event-main small{color:var(--muted);font-size:8px}.audit-event-meta{display:grid;justify-items:end;gap:2px;min-width:160px}.audit-event-meta strong{font-size:8px}.audit-event-meta span,.audit-event-meta small{color:var(--muted);font-size:8px}@media(max-width:980px){.audit-kpis{grid-template-columns:repeat(2,1fr)}.audit-tools{min-width:0}}@media(max-width:700px){.audit-kpis{grid-template-columns:1fr}.audit-event{grid-template-columns:auto 1fr}.audit-event-meta{grid-column:2;justify-items:start}.audit-tools{width:100%;flex-direction:column}.audit-tools select{width:100%}}
.password-change-card{max-width:620px;margin:auto;padding:24px}.password-change-card small{display:block;margin-top:4px;color:var(--muted);font-size:9px}
.user-head-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.user-head-tools input{margin:0;min-width:220px}.user-head-tools select{margin:0;width:130px}.mail-chip{padding:7px 10px;border:1px solid #e1e7ec;border-radius:999px;background:#f5f7f9;color:#6f7d89;font-size:8px;font-weight:850}.mail-chip.ready{background:#edf9e5;border-color:#d5efc2;color:#39780f}.secret-notice{margin:12px 0;padding:12px 14px;border:1px solid #e7c55e;border-radius:10px;background:#fff9e7;color:#6c5400;font-size:11px;font-weight:700}.user-admin-layout{display:grid;grid-template-columns:minmax(330px,.75fr) minmax(560px,1.4fr);gap:14px;align-items:start}.user-create-panel,.user-directory-panel{overflow:hidden}.user-create-panel .form-grid{grid-template-columns:1fr}.user-flow-note{padding:11px;border-radius:10px;background:#f4f8fb;color:#617386;font-size:9px;line-height:1.5}.users-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px 18px 18px;margin:0}.user-role-line{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.role-chip,.password-chip{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:850}.role-chip{background:#eaf3fa;color:#1769aa}.password-chip{background:#fff5d9;color:#9a6a00}.user-card{box-shadow:none}.user-card:hover{border-color:#cfdae3;box-shadow:0 9px 24px #0f172a0b}@media(max-width:1150px){.user-admin-layout{grid-template-columns:1fr}.users-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.users-grid{grid-template-columns:1fr}.user-head-tools{width:100%;flex-direction:column;align-items:stretch}.user-head-tools input,.user-head-tools select{width:100%;min-width:0}}

.profile-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.profile-hero h1{margin:2px 0 4px;font-size:31px;letter-spacing:-.7px}.profile-hero p{margin:0;color:var(--muted)}.profile-status{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #d8edc7;border-radius:999px;background:#f2fbe9;color:#39780f;font-size:9px;font-weight:850}.profile-status i{width:7px;height:7px;border-radius:50%;background:var(--green)}.profile-layout-pro{display:grid;grid-template-columns:minmax(310px,.72fr) minmax(520px,1.28fr);gap:16px;align-items:start}.profile-identity-card{position:relative;overflow:hidden;padding:0 22px 22px}.profile-cover{height:108px;margin:0 -22px;background:linear-gradient(135deg,#0b3558,#1769aa 62%,#71d313)}.profile-main-photo{position:relative;display:grid;place-items:center;width:116px;height:116px;margin:-58px auto 0;border:5px solid #fff;border-radius:28px;background:#eaf3fa;box-shadow:0 10px 30px #0f172a20;overflow:hidden;color:#1769aa;font-size:28px;font-weight:900}.profile-main-photo img{width:100%;height:100%;object-fit:cover}.profile-name{text-align:center;padding:14px 0 18px}.profile-name h2{margin:0;font-size:20px}.profile-name p{margin:3px 0 8px;color:var(--muted);font-size:10px}.profile-name>span{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eefbdd;color:#4f9f12;font-size:8px;font-weight:900}.profile-info{display:grid;gap:0;margin:0;border-top:1px solid #edf1f4}.profile-info div{display:grid;grid-template-columns:1fr 1.3fr;gap:12px;padding:11px 0;border-bottom:1px solid #edf1f4}.profile-info dt{color:var(--muted);font-size:9px}.profile-info dd{margin:0;text-align:right;font-size:9px;font-weight:700;overflow-wrap:anywhere}.profile-active{color:#39780f}.profile-right-column{display:grid;gap:14px}.profile-section{overflow:hidden}.profile-photo-form{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:18px 20px}.photo-preview-mini{display:grid;place-items:center;width:68px;height:68px;border-radius:18px;background:#eaf3fa;overflow:hidden;color:#1769aa;font-weight:900}.photo-preview-mini img{width:100%;height:100%;object-fit:cover}.photo-upload-copy{min-width:0}.photo-upload-copy label{display:grid;gap:4px;font-size:10px;font-weight:800;color:#3e5264}.photo-upload-copy input{margin:0}.photo-upload-copy small{display:block;margin-top:4px;color:var(--muted);font-size:8px}.profile-edit-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px 20px}.profile-edit-form label{display:grid;gap:5px;color:#3e5264;font-size:10px;font-weight:800}.profile-edit-form input{margin:0}.profile-form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;padding-top:2px}.security-chip{padding:5px 8px;border-radius:999px;background:#eefbdd;color:#4f9f12;font-size:8px;font-weight:900}
@media(max-width:980px){.profile-layout-pro{grid-template-columns:1fr}.profile-identity-card{max-width:none}}@media(max-width:700px){.profile-hero{align-items:flex-start;flex-direction:column}.profile-photo-form{grid-template-columns:auto 1fr}.profile-photo-form button{grid-column:1/-1}.profile-edit-form{grid-template-columns:1fr}.profile-form-actions{grid-column:auto}.profile-info div{grid-template-columns:1fr}.profile-info dd{text-align:left}}
.avatar-photo{overflow:hidden}.avatar-photo img{width:100%;height:100%;object-fit:cover}.account-profile-link{color:inherit;text-decoration:none}.account-profile-link>b{margin-left:auto;color:#49a0ff;font-size:18px}.account-profile-link:hover{background:#ffffff08}.top-account{color:inherit;text-decoration:none;padding:5px 7px;border-radius:10px}.top-account:hover{background:#f6f8fa}

/* VAULTIX · oficina premium */
.office-page{display:grid;gap:18px}.office-premium-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:26px;padding:26px 28px;background:linear-gradient(120deg,#fff 0%,color-mix(in srgb,var(--office-accent) 5%,#fff) 100%);border:1px solid #dfe7ee;border-radius:20px;box-shadow:0 10px 30px rgba(15,48,74,.055);overflow:hidden}.office-premium-hero:before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:var(--office-accent)}
.office-brand-block{display:flex;align-items:center;gap:20px;min-width:0}.office-premium-logo{width:82px;height:82px;flex:none;display:grid;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--office-accent) 28%,#dfe7ee);border-radius:20px;background:color-mix(in srgb,var(--office-accent) 10%,#fff);color:var(--office-accent);font-size:23px;font-weight:900;box-shadow:0 8px 20px rgba(15,48,74,.06)}.office-premium-logo img{width:100%;height:100%;object-fit:contain;padding:7px;background:#fff}
.office-hero-copy h1{margin:2px 0 5px;font-size:31px;letter-spacing:-.8px}.office-hero-copy>p:last-of-type{margin:0;color:#64748b;font-size:14px}.office-badges{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.office-badges span,.office-badges strong{padding:5px 9px;border-radius:999px;font-size:8px;font-weight:850;letter-spacing:.04em}.office-badges span{background:#eef9e5;color:#397b13}.office-badges strong{background:#0b1724;color:#fff}.office-hero-actions{display:flex;gap:8px;flex:none;flex-wrap:wrap;justify-content:flex-end}
.office-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.office-kpis article{position:relative;padding:15px 17px;background:#fff;border:1px solid #e0e7ee;border-radius:14px;box-shadow:0 5px 18px rgba(15,48,74,.035);overflow:hidden}.office-kpis article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--office-accent)}.office-kpis small,.office-kpis span{display:block;color:#718294}.office-kpis small{font-size:8px;font-weight:900;letter-spacing:.08em}.office-kpis strong{display:block;margin:3px 0 1px;color:#102c41;font-size:22px}.office-kpis span{font-size:9px}
.office-tabs{display:flex;align-items:center;gap:5px;width:max-content;padding:4px;background:#eaf0f4;border-radius:12px}.office-tabs a{padding:9px 15px;border-radius:9px;color:#52697b;font-size:11px;font-weight:800}.office-tabs a:hover{background:#fff;color:#17384f}.office-tabs a.active{background:#0b3558;color:#fff;box-shadow:0 3px 9px rgba(11,53,88,.16)}
.office-areas{display:grid;gap:14px}.office-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:2px 2px 0}.office-section-head h2{margin:3px 0 3px;font-size:21px;color:#102c41}.office-section-head p:last-child{margin:0;color:#748596;font-size:11px}.office-section-head>span{padding:6px 10px;border:1px solid #dce6ed;border-radius:999px;background:#fff;color:#607386;font-size:9px;font-weight:800}
.office-area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.office-area-card{position:relative;min-height:190px;display:flex;flex-direction:column;padding:18px;background:#fff;border:1px solid #dfe7ee;border-radius:16px;box-shadow:0 7px 22px rgba(15,48,74,.045);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;overflow:hidden}.office-area-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--office-accent);opacity:.95}.office-area-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--office-accent) 38%,#dfe7ee);box-shadow:0 14px 30px rgba(15,48,74,.09)}
.area-card-top{display:flex;align-items:center;gap:8px}.area-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--office-accent) 11%,#f6f8fa);color:var(--office-accent);font-size:10px;font-weight:900}.area-type{padding:4px 7px;border-radius:999px;background:#f2f5f7;color:#7a8996;font-size:7px;font-weight:900;letter-spacing:.08em}.area-arrow{margin-left:auto;width:28px;height:28px;display:grid;place-items:center;border:1px solid #e1e8ee;border-radius:9px;color:#557084;font-size:13px;transition:.18s}.office-area-card:hover .area-arrow{background:var(--office-accent);border-color:var(--office-accent);color:#fff}.office-area-card h3{margin:14px 0 4px;font-size:16px;color:#122f44}.office-area-card>p{margin:0;color:#718294;font-size:10px}
.area-metrics{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.area-metrics span{padding:5px 8px;border-radius:8px;background:#f5f8fa;color:#65798a;font-size:8px}.area-metrics b{color:#17384f;font-size:10px}.area-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:13px;border-top:1px solid #edf2f5}.area-card-foot span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8a98a4;font-size:8px}.area-card-foot b{flex:none;color:#1769aa;font-size:9px}
@media(max-width:1100px){.office-area-grid{grid-template-columns:repeat(2,1fr)}.office-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.office-premium-hero{align-items:flex-start;flex-direction:column}.office-hero-actions{width:100%;justify-content:flex-start}.office-brand-block{align-items:flex-start}.office-premium-logo{width:66px;height:66px}.office-area-grid,.office-kpis{grid-template-columns:1fr}.office-section-head{align-items:flex-start;flex-direction:column}.office-tabs{width:100%;overflow:auto}.office-tabs a{white-space:nowrap}}

.office-section-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.office-section-tools>span{padding:7px 10px;border:1px solid #dbe6ef;border-radius:999px;background:#fff;color:#5d7284;font-size:10px;font-weight:800}.new-area{position:relative}.new-area>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 12px;border-radius:9px;background:var(--office-accent);color:#fff;font-weight:850;font-size:11px}.new-area>summary::-webkit-details-marker{display:none}.new-area form{position:absolute;right:0;top:44px;z-index:30;width:320px;padding:14px;background:#fff;border:1px solid #dce6ee;border-radius:14px;box-shadow:0 18px 42px rgba(11,23,36,.16);display:grid;gap:10px}.new-area label{display:grid;gap:5px;color:#40576a;font-size:10px;font-weight:800}.new-area input{margin:0}.new-area button{width:100%}
@media(max-width:760px){.office-section-head{align-items:flex-start;flex-direction:column}.office-section-tools{width:100%;justify-content:space-between}.new-area form{position:fixed;left:14px;right:14px;top:auto;width:auto}}

/* Ecosistema YUM · acceso unificado v1 */
.yum-login{min-height:100vh;display:grid;grid-template-columns:.9fr 1.1fr;background:#fff;color:var(--text,#111827)}
.yum-login-visual{display:flex;flex-direction:column;justify-content:space-between;padding:48px;color:#fff;background:linear-gradient(145deg,#0b1724,#102638)}
.yum-login-logo{display:flex;align-items:center;gap:10px;font-size:28px;font-weight:850;letter-spacing:-1px}.yum-login-logo img{width:min(220px,70%);max-height:54px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}
.yum-env{padding:4px 9px;color:#153700;background:#71d313;border-radius:999px;font-size:10px;font-weight:850;letter-spacing:.04em}
.yum-login-copy .yum-eyebrow,.yum-eyebrow{margin:0;color:#71d313;font-size:10px;font-weight:850;letter-spacing:1.25px;text-transform:uppercase}.yum-login-copy h1{margin:8px 0 12px;font-size:45px;line-height:1.08;letter-spacing:-1.5px}.yum-login-copy p{max-width:520px;margin:0;color:#b9c6d1;font-size:14px}
.yum-login-foot{color:#93a5b4;font-size:10px}.yum-login-panel{display:grid;place-items:center;padding:35px;background:#f8fafb}.yum-login-card{width:min(430px,100%);padding:37px;background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 20px 60px #0f172a17}
.yum-brand{display:grid;place-items:center;width:45px;height:45px;margin-bottom:22px;color:#173700;background:#71d313;border-radius:12px;font-size:20px;font-weight:900}.yum-login-card h2{margin:3px 0;font-size:29px}.yum-login-card>p:not(.yum-eyebrow){margin:0 0 20px;color:#64748b}.yum-login-card form{display:grid;gap:14px}
.yum-login-card label{font-size:10px;font-weight:700}.yum-login-card input{width:100%;min-height:41px;margin-top:6px;padding:9px 11px;border:1px solid #d8dee6;border-radius:8px;background:#fff;color:#111827;font:inherit;outline:none}.yum-login-card input:focus{border-color:#91cf55;box-shadow:0 0 0 3px #71d31321}
.yum-login-primary{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 14px;border:0;border-radius:9px;background:#71d313;color:#173700;font:inherit;font-weight:800;cursor:pointer}.yum-login-primary:hover{background:#65c20f}
.yum-password-field{position:relative}.yum-password-field input{padding-right:48px}.yum-password-toggle{position:absolute;right:4px;top:10px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:8px;background:transparent;color:#64748b;cursor:pointer}.yum-password-toggle:hover,.yum-password-toggle:focus-visible{color:#4f9f12;background:#eefbdd}.yum-password-toggle svg{width:20px;height:20px}
.yum-remember{display:flex;align-items:center;gap:8px;width:max-content;font-weight:600;cursor:pointer}.yum-remember input{width:16px;height:16px;min-height:0;margin:0;accent-color:#4f9f12}.yum-remember span{font-size:11px}.yum-secure-note{display:block;margin-top:20px;color:#94a3b8;text-align:center;font-size:10px}
.yum-login .alert,.yum-login .flash{margin:12px 0;padding:11px;border:1px solid #ffd2d2;border-radius:8px;background:#fff1f1;color:#9f1d1d}.login-shell:has(.yum-login){display:block;min-height:100vh;padding:0;background:#fff}
@media(max-width:760px){.yum-login{grid-template-columns:1fr}.yum-login-visual{display:none}.yum-login-panel{min-height:100vh;padding:18px}.yum-login-card{padding:28px 22px}}


/* YUM login layout fix v1.1 */
.yum-login{width:100%;max-width:none;margin:0;padding:0}.login-shell.login-yum-shell{display:block;min-height:100vh;padding:0;background:#fff}

/* YUM_GREETING_V1 */
.yum-welcome{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px;padding:22px 24px;border:1px solid #dfe7ee;border-radius:18px;background:linear-gradient(135deg,#ffffff 0%,#f8fbfd 62%,#f1fbe8 100%);box-shadow:0 10px 30px rgba(15,48,74,.06)}
.yum-welcome-copy{min-width:0}.yum-welcome-kicker{margin:0 0 5px!important;color:#4f9f12!important;font-size:10px!important;font-weight:900!important;letter-spacing:1.15px;text-transform:uppercase}.yum-welcome h1{margin:0;font-size:32px;line-height:1.15;letter-spacing:-.8px;color:#111827}.yum-welcome p{margin:6px 0 0;color:#64748b;font-size:13px}.yum-welcome-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.yum-welcome-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #d9e5ed;border-radius:999px;background:#fff;color:#526579;font-size:9px;font-weight:850;white-space:nowrap}.yum-welcome-chip:before{content:'';width:7px;height:7px;border-radius:50%;background:#71d313;box-shadow:0 0 0 3px #71d31322}
@media(max-width:760px){.yum-welcome{align-items:flex-start;flex-direction:column;padding:18px}.yum-welcome h1{font-size:26px}.yum-welcome-meta{justify-content:flex-start}.yum-welcome p{font-size:12px}}

/* YUM_SIDEBAR_UNIFIED_V1 · 2026-09-06 */
:root{--yum-side-compact:92px;--yum-side-full:244px}aside{width:var(--yum-side-compact);padding:20px 10px;border-radius:0 28px 28px 0;box-shadow:12px 0 30px rgba(3,17,27,.13);transition:width .22s ease;overflow:hidden}.sidebar-expanded aside{width:var(--yum-side-full)}.workspace{margin-left:var(--yum-side-compact);transition:margin-left .22s ease}.sidebar-head{justify-content:center;padding:0}.logo{font-size:0}.logo:before{content:'V';font-size:28px;font-weight:900}.logo small{display:none}.sidebar-expanded aside .sidebar-head{justify-content:flex-start;padding:0 10px}.sidebar-expanded aside .logo{font-size:22px}.sidebar-expanded aside .logo:before{display:none}.sidebar-expanded aside .logo small{display:inline-block}
nav{margin-top:25px;padding-right:0}.nav-link{min-height:50px;margin:2px 4px;padding:0 13px;justify-content:center;gap:12px;border-radius:14px;overflow:hidden;white-space:nowrap}.nav-link>span:not(.nav-ico),.nav-link>b{display:none}.nav-ico{width:26px;height:26px;font-size:19px;color:var(--blue)}.nav-link.active .nav-ico{color:var(--green)}.sidebar-expanded aside .nav-link{justify-content:flex-start}.sidebar-expanded aside .nav-link>span:not(.nav-ico),.sidebar-expanded aside .nav-link>b{display:inline-flex}.nav-group summary{justify-content:center}.nav-sub{display:none;margin-left:32px}.sidebar-expanded aside .nav-group[open] .nav-sub{display:grid}.nav-office-mark{width:24px;height:24px}
.account{margin:12px 3px 0;border-radius:23px}.account-info{justify-content:center;padding:10px 5px}.account-info>div,.account-info>b{display:none}.avatar{width:52px;height:52px;min-width:52px;overflow:hidden;border:2px solid var(--green);box-shadow:0 0 0 4px rgba(113,211,19,.08)}.avatar-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;border-radius:inherit}.logout{justify-content:center;padding:12px 6px;font-size:0}.logout:before{content:'↪';font-size:26px;color:var(--blue)}.sidebar-expanded aside .account-info{justify-content:flex-start;padding:12px}.sidebar-expanded aside .account-info>div,.sidebar-expanded aside .account-info>b{display:block}.sidebar-expanded aside .avatar{width:42px;height:42px;min-width:42px}.sidebar-expanded aside .logout{font-size:12px}.top-account .avatar.small{width:34px;height:34px;min-width:34px}
@media(max-width:760px){aside,.sidebar-expanded aside{display:flex;width:min(290px,86vw);border-radius:0}.workspace{margin-left:0}.logo,.logo:before{font-size:22px}.logo:before{display:none}.logo small{display:inline-block}.nav-link,.nav-group summary{justify-content:flex-start}.nav-link>span:not(.nav-ico),.nav-link>b{display:inline-flex}.nav-group[open] .nav-sub{display:grid}.account-info{justify-content:flex-start}.account-info>div,.account-info>b{display:block}.logout{font-size:12px}.logout:before{display:none}}

/* YUM_SIDEBAR_TOGGLE_V2 */
.sidebar-toggle{display:grid;place-items:center;width:34px;height:34px;margin:0 auto 5px;padding:0;border:1px solid #ffffff1c;border-radius:11px;background:#0b2031;color:#71d313;font:700 25px/1 system-ui;cursor:pointer;transition:.18s}
.sidebar-toggle:hover,.sidebar-toggle:focus-visible{background:#143226;border-color:#71d31366;outline:none}.sidebar-expanded .sidebar-toggle{margin-left:auto;margin-right:8px;transform:rotate(180deg)}
.sidebar-expanded .workspace{margin-left:var(--yum-side-full)}
@media(max-width:760px){.sidebar-toggle{display:none}.sidebar-expanded .workspace{margin-left:0}}

/* YUM_ECOSYSTEM_LANDSCAPE_V1 · 2026-09-06 */
:root{--yum-green:#59c914;--yum-green-dark:#178a3f;--yum-green-soft:#effbe7;--yum-ink:#0f1b2b;--yum-muted:#667892;--yum-line:#dfe8ee;--yum-surface:#fff;--yum-bg:#f5f8fa;--yum-shadow:0 10px 30px rgba(15,48,74,.07);--yum-radius:18px;--yum-landscape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 250'%3E%3Cdefs%3E%3ClinearGradient id='s' x1='0' x2='0' y1='0' y2='1'%3E%3Cstop stop-color='%23eaf8ff'/%3E%3Cstop offset='1' stop-color='%23ffffff'/%3E%3C/linearGradient%3E%3ClinearGradient id='m' x1='0' x2='1'%3E%3Cstop stop-color='%2395cbbd'/%3E%3Cstop offset='1' stop-color='%2357a36f'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='1200' height='250' fill='url(%23s)'/%3E%3Cpath d='M0 205 L180 72 285 164 430 45 560 160 690 85 825 166 980 55 1200 180 1200 250 0 250Z' fill='%23c9e8dc' opacity='.72'/%3E%3Cpath d='M0 222 L155 122 280 202 440 98 565 195 725 125 855 198 1015 115 1200 205 1200 250 0 250Z' fill='url(%23m)' opacity='.62'/%3E%3Cpath d='M0 238 Q170 190 330 230 T650 224 T990 230 T1200 218 L1200 250 0 250Z' fill='%23dff3e3'/%3E%3Cg fill='%232f8e4d' opacity='.66'%3E%3Cpath d='M96 226l16-38 16 38z'/%3E%3Cpath d='M132 229l13-31 13 31z'/%3E%3Cpath d='M865 228l17-40 17 40z'/%3E%3Cpath d='M905 230l12-30 12 30z'/%3E%3C/g%3E%3C/svg%3E")}
body{background:linear-gradient(180deg,#fbfdfc 0%,var(--yum-bg) 100%)!important;color:var(--yum-ink)!important}.workspace>header,.topbar{background:rgba(255,255,255,.94)!important;backdrop-filter:blur(14px);border-bottom:1px solid var(--yum-line)!important}.content,main{color:var(--yum-ink)}
.panel,.cards article,.dash-kpi,.office-card,.tile,.product-card,.user-card,.admin-card,.report-card,.quick-fines,.yum-welcome{background:rgba(255,255,255,.96)!important;border:1px solid var(--yum-line)!important;border-radius:var(--yum-radius)!important;box-shadow:var(--yum-shadow)!important}.panel:hover,.cards article:hover,.dash-kpi:hover,.office-card:hover,.tile:hover,.product-card:hover{border-color:#cfe0d5!important}
.yum-welcome,.hero,.module-head,.office-identity,.profile-hero{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.90) 43%,rgba(255,255,255,.35) 100%),var(--yum-landscape) center/cover no-repeat!important;border:1px solid #dce8df!important;border-radius:22px!important;box-shadow:var(--yum-shadow)!important;padding:24px 26px!important;min-height:128px}.yum-welcome:after,.hero:after,.module-head:after{content:'';position:absolute;right:7%;bottom:17px;width:86px;height:5px;border-radius:99px;background:linear-gradient(90deg,var(--yum-green-dark),var(--yum-green))}
.yum-welcome>* ,.hero>* ,.module-head>* ,.office-identity>* ,.profile-hero>*{position:relative;z-index:1}.yum-welcome h1,.hero h1,.module-head h1,.office-identity h1,.profile-hero h1{color:#101827!important;font-weight:850!important;letter-spacing:-.8px}.yum-welcome-kicker,.eyebrow,.heading small,.panel-title small{color:var(--yum-green-dark)!important}.yum-welcome p,.hero p,.module-head p,.muted{color:var(--yum-muted)!important}
.primary,.button,.search button,.desktop-btn,.btn.primary,button:not(.secondary):not(.logout):not(.sidebar-toggle):not(.icon-button){background:linear-gradient(180deg,#67d72a,#4fc311)!important;color:#153409!important;border-color:#49b90d!important}.secondary,.secondary-btn,.btn.secondary{background:#fff!important;color:#245272!important;border:1px solid #d4e1e9!important}.status,.badge,.yum-welcome-chip,.environment{border-radius:999px!important}
input,select,textarea{border:1px solid #d6e2e8!important;border-radius:11px!important;background:#fff!important}input:focus,select:focus,textarea:focus{border-color:var(--yum-green)!important;box-shadow:0 0 0 4px rgba(89,201,20,.12)!important;outline:none}.table-wrap,table{border-radius:14px}th{background:#f8fbf9!important;color:#66778a!important}

/* YUM_SIDEBAR_MASTER_V2 · VAULTIX master */
:root{--yum-side-collapsed:96px;--yum-side-expanded:248px;--yum-deep:#061520;--yum-deep2:#0b2230;--yum-blue:#2f8cff}
aside{width:var(--yum-side-collapsed)!important;inset:10px auto 10px 10px!important;height:auto!important;padding:14px 12px!important;border-radius:32px!important;background:linear-gradient(180deg,var(--yum-deep),var(--yum-deep2))!important;border:1px solid rgba(255,255,255,.07)!important;box-shadow:0 18px 44px rgba(0,0,0,.22)!important;transition:width .22s ease!important;overflow:hidden!important}.workspace{margin-left:116px!important;transition:margin-left .22s ease!important}html.sidebar-expanded aside{width:var(--yum-side-expanded)!important}html.sidebar-expanded .workspace{margin-left:268px!important}
.sidebar-toggle{position:absolute;right:11px;top:17px;z-index:3;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important;background:rgba(255,255,255,.04)!important;color:#dce8ef!important;font-size:24px!important;line-height:1;cursor:pointer;transition:.2s}.sidebar-toggle:hover{background:rgba(89,201,20,.12)!important;color:var(--yum-green)!important}html.sidebar-expanded .sidebar-toggle{transform:rotate(180deg)}
.brand,.sidebar-head{min-height:66px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0 0 8px!important}.brand:before,.logo:before{color:#fff!important;font-size:28px!important;font-weight:900!important}.brand span,.logo small{display:none!important}html.sidebar-expanded .brand,html.sidebar-expanded .sidebar-head{justify-content:flex-start!important;padding:0 8px!important}html.sidebar-expanded .brand span,html.sidebar-expanded .logo small{display:inline-flex!important}html.sidebar-expanded .logo{font-size:22px!important}
nav{margin-top:8px!important;display:flex!important;flex-direction:column!important;gap:8px!important;overflow:auto!important}.nav-home,.nav-link,nav details>a,.nav-group summary{min-height:52px!important;margin:0!important;padding:0 14px!important;border-radius:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;color:#d9e5ec!important;border:1px solid transparent!important;transition:.18s!important;white-space:nowrap!important;overflow:hidden!important}.nav-home:hover,.nav-link:hover,nav details>a:hover,.nav-group summary:hover{background:rgba(255,255,255,.04)!important}.nav-home.active,.nav-link.active,nav details>a.active{background:linear-gradient(90deg,rgba(89,201,20,.20),rgba(89,201,20,.08))!important;border-color:rgba(89,201,20,.12)!important;box-shadow:0 10px 24px rgba(89,201,20,.10)!important;color:#fff!important}
.nav-home i,.nav-ico,.nav-link .icon,.nav-group summary:before{color:var(--yum-blue)!important}.nav-home.active i,.nav-link.active .icon,.nav-link.active .nav-ico,.nav-group[open] summary:before{color:var(--yum-green)!important}html:not(.sidebar-expanded) .nav-home{font-size:0!important}html:not(.sidebar-expanded) .nav-link>span:not(.nav-ico),html:not(.sidebar-expanded) .nav-link>b{display:none!important}html.sidebar-expanded .nav-home,html.sidebar-expanded .nav-link,html.sidebar-expanded .nav-group summary{justify-content:flex-start!important;font-size:12px!important}
.account{margin-top:auto!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:26px!important;background:rgba(255,255,255,.025)!important;overflow:hidden!important}.account-info,.account{justify-content:center}.account .avatar,.account-info .avatar{width:58px!important;height:58px!important;min-width:58px!important;border:3px solid var(--yum-green)!important;border-radius:50%!important;overflow:hidden!important;box-shadow:0 0 0 4px rgba(89,201,20,.08)!important}.avatar img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important}html:not(.sidebar-expanded) .account div,html:not(.sidebar-expanded) .account-info>div,html:not(.sidebar-expanded) .account-info>b{display:none!important}html.sidebar-expanded .account,html.sidebar-expanded .account-info{justify-content:flex-start!important}html.sidebar-expanded .account div,html.sidebar-expanded .account-info>div,html.sidebar-expanded .account-info>b{display:block!important}.logout{min-height:56px!important;border-top:1px solid rgba(255,255,255,.08)!important;color:#fff!important}.logout:before{color:var(--yum-blue)!important}
@media(max-width:760px){aside,html.sidebar-expanded aside{inset:0!important;width:min(290px,86vw)!important;border-radius:0!important}.workspace,html.sidebar-expanded .workspace{margin-left:0!important}.sidebar-toggle{display:none!important}}

/* YUM_ECOSYSTEM_SWITCHER_V1 */
.eco-switcher{margin-left:auto;display:flex;align-items:center;gap:4px;padding:4px;border:1px solid #dfe7ee;border-radius:13px;background:#f8fafb}.eco-switcher a{min-width:84px;padding:8px 14px;border-radius:9px;color:#32465b;text-decoration:none;text-align:center;font-size:10px;font-weight:850;letter-spacing:.02em}.eco-switcher a:hover{background:#eef5f0}.eco-switcher a.active{color:#196b32;background:#effbe7;box-shadow:inset 0 0 0 1px #74d23e}.environment{margin-left:10px!important}.top-profile,.top-account{margin-left:10px!important}
.nav-group summary:before{content:''!important;display:block!important;width:22px!important;height:22px!important;flex:none;background:currentColor!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M4 7h16M4 12h16M4 17h16'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M4 7h16M4 12h16M4 17h16'/%3E%3C/svg%3E") center/contain no-repeat}.nav-group summary{color:#2f8cff!important}.nav-group[open] summary{color:var(--yum-green)!important}
@media(max-width:980px){.eco-switcher{display:none}}

/* YUM_MASTER_LIGHT_V3 */
:root{--yum-green:#62c91d;--yum-green-2:#4eae16;--yum-soft:#eff9e8;--yum-ink:#172033;--yum-muted:#6b7c91;--yum-line:#e1e8ed;--yum-bg:#f6f8fa;--yum-card:#fff;--yum-shadow:0 10px 28px rgba(27,52,74,.07);--yum-side:248px;--yum-side-mini:92px}
body{background:var(--yum-bg)!important;color:var(--yum-ink)!important}
aside{background:#fff!important;color:var(--yum-ink)!important;border:1px solid #dfe8e3!important;border-radius:28px!important;box-shadow:0 12px 36px rgba(21,47,67,.10)!important}
nav a,.nav-link,.nav-group summary{color:#526274!important;border-radius:14px!important}
nav a:hover,.nav-link:hover,.nav-group summary:hover{background:#f4f8f5!important;color:#16364a!important}
nav a.active,.nav-link.active,.nav-group[open]>summary{background:var(--yum-soft)!important;color:#2d7e13!important;box-shadow:inset 3px 0 0 var(--yum-green)!important}
.nav-link .icon,.nav-ico,.nav-home i,.nav-group summary:before{color:var(--yum-green-2)!important}
.account,.sidebar-user{background:#fbfdfb!important;border:1px solid #dfe8e3!important;color:var(--yum-ink)!important}
.account small,.sidebar-user small,.account-info small{color:#4f9f12!important}.logout{color:#526274!important;border-top:1px solid #e4ebe7!important}
.sidebar-toggle,.collapse{background:#f3f8f4!important;color:#4f9f12!important;border:1px solid #d9e7dd!important}
.workspace>header,.topbar{background:#fff!important;border-bottom:1px solid var(--yum-line)!important;box-shadow:0 3px 18px rgba(18,44,65,.03)!important}
.yum-top-tools{display:flex;align-items:center;gap:10px;margin-left:auto;min-width:0}.yum-global-search{width:min(390px,34vw);height:38px;border:1px solid #d9e4ea;border-radius:12px;padding:0 13px;background:#f9fbfc;color:#334155}
.yum-app-switcher{display:flex;gap:4px;padding:4px;border:1px solid #dce7df;border-radius:12px;background:#f7faf8}.yum-app-switcher a{padding:7px 11px;border-radius:9px;color:#6a7a8a;font-size:11px;font-weight:800;text-decoration:none}.yum-app-switcher a.active{background:var(--yum-green)!important;color:#153608!important}
.yum-env-badge{padding:7px 10px;border-radius:999px;background:#eef8e7;color:#3f7e17;font-size:10px;font-weight:900;border:1px solid #d7ebc7}
.yum-welcome,.hero,.module-head,.office-identity,.profile-hero{min-height:150px!important;background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.88) 44%,rgba(255,255,255,.30) 100%),url('yum-popocatepetl.jpg') center 48%/cover no-repeat!important;border:1px solid #dfe8e3!important;border-radius:22px!important;box-shadow:var(--yum-shadow)!important;padding:24px 28px!important}
.panel,.cards article,.dash-kpi,.office-card,.tile,.product-card,.user-card,.admin-card,.report-card,.quick-fines{background:#fff!important;border:1px solid var(--yum-line)!important;border-radius:18px!important;box-shadow:var(--yum-shadow)!important}
input,select,textarea{border-radius:11px!important;border:1px solid #d7e2e8!important;background:#fff!important}input:focus,select:focus,textarea:focus{outline:none!important;border-color:var(--yum-green)!important;box-shadow:0 0 0 4px rgba(98,201,29,.12)!important}
button,.btn,.desktop-btn{border-radius:11px!important}.btn.primary,.desktop-btn,button.primary{background:var(--yum-green)!important;color:#18380a!important;border-color:#55b719!important}.btn.secondary,.secondary-btn{background:#fff!important;color:#31556f!important;border-color:#d7e3ea!important}
@media(max-width:900px){.yum-global-search{display:none}.yum-app-switcher a{padding:7px 8px}.yum-top-tools{gap:6px}}

:root{--yum-app-letter:"V";--yum-app-name:"VAULTIX"}
/* YUM_MASTER_SIDEBAR_V4 · regla maestra 3 sistemas */
:root{--yum-side-mini:104px;--yum-side-full:268px;--yum-green:#62c91d;--yum-green-dark:#4eae16;--yum-soft:#eff9e8;--yum-ink:#172033;--yum-muted:#6b7c91;--yum-line:#dfe8e3;--yum-blue:#2f8cff}
aside{position:fixed!important;z-index:50!important;inset:12px auto 12px 12px!important;width:var(--yum-side-mini)!important;height:auto!important;padding:12px!important;display:flex!important;flex-direction:column!important;background:#fff!important;color:var(--yum-ink)!important;border:1px solid var(--yum-line)!important;border-radius:30px!important;box-shadow:0 14px 38px rgba(21,47,67,.11)!important;overflow:hidden!important;transition:width .22s ease!important}.workspace{margin-left:128px!important;transition:margin-left .22s ease!important}html.sidebar-expanded aside{width:var(--yum-side-full)!important}html.sidebar-expanded .workspace{margin-left:292px!important}
.brand,.sidebar-head{position:relative!important;min-height:74px!important;margin:0 0 8px!important;padding:0 8px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important}.brand img{display:none!important}.logo{font-size:0!important;display:flex!important;align-items:center!important;gap:10px!important;min-width:0}.brand:before,.logo:before{content:var(--yum-app-letter)!important;width:48px;height:48px;display:grid!important;place-items:center!important;flex:0 0 48px;border:1px solid #d7ebcd;border-radius:15px;background:var(--yum-soft)!important;color:var(--yum-green-dark)!important;font-size:22px!important;font-weight:900!important;letter-spacing:-.5px}.brand:after,.logo:after{content:var(--yum-app-name)!important;display:none;color:var(--yum-ink)!important;font-size:19px!important;font-weight:900!important;letter-spacing:-.4px;white-space:nowrap}.brand span,.logo small{display:none!important}html.sidebar-expanded .brand:after,html.sidebar-expanded .logo:after{display:inline-block!important}html.sidebar-expanded .brand span,html.sidebar-expanded .logo small{display:inline-flex!important;margin-left:auto!important;margin-right:36px!important;padding:4px 7px!important;border-radius:999px!important;background:#edf8e8!important;color:#3d7d16!important;font-size:8px!important;font-weight:900!important}
.sidebar-toggle,.collapse{position:absolute!important;z-index:4!important;top:32px!important;right:14px!important;width:34px!important;height:34px!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;border:1px solid #d8e7dc!important;border-radius:11px!important;background:#f5faf6!important;color:var(--yum-green-dark)!important;font-size:0!important;cursor:pointer!important;box-shadow:none!important;transition:.18s!important}.sidebar-toggle:before,.collapse:before{content:'›';font:800 24px/1 system-ui!important}.sidebar-toggle svg,.collapse svg{display:none!important}.sidebar-toggle:hover,.collapse:hover{background:var(--yum-soft)!important;border-color:#cbe3c0!important}html.sidebar-expanded .sidebar-toggle,html.sidebar-expanded .collapse{transform:rotate(180deg)!important}
nav{display:flex!important;flex:1!important;min-height:0!important;flex-direction:column!important;gap:6px!important;margin:4px 0 8px!important;padding:4px 0!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin!important;scrollbar-color:#d5e1da transparent!important}.nav-home,.nav-link,.nav-group>summary{min-height:52px!important;margin:0!important;padding:0 12px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;border:1px solid transparent!important;border-radius:16px!important;background:transparent!important;color:#526274!important;text-decoration:none!important;white-space:nowrap!important;overflow:hidden!important;transition:.17s!important}.nav-home:hover,.nav-link:hover,.nav-group>summary:hover{background:#f5f8f6!important;color:#243c4d!important}.nav-home.active,.nav-link.active,.nav-group[open]>summary{background:var(--yum-soft)!important;color:#2d7e13!important;border-color:#d8ebcf!important;box-shadow:inset 3px 0 0 var(--yum-green)!important}
.nav-home i,.nav-link .icon,.nav-ico,.yum-side-icon{width:22px!important;height:22px!important;min-width:22px!important;display:block!important;flex:0 0 22px!important;color:var(--yum-green-dark)!important;font-size:0!important}.nav-link .icon{stroke:currentColor!important}.yum-side-icon,.nav-ico[class*='yum-icon-']{background:currentColor!important;mask-position:center!important;mask-repeat:no-repeat!important;mask-size:contain!important;-webkit-mask-position:center!important;-webkit-mask-repeat:no-repeat!important;-webkit-mask-size:contain!important}.yum-icon-home{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m12 3 9 8h-2v9h-5v-6h-4v6H5v-9H3z'/%3E%3C/svg%3E")!important;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m12 3 9 8h-2v9h-5v-6h-4v6H5v-9H3z'/%3E%3C/svg%3E")!important}.yum-icon-car{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 11 7 6h10l2 5 2 2v6h-2v-2H5v2H3v-6zm3-3-1 3h10l-1-3zm-2 5a2 2 0 1 0 0 4 2 2 0 0 0 0-4m12 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4'/%3E%3C/svg%3E")!important;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 11 7 6h10l2 5 2 2v6h-2v-2H5v2H3v-6zm3-3-1 3h10l-1-3zm-2 5a2 2 0 1 0 0 4 2 2 0 0 0 0-4m12 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4'/%3E%3C/svg%3E")!important}.yum-icon-receipt{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 3h14v18l-2-1-2 1-3-1-3 1-2-1-2 1zm3 4v2h8V7zm0 4v2h8v-2zm0 4v2h6v-2z'/%3E%3C/svg%3E")!important;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 3h14v18l-2-1-2 1-3-1-3 1-2-1-2 1zm3 4v2h8V7zm0 4v2h8v-2zm0 4v2h6v-2z'/%3E%3C/svg%3E")!important}.yum-icon-grid{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 4h6v6H4zm10 0h6v6h-6zM4 14h6v6H4zm10 0h6v6h-6z'/%3E%3C/svg%3E")!important;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 4h6v6H4zm10 0h6v6h-6zM4 14h6v6H4zm10 0h6v6h-6z'/%3E%3C/svg%3E")!important}.yum-icon-users{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 4a4 4 0 1 1 0 8 4 4 0 0 1 0-8m7 2a3 3 0 1 1 0 6 3 3 0 0 1 0-6M2 20c0-4 3-6 7-6s7 2 7 6zm14-5c4 0 6 2 6 5h-4c0-2-.7-3.5-2-5'/%3E%3C/svg%3E")!important;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 4a4 4 0 1 1 0 8 4 4 0 0 1 0-8m7 2a3 3 0 1 1 0 6 3 3 0 0 1 0-6M2 20c0-4 3-6 7-6s7 2 7 6zm14-5c4 0 6 2 6 5h-4c0-2-.7-3.5-2-5'/%3E%3C/svg%3E")!important}.yum-icon-clock{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20m1 5h-2v6l5 3 1-1.7-4-2.3z'/%3E%3C/svg%3E")!important;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20m1 5h-2v6l5 3 1-1.7-4-2.3z'/%3E%3C/svg%3E")!important}.yum-icon-user{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3a5 5 0 1 1 0 10 5 5 0 0 1 0-10M4 22c0-5 3-7 8-7s8 2 8 7z'/%3E%3C/svg%3E")!important;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3a5 5 0 1 1 0 10 5 5 0 0 1 0-10M4 22c0-5 3-7 8-7s8 2 8 7z'/%3E%3C/svg%3E")!important}html:not(.sidebar-expanded) .nav-home{font-size:0!important}html:not(.sidebar-expanded) .nav-link>span:not(.nav-ico),html:not(.sidebar-expanded) .nav-link>b,html:not(.sidebar-expanded) .yum-side-label{display:none!important}html.sidebar-expanded .nav-home,html.sidebar-expanded .nav-link,html.sidebar-expanded .nav-group>summary{justify-content:flex-start!important;font-size:12px!important}html.sidebar-expanded .yum-side-label{display:inline!important}.nav-group>summary:after{margin-left:auto!important}.nav-group>div,.nav-sub{display:none!important}html.sidebar-expanded .nav-group[open]>div,html.sidebar-expanded .nav-group[open]>.nav-sub{display:grid!important}.nav-group>div>a,.nav-sub>a{margin:1px 0 1px 44px!important;padding:8px 10px!important;border-radius:10px!important;color:#718092!important;font-size:10px!important;text-decoration:none!important;background:transparent!important}.nav-group>div>a:hover,.nav-sub>a:hover,.nav-group>div>a.active,.nav-sub>a.active{background:#f3f8f4!important;color:#2d7e13!important}
.account{margin-top:auto!important;flex:none!important;border:1px solid #dfe8e3!important;border-radius:24px!important;background:#fbfdfb!important;color:var(--yum-ink)!important;overflow:hidden!important}.account-info{display:flex!important;align-items:center!important;gap:10px!important;min-height:72px!important;padding:10px!important;color:inherit!important;text-decoration:none!important}.account .avatar,.account-info .avatar{width:54px!important;height:54px!important;min-width:54px!important;border:3px solid var(--yum-green)!important;border-radius:50%!important;overflow:hidden!important;background:#f1faec!important;box-shadow:0 0 0 4px rgba(98,201,29,.08)!important}.account .avatar img,.account-info .avatar img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center!important}.account-info div{min-width:0!important}.account-info strong,.account-info b,.account-info small{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.account-info small{color:#4f9f12!important;font-size:9px!important}.logout{width:100%!important;min-height:52px!important;padding:0 12px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;border:0!important;border-top:1px solid #e4ebe7!important;border-radius:0!important;background:#fff!important;color:#526274!important;font:700 11px/1.2 system-ui!important;text-decoration:none!important;cursor:pointer!important}.logout:before{content:''!important;width:20px!important;height:20px!important;display:block!important;flex:0 0 20px!important;background:#2f8cff!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 3h9v2H6v14h7v2H4zm11 4 5 5-5 5v-4H9v-2h6z'/%3E%3C/svg%3E") center/contain no-repeat!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 3h9v2H6v14h7v2H4zm11 4 5 5-5 5v-4H9v-2h6z'/%3E%3C/svg%3E") center/contain no-repeat!important}html:not(.sidebar-expanded) .account-info{justify-content:center!important;padding:9px 4px!important}html:not(.sidebar-expanded) .account-info div,html:not(.sidebar-expanded) .account-info>b{display:none!important}html:not(.sidebar-expanded) .logout{justify-content:center!important;font-size:0!important;padding:0!important}
.eco-switcher{margin-left:auto!important;display:flex!important;align-items:center!important;gap:4px!important;padding:4px!important;border:1px solid #dce6df!important;border-radius:13px!important;background:#f8faf9!important;box-shadow:0 2px 8px rgba(31,63,80,.03)!important}.eco-switcher a{min-width:86px!important;padding:8px 13px!important;border-radius:9px!important;color:#34495d!important;text-decoration:none!important;text-align:center!important;font-size:10px!important;font-weight:900!important;letter-spacing:.02em!important}.eco-switcher a:hover{background:#f0f6f1!important}.eco-switcher a.active{background:var(--yum-soft)!important;color:#257411!important;box-shadow:inset 0 0 0 1px #72cf3c!important}.top-profile,.top-account{margin-left:12px!important}
@media(max-width:980px){.eco-switcher{display:flex!important}.eco-switcher a{min-width:64px!important;padding:7px 8px!important}}@media(max-width:760px){aside,html.sidebar-expanded aside{inset:0!important;width:min(290px,86vw)!important;border-radius:0 26px 26px 0!important}.workspace,html.sidebar-expanded .workspace{margin-left:0!important}.sidebar-toggle,.collapse{display:none!important}.brand:after,.logo:after,.brand span,.logo small{display:inline-flex!important}.nav-home,.nav-link,.nav-group>summary{justify-content:flex-start!important;font-size:12px!important}.nav-link>span:not(.nav-ico),.nav-link>b,.yum-side-label{display:inline!important}.nav-group[open]>div,.nav-group[open]>.nav-sub{display:grid!important}.account-info{justify-content:flex-start!important}.account-info div,.account-info>b{display:block!important}.logout{justify-content:flex-start!important;font-size:11px!important;padding:0 12px!important}.eco-switcher{gap:2px!important;padding:3px!important}.eco-switcher a{min-width:0!important;padding:6px 7px!important;font-size:9px!important}.top-profile b,.top-account strong{display:none!important}}
.nav-group>summary:before{display:none!important;content:none!important}

.vaultix-upload-panel{position:fixed;right:24px;bottom:24px;width:min(390px,calc(100vw - 40px));padding:16px 17px;background:#fff;border:1px solid #dce6ec;border-radius:16px;box-shadow:0 22px 60px #0f172a2e;z-index:10050}.vu-head{display:flex;gap:11px;align-items:flex-start}.vu-head>div{min-width:0}.vu-head strong{display:block;color:#15334c;font-size:13px}.vu-head small{display:block;margin-top:3px;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#65798a;font-size:10px}.vu-spinner{width:19px;height:19px;flex:none;margin-top:1px;border:3px solid #e2eaf0;border-top-color:var(--green);border-radius:50%;animation:vu-spin .75s linear infinite}.vu-bar-wrap{height:9px;margin-top:14px;overflow:hidden;background:#edf2f5;border-radius:999px}.vu-bar{height:100%;width:0;background:linear-gradient(90deg,var(--green-dark),var(--green));transition:width .15s}.vu-meta{display:flex;justify-content:space-between;margin-top:7px;color:#607484;font-size:9px;font-weight:750}.vaultix-upload-toast{position:fixed;right:24px;bottom:24px;z-index:10060;min-width:300px;max-width:420px;padding:14px 16px;border-radius:13px;box-shadow:0 18px 50px #0f172a29;font-size:12px;font-weight:800}.vaultix-upload-toast.ok{color:#2f6f0c;background:#effbe5;border:1px solid #cae9b3}.vaultix-upload-toast.error{color:#9e1d1d;background:#fff1f1;border:1px solid #ffcaca}@keyframes vu-spin{to{transform:rotate(360deg)}}@media(max-width:600px){.vaultix-upload-panel,.vaultix-upload-toast{right:12px;bottom:12px;width:calc(100vw - 24px);min-width:0}}

.file-row{grid-template-columns:minmax(230px,1fr) 95px 135px minmax(420px,auto)}.quick-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.quick-actions form{margin:0;display:inline-flex}.quick-actions input{display:none}.quick-actions .btn,.quick-actions button{min-height:30px;padding:5px 8px;font-size:9px;border-radius:8px}.file-name-link{font-weight:750;color:#183b59}.file-name-link:hover{color:#4f9f12}.empty-folder{padding:28px;text-align:center;color:var(--muted);font-size:11px}@media(max-width:1100px){.file-row{grid-template-columns:minmax(200px,1fr) 90px 120px minmax(300px,auto)}.quick-actions{justify-content:flex-start}}

/* VAULTIX compartir v2 */
.share-create-card{max-width:920px;margin:0 auto;padding:26px}.share-form{display:grid;gap:18px}
.share-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.share-choice{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid #dce8df;border-radius:16px;background:#fbfdfb;cursor:pointer}
.share-choice input{margin-top:4px}.share-choice span{display:grid;gap:5px}.share-choice small{color:#687b6e;line-height:1.45}
.share-scope-note{padding:16px 18px;border-radius:16px;background:#eef6f0;border:1px solid #d5e7d9}
.share-scope-note p{margin:6px 0 0;color:#587064;line-height:1.5}

.public-share-shell{min-height:100vh;padding:28px;background:linear-gradient(145deg,#edf5ef,#f9fbf9)}
.public-share-card{max-width:1180px;margin:0 auto;background:#fff;border:1px solid #dce8df;border-radius:22px;padding:26px;box-shadow:0 18px 48px rgba(20,59,37,.10)}
.public-share-brand{display:flex;align-items:center;gap:14px}.public-share-brand h1{margin:4px 0 0}
.share-security-strip{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.share-security-strip span{padding:8px 11px;border-radius:999px;background:#eef6f0;color:#315a3e;font-size:12px;font-weight:700}
.shared-folder-head,.protected-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0}
.shared-file-list{display:grid;gap:8px}.shared-file-row{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:13px 15px;border:1px solid #e0e9e2;border-radius:13px;text-decoration:none;color:inherit;background:#fbfdfb}
.shared-file-row:hover{border-color:#97bea3;transform:translateY(-1px)}

.protected-viewer{position:relative;height:min(72vh,820px);border:1px solid #d9e5dc;border-radius:16px;overflow:hidden;background:#f3f6f4}
.protected-viewer iframe{width:100%;height:100%;border:0;background:#fff}
.dynamic-watermark{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-24deg);font-size:clamp(18px,3vw,38px);font-weight:800;letter-spacing:2px;color:rgba(32,84,49,.18);white-space:nowrap;pointer-events:none;user-select:none}
.protected-actions{color:#607266;font-size:13px}.public-share-shell *{-webkit-print-color-adjust:exact}
@media print{.public-share-shell{display:none!important}}
@media(max-width:720px){.share-choice-grid{grid-template-columns:1fr}.public-share-shell{padding:10px}.public-share-card{padding:16px}.shared-file-row{grid-template-columns:28px 1fr}.shared-file-row small{grid-column:2}}

/* VAULTIX_DASHBOARD_COMPACT_V1 · 2026-09-20 */
.vaultix-command{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(330px,.75fr);gap:14px;margin:20px 0 14px}
.vaultix-command-copy{position:relative;overflow:hidden;padding:24px 28px;border:1px solid #e0e9e3;border-radius:20px;background:linear-gradient(135deg,#fff 0%,#fbfef9 70%,#f1faeb 100%);box-shadow:0 10px 28px rgba(24,53,73,.05)}
.vaultix-command-copy:after{content:"";position:absolute;right:-55px;top:-62px;width:190px;height:190px;border-radius:50%;background:rgba(113,211,19,.08)}
.vaultix-command-copy>small{position:relative;z-index:1;color:#4aa70d;font-size:10px;font-weight:900;letter-spacing:.12em}
.vaultix-command-copy h2{position:relative;z-index:1;margin:5px 0 8px;color:#122038;font-size:30px;line-height:1.05;letter-spacing:-.8px}
.vaultix-command-copy p{position:relative;z-index:1;max-width:760px;margin:0;color:#63768b;font-size:13px;line-height:1.5}
.vaultix-command-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.vaultix-command-actions .btn{min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:10px;text-decoration:none;font-size:10px;font-weight:900}
.vaultix-command-rail{display:grid;grid-template-columns:1fr;gap:9px}
.vaultix-command-rail a{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:1px 11px;align-items:center;padding:14px 16px;border:1px solid #e0e8e3;border-radius:16px;background:#fff;color:#1c2b3e;text-decoration:none;box-shadow:0 8px 20px rgba(24,53,73,.035);transition:.16s}
.vaultix-command-rail a:hover{transform:translateY(-1px);border-color:#c9dfbc;background:#fcfff9}
.vaultix-command-rail span{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eef9e8;color:#4fa80e;font-size:18px;font-weight:900}
.vaultix-command-rail b{font-size:11px}
.vaultix-command-rail small{color:#718196;font-size:9px}
.vaultix-command+.dash-kpis{margin-top:0}
.vaultix-command+.dash-kpis .dash-kpi{min-height:82px;padding:14px 15px}
.vaultix-command+.dash-kpis .dash-kpi-icon{width:43px;height:43px;border-radius:12px}
.vaultix-command+.dash-kpis .dash-kpi strong{font-size:22px}
@media(max-width:1150px){.vaultix-command{grid-template-columns:1fr}.vaultix-command-rail{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.vaultix-command{margin-top:14px}.vaultix-command-copy{padding:20px}.vaultix-command-copy h2{font-size:25px}.vaultix-command-actions{flex-direction:column}.vaultix-command-actions .btn{width:100%}.vaultix-command-rail{grid-template-columns:1fr}.vaultix-command-rail a{padding:12px 14px}}
/* END_VAULTIX_DASHBOARD_COMPACT_V1 */

/* VAULTIX Licencias y Suscripciones - DEV 2026-09-29 */
.licenses-page{display:flex;flex-direction:column;gap:20px}.licenses-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.licenses-head small{font-size:11px;font-weight:800;letter-spacing:.14em;color:#66798b}.licenses-head h1{margin:5px 0 4px;font-size:30px}.licenses-head p{margin:0;color:#66798b}.licenses-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.licenses-kpis article{background:#fff;border:1px solid #dce6ee;border-radius:16px;padding:16px;box-shadow:0 8px 24px rgba(24,54,80,.06)}.licenses-kpis small{display:block;color:#718394;font-size:10px;font-weight:800;letter-spacing:.08em}.licenses-kpis strong{display:block;margin-top:7px;font-size:22px;color:#153a5b}.licenses-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.85fr);gap:18px}.licenses-list,.license-editor{min-width:0}.licenses-filter{display:grid;grid-template-columns:1fr 190px auto;gap:10px;margin-bottom:14px}.licenses-filter input,.licenses-filter select,.license-form input,.license-form select,.license-form textarea,.license-inline input{width:100%;box-sizing:border-box;border:1px solid #cfdce6;border-radius:10px;padding:10px 12px;background:#fff;color:#183750}.licenses-table-wrap{overflow:auto}.licenses-table{width:100%;border-collapse:collapse}.licenses-table th{padding:11px 10px;text-align:left;font-size:10px;letter-spacing:.08em;color:#738494;border-bottom:1px solid #dfe8ef}.licenses-table td{padding:13px 10px;border-bottom:1px solid #edf2f6;vertical-align:middle;cursor:pointer}.licenses-table tr:hover,.licenses-table tr.selected{background:#f3f8fc}.licenses-table td small{display:block;margin-top:3px;color:#7a8996}.license-status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;letter-spacing:.04em;background:#eaf0f5;color:#385267}.s-vigente{background:#e8f6ef;color:#19734a}.s-por-vencer{background:#fff5d9;color:#8a5a00}.s-critica,.s-vencida{background:#fdebec;color:#a4232c}.s-sin-fecha,.s-inactiva{background:#eef1f4;color:#66717c}

.license-form{display:flex;flex-direction:column;gap:11px}.license-form label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:700;color:#50677b}.license-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.licenses-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.license-inline{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.license-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.license-chips form{margin:0}.license-chips button{border:1px solid #d6e1e9;background:#f4f8fb;border-radius:999px;padding:7px 10px;color:#244760;cursor:pointer}.license-docs,.license-history{display:flex;flex-direction:column;gap:8px;margin-top:12px}.license-docs a,.license-history div{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #e0e8ee;border-radius:10px;text-decoration:none;color:#21445e;background:#fbfdff}.license-docs small,.license-history small{color:#718391}.license-big-status{display:flex;flex-direction:column;gap:8px;align-items:flex-start;margin-bottom:14px}.license-big-status strong{font-size:32px;color:#153a5b}.license-big-status small{color:#718391}.licenses-flashes{display:flex;flex-direction:column;gap:7px}.licenses-flashes .flash{border-radius:10px;padding:10px 12px;background:#eaf3fa;color:#234b68}.licenses-flashes .flash.error{background:#fdebec;color:#9f2730}
@media(max-width:1100px){.licenses-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.licenses-grid{grid-template-columns:1fr}.licenses-detail-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.licenses-head{align-items:flex-start;flex-direction:column}.licenses-kpis{grid-template-columns:1fr 1fr}.licenses-filter{grid-template-columns:1fr}.license-form-row,.licenses-detail-grid{grid-template-columns:1fr}.licenses-table{min-width:720px}}

.quick-dates{padding:18px}.quick-dates-table{display:flex;flex-direction:column;gap:8px}.quick-dates-row{display:grid;grid-template-columns:minmax(260px,1.4fr) minmax(150px,.6fr) minmax(150px,.6fr);gap:12px;align-items:center;padding:10px 12px;border:1px solid #e2e9ef;border-radius:12px;background:#fbfdff}.quick-dates-row strong,.quick-dates-row small{display:block}.quick-dates-row small{margin-top:3px;color:#758694}.quick-dates-row input{width:100%;box-sizing:border-box;border:1px solid #cfdce6;border-radius:9px;padding:9px 10px;background:#fff}.quick-dates-title{background:#edf5fb;color:#476176;font-size:11px;letter-spacing:.04em}.quick-dates-actions{display:flex;justify-content:flex-end;margin-top:14px}
@media(max-width:720px){.quick-dates-row{grid-template-columns:1fr}.quick-dates-title{display:none}.quick-dates-row input:before{display:block}}
/* VAULTIX LICENSES UI V2 - 2026-09-29 */
.licenses-page>.licenses-head{order:1}
.licenses-page>.licenses-flashes{order:2}
.licenses-page>.licenses-kpis{order:3}
.licenses-page>.quick-dates{order:4}
.licenses-page>.licenses-grid{order:5}
.licenses-page>.licenses-detail-grid{order:6}
.licenses-grid{display:grid;grid-template-columns:1fr;gap:16px}
.licenses-list{overflow:hidden}
.license-editor{position:static!important;inset:auto!important;width:auto!important;height:auto!important;padding:0!important;color:inherit!important;background:#fff!important;border:1px solid #dce6ee!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(24,54,80,.05)!important}
.license-editor-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;cursor:pointer;list-style:none}
.license-editor-summary::-webkit-details-marker{display:none}
.license-editor-summary span{display:grid;gap:3px}
.license-editor-summary b{font-size:13px;color:#17324d}
.license-editor-summary small{color:#748697;font-size:10px;font-weight:500}
.license-editor-summary>strong{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#edf5fb;color:#1769aa;font-size:20px;transition:.18s}
.license-editor[open] .license-editor-summary>strong{transform:rotate(45deg)}
.license-editor .license-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 18px 18px;border-top:1px solid #edf1f4;padding-top:16px}
.license-editor .license-form>input[type=hidden]{display:none}
.license-editor .license-form>label{min-width:0}
.license-editor .license-form>.license-form-row{grid-column:span 3;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.license-editor .license-form>label:has(textarea){grid-column:span 3}
.license-editor .license-form>button{grid-column:3;justify-self:end;min-width:160px}
.quick-dates{padding:0!important;overflow:hidden}
.quick-dates .panel-head{padding:16px 18px}
.quick-dates form{padding:0 16px 16px}
.quick-dates-row{padding:9px 12px;border-radius:10px}
.quick-dates-row input{margin:0;min-height:38px}
.licenses-kpis article{padding:14px 16px}
.licenses-kpis strong{font-size:20px}
.licenses-list{padding:0}
.licenses-list .licenses-filter{padding:16px 16px 0}
.licenses-table-wrap{padding:0 8px 8px}
@media(max-width:1180px){
  .license-editor .license-form{grid-template-columns:repeat(2,minmax(0,1fr))}
  .license-editor .license-form>.license-form-row{grid-column:span 2}
  .license-editor .license-form>label:has(textarea){grid-column:span 2}
  .license-editor .license-form>button{grid-column:2}
}
@media(max-width:760px){
  .license-editor .license-form{grid-template-columns:1fr}
  .license-editor .license-form>.license-form-row{grid-column:auto;grid-template-columns:1fr}
  .license-editor .license-form>label:has(textarea){grid-column:auto}
  .license-editor .license-form>button{grid-column:auto;width:100%}
  .licenses-kpis{grid-template-columns:1fr 1fr}
}
/* VAULTIX LICENSE CARDS V3 - compact interactive */
.licenses-page{gap:12px!important}
.licenses-head{padding:2px 0 0}
.licenses-head h1{font-size:28px!important;line-height:1.05}
.licenses-head p{font-size:12px}
.licenses-kpis{gap:8px!important}
.licenses-kpis article{min-height:66px;padding:10px 13px!important;border-radius:13px!important}
.licenses-kpis article small{font-size:8px!important}
.licenses-kpis article strong{font-size:18px!important;margin-top:3px!important}
.quick-dates{border-radius:15px!important}
.quick-dates .panel-head.compact{padding:12px 14px!important}
.quick-dates .panel-head h2{font-size:14px}
.quick-dates .panel-head p{font-size:9px}
.quick-dates form{padding:10px 12px 12px!important}
.license-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.license-card{position:relative;min-width:0;padding:13px;border:1px solid #dfe8ef;border-radius:14px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 3px 10px rgba(22,48,70,.035);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;cursor:pointer}
.license-card:hover{transform:translateY(-2px);border-color:#b9d4e9;box-shadow:0 9px 22px rgba(24,65,96,.09)}
.license-card.is-selected{border-color:#71d313;box-shadow:0 0 0 2px rgba(113,211,19,.13)}
.license-card-top{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:center}
.license-card-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#edf5fb;color:#1769aa;font-size:16px;font-weight:900}
.license-card-title{min-width:0}
.license-card-title strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#172033}
.license-card-title small{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#768797;font-size:8px}
.license-card .license-status{font-size:8px;padding:4px 6px}
.license-card-dates{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px;padding-top:10px;border-top:1px solid #edf2f6}
.license-card-dates label{display:grid;gap:3px;min-width:0}
.license-card-dates label>span{color:#718294;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.license-card-dates input{margin:0!important;min-height:34px!important;height:34px;padding:6px 8px!important;border-radius:8px!important;font-size:10px!important;cursor:text}
.license-card-meta{display:flex;align-items:center;gap:8px;margin-top:9px;color:#738394;font-size:8px}
.license-card-meta span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.license-card-meta a{margin-left:auto;flex:none;color:#1769aa;font-weight:850;font-size:8px}
.quick-dates-actions{margin-top:10px!important}
.quick-dates-actions .btn{min-height:36px;padding:7px 12px;font-size:10px}
.licenses-tools{display:none!important}
.license-editor{margin-top:0}
@media(max-width:1180px){.license-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.license-card-grid{grid-template-columns:1fr}.license-card-dates{grid-template-columns:1fr 1fr}.licenses-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(hover:hover) and (pointer:fine){.license-card:hover .license-card-icon{background:#e4f7d6;color:#3d8b16}}
/* VAULTIX LICENSE LOGOS V4 */
.license-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
.license-card{padding:16px!important;border-radius:18px!important;min-height:188px;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)}
.license-card-top{grid-template-columns:64px minmax(0,1fr) auto!important;gap:13px!important}
.license-card-logo{display:grid;place-items:center;width:64px;height:64px;border:1px solid #e2eaf1;border-radius:17px;background:#fff;overflow:hidden;box-shadow:0 5px 15px rgba(22,50,72,.06)}
.license-card-logo img{display:block;max-width:44px;max-height:44px;width:auto;height:auto;object-fit:contain}
.license-card-title strong{font-size:14px!important}
.license-card-title small{font-size:9px!important;margin-top:4px!important}
.license-card .license-status{font-size:8px!important;padding:5px 7px!important}
.license-card-dates{margin-top:14px!important;padding-top:12px!important;gap:10px!important}
.license-card-dates input{height:38px!important;min-height:38px!important;font-size:11px!important}
.license-card-meta{margin-top:12px!important;font-size:9px!important}
.license-card-meta a{font-size:9px!important}
@media(max-width:980px){.license-card-grid{grid-template-columns:1fr!important}}
/* VAULTIX LICENSE LOGOS V5 - real brand / themed infra */
.license-card-top{grid-template-columns:112px minmax(0,1fr) auto!important}
.license-card-logo{width:112px!important;height:68px!important;border-radius:16px!important}
.license-card-logo img{max-width:54px!important;max-height:54px!important}
.license-card-logo.is-yum-art img,.license-card-logo.is-lucio-art img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important}
.license-card-logo.is-yum-art,.license-card-logo.is-lucio-art{background:#0d2941!important;border-color:#c9d9e5!important}
.license-card-logo.is-yum-art:after,.license-card-logo.is-lucio-art:after{content:"";position:absolute;inset:0;border-radius:15px;background:linear-gradient(90deg,rgba(10,32,50,.18),rgba(10,32,50,.02));pointer-events:none}
.license-card-logo{position:relative}
@media(max-width:760px){.license-card-top{grid-template-columns:92px minmax(0,1fr)!important}.license-card-logo{width:92px!important}.license-card .license-status{grid-column:2;justify-self:start}}
/* LICENSE PRICE V6 */
.license-card-price{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;background:#eef7ff;color:#0f5f98;font-size:9px;font-weight:900;white-space:nowrap}
.license-card-meta{gap:7px!important;flex-wrap:wrap}
.license-card-meta a{margin-left:auto!important}
/* VAULTIX VISUAL DATE CARDS V7 */
.visual-date-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;margin-top:14px!important;padding-top:12px!important}
.visual-date-card{position:relative!important;display:grid!important;grid-template-columns:auto 1fr!important;grid-template-rows:auto 1fr auto!important;column-gap:10px!important;align-items:end!important;min-height:108px!important;padding:12px 14px!important;border:1px solid #d7e5ef!important;border-radius:18px!important;background:linear-gradient(145deg,#ffffff 0%,#f4f9fd 100%)!important;box-shadow:0 6px 18px rgba(27,69,99,.06)!important;overflow:hidden!important;cursor:pointer!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important}
.visual-date-card:hover{transform:translateY(-2px)!important;border-color:#8dc0e5!important;box-shadow:0 10px 24px rgba(24,76,113,.11)!important}
.visual-date-card.renewal{background:linear-gradient(145deg,#ffffff 0%,#f5fbf2 100%)!important;border-color:#dcebd3!important}
.visual-date-card.renewal:hover{border-color:#9fd37a!important}
.visual-date-input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;z-index:5!important;cursor:pointer!important}
.visual-date-label{grid-column:1/3!important;grid-row:1!important;font-size:8px!important;font-weight:900!important;letter-spacing:.12em!important;color:#7b8b99!important;align-self:start!important}
.visual-date-month{grid-column:1!important;grid-row:2!important;align-self:end!important;padding-bottom:7px!important;font-size:13px!important;font-weight:900!important;letter-spacing:.04em!important;color:#1670af!important;text-transform:uppercase!important}
.visual-date-card.renewal .visual-date-month{color:#4d9b1d!important}
.visual-date-day{grid-column:2!important;grid-row:2/4!important;justify-self:end!important;align-self:center!important;font-size:48px!important;line-height:.9!important;font-weight:800!important;letter-spacing:-.05em!important;color:#172033!important}
.visual-date-year{grid-column:1!important;grid-row:3!important;font-size:10px!important;font-weight:800!important;color:#738393!important;padding-bottom:1px!important}
.visual-date-card.is-empty .visual-date-month{font-size:9px!important;color:#97a5b1!important}
.visual-date-card.is-empty .visual-date-day{font-size:38px!important;color:#a9b8c4!important}
.visual-date-card.is-empty .visual-date-year{font-size:9px!important;color:#8fa0ad!important}
.visual-date-card:after{content:"";position:absolute;right:-24px;top:-28px;width:74px;height:74px;border-radius:50%;background:rgba(41,127,185,.06);pointer-events:none}
.visual-date-card.renewal:after{background:rgba(103,183,48,.08)}
@media(max-width:760px){.visual-date-grid{grid-template-columns:1fr 1fr!important}.visual-date-day{font-size:40px!important}.visual-date-card{min-height:100px!important;padding:10px 12px!important}}
/* LICENSE DETAIL MODAL + VOLARIS MULTI-TITULAR V8 */
body.license-modal-open{overflow:hidden}
.license-modal-backdrop{position:fixed;inset:0;z-index:12000;display:flex;align-items:flex-start;justify-content:center;padding:64px 18px 24px;background:rgba(12,28,42,.48);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.license-detail-modal{width:min(920px,96vw);max-height:84vh;overflow:auto;background:#f8fbfd;border:1px solid rgba(255,255,255,.72);border-radius:24px;box-shadow:0 30px 90px rgba(5,22,35,.28);animation:licenseModalIn .18s ease-out}
@keyframes licenseModalIn{from{opacity:0;transform:translateY(-12px) scale(.985)}to{opacity:1;transform:none}}
.license-modal-head{position:sticky;top:0;z-index:4;display:grid;grid-template-columns:72px minmax(0,1fr) auto 38px;gap:14px;align-items:center;padding:16px 18px;background:rgba(255,255,255,.96);border-bottom:1px solid #e5edf3;backdrop-filter:blur(12px)}
.license-modal-logo{display:grid;place-items:center;width:72px;height:58px;border:1px solid #e1e9ef;border-radius:16px;background:#fff;overflow:hidden}
.license-modal-logo img{max-width:52px;max-height:44px;object-fit:contain}
.license-modal-title{min-width:0}
.license-modal-title small{font-size:8px;font-weight:900;letter-spacing:.15em;color:#7b8b99}
.license-modal-title h2{margin:3px 0 2px;font-size:18px;line-height:1.1;color:#14283b}
.license-modal-title p{margin:0;color:#748595;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.license-modal-close{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#eef3f6;color:#536677;font-size:22px;font-weight:500;transition:.15s}
.license-modal-close:hover{background:#e3ebf0;transform:rotate(4deg)}
.license-modal-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:14px 16px 10px}
.license-modal-kpis article{min-width:0;padding:11px 12px;border:1px solid #e1eaf0;border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(29,59,80,.035)}
.license-modal-kpis small{display:block;font-size:7px;font-weight:900;letter-spacing:.1em;color:#83919e}
.license-modal-kpis strong{display:block;margin-top:4px;color:#15324b;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.license-modal-kpis span{display:block;margin-top:2px;color:#80909d;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.license-modal-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:6px 16px 10px}
.license-mini-panel{border:1px solid #dfe8ef;border-radius:15px;background:#fff;overflow:hidden}
.license-mini-panel>summary{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;padding:12px 13px;cursor:pointer;list-style:none}
.license-mini-panel>summary::-webkit-details-marker{display:none}
.license-mini-panel>summary>span{font-size:16px}
.license-mini-panel>summary>b{font-size:11px;color:#17324c}
.license-mini-panel>summary>small{font-size:8px;color:#8494a1}
.license-mini-panel[open]>summary{border-bottom:1px solid #edf2f5;background:#fbfdff}
.license-mini-panel .license-inline,.license-mini-panel .license-chips,.license-mini-panel .license-docs,.license-mini-panel .license-history,.license-mini-panel .license-big-status,.license-mini-panel .modal-renew-form{margin:10px 12px 12px}
.modal-renew-form{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
.modal-renew-form label:nth-child(3){grid-column:1/3}
.modal-renew-form button{grid-column:2;justify-self:end}
.license-modal-footer{position:sticky;bottom:0;z-index:3;display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;background:rgba(255,255,255,.96);border-top:1px solid #e4ecf2;backdrop-filter:blur(12px)}
.license-modal-footer form{margin:0}
.volaris-control{padding:6px 16px 12px}
.volaris-control-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:2px 0 10px}
.volaris-control-head small{font-size:7px;font-weight:900;letter-spacing:.13em;color:#8763c9}
.volaris-control-head h3{margin:3px 0 2px;font-size:15px;color:#182d43}
.volaris-control-head p{margin:0;color:#7b8c99;font-size:9px}
.volaris-add-holder>summary{list-style:none;cursor:pointer;padding:8px 11px;border-radius:10px;background:#4d6bfe;color:white;font-size:9px;font-weight:900;white-space:nowrap}
.volaris-add-holder>summary::-webkit-details-marker{display:none}
.volaris-add-holder[open]{position:relative}
.volaris-add-holder[open] .volaris-holder-form{margin-top:8px}
.volaris-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-bottom:10px}
.volaris-kpis span{display:grid;gap:2px;padding:8px 9px;border:1px solid #e3eaf2;border-radius:11px;background:white;color:#81909c;font-size:7px}
.volaris-kpis b{color:#263b50;font-size:11px}
.volaris-holder-grid{display:grid;gap:8px}
.volaris-holder-card{border:1px solid #e0e8ef;border-radius:14px;background:#fff;overflow:hidden}
.volaris-holder-card>summary{display:grid;grid-template-columns:36px minmax(0,1fr) auto 110px;gap:9px;align-items:center;padding:10px 12px;cursor:pointer;list-style:none}
.volaris-holder-card>summary::-webkit-details-marker{display:none}
.volaris-holder-card[open]>summary{background:#fafcff;border-bottom:1px solid #edf2f5}
.volaris-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#4d6bfe,#7f54d9);color:#fff;font-size:13px;font-weight:900}
.volaris-holder-name{min-width:0}
.volaris-holder-name b,.volaris-holder-name small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.volaris-holder-name b{font-size:11px;color:#172f45}
.volaris-holder-name small{margin-top:2px;font-size:8px;color:#81909c}
.volaris-renew{display:grid;gap:1px;text-align:right}
.volaris-renew small{font-size:7px;color:#8997a3}
.volaris-renew b{font-size:9px;color:#32485b}
.holder-status{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;font-size:7px;font-weight:900;white-space:nowrap}
.hs-vigente{background:#eaf7e6;color:#397d1c}.hs-por-vencer,.hs-crítico{background:#fff3d8;color:#9a6712}.hs-vencido{background:#fde9e9;color:#b43b3b}.hs-sin-fecha{background:#eef2f5;color:#72808c}.hs-inactivo{background:#f3f3f3;color:#999}
.volaris-holder-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px 12px}
.volaris-holder-form input,.volaris-holder-form select{min-width:0;margin:0!important;height:36px!important;padding:7px 8px!important;font-size:9px!important}
.volaris-holder-form label{display:grid;gap:3px;color:#718393;font-size:7px;font-weight:800}
.volaris-holder-form .wide{grid-column:span 2}
.volaris-holder-form button{align-self:end;min-height:36px}
.volaris-holder-form.edit{border-bottom:1px solid #edf2f5}
.holder-archive-form{display:flex;justify-content:flex-end;padding:0 12px 10px}
.holder-archive-form button{border:0;background:none;color:#b45555;font-size:8px;font-weight:800;cursor:pointer}
.license-modal-docs-row{padding:0 16px 10px}
@media(max-width:760px){
 .license-modal-backdrop{padding:18px 8px}.license-detail-modal{max-height:94vh;border-radius:18px}
 .license-modal-head{grid-template-columns:52px minmax(0,1fr) auto 34px;padding:12px}.license-modal-logo{width:52px;height:48px}
 .license-modal-kpis{grid-template-columns:1fr 1fr}.license-modal-actions-grid{grid-template-columns:1fr}
 .volaris-kpis{grid-template-columns:repeat(3,1fr)}.volaris-holder-card>summary{grid-template-columns:34px minmax(0,1fr) auto}.volaris-renew{grid-column:2/4;text-align:left}
 .volaris-holder-form{grid-template-columns:1fr 1fr}.volaris-holder-form .wide{grid-column:1/3}.license-modal-footer{flex-wrap:wrap}
}
/* LICENSE EVIDENCE CARDS V10 */
.evidence-panel .license-inline{margin-bottom:8px!important}
.evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 12px 12px}
.evidence-card{display:grid;grid-template-columns:54px minmax(0,1fr) 22px;gap:9px;align-items:center;min-width:0;padding:9px;border:1px solid #e1e9ef;border-radius:13px;background:#fbfdff;text-decoration:none;transition:.15s}
.evidence-card:hover{border-color:#a8cae2;box-shadow:0 6px 18px rgba(22,66,96,.08);transform:translateY(-1px)}
.evidence-preview{display:grid;place-items:center;width:54px;height:48px;border-radius:10px;overflow:hidden;background:#eef4f8}
.evidence-preview img{width:100%;height:100%;object-fit:cover}
.evidence-file-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#fff;color:#1769aa;font-size:10px;font-weight:950;box-shadow:0 2px 8px rgba(20,50,70,.08)}
.evidence-copy{min-width:0}
.evidence-copy b{display:block;color:#183147;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.evidence-copy small{display:block;margin-top:3px;color:#668199;font-size:7px;font-weight:800}
.evidence-copy em{display:block;margin-top:3px;color:#83929e;font-size:7px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.evidence-open{color:#6e879a;font-size:13px;text-align:right}
@media(max-width:760px){.evidence-grid{grid-template-columns:1fr}}
/* LICENSE ADMIN INLINE V11 */
.license-admin-panel{margin:0 16px 10px;border:1px solid #dfe9ef;border-radius:15px;background:#fff;overflow:hidden}
.license-admin-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;cursor:pointer;list-style:none;background:#fbfdff}
.license-admin-panel>summary::-webkit-details-marker{display:none}
.license-admin-panel>summary span{display:grid;gap:2px}
.license-admin-panel>summary b{font-size:10px;color:#173149}
.license-admin-panel>summary small{font-size:8px;color:#82919d}
.license-admin-panel>summary>strong{font-size:8px;color:#1670b8}
.license-admin-form{display:grid;grid-template-columns:1.2fr 1.2fr .7fr 1.6fr auto;gap:8px;align-items:end;padding:10px 12px 12px}
.license-admin-form label{display:grid;gap:4px;color:#718291;font-size:7px;font-weight:850}
.license-admin-form input,.license-admin-form select{height:36px!important;min-width:0;margin:0!important;padding:7px 8px!important;font-size:9px!important}
.license-admin-form .admin-notes{min-width:0}
.license-admin-form button{min-height:36px;white-space:nowrap}
@media(max-width:900px){.license-admin-form{grid-template-columns:1fr 1fr}.license-admin-form .admin-notes{grid-column:1/3}.license-admin-form button{justify-self:end}}
@media(max-width:620px){.license-admin-form{grid-template-columns:1fr}.license-admin-form .admin-notes{grid-column:auto}.license-admin-form button{width:100%}}