:root{--navy:#10253f;--navy2:#173553;--blue:#1d73d2;--blue2:#0d5eb9;--bg:#f4f7fb;--card:#fff;--ink:#172435;--muted:#68788c;--line:#e4eaf1;--danger:#c9434a;--amber:#d98613;--shadow:0 12px 32px rgba(20,45,75,.08)}
*{box-sizing:border-box}html{font-size:15px}body{margin:0;color:var(--ink);font-family:"DM Sans",sans-serif;background:var(--bg)}button,input,select,textarea{font:inherit}button,a{transition:.18s ease}a{text-decoration:none;color:inherit}h1,h2,h3,strong{font-family:"Manrope",sans-serif}p{color:var(--muted)}
.app-shell{display:flex;min-height:100vh}.sidebar{width:260px;position:fixed;inset:0 auto 0 0;background:var(--navy);color:#fff;padding:24px 16px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 25px;border-bottom:1px solid #ffffff17}.brand img{width:47px;height:47px;object-fit:contain;background:#fff;border-radius:12px;padding:3px}.brand span,.sidebar-user span{display:flex;flex-direction:column}.brand strong{font-size:.94rem}.brand small,.sidebar-user small{color:#91a5bb;font-size:.75rem;margin-top:3px}.sidebar nav{display:flex;flex-direction:column;gap:5px;margin-top:25px;flex:1}.sidebar nav a{padding:12px 13px;border-radius:9px;color:#bbcad9;font-weight:600}.sidebar nav a span{display:inline-grid;place-items:center;width:24px;margin-right:8px;color:#90b7df}.sidebar nav a:hover,.sidebar nav a.active{color:white;background:#ffffff12}.sidebar nav a.active{box-shadow:inset 3px 0 #48a2ff}.sidebar-user{display:flex;align-items:center;gap:9px;border-top:1px solid #ffffff17;padding:18px 4px 0}.avatar,.person span{display:grid;place-items:center;border-radius:50%;background:#ddecfb;color:var(--blue);font-weight:800}.avatar{width:36px;height:36px}.sidebar-user span{flex:1}.sidebar-user strong{font-size:.8rem}.sidebar-user button{background:none;border:0;color:#a9bad0;font-size:1.25rem;cursor:pointer}.main{margin-left:260px;min-width:0;flex:1}.topbar{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 32px;position:sticky;top:0;z-index:20}.topbar>div{display:flex;flex-direction:column}.topbar small{font-size:.68rem;letter-spacing:.1em;color:#8291a3;text-transform:uppercase}.topbar strong{font-size:.92rem}.today{margin-left:auto;color:var(--muted);font-weight:600}.menu-toggle{display:none;border:0;background:none;font-size:1.5rem;margin-right:12px}.content{padding:30px 34px 50px;max-width:1600px;margin:auto}
.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:25px}.page-head h1{font-size:2rem;margin:2px 0 3px;letter-spacing:-.04em}.page-head p{margin:0}.eyebrow{font-weight:800!important;color:var(--blue)!important;font-size:.7rem!important;letter-spacing:.15em!important}.actions,.filter-bar{display:flex;gap:10px;align-items:flex-end}.filter-bar{background:#fff;padding:10px;border:1px solid var(--line);border-radius:12px}.filter-bar label,.table-tools label{font-size:.7rem;font-weight:700;color:var(--muted);display:flex;flex-direction:column;gap:3px}
.btn{border:1px solid transparent;border-radius:8px;padding:10px 16px;font-weight:700;cursor:pointer;display:inline-flex;justify-content:center;align-items:center}.btn.primary{background:var(--blue);color:#fff;box-shadow:0 5px 14px #1d73d233}.btn.primary:hover{background:var(--blue2)}.btn.secondary{background:#fff;border-color:#d7e0ea;color:#344960}.btn.danger{background:#fff2f2;color:var(--danger);border-color:#f1c8ca}.wide{width:100%;padding:13px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.notice{margin:0 0 18px;padding:12px 15px;border-radius:9px;font-weight:600}.notice.success{background:#eaf8f1;color:#217454}.notice.warning{background:#fff6df;color:#8a5b00}.notice.danger{background:#fff0f0;color:#a5363d}
input,select,textarea{border:1px solid #d8e1eb;border-radius:8px;background:#fff;color:var(--ink);padding:10px 11px;outline:none;min-width:0}input:focus,select:focus,textarea:focus{border-color:#62a2e6;box-shadow:0 0 0 3px #1d73d21a}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stats article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px;display:flex;gap:14px;box-shadow:var(--shadow)}.stats article>div{display:flex;flex-direction:column}.stats small{color:var(--muted);font-weight:600}.stats strong{font-size:1.75rem;line-height:1.15;margin:4px 0}.stats em{font-size:.72rem;color:#8a98a9;font-style:normal}.stat-icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;font-weight:900}.stat-icon.blue{background:#eaf3fd;color:#2675c7}.stat-icon.amber{background:#fff4df;color:#c27c11}.stat-icon.violet{background:#f2edff;color:#7254c8}.stat-icon.red{background:#ffeded;color:#c84c52}.dashboard-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.dashboard-grid .card{padding:22px}.card-head h2{font-size:1rem;margin:0}.card-head p{font-size:.8rem;margin:4px 0 19px}.rank-row{display:grid;grid-template-columns:26px minmax(130px,1fr) 2fr 28px;align-items:center;gap:12px;padding:10px 0;border-top:1px solid #edf1f5;font-size:.8rem}.rank-row>span{width:24px;height:24px;background:#f1f5f9;border-radius:6px;display:grid;place-items:center}.rank-row>div{height:6px;border-radius:5px;background:#eef2f6;overflow:hidden}.rank-row i{display:block;height:100%;background:linear-gradient(90deg,#63a6e8,#2376cb)}.exception-row{display:flex;align-items:center;gap:11px;padding:11px 0;border-top:1px solid #edf1f5}.exception-row>span{width:38px;height:38px;border-radius:9px;background:#eef5fc;color:var(--blue);display:grid;place-items:center;font-size:.7rem;font-weight:800}.exception-row>div{display:flex;flex-direction:column;flex:1}.exception-row small{color:var(--muted)}
.table-tools{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;gap:9px;align-items:center}.table-tools>input{min-width:310px}.table-tools>span{margin-left:auto;color:var(--muted);font-size:.8rem}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{background:#f8fafc;color:#708095;text-transform:uppercase;font-size:.66rem;letter-spacing:.08em;text-align:left;padding:12px 16px}td{padding:14px 16px;border-top:1px solid #edf1f5;font-size:.84rem}tbody tr:hover{background:#fbfdff}.person{display:flex;align-items:center;gap:9px}.person span{width:31px;height:31px}.badge{background:#edf5fc;color:#326eaa;border-radius:30px;padding:5px 9px;font-size:.72rem}code{font-family:inherit;font-weight:800;color:#36516d}.row-actions{display:flex;justify-content:flex-end;gap:8px}.link-btn{background:none;border:0;color:var(--blue);font-weight:700;cursor:pointer}.danger-text{color:var(--danger)}.time-alert{background:#fff1e0;color:#aa6511;padding:4px 7px;border-radius:5px;font-weight:700}.empty{padding:35px;text-align:center;color:#8492a3}.pagination{padding:10px 15px}.pagination nav>div:first-child{display:none}.pagination nav>div:last-child{display:flex;justify-content:space-between;align-items:center}.pagination svg{width:16px}.pagination a,.pagination span{font-size:.75rem}.pagination nav span[aria-current] span{background:var(--blue)!important;color:#fff}.danger-zone{display:flex;align-items:center;justify-content:space-between;margin-top:20px;border:1px solid #f0d7d8;background:#fffafa;border-radius:12px;padding:17px 20px}.danger-zone p{margin:3px 0 0;font-size:.8rem}
dialog{border:0;padding:0;border-radius:15px;width:min(600px,calc(100% - 28px));box-shadow:0 30px 90px #07192e66}dialog::backdrop{background:#0d1c2e99;backdrop-filter:blur(3px)}.modal-form{padding:24px}.modal-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:19px}.modal-head h2{margin:0;font-size:1.15rem}.modal-head p{margin:4px 0 0;font-size:.8rem}.modal-head button{border:0;background:#eff3f7;width:30px;height:30px;border-radius:50%;font-size:1.2rem;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label,.builder-form label,.portal-card label,.login-card label{display:flex;flex-direction:column;gap:6px;font-size:.78rem;font-weight:700}.form-grid .full{grid-column:1/-1}.modal-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);margin-top:20px;padding-top:17px}.file-drop{border:1.5px dashed #aabbd0;background:#f8fbfe;border-radius:11px;padding:28px;text-align:center;display:flex;flex-direction:column;gap:12px;font-weight:700;color:#48647f}.file-drop input{background:#fff}.info-box{background:#edf6ff;color:#376b9d;padding:12px;border-radius:8px;margin-bottom:14px;font-size:.8rem}
.report-builder{display:grid;grid-template-columns:1.15fr .85fr;overflow:hidden}.builder-copy{padding:38px;background:linear-gradient(140deg,#112a46,#174f7d);color:#fff}.builder-copy p,.builder-copy li{color:#c2d5e7}.builder-copy h2{font-size:1.5rem}.builder-copy li{margin:9px 0}.hero-icon{font-size:2.4rem;color:#78baff}.builder-form{padding:42px;display:flex;flex-direction:column;gap:18px;justify-content:center}.report-actions{display:flex;justify-content:space-between;margin-bottom:16px}.report-paper{background:#fff;border:1px solid var(--line);border-radius:13px;padding:32px;box-shadow:var(--shadow)}.report-paper>header{display:flex;align-items:center;gap:20px;border-bottom:2px solid var(--navy);padding-bottom:18px}.report-paper header img{width:95px}.report-paper header h1{margin:3px 0;font-size:1.6rem}.report-paper header p{margin:0}.employee-summary{display:grid;grid-template-columns:1.5fr 1fr .7fr 1.7fr;background:#f6f9fc;margin:22px 0;padding:15px;border-radius:9px;gap:15px}.employee-summary div,.report-metrics div{display:flex;flex-direction:column}.employee-summary small,.report-metrics small{color:var(--muted);font-size:.7rem;text-transform:uppercase}.employee-summary strong{font-size:.82rem}.report-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:20px}.report-metrics>div{padding:13px;border:1px solid var(--line);border-radius:8px}.report-metrics strong{font-size:1.1rem}.report-metrics .accent{background:#fff0f0;border-color:#efc6c8;color:var(--danger)}.report-paper footer{text-align:center;color:#8b98a8;font-size:.7rem;margin-top:22px}.period-tabs{display:flex;gap:7px;margin-bottom:16px}.period-tabs button{border:1px solid var(--line);background:#fff;padding:8px 12px;border-radius:7px;cursor:pointer}.period-tabs button.active{background:var(--navy);color:#fff}
.public-shell{min-height:100vh;background:linear-gradient(135deg,#f5f9fd,#eaf2f9)}.portal,.login-page{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;max-width:1200px;margin:auto;padding:50px}.portal-brand,.login-brand{padding:30px 60px 30px 0}.portal-brand img,.login-brand img{width:150px;margin-bottom:50px}.portal-brand h1,.login-brand h1{font-size:3.2rem;line-height:1.08;letter-spacing:-.055em;margin:10px 0 18px;color:var(--navy)}.portal-brand h1 span,.login-brand h1 span{color:var(--blue)}.portal-brand>div>p,.login-brand>div>p{max-width:560px;font-size:1.05rem}.portal-features{display:flex;gap:20px;color:#4b6d8d;font-weight:700;font-size:.8rem;margin-top:28px}.portal-card,.login-card{background:#fff;border:1px solid #dce6ef;border-radius:20px;padding:40px;box-shadow:0 22px 70px #244b7520}.portal-card h2,.login-card h2{font-size:1.5rem;margin:8px 0}.portal-card>div>p,.login-card>div>p{margin:0 0 25px}.portal-card form,.login-card form{display:flex;flex-direction:column;gap:17px}.lock{display:grid;width:42px;height:42px;border-radius:11px;background:#eaf4fd;color:var(--blue);place-items:center}.privacy{display:block;color:#8896a5;text-align:center;margin-top:18px}.login-card>a{display:block;text-align:center;color:var(--blue);font-weight:700;font-size:.8rem;margin-top:22px}.public-report{max-width:1200px;margin:auto;padding:35px}
@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.sidebar{transform:translateX(-100%);transition:.2s}.main{margin-left:0}.menu-toggle{display:block}.nav-open .sidebar{transform:none}.portal,.login-page{grid-template-columns:1fr;max-width:650px}.portal-brand,.login-brand{padding:0}.portal-brand img,.login-brand img{margin-bottom:20px}.portal-brand h1,.login-brand h1{font-size:2.5rem}.employee-summary{grid-template-columns:1fr 1fr}.report-metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.content{padding:22px 15px}.topbar{padding:0 15px}.today{display:none}.page-head{align-items:stretch;flex-direction:column}.actions,.filter-bar{flex-wrap:wrap}.stats{grid-template-columns:1fr}.report-builder{grid-template-columns:1fr}.builder-copy,.builder-form{padding:25px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.table-tools{flex-wrap:wrap}.table-tools>input{min-width:100%}.table-tools>span{margin-left:0}.danger-zone{align-items:flex-start;flex-direction:column;gap:12px}.portal,.login-page{padding:25px 16px}.portal-brand img,.login-brand img{width:110px}.portal-brand h1,.login-brand h1{font-size:2rem}.portal-features{flex-direction:column;gap:8px}.portal-card,.login-card{padding:25px}.public-report{padding:15px}.report-paper{padding:18px}.report-paper>header{align-items:flex-start}.report-paper header img{width:65px}.employee-summary,.report-metrics{grid-template-columns:1fr 1fr}.report-actions{gap:8px}.report-actions .btn{padding:8px}.period-tabs{overflow:auto}}
@media print{body{background:#fff}.sidebar,.topbar,.no-print,.notice{display:none!important}.main{margin:0}.content,.public-report{padding:0}.report-paper{box-shadow:none;border:0;padding:0}.table-wrap{overflow:visible}table{white-space:normal}.report-paper footer{margin-top:12px}@page{size:landscape;margin:10mm}}

/* Refined employee directory */
.employee-tools select{min-width:165px}.person>div{display:flex;flex-direction:column}.person>div small{color:#8a98a8;font-size:.68rem;margin-top:2px}.status-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:30px;font-size:.72rem;font-weight:800}.status-badge i{width:7px;height:7px;border-radius:50%}.status-badge.active{color:#177253;background:#e9f8f1}.status-badge.active i{background:#20a474;box-shadow:0 0 0 3px #20a4741f}.status-badge.inactive{color:#7b8794;background:#edf0f3}.status-badge.inactive i{background:#909aa5}.edit-action{display:inline-flex;align-items:center;gap:6px;border:1px solid #d6e2ed;background:#fff;color:#225d96;padding:7px 11px;border-radius:7px;font-weight:700;cursor:pointer}.edit-action:hover{background:#edf6ff;border-color:#aad0f3}.more-action{width:32px;height:32px;border:1px solid #e1e7ed;background:#fff;border-radius:7px;color:#8391a1;cursor:pointer;letter-spacing:1px}.employee-dialog{width:min(680px,calc(100% - 28px));overflow:hidden}.employee-modal-form{padding:0}.employee-modal-hero{position:relative;display:flex;align-items:center;gap:15px;padding:25px 28px;color:#fff;background:radial-gradient(circle at 85% 0,#2f76b8 0,transparent 34%),linear-gradient(130deg,#102740,#174b74)}.employee-modal-hero:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,#39a1ee,#84c8f7,transparent)}.employee-avatar{width:55px;height:55px;border-radius:15px;display:grid;place-items:center;background:#ffffff18;border:1px solid #ffffff32;font:800 1.35rem "Manrope"}.employee-modal-hero>div:nth-child(2){flex:1}.employee-modal-hero span{font-size:.62rem;letter-spacing:.15em;color:#8ec9f4;font-weight:800}.employee-modal-hero h2{font-size:1.22rem;margin:3px 0}.employee-modal-hero p{margin:0;color:#bdd1e3;font-size:.76rem}.employee-modal-hero button{align-self:flex-start;background:#ffffff13;color:#fff;border:1px solid #ffffff20;width:31px;height:31px;border-radius:50%;font-size:1.2rem;cursor:pointer}.employee-modal-form>.form-grid,.employee-modal-form>.identity-note,.employee-modal-form>.modal-section-title{margin-left:28px;margin-right:28px}.modal-section-title{display:flex;align-items:center;gap:11px;margin-top:22px;margin-bottom:16px}.modal-section-title>span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#e8f3fd;color:#2777bd;font-size:.67rem;font-weight:800}.modal-section-title>div{display:flex;flex-direction:column}.modal-section-title strong{font-size:.82rem}.modal-section-title small{color:#8391a1;font-size:.7rem}.form-grid label>span{color:#526376}.form-grid label>span b{color:#e05259}.input-with-icon{display:flex;align-items:center;position:relative}.input-with-icon i{position:absolute;left:11px;font-style:normal;font-size:.68rem;font-weight:800;color:#5e88ae;background:#eaf3fb;border-radius:5px;padding:3px 4px}.input-with-icon input{width:100%;padding-left:42px}.identity-note{display:flex;align-items:flex-start;gap:10px;background:#f0f7fd;border:1px solid #d8eafb;padding:11px 13px;border-radius:8px;margin-top:16px}.identity-note>span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#3180c5;color:white;font:bold .72rem serif}.identity-note p{margin:0;font-size:.72rem;line-height:1.45;color:#54728e}.employee-modal-form>.modal-actions{padding:17px 28px;margin-top:20px;background:#f8fafc}.modal-actions .btn span{margin-left:7px}

/* Marcaciones operation center */
.attendance-head{align-items:center}.system-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:30px;background:#eaf8f2;color:#247258;font-size:.72rem;font-weight:800;border:1px solid #d2eee2}.system-pill i{width:8px;height:8px;border-radius:50%;background:#2bac7c;box-shadow:0 0 0 4px #2bac7c1b}.attendance-hero{position:relative;overflow:hidden;min-height:300px;padding:42px 45px;border-radius:19px;color:#fff;background:radial-gradient(circle at 80% 20%,#2b6b9d 0,transparent 26%),linear-gradient(115deg,#0d243c,#123d60 62%,#0b2e4a);box-shadow:0 22px 50px #102c4926;margin-bottom:22px}.attendance-hero:before{content:"";position:absolute;width:360px;height:360px;border:1px solid #ffffff12;border-radius:50%;right:-80px;top:-160px;box-shadow:0 0 0 45px #ffffff08,0 0 0 90px #ffffff05}.attendance-hero-copy{position:relative;z-index:2;max-width:720px}.section-kicker,.operation-title>span{font-size:.63rem;letter-spacing:.17em;color:#74b9eb;font-weight:800}.attendance-hero h2{font-size:2.35rem;line-height:1.12;letter-spacing:-.045em;margin:9px 0 12px}.attendance-hero p{color:#b8ccdd;max-width:630px;line-height:1.6}.mini-stats{display:flex;margin-top:28px;gap:0}.mini-stats>div{display:flex;flex-direction:column;padding:0 28px;border-left:1px solid #ffffff24}.mini-stats>div:first-child{padding-left:0;border:0}.mini-stats strong{font-size:1.25rem}.mini-stats span{color:#91aec5;font-size:.68rem;margin-top:4px}.attendance-mark{position:absolute;right:8%;top:50%;transform:translateY(-50%);width:140px;height:140px;border-radius:35px;background:linear-gradient(145deg,#ffffff18,#ffffff08);border:1px solid #ffffff20;display:grid;place-items:center;rotate:6deg;box-shadow:0 20px 40px #00111e40}.attendance-mark span{font:800 4.5rem "Manrope";color:#75c2f5;rotate:-6deg}.attendance-mark i,.attendance-mark b{position:absolute;border-radius:50%;background:#50b9f7}.attendance-mark i{width:11px;height:11px;right:-30px;top:9px}.attendance-mark b{width:6px;height:6px;left:-22px;bottom:22px}.operation-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.75fr);gap:21px}.operation-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:27px;box-shadow:var(--shadow)}.operation-icon{width:45px;height:45px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#e6f3ff,#d6ebfc);color:#1474c5;font:800 1.45rem "Manrope";margin-bottom:15px}.operation-title h2{font-size:1.25rem;margin:5px 0}.operation-title p{margin:0 0 20px;font-size:.82rem}.upload-zone{min-height:190px;border:1.5px dashed #9ebbd3;border-radius:13px;background:linear-gradient(180deg,#f8fbfe,#f3f8fc);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;cursor:pointer;position:relative}.upload-zone:hover{border-color:#3d8fd2;background:#f0f8ff}.upload-zone input{position:absolute;opacity:0;pointer-events:none}.upload-art{display:grid;place-items:center;width:48px;height:55px;border-radius:7px;background:#1f905c;color:white;font:bold .8rem "Manrope";box-shadow:8px 8px 0 #d5eade;margin-bottom:13px}.upload-zone strong{font-size:.9rem}.upload-zone small{color:#8a99a9;margin:5px 0 12px}.upload-zone em{font-style:normal;color:#1b72bd;font-weight:800;font-size:.75rem;border-bottom:1px solid #1b72bd}.format-guide{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:15px 0}.format-guide>span{width:100%;font-size:.58rem;letter-spacing:.13em;color:#8292a3;font-weight:800}.format-guide div{display:flex;align-items:center;gap:5px;border:1px solid #e0e8ef;border-radius:6px;padding:5px 7px;font-size:.65rem;color:#657789}.format-guide b{display:grid;place-items:center;width:17px;height:17px;border-radius:4px;background:#e9f2fa;color:#2771b0}.import-submit{margin-top:2px}.import-submit span{margin-left:auto;font-size:1.1rem}.danger-icon{background:#fff0f0;color:#c8444b}.delete-operation .operation-title>span{color:#bd6064}.delete-warning{display:flex;gap:12px;padding:13px;border-radius:9px;background:#fff6f2;border:1px solid #f4ded4;margin:24px 0}.delete-warning:before{content:"!";width:23px;height:23px;display:grid;place-items:center;flex:none;border-radius:50%;background:#dc6b53;color:white;font-weight:800}.delete-warning strong{font-size:.76rem}.delete-warning p{margin:2px 0 0;font-size:.69rem;line-height:1.45}.delete-form{display:flex;flex-direction:column;gap:12px}.delete-form label{display:flex;flex-direction:column;gap:6px;font-size:.72rem;font-weight:800}.history-range{display:flex;flex-direction:column;padding-top:17px;margin-top:18px;border-top:1px solid var(--line)}.history-range span{font-size:.64rem;color:#8291a1;text-transform:uppercase}.history-range strong{font-size:.76rem;margin-top:3px}

/* Employee public portal */
.employee-portal{position:relative;overflow:hidden;min-height:100vh;background:#f3f7fa;color:#152a3e;padding:0 max(30px,calc((100vw - 1220px)/2))}.employee-portal:before{content:"";position:absolute;inset:0 50% 0 0;background:linear-gradient(145deg,#0d2842,#123e60 66%,#174b70);clip-path:polygon(0 0,94% 0,100% 100%,0 100%)}.portal-glow{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.portal-glow.one{width:380px;height:380px;left:-170px;top:20%;border:1px solid #ffffff0c;box-shadow:0 0 0 60px #ffffff08,0 0 0 120px #ffffff05}.portal-glow.two{width:180px;height:180px;background:#53a9e20b;right:-60px;bottom:-50px}.portal-top{height:95px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.portal-top>a{display:flex;align-items:center;gap:12px;color:#fff}.portal-top img{width:58px;height:58px;object-fit:contain;background:white;padding:3px;border-radius:12px}.portal-top a>span{display:flex;flex-direction:column}.portal-top a strong{font-size:.87rem}.portal-top a small{font-size:.62rem;color:#9fb8cc;margin-top:3px}.portal-top>div{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #dce6ed;border-radius:30px;padding:8px 13px;font-size:.7rem;font-weight:800;color:#527087}.portal-top>div i{width:7px;height:7px;border-radius:50%;background:#2ba77b}.portal-layout{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .8fr;gap:8%;align-items:center;min-height:calc(100vh - 155px);padding:30px 4% 55px 2%}.portal-story{color:#fff;max-width:580px}.portal-tag{display:inline-flex;align-items:center;gap:8px;color:#76bcec;font-size:.65rem;font-weight:800;letter-spacing:.17em}.portal-tag span{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#ffffff0e}.portal-story h1{font-size:4rem;line-height:.99;letter-spacing:-.06em;margin:20px 0}.portal-story h1 em{font-style:normal;color:#71bdf0}.portal-story>p{color:#b8cbd9;line-height:1.65;max-width:530px}.portal-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:36px}.portal-benefits article{display:flex;gap:9px;border-top:1px solid #ffffff1d;padding-top:13px}.portal-benefits article>span{color:#5ba8dd;font:bold .65rem "Manrope"}.portal-benefits article>div{display:flex;flex-direction:column}.portal-benefits strong{font-size:.7rem}.portal-benefits small{color:#819eb4;font-size:.6rem;margin-top:3px}.portal-access{position:relative;background:#fff;border:1px solid #dde6ed;border-radius:22px;padding:38px 42px;box-shadow:0 30px 80px #112f4e22;overflow:hidden}.access-accent{position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(#3d9ee1,#125f9d)}.access-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#e5f4ff,#d5ebfb);display:grid;place-items:center;color:#1975bd;font-size:1.4rem;margin-bottom:17px}.access-overline{font-size:.61rem;letter-spacing:.17em;color:#3182bf;font-weight:800}.portal-access h2{font-size:1.65rem;letter-spacing:-.035em;margin:5px 0}.portal-access>p{font-size:.79rem;line-height:1.5;margin:0 0 22px}.portal-access form{display:flex;flex-direction:column;gap:17px}.portal-access label{display:flex;flex-direction:column;gap:6px}.portal-access label>span{font-size:.72rem;font-weight:800;color:#40566b}.portal-access label>small{color:#92a0ae;font-size:.61rem}.portal-input{position:relative;display:flex;align-items:center}.portal-input i{position:absolute;left:12px;font-style:normal;font-size:.64rem;font-weight:800;color:#477ca6;width:25px;height:25px;border-radius:6px;background:#eaf3fa;display:grid;place-items:center}.portal-input input{width:100%;padding:12px 12px 12px 47px;background:#f9fbfd}.portal-submit{display:flex;align-items:center;border:0;border-radius:9px;padding:13px 16px;background:linear-gradient(100deg,#176cb2,#278bd3);color:white;font-weight:800;cursor:pointer;box-shadow:0 9px 20px #237db72c}.portal-submit span{margin-left:auto;font-size:1.1rem}.portal-privacy{display:flex;gap:10px;align-items:center;margin-top:19px;padding-top:16px;border-top:1px solid var(--line)}.portal-privacy>span{color:#4389ba}.portal-privacy p{font-size:.62rem;margin:0;line-height:1.5}.portal-footer{height:60px;position:relative;z-index:2;display:flex;justify-content:space-between;color:#708395;font-size:.62rem}.portal-footer span:first-child{color:#829db3}

/* Portrait report / PDF */
.portrait-report{max-width:900px;margin:auto;padding:36px 42px}.report-header{display:flex!important;justify-content:space-between;align-items:center!important;border:0!important;padding:0!important}.report-brand{display:flex;align-items:center;gap:11px}.report-brand img{width:70px!important}.report-brand>span{display:flex;flex-direction:column}.report-brand strong{font-size:.66rem;letter-spacing:.09em;color:#1a3854}.report-brand small{color:#66829b;font-size:.58rem;letter-spacing:.14em}.report-heading{text-align:right}.report-heading>span{color:#287abb;font-size:.57rem;font-weight:800;letter-spacing:.15em}.report-heading h1{font-size:1.55rem!important;margin:3px 0!important;color:#132d45}.report-heading p{margin:0!important;font-size:.77rem;color:#647d91}.report-rule{height:5px;background:#102f4b;border-radius:5px;margin:17px 0 20px;overflow:hidden}.report-rule span{display:block;width:28%;height:100%;background:#2e91d2}.report-employee{display:grid;grid-template-columns:auto 1.5fr .8fr .55fr 1fr;gap:16px;align-items:center;padding:14px 16px;background:#f4f8fb;border:1px solid #e2eaf0;border-radius:10px}.report-avatar{width:42px;height:42px;border-radius:10px;background:#173c5d;color:#fff;display:grid;place-items:center;font:800 1rem "Manrope"}.report-employee>div:not(.report-avatar){display:flex;flex-direction:column}.report-employee small{font-size:.55rem;color:#7890a4;letter-spacing:.1em}.report-employee strong{font-size:.72rem;margin-top:3px}.employee-main span{font-size:.62rem;color:#71869a;margin-top:1px}.report-summary{display:grid;grid-template-columns:repeat(4,1fr) 1.15fr;gap:8px;margin:17px 0}.report-summary>div{position:relative;display:grid;grid-template-columns:1fr auto;align-items:end;border:1px solid #e0e8ef;border-radius:8px;padding:11px 12px;background:#fff}.report-summary small{grid-column:1/-1;font-size:.54rem;color:#73879a;text-transform:uppercase}.report-summary strong{font-size:1rem;margin-top:5px}.report-summary em{font-size:.56rem;color:#8b99a7;font-style:normal;margin-bottom:2px}.metric-dot{position:absolute;right:9px;top:9px;width:5px;height:5px;border-radius:50%}.metric-dot.slate{background:#73889b}.metric-dot.amber{background:#d6922c}.metric-dot.blue{background:#348fd0}.report-summary .total-metric{color:#fff;border-color:#173c5c;background:linear-gradient(135deg,#14344f,#1d537b)}.report-summary .total-metric small,.report-summary .total-metric em{color:#a9c2d6}.report-detail{border:1px solid #dfe7ee;border-radius:9px;overflow:hidden}.report-section-title{display:flex;justify-content:space-between;padding:10px 13px;background:#eef4f8}.report-section-title span{font-size:.58rem;letter-spacing:.12em;font-weight:800;color:#335a78}.report-section-title small{font-size:.58rem;color:#7d90a1}.report-detail table{white-space:normal}.report-detail th{padding:8px 10px;background:#173b59;color:#dce8f1;font-size:.54rem}.report-detail td{padding:8px 10px;font-size:.66rem}.report-alert{color:#b76b17;font-weight:800;background:#fff8ec}.report-footer{display:flex!important;justify-content:space-between;align-items:flex-end;margin-top:18px!important;padding-top:13px;border-top:1px solid #dce5ec;text-align:left!important}.report-footer>div{display:flex;align-items:center;gap:9px}.report-footer>div>span{width:27px;height:27px;border-radius:50%;background:#e7f2fa;border:6px solid #f4f8fb}.report-footer p{font-size:.57rem;margin:0;color:#506a7f}.report-footer small{font-size:.52rem;color:#8a9aa7}.report-footer>div:last-child{align-items:flex-end;flex-direction:column;gap:1px}.report-footer strong{font-size:.65rem}

@media(max-width:1050px){.operation-grid{grid-template-columns:1fr}.attendance-mark{opacity:.35}.employee-portal:before{inset:0;clip-path:none}.portal-top>div{background:#ffffff12;color:#fff;border-color:#ffffff1d}.portal-layout{grid-template-columns:1fr;max-width:700px;margin:auto}.portal-story{padding-top:30px}.portal-access{margin-bottom:30px}.portal-footer{color:#91aabd}.report-employee{grid-template-columns:auto 1.5fr 1fr 1fr}.report-employee>div:last-child{grid-column:2/-1}.report-summary{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.attendance-hero{padding:28px 23px}.attendance-hero h2{font-size:1.8rem}.attendance-mark{display:none}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:17px}.mini-stats>div{padding:0;border:0}.operation-card{padding:20px}.system-pill{align-self:flex-start}.employee-tools select{width:100%}.employee-modal-form>.form-grid,.employee-modal-form>.identity-note,.employee-modal-form>.modal-section-title{margin-left:18px;margin-right:18px}.employee-modal-hero{padding:21px 18px}.employee-portal{padding:0 18px}.portal-top a small{display:none}.portal-layout{padding:20px 0}.portal-story h1{font-size:2.8rem}.portal-benefits{grid-template-columns:1fr}.portal-access{padding:28px 24px}.portal-footer{flex-direction:column;gap:5px;padding:12px 0;height:auto}.portrait-report{padding:20px}.report-header{align-items:flex-start!important}.report-brand>span{display:none}.report-heading h1{font-size:1.15rem!important}.report-employee{grid-template-columns:auto 1fr 1fr}.report-employee>div:nth-child(n+4){grid-column:auto}.report-summary{grid-template-columns:1fr 1fr}.report-summary .total-metric{grid-column:1/-1}}

.import-progress{margin:3px 0 14px;padding:13px 14px;border:1px solid #d8e6f1;border-radius:10px;background:#f7fbfe}.import-progress[hidden]{display:none}.import-progress-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.import-progress-head strong{font-size:.76rem;color:#24445f}.import-progress-head span{font-size:.7rem;font-weight:800;color:#1975c3}.import-progress-track{height:9px;overflow:hidden;border-radius:20px;background:#dce9f3}.import-progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1975c3,#42a9ef);transition:width .2s ease}.import-progress small{display:block;margin-top:7px;color:#718497;font-size:.66rem;line-height:1.4}.import-progress.processing .import-progress-track i{background:linear-gradient(90deg,#1975c3 0,#67c2ff 45%,#1975c3 90%);background-size:200% 100%;animation:import-processing 1.2s linear infinite}.import-progress.processing .import-progress-head span{font-size:.64rem}.import-progress.failed{border-color:#f0cece;background:#fff8f8}.import-progress.failed .import-progress-track i{background:#cb4b52}.import-progress.failed .import-progress-head span{color:#b83d44}.import-submit:disabled{cursor:wait;opacity:.65}@keyframes import-processing{from{background-position:200% 0}to{background-position:0 0}}
.import-swal-popup{width:min(460px,calc(100% - 28px))!important;padding:28px!important;border-radius:20px!important}.swal-import-progress{margin:5px 0 0;padding:18px;border:0;border-radius:14px;background:linear-gradient(145deg,#f4f9fd,#edf6fc);text-align:left}.import-file-badge{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 18px;border-radius:13px;background:linear-gradient(145deg,#207ecb,#135e9b);box-shadow:0 9px 22px #176dac42;color:#fff;font:800 .72rem "Manrope";letter-spacing:.08em}.swal-import-progress .import-progress-head strong{font-size:.84rem}.swal-import-progress .import-progress-head span{padding:4px 8px;border-radius:20px;background:#dceefb;font-size:.7rem}.swal-import-progress .import-progress-track{height:12px;box-shadow:inset 0 1px 2px #173d5d1a}.swal-import-progress small{margin-top:10px;text-align:center;font-size:.7rem}.import-progress.completed{border-color:#cbeadb;background:linear-gradient(145deg,#f2fbf7,#eaf8f1)}.import-progress.completed .import-file-badge{background:linear-gradient(145deg,#31ad78,#1c8057);box-shadow:0 9px 22px #238e6040}.import-progress.completed .import-progress-track{background:#ceeada}.import-progress.completed .import-progress-track i{background:linear-gradient(90deg,#249365,#43bd87)}.import-progress.completed .import-progress-head strong,.import-progress.completed .import-progress-head span{color:#237452}.import-progress.completed .import-progress-head span{background:#d8f0e3}

@media print{
 @page{size:A4 portrait;margin:9mm}
 html,body{width:210mm;min-height:297mm;background:#fff!important}
 .portrait-report{width:100%;max-width:none;margin:0;padding:0;border:0;box-shadow:none}
 .report-header{display:flex!important}.report-brand img{width:58px!important}.report-heading h1{font-size:1.25rem!important}
 .report-rule{margin:11px 0 13px}.report-employee{padding:9px 11px}.report-avatar{width:34px;height:34px}
 .report-summary{margin:11px 0;gap:5px}.report-summary>div{padding:8px}.report-summary strong{font-size:.82rem}
 .report-detail th,.report-detail td{padding:5px 7px}.report-footer{margin-top:10px!important}
 table{page-break-inside:auto}tr{page-break-inside:avoid;page-break-after:auto}thead{display:table-header-group}
}

/* Movimiento continuo durante procesos cuyo avance depende del servidor. */
.import-progress.processing .import-progress-track i{
 width:100%!important;
 background:linear-gradient(90deg,#1269b3 0,#58bafa 35%,#e1f4ff 50%,#58bafa 65%,#1269b3 100%);
 background-size:250% 100%;
 animation:import-processing 1s linear infinite;
}
.import-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.import-result-grid>div{display:flex;flex-direction:column;align-items:center;padding:12px 8px;border:1px solid #cde9db;border-radius:10px;background:#fff}.import-result-grid strong{font:800 1.35rem "Manrope";color:#237452}.import-result-grid span{margin-top:2px;color:#667e72;font-size:.64rem}.delete-result-count{display:flex;align-items:baseline;justify-content:center;gap:7px;margin-top:15px;padding:12px;border:1px solid #cde9db;border-radius:10px;background:#fff}.delete-result-count strong{font:800 1.45rem "Manrope";color:#237452}.delete-result-count span{color:#667e72;font-size:.7rem}.process-error-message{padding:13px;border:1px solid #f0d5d5;border-radius:10px;background:#fff7f7;color:#8e3c42;font-size:.82rem;line-height:1.5}

/* Pagination */
.pagination{padding:18px 20px;border-top:1px solid #edf1f5;background:#fbfcfe;border-radius:0 0 14px 14px}.pagination nav>div:last-child{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px}.pagination nav>div:last-child>div:first-child p{margin:0;color:#718195;font-size:.74rem}.pagination nav>div:last-child>div:last-child>span{display:flex;align-items:center;gap:5px;box-shadow:none!important}.pagination nav a,.pagination nav span[aria-disabled=true]>span,.pagination nav span[aria-current=page]>span{min-width:36px;height:36px;padding:0 11px!important;border:1px solid #dce5ed!important;border-radius:8px!important;display:inline-flex!important;align-items:center;justify-content:center;background:#fff!important;color:#52677d!important;font-size:.74rem!important;font-weight:800!important;box-shadow:0 2px 5px #1838540a!important}.pagination nav a:hover{border-color:#68a7db!important;color:#1769ac!important;background:#edf7ff!important;transform:translateY(-1px)}.pagination nav span[aria-current=page]>span{background:linear-gradient(135deg,#1e78c2,#155d9b)!important;border-color:#1767a8!important;color:#fff!important;box-shadow:0 5px 12px #1d73d22c!important}.pagination nav span[aria-disabled=true]>span{opacity:.42;background:#f3f5f7!important}.pagination nav svg{width:15px;height:15px}.pagination nav>div:first-child{display:none!important}

/* Users */
.security-banner{display:flex;align-items:center;gap:14px;padding:17px 20px;margin-bottom:18px;border:1px solid #d7e8f5;border-radius:13px;background:linear-gradient(100deg,#eff8ff,#f9fcff)}.security-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#dbeffc;color:#2679b8}.security-banner>div:nth-child(2){flex:1}.security-banner strong{font-size:.82rem}.security-banner p{font-size:.72rem;margin:3px 0 0}.security-banner>span{padding:7px 11px;border-radius:20px;background:#fff;border:1px solid #d9e7f1;color:#51728d;font-size:.68rem;font-weight:800}.password-mask{letter-spacing:.16em;color:#75879a;font-weight:800}.current-session{display:inline-flex;padding:5px 8px;background:#e9f5ff;color:#2472ad;border-radius:6px;font-size:.65rem;font-weight:800}.muted-cell{color:#a5afb9}.user-state-action{border:0;background:none;font-size:.7rem;font-weight:800;cursor:pointer;padding:7px}.user-state-action.off{color:#b44d52}.user-state-action.on{color:#20805e}.account-dialog{width:min(570px,calc(100% - 28px))}.account-dialog .modal-overline{font-size:.58rem;letter-spacing:.16em;color:#3280bd;font-weight:800}.account-dialog .modal-head h2{margin-top:4px}.password-tip{display:flex;gap:10px;margin-top:17px;padding:12px;border-radius:8px;background:#f2f7fb;border:1px solid #e0eaf1}.password-tip span{color:#3985bd}.password-tip p{font-size:.7rem;line-height:1.45;margin:0}

/* Correctly sized employee modal */
.employee-dialog .employee-modal-body{padding:0 28px}.employee-modal-body .modal-section-title,.employee-modal-body .form-grid,.employee-modal-body .identity-note{margin-left:0!important;margin-right:0!important}.employee-modal-body .form-grid{width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.employee-modal-body input,.employee-modal-body select{width:100%;max-width:100%}.employee-dialog .modal-actions{margin:20px 0 0!important;padding:17px 28px!important}.employee-dialog[open]{display:block}.employee-dialog .employee-modal-form{width:100%;max-height:min(760px,92vh);overflow:auto}

/* Month selector and incident rows */
.month-switcher{margin:18px 0;padding:16px;border:1px solid #dfe8ef;border-radius:11px;background:linear-gradient(135deg,#f8fbfd,#f2f7fa)}.month-switcher-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}.month-switcher-title>div{display:flex;flex-direction:column}.month-switcher-title span{font-size:.55rem;letter-spacing:.14em;color:#357daf;font-weight:800}.month-switcher-title strong{font-size:.78rem;margin-top:3px}.month-switcher-title>small{font-size:.6rem;color:#8092a2}.month-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.month-options button{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;text-align:left;column-gap:8px;padding:11px 12px;border:1px solid #dce5ec;border-radius:9px;background:#fff;color:#60758a;cursor:pointer}.month-options button>span{grid-row:1/3;width:36px;height:36px;border-radius:8px;display:grid;place-items:center;background:#edf3f7;color:#476b87;font-size:.6rem;font-weight:900}.month-options button>strong{font-size:.72rem}.month-options button>i{font-size:.55rem;font-style:normal;color:#8a9aa8}.month-options button>b{grid-column:3;grid-row:1/3;font-size:.9rem}.month-options button:hover{border-color:#7cb1d7;transform:translateY(-1px);box-shadow:0 5px 12px #1e5f8d10}.month-options button.active{border-color:#1d669e;background:linear-gradient(135deg,#173b59,#205d88);color:white;box-shadow:0 7px 16px #173f5f26}.month-options button.active>span{background:#ffffff17;color:#8bd0ff}.month-options button.active>i{color:#b4cad9}.incident-row td{background:#fff1f1!important;border-top-color:#f2d9da!important}.incident-row:hover td{background:#ffe9e9!important}.incident-row td:first-child{box-shadow:inset 3px 0 #d95b60}.incident-label{display:block;width:max-content;margin-top:3px;padding:2px 5px;border-radius:4px;background:#f6d6d7;color:#a83f44;font-size:.5rem;font-weight:800;text-transform:uppercase}.report-alert{color:#a74347!important;background:transparent!important;font-weight:900}.report-summary>div:first-child,.report-summary>div:nth-child(2){background:#fff7f7;border-color:#f0dcdc}.report-summary>div:first-child strong,.report-summary>div:nth-child(2) strong{color:#b7494e}

@media(max-width:700px){.pagination nav>div:last-child{justify-content:center!important}.pagination nav>div:last-child>div:first-child{display:none}.pagination nav a,.pagination nav span[aria-disabled=true]>span,.pagination nav span[aria-current=page]>span{min-width:31px;height:33px;padding:0 8px!important}.security-banner{align-items:flex-start;flex-wrap:wrap}.security-banner>span{margin-left:55px}.employee-dialog .employee-modal-body{padding:0 18px}.employee-modal-body .form-grid{grid-template-columns:1fr}.month-options{grid-template-columns:1fr}.month-switcher-title>small{display:none}}

/* Expanded dashboard */
.dashboard-head{align-items:center}.dashboard-stats{display:grid;grid-template-columns:1.15fr repeat(4,1fr);gap:13px;margin-bottom:17px}.dashboard-stats article{position:relative;overflow:hidden;min-height:125px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 17px;display:flex;align-items:flex-start;gap:12px;box-shadow:var(--shadow)}.dashboard-stats article>div{display:flex;flex-direction:column}.dashboard-stats small{color:#748498;font-size:.7rem;font-weight:700}.dashboard-stats strong{font-size:1.7rem;line-height:1.15;margin:5px 0}.dashboard-stats em{font-style:normal;color:#8b99a8;font-size:.62rem}.dashboard-stats article.main-stat{color:#fff;border-color:#173e61;background:radial-gradient(circle at 100% 0,#397cab 0,transparent 40%),linear-gradient(135deg,#102b45,#174d75)}.dashboard-stats .main-stat small,.dashboard-stats .main-stat em{color:#b5cadb}.dashboard-stats .main-stat>i{position:absolute;right:9px;bottom:-5px;font:800 2.2rem "Manrope";letter-spacing:.08em;color:#ffffff08}.stat-icon.cyan{background:#ffffff17;color:#82c8f5}.leader-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:17px}.leader-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:19px 21px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}.leader-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px}.leader-card.tardy:before{background:#dfa23c}.leader-card.early:before{background:#765cc4}.leader-icon{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;font-size:1.25rem;font-weight:800}.tardy .leader-icon{color:#b97615;background:#fff3dc}.early .leader-icon{color:#6749b3;background:#f0ecff}.leader-copy{min-width:0}.leader-copy>span,.section-label{font-size:.57rem;letter-spacing:.14em;color:#7690a6;font-weight:800}.leader-copy h2{font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:4px 0 2px}.leader-copy p{font-size:.65rem;margin:0}.leader-value{text-align:right;display:flex;flex-direction:column;padding-left:16px;border-left:1px solid #e4eaf0}.leader-value strong{font-size:1.05rem}.leader-value small{color:#8695a4;font-size:.62rem;margin-top:3px}.dashboard-overview-grid{display:grid;grid-template-columns:1.5fr .65fr;gap:17px;margin-bottom:17px}.district-card,.health-card,.activity-card,.dashboard-lower>.card{padding:22px}.district-card .card-head,.health-card .card-head,.activity-card .card-head{display:flex;justify-content:space-between}.section-label{display:block;color:#3982b8;margin-bottom:4px}.card-total{display:flex;flex-direction:column;text-align:right;font-size:1.35rem;color:#194b71}.card-total small{font-size:.55rem;color:#8796a5}.district-list{margin-top:12px}.district-row{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #edf1f5}.district-index{font:bold .63rem "Manrope";color:#99a7b4}.district-row>div{display:grid;grid-template-columns:minmax(160px,.7fr) 1fr;align-items:center;gap:15px}.district-row>div>strong{font-size:.76rem}.district-track{height:7px;border-radius:7px;background:#edf2f6;overflow:hidden}.district-track i{display:block;height:100%;border-radius:7px;background:linear-gradient(90deg,#267dc0,#61b1e7)}.district-row>b{font-size:.85rem;color:#245c86}.district-row>b small{font-size:.56rem;color:#8b99a7;font-weight:500}.health-card{display:grid;grid-template-columns:1fr 1fr;column-gap:15px}.health-card .card-head{grid-column:1/-1}.health-ring{--value:0;align-self:center;width:135px;height:135px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#2684c7 calc(var(--value)*1%),#e8eef3 0);position:relative;margin:10px auto}.health-ring:after{content:"";position:absolute;inset:13px;background:#fff;border-radius:50%}.health-ring>div{position:relative;z-index:2;display:flex;flex-direction:column;text-align:center}.health-ring strong{font-size:1.45rem;color:#1a537d}.health-ring small{font-size:.6rem;color:#8393a1}.health-legend{display:flex;flex-direction:column;justify-content:center;gap:15px}.health-legend>div{display:flex;gap:9px;align-items:flex-start}.health-legend i{width:8px;height:8px;margin-top:4px;border-radius:50%}.health-legend i.complete{background:#2886c8}.health-legend i.clean{background:#54b28a}.health-legend span{display:flex;flex-direction:column}.health-legend strong{font-size:.67rem}.health-legend small{font-size:.56rem;color:#8696a5}.activity-card{margin-bottom:17px}.activity-legend{font-size:.62rem;color:#7d8e9e;display:flex;align-items:center;gap:6px}.activity-legend i{width:8px;height:8px;border-radius:50%;background:#378ec9}.activity-chart{height:185px;display:flex;align-items:end;gap:4px;padding:18px 4px 0;border-bottom:1px solid #dce5ec;background:repeating-linear-gradient(to bottom,transparent 0,transparent 44px,#edf1f5 45px)}.activity-column{height:100%;flex:1;min-width:7px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}.activity-column>span{font-size:.48rem;color:#668199;height:14px}.activity-column>i{display:block;width:min(100%,17px);min-height:2px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#55ace3,#2679b9);transition:.2s}.activity-column:hover>i{background:linear-gradient(180deg,#7ac6f1,#175f99);box-shadow:0 0 0 3px #2b83bf15}.activity-column>small{position:absolute;top:calc(100% + 5px);font-size:.48rem;color:#8293a2}.dashboard-lower>.card{min-width:0}
@media(max-width:1250px){.dashboard-stats{grid-template-columns:repeat(3,1fr)}.dashboard-stats .main-stat{grid-column:span 1}.dashboard-overview-grid{grid-template-columns:1fr}.health-card{grid-template-columns:1fr 1fr}}@media(max-width:850px){.leader-grid{grid-template-columns:1fr}.dashboard-stats{grid-template-columns:1fr 1fr}.dashboard-overview-grid{grid-template-columns:1fr}.activity-chart{overflow-x:auto;gap:5px}.activity-column{min-width:13px}.dashboard-lower{grid-template-columns:1fr}}@media(max-width:550px){.dashboard-stats{grid-template-columns:1fr}.leader-card{grid-template-columns:auto 1fr}.leader-value{grid-column:1/-1;display:flex;flex-direction:row;justify-content:space-between;border-left:0;border-top:1px solid #edf1f5;padding:10px 0 0}.district-row>div{grid-template-columns:1fr;gap:6px}.district-row>b small{display:none}.health-card{grid-template-columns:1fr}.health-card .card-head{grid-column:auto}.health-legend{flex-direction:row}.activity-card{padding:17px}}

/* Responsive refinements */
@media(max-width:1050px){
 body{overflow-x:hidden}
 .content,.main,.card,.report-paper{min-width:0}
 .operation-grid,.report-builder,.dashboard-grid,.dashboard-overview-grid{min-width:0}
 .filter-bar{max-width:100%}
 .table-wrap{max-width:100%;-webkit-overflow-scrolling:touch}
}
@media(max-width:700px){
 html{font-size:14px}
 .topbar{height:64px}
 .content{width:100%;padding:18px 12px 36px}
 .page-head{gap:14px;margin-bottom:18px}
 .page-head h1{font-size:1.65rem}
 .actions,.filter-bar,.report-actions{width:100%}
 .actions>.btn,.filter-bar>*{flex:1 1 100%}
 .filter-bar input,.filter-bar select{width:100%}
 .btn{min-height:42px}
 .card{border-radius:12px}
 .report-actions{display:grid;grid-template-columns:1fr 1fr}
 .report-actions .btn{width:100%;white-space:normal;text-align:center}
 .portrait-report{width:100%;max-width:100%;padding:16px 12px;overflow:visible}
 .report-header{gap:10px}
 .report-brand img{width:54px!important}
 .report-employee{gap:10px;padding:12px 10px}
 .report-avatar{width:38px;height:38px}
 .report-summary{gap:7px}
 .report-detail{display:block;max-width:100%;overflow-x:scroll;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#4e91c4 #e8eef3}
 .report-detail::-webkit-scrollbar{height:9px}
 .report-detail::-webkit-scrollbar-track{background:#e8eef3}
 .report-detail::-webkit-scrollbar-thumb{background:#4e91c4;border:2px solid #e8eef3;border-radius:10px}
 .report-section-title{position:sticky;left:0;width:100%;min-width:calc(100vw - 48px);align-items:center;gap:10px}
 .report-section-title:after{content:"Desliza ↔";margin-left:auto;color:#287abb;font-size:.58rem;font-weight:800}
 .report-section-title small{display:none}
 .report-detail table{width:720px;min-width:720px;white-space:nowrap}
 .report-detail th,.report-detail td{min-width:100px;padding:10px 12px;font-size:.7rem}
 .report-detail th:first-child,.report-detail td:first-child{position:sticky;left:0;z-index:2;min-width:116px;width:116px}
 .report-detail th:first-child{z-index:4;background:#173b59;box-shadow:5px 0 8px rgba(16,47,75,.18)}
 .report-detail td:first-child{background:#fff;box-shadow:5px 0 8px rgba(16,47,75,.12)}
 .report-detail tbody tr:hover td:first-child{background:#fbfdff}
 .report-detail .incident-row td:first-child{background:#fff1f1!important;box-shadow:inset 3px 0 #d95b60,5px 0 8px rgba(16,47,75,.12)}
 .report-footer{gap:12px}
 .report-footer>div:first-child{min-width:0}
 .report-footer p{line-height:1.35}
 dialog{max-height:94dvh;overflow:auto}
 .modal-actions{position:sticky;bottom:0;background:#fff}
}
@media(max-width:420px){
 .content{padding-left:10px;padding-right:10px}
 .topbar>div{min-width:0}
 .topbar strong{max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .report-actions{grid-template-columns:1fr}
 .report-paper{padding:14px 9px}
 .report-heading h1{font-size:1rem!important}
 .report-heading p{font-size:.68rem}
 .report-employee{grid-template-columns:auto 1fr}
 .report-employee>div:nth-child(n+3){grid-column:auto}
 .report-summary>div{padding:9px}
 .report-summary strong{font-size:.9rem}
 .report-footer>div:first-child>span{display:none}
 .mini-stats{grid-template-columns:1fr}
 .upload-columns{overflow-x:auto}
}
@media print{
 .report-detail{overflow:visible}
 .report-detail table{width:100%;min-width:0;white-space:normal}
 .report-detail th:first-child,.report-detail td:first-child{position:static;box-shadow:none}
 .report-section-title:after{display:none}
}