:root{--bg:#0b1220;--side:#07101d;--panel:#152033;--line:#2b3a51;--text:#eef4ff;--muted:#9fb0c7;--blue:#39bdf8;--green:#2dd4a7;--yellow:#f6c453;--red:#fb7185}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}.shell{display:flex;min-height:100vh}aside{width:255px;background:var(--side);padding:22px 16px;position:fixed;inset:0 auto 0 0;border-right:1px solid #18253a}.brand{display:flex;gap:12px;align-items:center;margin-bottom:28px}.brand span{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:linear-gradient(135deg,var(--blue),var(--green));font-size:22px;font-weight:800}.brand small,header small{display:block;color:var(--muted);margin-top:3px}nav a{display:block;padding:11px 13px;margin:5px 0;color:#cad7e9;text-decoration:none;border-radius:10px}nav a:hover{background:#132039;color:white}main{margin-left:255px;width:calc(100% - 255px)}header{height:66px;background:#0d1727;border-bottom:1px solid #223149;display:flex;justify-content:space-between;align-items:center;padding:0 26px;position:sticky;top:0;z-index:5}.content{padding:26px}.grid{display:grid;gap:16px}.g4{grid-template-columns:repeat(4,1fr)}.g2{grid-template-columns:repeat(2,1fr)}.card,.kpi{background:linear-gradient(145deg,#17243a,#121d30);border:1px solid var(--line);border-radius:16px;padding:20px}.kpi b{display:block;font-size:30px;margin-top:8px}.muted{color:var(--muted)}h1{font-size:26px;margin:0 0 4px}h2{font-size:19px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.btn{display:inline-block;border:0;border-radius:9px;padding:10px 15px;background:var(--blue);color:#042033;font-weight:700;text-decoration:none;cursor:pointer}.btn.green{background:var(--green)}.btn.ghost{background:transparent;color:white;border:1px solid var(--line)}input,select,textarea{width:100%;padding:10px 11px;border-radius:8px;border:1px solid #34445d;background:#0d1727;color:white}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.formgrid .full{grid-column:1/-1}label{display:block;color:#c7d4e5;font-size:13px;margin-bottom:5px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px;border-bottom:1px solid #304058;font-size:14px}th{color:#9fdcff;background:#101b2c}.badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;background:#22334b}.badge.ok{background:#123c36;color:#76e4c7}.badge.warn{background:#493a16;color:#ffd875}.notice{padding:12px 14px;border-radius:10px;margin-bottom:15px}.notice.ok{background:#123c36}.notice.err{background:#50202a}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login .card{width:min(420px,100%)}.logo{width:55px;height:55px;border-radius:17px;background:linear-gradient(135deg,var(--blue),var(--green));display:grid;place-items:center;color:#062033;font-size:28px;font-weight:900;margin:auto}.split{display:grid;grid-template-columns:2fr 1fr;gap:16px}.progress{height:10px;background:#0b1322;border-radius:10px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--green))}@media(max-width:900px){aside{position:static;width:100%}.shell{display:block}main{margin:0;width:100%}.g4,.g2,.split,.formgrid{grid-template-columns:1fr}}

.btn.small{padding:6px 9px;font-size:12px}.inline{display:inline}.clickable{cursor:pointer}.clickable:hover{background:#18283f}.thumb{width:58px;height:42px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.badge.danger{background:#5b1f2c;color:#ff9cad}.movement-box{background:#0d1727;border:1px solid var(--line);padding:12px;border-radius:12px}.movement-box b{display:block;color:#9fdcff;margin-bottom:10px}.checkgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.check{background:#0d1727;border:1px solid var(--line);padding:10px;border-radius:9px}.check input{width:auto}.filter-card select[multiple]{min-height:115px}.chart-wrap{display:grid;gap:14px}.legend{display:flex;gap:18px}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.dot.people,.bar.people{background:var(--blue)}.dot.dollars,.bar.dollars{background:var(--green)}.chart-row{display:grid;grid-template-columns:75px 1fr;gap:12px;align-items:center}.period{color:var(--muted);font-size:13px}.bars{display:grid;gap:5px}.bar{height:24px;border-radius:6px;min-width:2%;position:relative}.bar span{position:absolute;left:8px;top:3px;color:#06101b;font-size:12px;font-weight:700;white-space:nowrap}@media(max-width:900px){.checkgrid{grid-template-columns:1fr 1fr}}

@media print{
 aside,header,.btn,form,.notice{display:none!important}
 main{margin:0!important}
 .content{padding:0!important}
 .card{box-shadow:none!important;border:0!important}
 body{background:white!important;color:black!important}
 table{font-size:9px!important}
}


/* ATLAS v1.0.1 - Menú lateral plegable y desplazable */
:root{--sidebar-width:275px;--sidebar-collapsed:78px}
.sidebar{
 width:var(--sidebar-width);
 height:100vh;
 display:flex;
 flex-direction:column;
 overflow:hidden;
 transition:width .22s ease,transform .22s ease;
 padding:14px 10px 10px;
 z-index:30
}
.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 5px 12px}
.sidebar .brand{margin:0;min-width:0}
.brand-text{white-space:nowrap;overflow:hidden;transition:opacity .15s ease,width .22s ease}
.icon-btn,.mobile-menu-btn{
 border:1px solid var(--line);background:#101b2c;color:var(--text);border-radius:9px;
 width:38px;height:38px;display:grid;place-items:center;cursor:pointer;font-size:19px;flex:none
}
.mobile-menu-btn{display:none}
.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:4px;scrollbar-width:thin;scrollbar-color:#3b526f transparent}
.sidebar-nav::-webkit-scrollbar{width:7px}
.sidebar-nav::-webkit-scrollbar-thumb{background:#3b526f;border-radius:8px}
.sidebar-nav::-webkit-scrollbar-track{background:transparent}
.sidebar-nav a,.menu-title{
 width:100%;display:flex;align-items:center;text-decoration:none;color:#cad7e9;border:0;
 background:transparent;border-radius:10px;cursor:pointer;font:inherit
}
.nav-single{gap:10px;padding:11px 12px;margin-bottom:5px}
.nav-icon{width:24px;min-width:24px;text-align:center;font-size:16px}
.nav-label{white-space:nowrap}
.menu-group{margin:4px 0}
.menu-title{justify-content:space-between;padding:11px 12px;font-weight:650}
.menu-title>span:first-child{display:flex;align-items:center;gap:10px;min-width:0}
.menu-title:hover,.nav-single:hover{background:#132039;color:#fff}
.chevron{transition:transform .18s ease;font-size:16px}
.menu-group.closed .chevron{transform:rotate(-90deg)}
.submenu{display:grid;grid-template-rows:1fr;transition:grid-template-rows .2s ease}
.submenu>a{margin:2px 0 2px 34px;padding:9px 11px;font-size:13px;border-left:1px solid #2e405b;border-radius:7px}
.submenu>a:hover{background:#132039;color:white}
.submenu>a.active,.nav-single.active{background:#163552;color:#bfeaff;border-color:#3d8db9}
.menu-group.closed .submenu{display:none}
.sidebar-footer{display:flex;gap:6px;padding:8px 3px 0;border-top:1px solid #18253a}
.sidebar-action{flex:1;border:1px solid var(--line);background:#101b2c;color:#cbd9eb;border-radius:8px;padding:7px 5px;font-size:11px;cursor:pointer}
.sidebar-action:hover{background:#172943}
main{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));transition:margin-left .22s ease,width .22s ease}
body.sidebar-collapsed .sidebar{width:var(--sidebar-collapsed)}
body.sidebar-collapsed main{margin-left:var(--sidebar-collapsed);width:calc(100% - var(--sidebar-collapsed))}
body.sidebar-collapsed .brand-text,
body.sidebar-collapsed .nav-label,
body.sidebar-collapsed .chevron,
body.sidebar-collapsed .sidebar-footer{display:none}
body.sidebar-collapsed .sidebar-head{justify-content:center;flex-direction:column}
body.sidebar-collapsed .brand{justify-content:center}
body.sidebar-collapsed .menu-title,
body.sidebar-collapsed .nav-single{justify-content:center;padding-left:9px;padding-right:9px}
body.sidebar-collapsed .menu-title>span:first-child{gap:0}
body.sidebar-collapsed .menu-group .submenu{display:none!important}
body.sidebar-collapsed .nav-icon{width:auto;min-width:0;font-size:19px}
body.sidebar-collapsed .brand span{width:42px;height:42px}

/* Tooltip simple para menú comprimido */
body.sidebar-collapsed .menu-title,
body.sidebar-collapsed .nav-single{position:relative}
body.sidebar-collapsed .menu-title:hover:after,
body.sidebar-collapsed .nav-single:hover:after{
 content:attr(data-label);position:fixed;left:84px;background:#17243a;color:#fff;border:1px solid var(--line);
 padding:7px 10px;border-radius:7px;white-space:nowrap;z-index:80;font-size:12px;box-shadow:0 8px 25px #0008
}

@media(max-width:900px){
 .sidebar{position:fixed;left:0;top:0;transform:translateX(-102%);width:min(300px,88vw)}
 body.mobile-menu-open .sidebar{transform:translateX(0)}
 body.sidebar-collapsed .sidebar{width:min(300px,88vw)}
 body.sidebar-collapsed .brand-text,
 body.sidebar-collapsed .nav-label,
 body.sidebar-collapsed .chevron,
 body.sidebar-collapsed .sidebar-footer{display:block}
 body.sidebar-collapsed .menu-title,
 body.sidebar-collapsed .nav-single{justify-content:flex-start}
 body.sidebar-collapsed .menu-title>span:first-child{gap:10px}
 body.sidebar-collapsed .menu-group .submenu{display:block}
 main,body.sidebar-collapsed main{margin-left:0;width:100%}
 .mobile-menu-btn{display:grid}
 header{gap:12px}
}

.ac-box{position:absolute;z-index:120;left:0;right:0;top:100%;background:#101b2c;border:1px solid #3b526f;border-radius:8px;max-height:280px;overflow:auto;display:none;box-shadow:0 12px 30px #0009}.ac-item{padding:10px 12px;cursor:pointer;border-bottom:1px solid #23344b}.ac-item:hover,.ac-item.active{background:#174367;color:white}.field-note{font-size:12px;color:#92a4ba;margin-top:4px}.status-pending{color:#fbbf24}.status-approved{color:#4ade80}.status-rejected{color:#fb7185}


/* ATLAS v1.1.3 - Autocompletado global */
.atlas-field-wrap,.atlas-search-select{position:relative;width:100%}
.atlas-native-select{
 position:absolute!important;
 width:1px!important;height:1px!important;
 opacity:0!important;pointer-events:none!important;
 left:0;bottom:0
}
.atlas-select-input{padding-right:34px!important}
.atlas-search-select:after{
 content:'⌄';position:absolute;right:12px;top:50%;transform:translateY(-50%);
 color:var(--muted);pointer-events:none;font-size:15px
}
.atlas-ac-box{
 display:none;position:absolute;z-index:1000;left:0;right:0;top:calc(100% + 5px);
 max-height:290px;overflow:auto;background:#0d1727;border:1px solid #40536f;
 border-radius:10px;box-shadow:0 16px 38px rgba(0,0,0,.45);padding:5px
}
.atlas-ac-item,.atlas-ac-empty{
 padding:9px 11px;border-radius:7px;color:#dce8f8;font-size:13px;line-height:1.3
}
.atlas-ac-item{cursor:pointer}
.atlas-ac-item:hover,.atlas-ac-item.active{background:#1d4264;color:#fff}
.atlas-ac-empty{color:var(--muted)}
.atlas-ac-item.disabled-result{opacity:.48;cursor:not-allowed;text-decoration:line-through}
.atlas-search-select input:focus,.atlas-field-wrap input:focus{border-color:var(--blue);box-shadow:0 0 0 2px rgba(57,189,248,.15)}
@media print{.atlas-search-select input{border:0!important;background:transparent!important;color:#000!important}}

.movement-disabled{opacity:.58;background:#101827}
.movement-disabled td{text-decoration:none}
button[disabled]{opacity:.5;cursor:not-allowed}
.field-note{font-size:12px;color:var(--muted);margin-top:5px}

.notice.warn{background:#493a16;color:#ffe6a1;border:1px solid #7d6524}

.subtotal-row td{background:#13263b;color:#b9dfff}
.total-row td{background:#183126;color:#9ce7c5}
.grand-total-row td{background:#253553;color:#fff;font-size:15px}

.atlas-field-wrap,.atlas-search-select{position:relative;width:100%}
.atlas-select-input{width:100%;box-sizing:border-box}
.atlas-native-select{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}
.atlas-ac-box{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:999;background:#0f172a;border:1px solid #334155;border-radius:10px;max-height:300px;overflow-y:auto;box-shadow:0 10px 26px rgba(0,0,0,.28)}
.atlas-ac-item{padding:10px 12px;border-bottom:1px solid #243244;cursor:pointer;white-space:normal}
.atlas-ac-item:last-child{border-bottom:0}
.atlas-ac-item:hover,.atlas-ac-item.active{background:#183b4b}
.atlas-ac-empty{padding:12px;color:#94a3b8;text-align:center}

/* v1.5.4 Dashboard */
.combo-chart{overflow-x:auto;padding:12px 4px}.combo-bars{height:330px;min-width:760px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:flex-end;gap:10px;padding:18px 12px 0;position:relative;background:linear-gradient(to top,rgba(255,255,255,.035) 1px,transparent 1px);background-size:100% 25%}.combo-col{height:100%;flex:1;min-width:38px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}.vbars{height:88%;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px}.vbar{width:38%;min-width:8px;border-radius:5px 5px 0 0}.vbar.people{background:var(--blue)}.vbar.dollars{background:var(--green)}.combo-col small{height:30px;padding-top:6px}.pounds-point{position:absolute;right:-4px;font-size:16px;z-index:3;text-shadow:0 0 8px #fff}.combo-legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:10px}.occ-wrap{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:18px}.donut{--pct:0;width:180px;height:180px;border-radius:50%;background:conic-gradient(var(--blue) calc(var(--pct)*1%),#25354a 0);display:grid;place-items:center}.donut:before{content:"";width:122px;height:122px;border-radius:50%;background:#101b2c;position:absolute}.donut{position:relative}.donut>div{position:relative;z-index:2;text-align:center}.donut b{font-size:30px;display:block}.donut small{color:var(--muted)}

/* v1.5.6 Dashboard SVG + valores visibles */
.atlas-svg-chart{overflow-x:auto;margin-top:10px;border:1px solid var(--line);border-radius:10px;background:rgba(4,12,25,.18)}
.atlas-svg-chart svg{display:block;min-width:900px;max-width:none}.chart-grid{stroke:rgba(148,163,184,.18);stroke-width:1}.axis-label,.axis-title,.x-label,.bar-value,.pounds-value{fill:#b8c7d9;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.axis-label{font-size:11px}.axis-title{font-size:12px;font-weight:600}.x-label{font-size:12px;font-weight:700}.bar-value{font-size:10px;font-weight:700}.pounds-value{font-size:10px;font-weight:700;fill:#f8fafc}.svg-bar.people{fill:#38bdf8}.svg-bar.dollars{fill:#2dd4bf}.pounds-line{fill:none;stroke:#f8fafc;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.pounds-dot{fill:#f8fafc;stroke:#0f172a;stroke-width:2}.legend-box{display:inline-block;width:12px;height:12px;border-radius:2px;margin-right:5px;vertical-align:-1px}.legend-box.people{background:#38bdf8}.legend-box.dollars{background:#2dd4bf}.legend-line{display:inline-block;width:24px;height:3px;background:#f8fafc;margin-right:5px;vertical-align:3px;border-radius:3px}.dashboard-table{margin-top:14px;max-height:360px}