.route-loading{min-height:100vh;display:grid;place-items:center;color:#64748b;background:#f5f7fa;font-size:14px}.access-denied{min-height:100vh;display:grid;place-content:center;text-align:center;gap:9px;padding:24px;background:#f5f7fa}.access-denied h1{margin:0}.access-denied p{margin:0;color:#667085}.access-denied a{color:#285ea8;font-weight:600}.header{height:82px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 38px;color:var(--muted);font-size:14px}.header-section{font-weight:600;color:#536782}.user-menu{display:flex;align-items:center;gap:11px;min-width:0}.user-avatar{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;border-radius:50%;background:linear-gradient(135deg,var(--blue-light),#1852af);color:#fff;font-weight:700}.user-details{display:grid;gap:2px;min-width:0}.user-details strong{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:14px}.user-details span{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:12px}.user-menu button{margin-left:10px;border:1px solid #cad9ee;border-radius:9px;background:#fff;color:#245aab;padding:8px 11px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:.18s}.user-menu button:hover{background:#edf5ff}.user-menu button:disabled{opacity:.6}@media(max-width:720px){.header{height:66px;padding:0 16px}.header-section{display:none}.user-menu{margin-left:auto}.user-details{display:none}.user-menu button{margin-left:0;padding:7px 9px}.user-avatar{width:38px;height:38px;flex-basis:38px}}.sidebar{width:250px;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;gap:24px;flex-shrink:0;padding:28px 18px 22px;background:linear-gradient(165deg,#0d3268,#071c3b 82%);color:#e8f1ff}.brand{display:grid;justify-items:center;text-align:center;padding:4px 8px 30px}.brand img{width:52px;height:52px;object-fit:contain;margin-bottom:12px}.brand strong{font-size:20px}.brand small{margin-top:8px;color:#c5daf8;font-size:12px}.sidebar nav{display:grid;gap:7px}.sidebar a{border-radius:10px;padding:13px 15px;color:#dce9fb;text-decoration:none;font-size:14px;font-weight:600;transition:.18s}.sidebar a:hover{background:#164b91}.sidebar a.active{background:linear-gradient(135deg,#2677df,#1655b5);box-shadow:0 8px 18px #03163355;color:#fff}.sidebar-footer{display:grid;justify-items:center;text-align:center;color:#d5e6ff}.sidebar-footer img{width:min(160px,100%);max-height:145px;object-fit:contain;margin-bottom:5px}.sidebar-footer p{margin:0;color:#fff;font-size:14px;font-weight:700;line-height:1.35}.sidebar-footer span{margin:15px 0;color:#9fc7fd;font-size:12px}.sidebar-footer button{width:100%;border:1px solid #4776b6;border-radius:9px;background:transparent;color:#e8f1ff;padding:10px;font-weight:600;cursor:pointer}.sidebar-footer button:hover{background:#16447f}.sidebar-footer button:disabled{opacity:.6}@media(max-width:720px){.sidebar{width:70px;padding:18px 8px;align-items:center}.brand{padding:4px 0 20px}.brand img{width:38px;height:38px;margin:0}.brand strong,.brand small,.sidebar a{font-size:0}.sidebar a{width:48px;height:43px;padding:0;display:grid;place-items:center}.sidebar a:nth-child(1):before{content:"T";font-size:14px}.sidebar a:nth-child(2):before{content:"B";font-size:14px}.sidebar a:nth-child(3):before{content:"M";font-size:14px}.sidebar-footer img,.sidebar-footer p,.sidebar-footer span{display:none}.sidebar-footer{width:100%}.sidebar-footer button{font-size:0;width:45px;height:42px;padding:0}.sidebar-footer button:before{content:"×";font-size:24px}}.admin-layout{min-height:100vh;width:100%;display:flex}.content-wrap{min-width:0;flex:1;overflow:hidden}main{max-width:1280px;margin:0 auto;padding:34px 38px}@media(max-width:720px){main{padding:22px 15px}}.alert{padding:12px 14px;border-radius:7px;font-size:14px;margin:0 0 18px}.alert.success{background:#ecfdf3;color:#166534;border:1px solid #bbf7d0}.alert.error{background:#fef2f2;color:#b42318;border:1px solid #fecaca}.spinner{display:inline-block;width:18px;height:18px;vertical-align:middle;border:2px solid #cbd5e1;border-top-color:#285ea8;border-radius:50%;animation:spin .7s linear infinite;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}.login-page{width:100%;min-height:100vh;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;overflow:hidden;display:grid;grid-template-columns:48% 52%;background:#f8faff}.login-intro{position:relative;min-width:0;overflow:hidden;display:grid;place-items:center;padding:56px;background:radial-gradient(circle at 75% 0,#16488f 0 13%,transparent 13.5%),linear-gradient(145deg,#0b2c60,#071b3b 75%);color:#fff}.login-intro:after{content:"";position:absolute;inset:auto -15% -24% -20%;height:38%;background:radial-gradient(ellipse at center,#1d75e688 0 1px,transparent 1.5px);background-size:12px 12px;transform:rotate(-8deg);opacity:.7}.intro-content{position:relative;z-index:1;max-width:490px;text-align:center}.intro-shield{width:92px;height:92px;object-fit:contain;margin-bottom:22px}.intro-content h1{color:#fff;font-size:clamp(38px,4vw,58px);letter-spacing:-.04em;margin:0}.intro-content h2{color:#80b6ff;font-size:clamp(21px,2vw,30px);font-weight:500;margin:16px 0 20px}.intro-content p{max-width:390px;margin:0 auto;color:#e0ebff;font-size:18px;line-height:1.55}.intro-image{display:block;width:min(360px,82%);max-height:330px;object-fit:contain;margin:34px auto 0}.login-access{min-width:0;display:grid;place-items:center;padding:36px;background:radial-gradient(circle at 96% 90%,#e5efff 0 11%,transparent 11.5%),#f8faff}.login-card{width:min(500px,calc(100% - 40px));padding:46px 48px;text-align:center;background:#fff;border:1px solid #edf1f7;border-radius:22px;box-shadow:0 20px 45px #0f27471a}.login-shield{width:86px;height:86px;object-fit:contain;margin-bottom:16px}.login-card h1{font-size:34px;margin-bottom:12px}.login-card>p{margin:0 auto 30px;max-width:340px;color:var(--muted);font-size:17px;line-height:1.55}.google-button{display:flex;justify-content:center;min-height:44px}.secure-note{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:34px;padding-top:22px;border-top:1px solid var(--border);color:var(--muted);font-size:14px}.security-icon{display:grid;place-items:center;width:18px;height:18px;border:1.5px solid var(--blue);border-radius:50%;color:var(--blue);font-size:12px;font-weight:800;line-height:1}.login-loading{display:flex;align-items:center;justify-content:center;gap:8px;min-height:100vh;color:var(--muted);font-size:14px}@media(max-width:820px){.login-page{grid-template-columns:1fr}.login-intro{display:none}.login-access{min-height:100vh;padding:22px}.login-card{width:min(500px,100%);padding:36px 25px;border-radius:18px}.login-card .login-loading{min-height:50px}}@media(max-width:400px){.login-access{padding:14px}.login-card{padding:28px 16px}.login-card h1{font-size:28px}}.button{border:0;border-radius:6px;background:#285ea8;color:#fff;padding:10px 15px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}.button:hover{background:#204d8b}.button:disabled{opacity:.65;cursor:not-allowed}.button.secondary{background:#eef2f6;color:#334155}.button.secondary:hover{background:#e2e8f0}.button.link-button{background:none;color:#285ea8;padding:6px 0;font-weight:500}@media(max-width:480px){.button{white-space:normal}}.mis-boletas-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #e7edf5;border-radius:15px;background:#fff;box-shadow:0 8px 18px #0f27470d}.mis-boletas-table{width:100%;min-width:720px;border-collapse:collapse}.mis-boletas-table th,.mis-boletas-table td{text-align:left;padding:14px 17px;border-bottom:1px solid #edf1f6;font-size:14px}.mis-boletas-table th{color:#60708a;font-size:11px;text-transform:uppercase;letter-spacing:.05em;background:#fbfcfe}.mis-boletas-table tbody tr:last-child td{border-bottom:0}.mis-boletas-table tbody tr:hover{background:#fbfdff}.portal-file{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#233653}.project-cell{display:flex;align-items:center;gap:9px;max-width:250px}.project-cell span{display:grid;place-items:center;min-width:35px;height:35px;padding:0 6px;border-radius:8px;background:#e5efff;color:#2166c9;font-size:12px;font-weight:800}.project-cell strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.boleta-status{display:inline-block;border-radius:99px;padding:5px 10px;font-size:10px;font-weight:800;background:var(--available);color:#17713a}.portal-download{border:1px solid #9cc1fb!important;border-radius:8px!important;background:#fff!important;color:#1f6ed4!important;padding:7px 12px!important;font-size:13px!important}.portal-download:hover{background:#eff6ff!important}@media(max-width:560px){.mis-boletas-table th,.mis-boletas-table td{padding:13px 12px}}.portal-welcome{position:relative;min-height:178px;display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:hidden;margin-bottom:22px;padding:27px 34px;border-radius:18px;background:linear-gradient(110deg,#fff,#f2f7ff);border:1px solid #e6edf7}.portal-welcome:after{content:"";position:absolute;right:-70px;bottom:-100px;width:300px;height:300px;border-radius:50%;background:#dceaff80}.welcome-user{position:relative;z-index:1;display:flex;align-items:center;gap:20px}.welcome-avatar{display:grid;place-items:center;flex:0 0 80px;width:80px;height:80px;border:1px solid #b9d3fb;border-radius:50%;background:#fff;color:#1d67ce;font-size:30px;font-weight:800;box-shadow:0 8px 16px #1f6ed418}.portal-eyebrow{margin:0 0 5px;color:#1f6ed4;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.portal-welcome h1{margin:0 0 8px;font-size:30px}.portal-welcome h1 span{font-size:25px}.welcome-data,.welcome-copy{margin:0;color:var(--muted);font-size:14px}.welcome-data b{margin:0 6px;color:#a0b1c9}.welcome-copy{margin-top:11px}.portal-welcome>img{position:relative;z-index:1;width:190px;max-height:145px;object-fit:contain}.portal-filters-card{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:25px;padding:22px 25px;border:1px solid var(--border);border-radius:16px;background:#fff;box-shadow:var(--shadow)}.portal-filters-card h2{margin:0 0 5px;font-size:18px}.portal-filters-card p{margin:0;color:var(--muted);font-size:13px}.portal-filters{display:flex;gap:14px}.portal-filters label{display:grid;gap:6px;color:#4c607d;font-size:12px;font-weight:700}.portal-filters .input{width:185px;padding:11px 12px}.portal-timeline{position:relative;padding-left:42px}.portal-timeline:before{content:"";position:absolute;left:10px;top:17px;bottom:24px;width:2px;background:linear-gradient(#2978e2,#d5e8ff)}.timeline-group{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);gap:16px;margin-bottom:20px}.timeline-marker{padding-top:7px}.timeline-marker span{display:block;width:21px;height:21px;border:5px solid #e5f0ff;border-radius:50%;background:#1f6ed4;box-shadow:0 0 0 2px #1f6ed4}.timeline-content h2{margin:0 0 11px;font-size:20px}.portal-empty{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.portal-help{text-align:center;margin:24px 0 0;color:#60708a;font-size:13px}@media(max-width:760px){.portal-welcome{padding:23px}.portal-welcome>img{width:120px;opacity:.8}.portal-filters-card{align-items:stretch;flex-direction:column}.portal-filters{width:100%}.portal-filters label{flex:1}.portal-filters .input{width:100%}}@media(max-width:560px){.portal-welcome{min-height:0;padding:22px 18px}.portal-welcome>img{display:none}.welcome-user{align-items:flex-start;gap:13px}.welcome-avatar{width:54px;height:54px;flex-basis:54px;font-size:20px}.portal-welcome h1{font-size:23px}.welcome-data{line-height:1.5}.portal-filters{flex-direction:column}.portal-timeline{padding-left:30px}.portal-timeline:before{left:8px}.timeline-group{grid-template-columns:20px minmax(0,1fr);gap:10px}.timeline-marker span{width:18px;height:18px;border-width:4px}.timeline-content h2{font-size:18px}}.not-found{padding:60px;text-align:center}.not-found a{color:#285ea8}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;z-index:10;display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:min(560px,100%);max-height:calc(100dvh - 40px);overflow:auto;background:#fff;border-radius:10px;padding:22px;box-shadow:0 20px 45px #0f172a44}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.modal h2{font-size:20px;margin:0}.icon-button{border:0;background:none;font-size:27px;line-height:1;color:#64748b;cursor:pointer}@media(max-width:480px){.modal-backdrop{align-items:flex-end;padding:0}.modal{width:100%;max-height:90dvh;border-radius:12px 12px 0 0;padding:18px}}.input{width:100%;min-width:0;border:1px solid #cbd5e1;border-radius:6px;padding:10px 11px;background:#fff;font:inherit;font-size:14px;color:#1f2937}.input:focus{outline:2px solid #bfdbfe;border-color:#3b82f6}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{font-size:13px;font-weight:600;color:#475569;display:grid;gap:6px}.form-grid label:nth-child(2),.form-grid label:nth-child(3),.projects-field{grid-column:span 2}em{font-style:normal;font-size:12px;color:#b42318;font-weight:400}.projects-field{margin:0;border:1px solid #dbe3ec;border-radius:7px;padding:13px}.projects-field legend{font-size:13px;font-weight:700;color:#475569;padding:0 4px}.projects-field p{margin:0;color:#64748b;font-size:13px}.project-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.project-checks label{display:flex;align-items:flex-start;gap:8px;font-weight:400}.project-checks input{margin-top:3px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}@media(max-width:480px){.form-grid{grid-template-columns:1fr}.form-grid label:nth-child(2),.form-grid label:nth-child(3),.projects-field{grid-column:auto}.project-checks{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions .button{width:100%}}.badge{display:inline-block;border-radius:99px;padding:4px 9px;font-size:11px;font-weight:700}.badge.activo{background:#dcfce7;color:#166534}.badge.inactivo{background:#f1f5f9;color:#475569}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;min-width:820px}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid #edf0f4;font-size:14px}th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#667085;background:#fafbfc}td{color:#334155}.actions{display:flex;align-items:center;gap:12px}.project-tags{display:flex;flex-wrap:wrap;gap:5px;min-width:140px}.project-tags span{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#eef2f6;color:#475569;border-radius:99px;padding:3px 7px;font-size:11px}@media(max-width:720px){th,td{padding:12px 10px}}.pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;border-top:1px solid #edf0f4;padding:17px 0 0;margin-top:4px}.pagination p{margin:0;color:#667085;font-size:14px}.pagination-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px;color:#475569}.pagination-controls label{display:flex;align-items:center;gap:6px}.pagination-controls .input{width:72px;padding:8px}@media(max-width:600px){.pagination{align-items:flex-start;flex-direction:column}.pagination-controls{width:100%;gap:8px}.pagination-controls .button{flex:1}.pagination-controls span{width:100%;text-align:center;order:-1}}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px}.page-heading p{margin:0;color:#667085}.panel{background:#fff;border:1px solid #e4e8ee;border-radius:9px;padding:20px;box-shadow:0 1px 2px #10182808}.filters{display:flex;gap:12px;margin-bottom:20px}.filters .input:first-child{flex:1}.filters select{width:150px}.loading,.empty{text-align:center;padding:42px;color:#667085}@media(max-width:720px){.page-heading{align-items:stretch;flex-direction:column}.page-heading>.button{width:100%}.panel{padding:15px}.filters{flex-direction:column}.filters select{width:100%}}.selected-files{margin-top:20px;border-top:1px solid #edf0f4;padding-top:18px}.selected-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.selected-head h2,.upload-summary h2{font-size:16px;margin:0}.selected-files ul,.upload-results{list-style:none;padding:0;margin:12px 0 0}.selected-files li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #edf0f4}.file-name{min-width:0;display:grid;gap:3px}.file-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.file-name span{font-size:12px;color:#64748b}.remove-file{border:0;background:none;font-size:24px;color:#64748b;cursor:pointer}.remove-file:disabled{opacity:.5}@media(max-width:480px){.selected-head{align-items:flex-start;flex-direction:column}.selected-head .button{padding-left:0}.selected-files li{align-items:flex-start}}.boletas-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.boletas-table{width:100%;min-width:950px;border-collapse:collapse}.boletas-table th,.boletas-table td{text-align:left;padding:14px 12px;border-bottom:1px solid #edf0f4;font-size:14px}.boletas-table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#667085;background:#fafbfc}.truncate{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.boleta-status{display:inline-block;border-radius:99px;padding:4px 9px;font-size:11px;font-weight:700;background:#dcfce7;color:#166534}.boleta-actions{display:flex;align-items:center;gap:10px;white-space:nowrap}.boleta-actions .button{padding:7px 9px;font-size:13px}.dropzone{border:2px dashed #b7c5d8;border-radius:9px;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:24px;color:#475569;background:#fafcff;transition:.15s}.dropzone.dragging{border-color:#285ea8;background:#eff6ff}.dropzone strong{color:#334155}.dropzone small{color:#64748b;font-size:12px}@media(max-width:480px){.dropzone{min-height:160px;padding:18px}.dropzone .button{width:100%}}.boletas-filter{max-width:440px;margin-bottom:18px}@media(max-width:600px){.boletas-filter{max-width:none}}.replace-modal{display:grid;gap:14px}.replace-modal p{margin:0;color:#475569;line-height:1.5}.replace-warning{border:1px solid #fed7aa;background:#fff7ed;color:#9a3412;border-radius:7px;padding:11px;font-size:13px}.replace-modal label{display:grid;gap:7px;font-size:13px;font-weight:600;color:#475569}.replace-modal input{max-width:100%;font-size:13px}.replace-modal small{font-weight:400;color:#64748b}.selected-replacement{padding:10px;background:#f1f5f9;border-radius:6px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.replace-modal em{font-style:normal;color:#b42318;font-size:13px}.upload-summary{margin-top:20px;border:1px solid #dbe5f1;border-radius:9px;padding:18px;background:#fbfdff}.summary-heading{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.summary-heading h2{font-size:16px;margin:0}.summary-heading p{margin:4px 0 0;color:#64748b;font-size:13px}.close-summary{border:0;background:none;color:#285ea8;cursor:pointer;font-size:13px;padding:2px;white-space:nowrap}.close-summary:first-letter{font-size:19px}.close-summary span{margin-left:5px}.summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.summary-cards div{padding:11px;border-radius:7px;background:#eef2f6;display:grid;gap:3px}.summary-cards .loaded{background:#ecfdf3;color:#166534}.summary-cards .rejected{background:#fef2f2;color:#b42318}.summary-cards .duplicate{background:#fff7ed;color:#9a3412}.summary-cards span{font-size:12px}.summary-cards strong{font-size:20px}.upload-results li{display:flex;gap:10px;padding:10px 0;border-top:1px solid #e7edf5}.upload-results div{min-width:0;display:grid;gap:3px}.upload-results strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-results small{color:#64748b}.result-status{height:max-content;padding:4px 7px;border-radius:99px;font-size:10px;font-weight:700;background:#e2e8f0}.result-status.cargado{background:#dcfce7;color:#166534}.result-status.rechazado{background:#fee2e2;color:#b42318}.result-status.duplicado{background:#ffedd5;color:#9a3412}@media(max-width:600px){.summary-heading{flex-direction:column}.close-summary{padding:0}.summary-cards{grid-template-columns:repeat(2,1fr)}}.boletas-panel{display:grid;gap:18px}.period-form{display:flex;gap:14px}.period-form label{display:grid;gap:6px;color:#475569;font-size:13px;font-weight:600}.period-form .input{width:170px}.upload-actions{display:flex;justify-content:space-between;align-items:center;gap:15px}.upload-actions span{color:#64748b;font-size:13px}.upload-progress{display:grid;gap:7px;color:#475569;font-size:13px}.upload-progress>div{height:7px;border-radius:8px;background:#e2e8f0;overflow:hidden}.upload-progress i{display:block;height:100%;background:#285ea8;transition:width .2s}.period-list{margin-top:24px}.period-list-heading{margin-bottom:18px}.period-list-heading h2{font-size:18px;margin:0 0 4px}.period-list-heading p{margin:0;color:#667085;font-size:14px}@media(max-width:600px){.period-form{flex-direction:column}.period-form .input{width:100%}.upload-actions{align-items:stretch;flex-direction:column}.upload-actions .button{width:100%}}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#162033;background:#f4f7fb;font-synthesis:none;--navy:#0f2747;--blue:#1f6ed4;--blue-light:#2f7ee6;--page:#f4f7fb;--border:#dfe6ef;--text:#162033;--muted:#60708a;--available:#dff7e8;--shadow:0 12px 30px rgba(15,39,71,.08)}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{min-width:320px;overflow-x:hidden;background:var(--page)}button,input,select{font:inherit}h1{font-size:27px;margin:0 0 7px;color:var(--text)}img{max-width:100%}