*{margin:0;padding:0;box-sizing:border-box}*,*:before,*:after{box-sizing:border-box}.toast-notification{position:fixed;bottom:24px;right:24px;background:#333;color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:10px;z-index:10000;animation:slideUp .3s ease-out}.toast-notification.success{background:var(--accent-green)}.toast-notification.success i{color:#fff}.toast-notification.error{background:var(--accent-red)}.toast-notification.error i{color:#fff}.login-body-wrapper{--bg-main: #0a192f;--bg-box: #112240;--text-light: #ccd6f6;--text-muted: #a0a3d4;--accent-red: #e5395f;--accent-red-hover: #c2294a;--border-color: #1a3a6e;--input-focus-border: var(--text-light);--danger: #8c202b;--success: #28a745;--warning: #ffc107;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text-light);margin:0;padding:20px;box-sizing:border-box;background-image:url(/assets/fondo-DhkBnKUQ.png);background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;background-color:var(--bg-main);display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden}.top-logo{position:absolute;top:40px;left:50%;transform:translate(-50%);max-width:300px;height:auto;opacity:.9}.login-container{background-color:var(--bg-box);padding:30px 45px;border-radius:10px;box-shadow:0 10px 40px #0006;border:1px solid var(--border-color);width:100%;max-width:380px;z-index:10;text-align:center;position:relative}h2{color:var(--text-light);margin:0 0 20px;font-size:1.5rem;text-transform:uppercase;letter-spacing:1px;font-weight:600}.subtitle{color:var(--text-muted);margin:0 0 30px;font-size:.95rem}hr.title-divider{border:none;height:1px;background-color:var(--border-color);opacity:.5;width:100%;margin:20px auto}.form-group{position:relative;margin-bottom:25px;text-align:left}.form-input{width:100%;padding:14px 12px;border:2px solid var(--border-color);border-radius:5px;box-sizing:border-box;background-color:transparent;color:var(--text-light);font-size:16px;transition:border-color .3s}.form-label{position:absolute;top:15px;left:13px;color:var(--text-muted);pointer-events:none;transition:all .2s ease-out;background-color:var(--bg-box);padding:0 5px}.form-input::placeholder{color:transparent}.form-input:focus+.form-label,.form-input:not(:placeholder-shown)+.form-label{top:-10px;left:10px;font-size:12px;opacity:1;color:var(--text-light)}.form-input:focus{outline:none;border-color:var(--text-light)}.toggle-pass{position:absolute;right:15px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:24px;color:var(--text-muted);opacity:.7;transition:opacity .2s,color .2s;-webkit-user-select:none;user-select:none;z-index:2}.toggle-pass:hover{opacity:1;color:var(--text-light)}#password{padding-right:50px}.login-submit-btn{width:100%;padding:14px;background-color:var(--accent-red);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s,transform .2s}.login-submit-btn:hover{background-color:var(--accent-red-hover);transform:translateY(-2px)}.flash-messages{padding:0;margin:0 0 20px;list-style:none}.flash-messages li{padding:12px;margin-bottom:10px;border-radius:5px;color:#fff;text-align:center;font-size:14px;font-weight:500}.flash-messages li.danger{background-color:var(--accent-red)}.flash-messages li.success{background-color:var(--success)}.flash-messages li.warning{background-color:#ffc107;color:#000}.register-link{text-align:center;margin-top:25px;font-size:14px}.register-link a{color:var(--accent-red);text-decoration:none;font-weight:500}.register-link a:hover{text-decoration:underline}.assistant-character{position:fixed;bottom:-20px;right:30px;width:300px;height:auto;z-index:5;pointer-events:none;transition:transform .5s ease-out}@media(max-width:768px){.assistant-character{display:none}.top-logo{max-width:250px;top:20px}.login-container{padding:30px 25px}}:root{--bg-main: #f3f4f8;--bg-white: #ffffff;--sidebar-bg-top: #112e6d;--sidebar-bg-bottom: #0f172a;--sidebar-hover: rgba(255, 255, 255, .08);--sidebar-active-grad: linear-gradient(135deg, #f43f5e, #e11d48);--sidebar-active-shadow: 0 4px 15px rgba(229, 57, 95, .35);--accent-red: #e11d48;--text-light: #f8fafc;--text-dark: #1e293b;--text-muted: #94a3b8;--border-color: #e2e8f0;--accent-blue: #3b82f6;--accent-green: #10b981;--gray: #64748b;--stroke: #e2e8f0;--surface: #ffffff;--sunat-red: #0f2961;--sunat-red-2: #0b1e48}.dashboard-container{display:flex;min-height:100vh;background-color:var(--bg-main);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.sidebar{width:280px;background:linear-gradient(180deg,var(--sidebar-bg-top) 0%,var(--sidebar-bg-bottom) 100%);color:var(--text-light);display:flex;flex-direction:column;padding:24px 20px;position:fixed;top:0;left:0;bottom:0;z-index:100;box-shadow:4px 0 25px #00000026;border-right:1px solid rgba(255,255,255,.05);transition:transform .4s cubic-bezier(.25,1,.5,1);overflow-x:hidden}.sidebar-header{text-align:center;margin-bottom:30px}.sidebar-header img{max-width:140px;height:auto;filter:drop-shadow(0 4px 6px rgba(0,0,0,.2));transition:transform .3s ease}.sidebar-header img:hover{transform:scale(1.05)}.profile-section{text-align:center;margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid rgba(255,255,255,.08)}.profile-pic{width:96px;height:96px;border-radius:50%;background-color:var(--sidebar-bg-top);margin:0 auto 15px;position:relative;display:flex;justify-content:center;align-items:center;cursor:pointer;text-decoration:none;box-shadow:0 0 0 3px var(--sidebar-bg-top),0 0 0 5px var(--accent-red),0 8px 20px #0000004d;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.profile-pic:hover{transform:scale(1.08) translateY(-2px);box-shadow:0 0 0 3px var(--sidebar-bg-top),0 0 0 6px var(--accent-red),0 12px 25px #e5395f66}.assistant-img-fit{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-name{font-weight:600;font-size:1.15rem;color:var(--text-light);letter-spacing:.3px}.sidebar-nav{flex-grow:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;padding-right:4px}.sidebar-nav::-webkit-scrollbar{display:none}.nav-title{display:block;font-size:.75rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:1.5px;margin:20px 0 12px 10px;font-weight:700;opacity:.8}.nav-button{display:flex;align-items:center;width:100%;box-sizing:border-box;padding:14px 16px;background:transparent;border:none;border-radius:12px;color:var(--text-muted);font-size:.95rem;font-family:inherit;font-weight:500;text-align:left;cursor:pointer;margin-bottom:6px;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;text-decoration:none}.nav-button i{margin-right:14px;width:24px;text-align:center;font-size:1.2rem;opacity:.7;transition:all .3s ease}.nav-button:hover{background-color:var(--sidebar-hover);color:var(--text-light);transform:translate(6px)}.nav-button:hover i{opacity:1;transform:scale(1.1)}.nav-button.active{background:var(--sidebar-active-grad);color:#fff;font-weight:600;box-shadow:var(--sidebar-active-shadow);transform:translate(4px)}.nav-button.active i{opacity:1}.notif-badge{margin-left:auto;background:#fff;color:var(--accent-red);padding:2px 10px;border-radius:20px;font-size:.75rem;font-weight:800;box-shadow:0 2px 5px #0000001a}.sidebar-footer{padding-top:15px;margin-top:10px;border-top:1px solid rgba(255,255,255,.08)}.logout-link{display:flex;align-items:center;width:100%;padding:14px 16px;background:transparent;border:none;border-radius:12px;color:#f87171;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none}.logout-link:hover{background-color:#ef444426;color:#fca5a5;transform:translate(6px)}.logout-link i{margin-right:14px;font-size:1.2rem}.main-content{margin-left:280px;flex-grow:1;background-color:var(--bg-main);height:100vh;overflow-y:auto;display:flex;flex-direction:column;position:relative}.main-header{background:#ffffffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:20px 40px;border-bottom:1px solid rgba(226,232,240,.8);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:90;box-shadow:0 4px 20px #00000005}.main-header h1{color:var(--text-dark);font-size:1.5rem;font-weight:800;margin:0;letter-spacing:-.5px;background:linear-gradient(90deg,var(--text-dark),var(--gray));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.mobile-menu-btn{display:none;background:#fff;border:1px solid var(--border-color);border-radius:8px;width:40px;height:40px;font-size:1.2rem;color:var(--text-dark);cursor:pointer;margin-right:15px;transition:all .2s ease;box-shadow:0 2px 5px #0000000d;align-items:center;justify-content:center}.mobile-menu-btn:hover{background:var(--bg-main);color:var(--accent-red)}.sidebar-overlay{display:none;position:fixed;inset:0;background-color:#0f172a99;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:95;opacity:0;transition:opacity .3s ease}.sidebar-overlay.active{display:block;opacity:1}@media(max-width:768px){.sidebar{transform:translate(-100%);width:280px}.sidebar.open{transform:translate(0);box-shadow:10px 0 30px #0006}.main-content{margin-left:0;width:100%}.mobile-menu-btn{display:flex}.main-header{padding:15px 20px;justify-content:flex-start}.main-header h1{font-size:1.25rem}}.token-expired-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.token-expired-modal{background:#fff;border-radius:8px;padding:20px;max-width:400px;width:90%;box-shadow:0 2px 10px #0000001a}.token-expired-modal.warning{border-top:4px solid #ffc107}.token-expired-modal.expired{border-top:4px solid #dc3545}.modal-header{margin-bottom:15px}.modal-header h3{margin:0;color:#333}.modal-body{margin-bottom:20px}.modal-body p{margin:10px 0;color:#666}.modal-footer{display:flex;justify-content:flex-end;gap:10px}.modal-footer button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.btn-continue{background-color:#28a745;color:#fff}.btn-continue:hover{background-color:#218838}.btn-logout{background-color:#dc3545;color:#fff}.btn-logout:hover{background-color:#c82333}.btn-login{background-color:#007bff;color:#fff;width:100%}.btn-login:hover{background-color:#0056b3}.config-container{padding:24px 32px;background-color:var(--bg-main);min-height:100vh;animation:fadeInPage .4s ease-out}.config-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;background:var(--bg-white);padding:12px 20px;border-radius:16px;box-shadow:0 2px 12px #00000008;border:1px solid rgba(0,0,0,.05)}.config-search-wrapper{position:relative;flex:1;max-width:400px}.config-search-wrapper i.fa-search{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--gray);font-size:1rem}.config-search-input{width:100%;border-radius:12px;border:1px solid var(--stroke);background:#f9fafb;padding:12px 16px 12px 42px;font-size:.95rem;color:var(--text-dark);transition:all .2s ease}.config-search-input:focus{outline:none;background:#fff;border-color:var(--sidebar-hover);box-shadow:0 0 0 3px #1122401a}.user-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.user-card{background-color:var(--bg-white);border:1px solid rgba(0,0,0,.04);border-radius:16px;padding:20px;display:flex;flex-direction:column;position:relative;transition:all .2s ease;box-shadow:0 4px 6px -1px #0000000d}.user-card:hover{transform:translateY(-3px);box-shadow:0 10px 15px -3px #00000014;border-color:var(--border-color)}.user-card-header{display:flex;align-items:center;gap:15px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid var(--stroke)}.user-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--sidebar-bg),var(--sidebar-hover));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;border:2px solid #fff;box-shadow:0 2px 5px #0000001a}.user-info h4{margin:0;font-size:1.05rem;color:var(--text-dark);font-weight:700}.user-info span{font-size:.85rem;color:var(--text-muted)}.roles-container{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;flex-grow:1}.role-badge{padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:4px}.role-badge.admin{background:#e0e7ff;color:#3730a3}.role-badge.jefe{background:#dcfce7;color:#166534}.role-badge.super{background:#fee2e2;color:#991b1b}.role-badge.user{background:#f3f4f6;color:#4b5563}.user-card-actions{display:flex;justify-content:flex-end;gap:10px}.permissions-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#f9fafb;padding:15px;border-radius:8px;border:1px solid var(--stroke)}.permission-item{display:flex;align-items:center;gap:10px;cursor:pointer}.permission-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--sidebar-bg)}.permission-label{font-size:.9rem;color:var(--text-dark)}.btn-permission:hover{background:#fef3c7;color:#d97706}.password-strength-wrapper{margin-top:8px;display:flex;flex-direction:column;gap:4px}.password-strength-bar-container{width:100%;height:6px;background-color:#e5e7eb;border-radius:4px;overflow:hidden}.password-strength-bar-fill{height:100%;transition:width .3s ease,background-color .3s ease}.password-strength-text{font-size:12px;font-weight:600;text-align:right;text-transform:capitalize}.perfil-container{padding:24px 32px;background-color:var(--bg-main);min-height:100vh;animation:fadeInPage .4s ease-out}.perfil-header{margin-bottom:24px}.perfil-header h2{font-size:1.5rem;color:var(--text-dark);margin:0;font-weight:700}.perfil-header p{color:var(--text-muted);margin:5px 0 0;font-size:.9rem}.perfil-grid{display:grid;grid-template-columns:350px 1fr;gap:24px}@media(max-width:900px){.perfil-grid{grid-template-columns:1fr}}.perfil-card{background:var(--bg-white);border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;border:1px solid rgba(0,0,0,.04);overflow:hidden;height:fit-content}.perfil-banner{height:100px;background:linear-gradient(135deg,var(--sidebar-bg),var(--sidebar-hover))}.perfil-avatar-container{position:relative;width:120px;height:120px;margin:-60px auto 10px}.perfil-avatar{width:100%;height:100%;border-radius:50%;border:4px solid var(--bg-white);object-fit:cover;background-color:#e5e7eb;box-shadow:0 4px 10px #0000001a}.btn-upload-avatar{position:absolute;bottom:5px;right:5px;background:var(--accent-red);color:#fff;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s;box-shadow:0 2px 5px #0003}.btn-upload-avatar:hover{transform:scale(1.1);background:#c2294a}.perfil-info-center{text-align:center;padding:10px 20px 30px}.perfil-info-center h3{margin:10px 0 5px;color:var(--text-dark)}.role-badge-pill{display:inline-block;padding:4px 12px;background:#e0e7ff;color:#3730a3;border-radius:20px;font-size:.8rem;font-weight:600}.perfil-stats{display:flex;justify-content:space-around;border-top:1px solid var(--stroke);padding:20px;background:#f9fafb}.stat-item{text-align:center}.stat-item strong{display:block;font-size:1.1rem;color:var(--sidebar-bg)}.stat-item span{font-size:.8rem;color:var(--text-muted)}.perfil-form-wrapper{background:var(--bg-white);border-radius:16px;padding:30px;box-shadow:0 4px 6px -1px #0000000d;border:1px solid rgba(0,0,0,.04)}.perfil-section-title{font-size:1.1rem;font-weight:700;color:var(--text-dark);margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--stroke);display:flex;align-items:center;gap:10px}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.perfil-actions{margin-top:30px;display:flex;justify-content:flex-end;gap:15px}.form-input-dashboard:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.rh-container{padding:24px 32px;background-color:var(--bg-main);min-height:100vh;animation:fadeInPage .4s ease-out}.rh-card{background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 6px -1px #0000000d;padding:0;width:100%;max-width:none;margin:0;overflow:hidden}.rh-form{padding:30px;display:flex;flex-direction:column;gap:20px}.rh-grid-top{display:grid;grid-template-columns:1fr 1fr;gap:20px}.full-width{grid-column:1 / -1;width:100%}.rh-period-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.period-field{display:flex;flex-direction:column;gap:4px}.sub-label{font-size:.8rem;color:var(--text-muted);font-weight:600}.rh-formatos-box{display:flex;gap:20px;padding:15px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;justify-content:center}.checkbox-rh{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:600;color:#4b5563;font-size:.95rem;-webkit-user-select:none;user-select:none}.checkbox-rh input[type=checkbox]{width:18px;height:18px;accent-color:var(--sidebar-bg)}.text-red{color:#ef4444}.text-green{color:#16a34a}.text-gray{color:#6b7280}.rh-help-text{display:block;margin-top:6px;font-size:.85rem;color:#9ca3af;text-align:center}.btn-submit-rh{width:100%;padding:14px;background:linear-gradient(135deg,var(--sidebar-bg),var(--sidebar-hover));color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center;gap:10px}.btn-submit-rh:hover{transform:translateY(-2px);box-shadow:0 4px 12px #11224040}.rh-queue-section{margin-top:10px;border-top:1px dashed var(--stroke);padding:20px 30px 30px;background:#fafafa}.queue-meta{text-align:right}.format-badge{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:4px}.sire-container{padding:24px 32px;background-color:var(--bg-main);min-height:100vh;animation:fadeInPage .4s ease-out}.sire-content-card{background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 6px -1px #0000000d;overflow:hidden}.sire-main-tabs{display:flex;background:#f9fafb;border-bottom:1px solid var(--stroke)}.sire-tab{flex:1;padding:18px;border:none;background:transparent;font-size:1rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s ease;border-bottom:3px solid transparent;display:flex;align-items:center;justify-content:center;gap:10px}.sire-tab:hover{background:#f3f4f6;color:var(--text-dark)}.sire-tab.active{background:#fff;color:var(--sidebar-bg);border-bottom-color:var(--sidebar-bg)}.sire-body{padding:30px}.mode-switcher-container{display:flex;justify-content:center;gap:10px;margin-bottom:30px;background:#f3f4f6;padding:5px;border-radius:12px;width:fit-content;margin-left:auto;margin-right:auto}.mode-pill{padding:8px 24px;border-radius:8px;border:none;background:transparent;font-size:.9rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.mode-pill.active{background:#fff;color:var(--sidebar-bg);box-shadow:0 2px 4px #0000000d}.sire-form-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:800px;margin:0 auto}.checklist-header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.checklist-buttons{display:flex;gap:10px}.btn-tiny.link{background:none;border:none;padding:0;font-size:.8rem;color:var(--sidebar-bg);cursor:pointer;text-decoration:underline}.btn-tiny.link.danger{color:var(--accent-red)}.checklist-scroll-box{border:1px solid var(--border-color);border-radius:8px;height:180px;overflow-y:auto;background:#f9fafb;padding:8px}.checklist-item{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:6px;cursor:pointer;transition:background .1s}.checklist-item:hover{background:#fff}.checklist-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--sidebar-bg)}.checklist-text{font-size:.9rem;color:var(--text-dark)}.checklist-footer-info{text-align:right;font-size:.8rem;color:#9ca3af;margin-top:5px}.btn-submit-sire{width:100%;padding:14px;border:none;border-radius:10px;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:10px}.btn-submit-sire.compras{background:linear-gradient(135deg,var(--sidebar-bg),var(--sidebar-hover))}.btn-submit-sire.compras:hover{box-shadow:0 4px 12px #11224033}.btn-submit-sire.ventas{background:linear-gradient(135deg,#059669,#047857)}.btn-submit-sire.ventas:hover{box-shadow:0 4px 12px #05966933}.btn-submit-sire:active{transform:translateY(1px)}.sire-queue-section{margin-top:40px;border-top:1px dashed var(--stroke);padding-top:25px;max-width:800px;margin-left:auto;margin-right:auto}.queue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.queue-header h4{margin:0;color:var(--text-dark);font-size:1.1rem}.btn-tiny.refresh{background:#fff;border:1px solid var(--stroke);padding:6px 12px;border-radius:6px;font-size:.8rem;color:var(--text-muted);cursor:pointer;transition:all .2s}.btn-tiny.refresh:hover{border-color:var(--sidebar-bg);color:var(--sidebar-bg)}.queue-empty{text-align:center;padding:40px 20px;background:#f9fafb;border-radius:12px;border:1px solid rgba(0,0,0,.03)}.empty-icon-bg{width:60px;height:60px;background:#e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;color:#9ca3af;font-size:1.5rem}.queue-empty p{margin:0 0 5px;font-weight:600;color:#4b5563}.queue-empty span{font-size:.85rem;color:#9ca3af}.queue-container{display:flex;flex-direction:column;gap:12px}.sire-queue-item{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #00000005;transition:all .2s ease;border-left:4px solid transparent}.sire-queue-item:hover{box-shadow:0 8px 16px #0000000f;transform:translateY(-2px);border-color:#00000026}.sire-item-info{display:flex;flex-direction:column;gap:4px}.sire-item-info strong{font-size:.95rem;color:var(--text-dark, #1f2937);font-weight:600}.sire-item-details{font-size:.8rem;color:#6b7280;font-family:monospace;background:#f3f4f6;padding:2px 6px;border-radius:4px;width:fit-content}.sire-item-message{font-size:.85rem;font-weight:500;margin-top:2px}.sire-item-status{display:flex;align-items:center;gap:12px}.sire-item-status i{font-size:1.2rem}.btn-tiny{padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:6px;text-decoration:none;transition:filter .2s}.btn-tiny:hover{filter:brightness(.95)}.btn-tiny.success{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.btn-tiny.warning{background-color:#fef3c7;color:#92400e;border:1px solid #fde68a}.btn-tiny.danger{background-color:#fee2e2;color:#991b1b;border:1px solid #fecaca}.btn-retry{font-size:1.1rem;color:#6b7280;transition:transform .4s ease;padding:4px}.btn-retry:hover{color:var(--sidebar-bg, #0056b3);transform:rotate(180deg);background:#f3f4f6;border-radius:50%}.fade-in{animation:fadeInItem .4s cubic-bezier(.4,0,.2,1)}@keyframes fadeInItem{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.glosa-container{padding:32px 24px;background-color:var(--bg-main);min-height:100vh;animation:fadeInPage .4s ease-out;display:flex;justify-content:center;align-items:flex-start;width:100%;box-sizing:border-box;overflow-x:hidden}.glosa-card{background:var(--bg-white);border-radius:16px;border:1px solid var(--border-color);box-shadow:0 4px 20px #00000008;width:100%;max-width:2500px;overflow:hidden}.glosa-toolbar{padding:20px 30px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:#f8fafc}.toolbar-title{font-weight:700;color:var(--text-dark);font-size:1.15rem}.toolbar-buttons{display:flex;align-items:center;gap:12px}.btn-glosa{padding:8px 16px;border-radius:8px;font-weight:600;font-size:.85rem;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease;cursor:pointer;border:1px solid transparent}.btn-glosa.secondary{background:#fff;border-color:#cbd5e1;color:var(--text-dark)}.btn-glosa.secondary:hover{background:#f1f5f9;border-color:#94a3b8}.btn-circle-info{width:36px;height:36px;border-radius:50%;border:1px solid #cbd5e1;background:#fff;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-circle-info:hover{color:var(--text-dark);border-color:var(--text-dark);background:#f8fafc}.glosa-form{padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:24px 32px}.glosa-form .form-group-dashboard{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%}.glosa-form .form-label-dashboard{margin-bottom:8px;text-align:left;white-space:normal!important;word-break:break-word;font-size:.9rem;font-weight:600;color:var(--text-dark)}.glosa-form .form-input-dashboard{width:100%!important;height:44px;box-sizing:border-box}.full-width{grid-column:1 / -1!important}.radio-group-glosa{display:flex;gap:15px;height:44px;width:100%}.radio-card-glosa{flex:1;position:relative;cursor:pointer}.radio-card-glosa input{position:absolute;opacity:0;cursor:pointer}.radio-content{display:flex;align-items:center;justify-content:center;gap:8px;height:100%;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:var(--text-muted);font-size:.9rem;font-weight:600;transition:all .2s ease;box-sizing:border-box}.radio-card-glosa.active .radio-content{border-color:var(--text-dark);background:#f8fafc;color:var(--text-dark)}.radio-card-glosa:hover .radio-content{border-color:#94a3b8}.file-input-hidden{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.file-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px 20px;border:2px dashed #cbd5e1;border-radius:12px;background:#f8fafc;cursor:pointer;transition:all .2s ease;color:var(--text-muted);gap:12px;text-align:center;width:100%;box-sizing:border-box}.file-upload-label:hover{background:#fff;border-color:var(--text-dark);color:var(--text-dark)}.file-upload-label i{font-size:2.2rem;color:#cbd5e1;transition:color .2s}.file-upload-label:hover i{color:var(--text-dark)}.form-actions{display:flex;justify-content:center;margin-top:15px}.btn-submit-glosa{width:auto;min-width:200px;padding:10px 24px;background:var(--accent-red);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-submit-glosa:hover:not(:disabled){background:#be123c;transform:translateY(-2px)}.btn-submit-glosa:disabled{background:#fca5a5;cursor:not-allowed}.loading-input-placeholder{padding:10px 14px;border:1px solid var(--border-color);border-radius:8px;background:#f8fafc;color:var(--text-muted);font-size:.95rem;height:44px;box-sizing:border-box;display:flex;align-items:center}@media(max-width:768px){.glosa-container{padding:16px 12px}.glosa-toolbar{flex-direction:column;gap:15px;align-items:stretch;padding:20px}.toolbar-buttons{justify-content:space-between}.glosa-form{grid-template-columns:1fr;padding:20px 15px;gap:20px}.radio-group-glosa{flex-direction:column;height:auto;gap:10px}.radio-card-glosa .radio-content{padding:10px}.btn-submit-glosa{width:100%}}.empresas-container{padding:24px 32px;background-color:var(--bg-main);min-height:100vh;animation:fadeInPage .4s ease-out}.empresas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;background:var(--bg-white);padding:12px 20px;border-radius:16px;box-shadow:0 2px 12px #00000008;border:1px solid rgba(0,0,0,.05)}.empresas-search-wrapper{position:relative;flex:1;max-width:500px}.empresas-search-wrapper i.fa-search{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--gray);font-size:1rem;transition:color .3s}.empresas-search-input{width:100%;border-radius:12px;border:1px solid var(--stroke);background:#f9fafb;padding:12px 16px 12px 42px;font-size:.95rem;color:var(--text-dark);transition:all .2s ease}.empresas-search-input:focus{outline:none;background:#fff;border-color:var(--sidebar-hover);box-shadow:0 0 0 3px #1122401a}.empresas-search-wrapper:focus-within i.fa-search{color:var(--sidebar-bg)}.empresas-toolbar-actions{display:flex;gap:12px;align-items:center}.btn-empresas{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;border:none;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px #0000000d}.btn-empresas.primary{background:linear-gradient(145deg,var(--sidebar-bg),var(--sidebar-hover));color:#fff}.btn-empresas.primary:hover{transform:translateY(-2px);box-shadow:0 6px 12px #11224040}.btn-empresas.secondary{background:#fff;color:var(--accent-green);border:1px solid var(--accent-green)}.btn-empresas.secondary:hover{background:var(--accent-green);color:#fff;transform:translateY(-2px)}.btn-circle-action{width:42px;height:42px;border-radius:50%;border:1px solid var(--stroke);background:#fff;color:var(--gray);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:1rem}.btn-circle-action:hover{color:var(--sidebar-bg);border-color:var(--sidebar-bg);background:#f4f7f6;transform:rotate(15deg)}#company-list{list-style:none;padding:0;margin-top:20px;display:grid;gap:16px}.company-card{background-color:var(--bg-white);border:1px solid rgba(0,0,0,.04);border-radius:16px;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;transition:all .2s ease;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.company-card:hover{transform:translateY(-3px);box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;border-color:var(--border-color)}.company-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--sidebar-bg);opacity:0;transition:opacity .2s}.company-card:hover:before{opacity:1}.company-left{display:flex;align-items:center;gap:16px}.company-avatar{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:var(--sidebar-bg);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.4rem;box-shadow:inset 0 2px 4px #fffc;border:1px solid #fff}.company-info h4{margin:0;font-size:1.1rem;color:var(--text-dark);font-weight:700}.company-meta{display:flex;gap:12px;margin-top:4px;font-size:.85rem;color:var(--text-muted)}.meta-item{display:flex;align-items:center;gap:6px}.meta-item i{font-size:.8rem;opacity:.7}.company-actions{display:flex;align-items:center;gap:12px}.btn-access{padding:6px 13px;border-radius:20px;font-size:.85rem;font-weight:600;border:none;display:flex;align-items:center;gap:6px;cursor:pointer;transition:transform .1s;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.btn-access:active{transform:scale(.95)}.sunat-style{background:#e3f2fd;color:#0d47a1}.sunat-style:hover{background:#bbdefb}.sunafil-style{background:#ffebee;color:#c62828}.sunafil-style:hover{background:#ffcdd2}.action-icon-btn{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--gray);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.action-icon-btn:hover{background:#f4f6f3;color:var(--sidebar-bg)}.action-icon-btn.delete:hover{background:#fee2e2;color:var(--accent-red)}.modal-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#11182799;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeInOverlay .2s ease-out}.modal-container{background:#fff;width:100%;max-width:500px;border-radius:20px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:0;overflow:hidden;position:relative;animation:zoomInModal .3s cubic-bezier(.16,1,.3,1)}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes zoomInModal{0%{transform:scale(.95) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-header{padding:20px 24px;border-bottom:1px solid var(--stroke);display:flex;justify-content:space-between;align-items:center;background:#f9fafb}.modal-header h3{margin:0;font-size:1.25rem;color:var(--text-dark)}.btn-close-modal{background:transparent;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;line-height:1}.modal-content{padding:24px}.form-group-dashboard{margin-bottom:20px}.form-label-dashboard{display:block;margin-bottom:8px;font-size:.9rem;font-weight:600;color:var(--text-dark)}.form-input-dashboard{width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:8px;font-size:.95rem;transition:all .2s;background:#fff;box-sizing:border-box}.form-input-dashboard:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #0d6efd26}.modal-footer-dashboard{padding:20px 24px;background:#fff;border-top:1px solid var(--stroke);display:flex;justify-content:flex-end;gap:12px}.btn-save{background:var(--accent-red);color:#fff;padding:10px 20px;border-radius:8px;border:none;font-weight:600;cursor:pointer}.btn-save:hover{background:#c2294a;transform:translateY(-2px)}.btn-cancel{background:transparent;color:var(--text-muted);padding:10px 20px;border-radius:8px;border:1px solid var(--border-color);font-weight:600;cursor:pointer}.btn-cancel:hover{background:#f3f4f6;color:var(--text-dark)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-section-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;margin-bottom:12px;padding-bottom:4px;border-bottom:1px solid var(--stroke)}.btn-danger{background:var(--accent-red);color:#fff;padding:10px 20px;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:background .2s}.btn-danger:hover{background:#b91c1c;box-shadow:0 4px 6px #dc262633}.btn-sunat{width:30px;height:30px;object-fit:contain;margin-right:5px;vertical-align:middle}.input-group-attached{display:flex;align-items:stretch;width:100%}.form-input-dashboard.input-left{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;flex:1}.btn-search-attached{background-color:#fff;border:1px solid #d1d5db;border-left:none;border-top-right-radius:.375rem;border-bottom-right-radius:.375rem;padding:0 16px;cursor:pointer;color:#6b7280;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-search-attached:hover{background-color:#f3f4f6;color:#374151}.form-input-dashboard.input-left:focus+.btn-search-attached{border-color:#2563eb;border-left:1px solid #2563eb}.swal-custom-container{text-align:left;padding:10px 5px}.swal-link-wrapper{display:flex;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:12px;gap:8px}.swal-link-input{flex:1;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:8px 12px;font-size:.85rem;color:#374151;outline:none}.swal-copy-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:0 12px;cursor:pointer;transition:all .2s}.swal-copy-btn:hover{background:#f9fafb;border-color:#9ca3af}.swal2-popup{font-family:Inter,sans-serif!important;border-radius:20px!important}@media(max-width:768px){.empresas-container{padding:16px 12px}.empresas-toolbar{flex-direction:column;align-items:stretch;gap:15px;padding:15px}.empresas-search-wrapper{max-width:100%}.empresas-toolbar-actions{width:100%;flex-wrap:wrap;justify-content:space-between}.btn-empresas{flex:1;justify-content:center;padding:10px 12px;font-size:.85rem}.empresas-toolbar-actions>div[style*="width: 1px"],.company-actions>div[style*="width: 1px"]{display:none!important}.company-card{flex-direction:column;align-items:flex-start;padding:16px;gap:15px}.company-left{width:100%}.company-actions{width:100%;flex-wrap:wrap;justify-content:space-between;gap:8px}.btn-access{flex:1 1 calc(33% - 8px);justify-content:center;font-size:.75rem;padding:8px 4px}.btn-sunat{width:20px;height:20px;margin-right:4px}.modal-container{width:95%;margin:10px;max-height:90vh;overflow-y:auto}.modal-content>div[style*=grid-template-columns]{grid-template-columns:1fr!important;gap:0!important}.modal-footer-dashboard{flex-direction:column-reverse;gap:10px;padding:15px}.modal-footer-dashboard button{width:100%;justify-content:center;padding:12px}.modal-content[style*="text-align: center"]{padding:20px 15px!important}}.detrac-container{padding:24px 32px;background-color:var(--bg-main);min-height:100vh;animation:fadeInPage .4s ease-out}.detrac-card{background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 6px -1px #0000000d;padding:0;width:100%;margin:0;overflow:hidden}.detrac-form{padding:30px;max-width:900px;margin:0 auto}.detrac-grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:20px}@media(max-width:768px){.detrac-grid-layout{grid-template-columns:1fr}}.detrac-col{display:flex;flex-direction:column;gap:15px}.detrac-filters-box{background:#f8f9fa;padding:20px;border-radius:12px;border:1px solid #e9ecef;height:100%;display:flex;flex-direction:column;justify-content:center}.filters-title{color:var(--sidebar-bg);font-weight:700;font-size:.95rem;margin-bottom:15px;display:block}.filter-option{margin-bottom:10px}.filter-label{display:block;font-size:.85rem;color:#495057;margin-bottom:6px;font-weight:600}.date-row{display:flex;gap:10px}.date-small{font-size:.9rem;padding:8px}.filter-divider{text-align:center;font-weight:700;color:#adb5bd;margin:10px 0;font-size:.9rem}.btn-submit-detrac{width:100%;padding:14px;background:linear-gradient(135deg,var(--sidebar-bg),var(--sidebar-hover));color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center;gap:10px}.btn-submit-detrac:hover{transform:translateY(-2px);box-shadow:0 4px 12px #11224040}.detrac-queue-section{margin-top:10px;border-top:1px dashed var(--stroke);padding:20px 30px 30px;background:#fafafa}.queue-meta{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.type-badge{font-size:.75rem;color:#6b7280;background:#f3f4f6;padding:2px 8px;border-radius:10px}.cpe-container{padding:24px 32px;background-color:var(--bg-main);min-height:100vh;animation:fadeInPage .4s ease-out}.cpe-card{background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 6px -1px #0000000d;padding:0;overflow:hidden}.cpe-toolbar{padding:16px 24px;border-bottom:1px solid var(--stroke);display:flex;justify-content:space-between;align-items:center;background:#f9fafb}.btn-cpe{padding:8px 16px;border-radius:8px;font-weight:600;font-size:.9rem;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .2s;cursor:pointer}.btn-cpe.secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.btn-cpe.secondary:hover{background:#f3f4f6;border-color:#9ca3af;color:#111827}.cpe-form{padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:800px;margin:0 auto}.radio-group-cpe{display:flex;gap:12px}.radio-card-cpe{flex:1;position:relative;cursor:pointer}.radio-card-cpe input{position:absolute;opacity:0}.radio-content{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;color:#6b7280;font-weight:600;font-size:.9rem;transition:all .2s ease}.radio-card-cpe.active .radio-content{border-color:var(--sidebar-bg);background:#eff6ff;color:var(--sidebar-bg)}.radio-card-cpe:hover .radio-content{border-color:#d1d5db}.file-upload-wrapper{position:relative;width:100%}.file-input-hidden{display:none}.file-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;border:2px dashed #d1d5db;border-radius:10px;background:#f9fafb;cursor:pointer;transition:all .2s;color:#6b7280;gap:8px;text-align:center}.file-upload-label:hover{background:#fff;border-color:var(--sidebar-bg);color:var(--sidebar-bg)}.file-upload-label i{font-size:1.8rem;color:#9ca3af}.btn-submit-cpe{width:100%;padding:14px;background:linear-gradient(135deg,var(--sidebar-bg),var(--sidebar-hover));color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center;gap:10px}.btn-submit-cpe:hover{transform:translateY(-2px);box-shadow:0 4px 12px #11224040}.cpe-queue-section{margin-top:30px;border-top:1px dashed var(--stroke);padding:20px 30px 30px;background:#fafafa}.queue-empty{text-align:center;color:#9ca3af;padding:20px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.queue-status{font-size:.8rem;padding:4px 8px;border-radius:12px;font-weight:600}.queue-status.pending{background:#fff7ed;color:#c2410c}.notificaciones-container{padding:24px 32px;background-color:var(--bg-main);min-height:100vh;animation:fadeInPage .4s ease-out}.notif-header-wrapper{background:var(--bg-white);padding:12px 20px;border-radius:16px;box-shadow:0 2px 12px #00000008;border:1px solid rgba(0,0,0,.05);display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:15px}.notif-tabs{display:flex;gap:12px;background:#f3f4f6;padding:6px;border-radius:14px}.notif-tab-btn{display:flex;align-items:center;gap:10px;padding:8px 16px;border:none;background:transparent;color:var(--text-muted);font-weight:700;font-size:.9rem;border-radius:10px;cursor:pointer;transition:all .2s ease;opacity:.7}.notif-tab-btn img.tab-logo{height:24px;width:auto;object-fit:contain;filter:grayscale(100%);transition:all .2s}.notif-tab-btn:hover{opacity:1;background:#fff9}.notif-tab-btn.active{background:#fff;color:var(--text-dark);box-shadow:0 2px 4px #0000000d;opacity:1}.notif-tab-btn.active img.tab-logo{filter:grayscale(0%);transform:scale(1.1)}.notif-badge{background:var(--accent-red);color:#fff;font-size:.7rem;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;box-shadow:0 2px 4px #e5395f4d}.notif-global-actions{display:flex;gap:10px}.btn-config{width:40px;height:40px;border-radius:10px;border:1px solid var(--stroke);background:#fff;color:var(--gray);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:1.1rem}.btn-config:hover{background:#f9fafb;color:var(--sidebar-bg);transform:rotate(30deg)}.notif-sub-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.segmented-group{display:flex;flex-wrap:wrap;background:#e0e7ff;padding:4px;border-radius:30px;gap:4px}.btn-pill{display:flex;align-items:center;gap:6px;padding:6px 14px;border:none;background:transparent;color:#173d70;font-weight:600;font-size:.8rem;border-radius:24px;cursor:pointer;transition:all .2s}.btn-pill:hover{background:#fff9}.btn-pill.active{background:var(--sidebar-bg);color:#fff;box-shadow:0 2px 5px #11224033}.btn-alarm-clock{width:38px;height:38px;border-radius:50%;background:#fff;border:2px solid #e0e7ff;color:var(--sidebar-bg);display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;transition:all .2s;box-shadow:0 2px 5px #0000000d}.btn-alarm-clock:hover{background:#e0e7ff;transform:scale(1.05);color:#4f46e5}.btn-action-primary{display:flex;align-items:center;gap:8px;padding:8px 18px;background:var(--sidebar-bg);color:#fff;border:none;border-radius:20px;font-weight:600;font-size:.9rem;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:transform .1s}.btn-action-primary:active{transform:scale(.95)}.notif-list{display:grid;gap:0px;animation:slideUp .3s ease-out}.notif-card{background-color:var(--bg-white);border:1px solid rgba(0,0,0,.05);border-radius:12px;padding:16px 20px;display:flex;justify-content:space-between;align-items:flex-start;transition:all .2s ease;box-shadow:0 2px 4px #00000005;position:relative;overflow:hidden}.notif-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000000f}.notif-card.unread{border-left:8px solid #0eb129;background:#fff}.notif-card.read{border-left:5px solid #cbd5e1;background:#f8fafc;opacity:.9}.notif-tag{font-size:.7rem;padding:3px 8px;border-radius:6px;font-weight:700;text-transform:uppercase}.tag-sunat{background:#e0f2fe;color:#0369a1}.tag-sunafil{background:#fee2e2;color:#991b1b}.tag-valores{background:#fef3c7;color:#92400e}.notif-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.notif-date{font-size:.8rem;color:var(--text-muted)}.notif-title{font-size:1rem;font-weight:600;color:var(--text-dark);margin:0 0 6px}.notif-company{font-size:.85rem;color:var(--gray);display:flex;align-items:center;gap:6px}.notif-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:100px}.btn-icon-toggle{background:transparent;border:none;cursor:pointer;font-size:1.2rem;color:var(--text-muted);transition:color .2s}.btn-icon-toggle:hover{color:var(--sidebar-bg)}.btn-icon-toggle.is-read{color:#cbd5e1}.btn-icon-toggle.is-unread{color:var(--accent-red)}.alarm-inputs-container{display:grid;grid-template-columns:1fr 1fr;gap:15px;background:#f0fdf4;padding:20px;border-radius:12px;border:1px dashed #86efac;margin-top:10px}.alarm-input-group label{display:block;font-size:.85rem;font-weight:600;margin-bottom:5px;color:#166534}.alarm-input{width:100%;padding:8px;border-radius:8px;border:1px solid #bbf7d0;text-align:center;font-weight:700;color:#14532d}.report-section{margin-bottom:20px}.report-title{border-bottom:1px solid #eee;padding-bottom:5px;color:#444}.report-empty{color:#888;font-size:.9rem;margin-top:5px}.report-items-container{padding:10px 0}.report-item-auth{color:#dc3545;font-weight:700;margin:5px 0;font-size:.9rem}.report-item-error{color:#c2294a;margin:5px 0;font-size:.9rem}.report-item-success{color:#157347;margin:5px 0;font-size:.9rem}.report-summary{color:#888;font-style:italic;margin-top:10px;font-size:.9rem;border-top:1px dashed #ccc;padding-top:8px}.notif-toolbar-actions{display:flex;gap:15px;align-items:center}.notif-last-revision{color:#666;font-size:.85rem}.btn-action-danger{background-color:#ff4d4f;border:none}.btn-outline-success{color:#157347;border:1px solid #157347;background:transparent;padding:6px 12px;border-radius:4px;cursor:pointer;transition:all .2s}.btn-outline-success:hover{background-color:#f6fdf9}.btn-secondary-custom{background-color:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.btn-danger-custom{background-color:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.btn-primary-custom{background-color:#1e3a8a;color:#fff;border:none;padding:8px 20px;border-radius:4px;cursor:pointer}.header-actions-wrap{display:flex;gap:10px}.notif-content-wrapper{margin-top:20px}.notif-group{margin-bottom:25px}.notif-group-title{color:#666;margin-bottom:12px;font-size:.95rem;font-weight:700}.notif-card-row{align-items:center;padding:12px 15px;border-radius:8px;margin-bottom:0}.notif-card-time-col{display:flex;flex-direction:column;align-items:center;width:70px;border-right:1.5px solid #e5e7eb;padding-right:15px}.notif-card-check-wrap{display:flex;align-items:center;gap:8px}.notif-checkbox{cursor:pointer;transform:scale(1.2)}.notif-time-text{font-size:.85rem;color:#555;font-weight:500}.badge-new-status{background-color:#d1fae5;color:#0f5132;font-size:.65rem;padding:2px 6px;border-radius:12px;margin-top:6px;font-weight:700}.notif-card-info-col{flex:1;padding-left:15px}.notif-card-header-row{display:flex;align-items:center;gap:10px;margin-bottom:4px}.notif-card-empresa{color:#222;font-size:.95rem}.notif-card-asunto{color:#555;font-size:.9rem}.badge-category-dynamic{color:#fff;font-size:.7rem;padding:3px 8px;border-radius:4px;font-weight:700}.notif-card-actions-row{display:flex;gap:8px}.btn-action-sm{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;display:flex;align-items:center;gap:5px;color:#fff}.btn-action-sm.bg-danger{background-color:#dc3545}.btn-action-sm.bg-secondary{background-color:#6c757d}.btn-action-sm.bg-primary{background-color:#1e3a8a}.notif-empty-state{text-align:center;padding:40px;color:#999}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-container{background-color:#fff;padding:25px;border-radius:10px;width:90%;max-width:600px;max-height:85vh;overflow-y:auto;box-shadow:0 10px 25px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #eee;padding-bottom:15px;margin-bottom:20px}.modal-title{margin:0;color:#333;font-size:1.2rem}.modal-title-icon{color:#1e3a8a}.modal-close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#888}.modal-footer{text-align:right;margin-top:20px;border-top:1px solid #eee;padding-top:15px}.rata{display:none}@media(max-width:768px){.notificaciones-container{padding:16px 12px}.notif-header-wrapper{flex-direction:column;align-items:stretch;gap:12px}.notif-tabs{justify-content:center}.header-actions-wrap{width:100%;flex-wrap:wrap}.header-actions-wrap button{flex:1;font-size:.85rem;padding:8px;justify-content:center;display:flex;align-items:center}.notif-sub-toolbar{flex-direction:column;align-items:stretch}.segmented-group{width:100%;display:flex}.btn-pill{flex:1;justify-content:center}.notif-toolbar-actions{flex-direction:column;align-items:stretch;width:100%;gap:10px}.notif-last-revision{text-align:center}.notif-card-row{flex-direction:column;align-items:stretch;gap:10px;padding:15px}.notif-card-time-col{width:100%;flex-direction:row;justify-content:space-between;border-right:none;border-bottom:1px solid #f3f4f6;padding-right:0;padding-bottom:10px}.badge-new-status{margin-top:0}.notif-card-info-col{padding-left:0}.notif-card-header-row{flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:8px}.notif-card-actions-row{width:100%;margin-top:10px;flex-wrap:wrap}.btn-action-sm{flex:1;justify-content:center}.modal-container{padding:20px 15px;width:95%;max-height:90vh}.modal-header{position:relative}.modal-title{font-size:1.1rem;padding-right:25px}.modal-close-btn{position:absolute;top:-5px;right:0}}.validador-container{padding:24px 32px;background-color:var(--bg-main);min-height:100vh;animation:fadeInPage .4s ease-out}.validador-card{background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 6px -1px #0000000d;padding:0;width:100%;margin:0;overflow:hidden}.validador-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--stroke);background:#f9fafb}.toolbar-title{font-weight:700;color:var(--text-dark);font-size:1.05rem}.toolbar-buttons{display:flex;gap:12px}.btn-validador{padding:8px 16px;border-radius:8px;font-weight:600;font-size:.9rem;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .2s;cursor:pointer;border:1px solid transparent}.btn-validador.success{background:#fff;color:#166534;border-color:#bbf7d0}.btn-validador.success:hover{background:#f0fdf4;border-color:#86efac}.btn-validador.secondary{background:#fff;border-color:#d1d5db;color:#374151}.btn-validador.secondary:hover{background:#f3f4f6;border-color:#9ca3af;color:#111827}.btn-validador.primary{background:var(--sidebar-bg);color:#fff}.btn-validador.primary:hover{opacity:.9}.validador-form{padding:40px 30px;max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.file-drop-area{position:relative;display:flex;align-items:center;justify-content:center;width:100%;padding:50px 20px;border:2px dashed #cbd5e1;border-radius:12px;background-color:#f8fafc;transition:all .2s;cursor:pointer;text-align:center}.file-drop-area:hover{background-color:#f1f5f9;border-color:#94a3b8}.file-drop-area.drag-over{background-color:#eff6ff;border-color:var(--sidebar-bg);transform:scale(1.01)}.file-drop-area.has-file{background-color:#f0fdf4;border-color:#86efac}.fake-btn{display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:none}.fake-btn i{font-size:3rem;color:#94a3b8;transition:color .2s}.file-drop-area:hover .fake-btn i{color:var(--sidebar-bg)}.file-drop-area.has-file i{color:#16a34a}.file-msg{font-size:1rem;color:#64748b;font-weight:500}.file-input{position:absolute;left:0;top:0;height:100%;width:100%;opacity:0;cursor:pointer}.btn-submit-validador{width:100%;padding:16px;background:linear-gradient(135deg,var(--sidebar-bg),var(--sidebar-hover));color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}.btn-submit-validador:hover{transform:translateY(-2px);box-shadow:0 4px 15px #11224033}.modal-container.large{max-width:650px}.icon-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.icon-circle.info{background:#e0f2fe;color:#0284c7}.icon-circle.success{background:#dcfce7;color:#16a34a}.icon-circle.big{width:64px;height:64px;font-size:2rem;margin:0 auto 20px}.help-box.blue{background:#f0f9ff;border-left:4px solid #0ea5e9;padding:20px;border-radius:8px;margin-bottom:25px}.help-box h4{margin:0 0 10px;color:#0284c7;font-size:1rem;font-weight:700}.help-box p{font-size:.95rem;color:#334155;line-height:1.6;margin:0}.help-icon-placeholder{margin-top:15px;background:#fff;border:2px dashed #bae6fd;border-radius:8px;padding:20px;text-align:center;color:#0ea5e9;display:flex;flex-direction:column;align-items:center;gap:8px}.help-icon-placeholder i{font-size:2.5rem}.help-icon-placeholder span{font-size:.85rem;color:#64748b;font-weight:500}.table-responsive{overflow-x:auto;margin-bottom:15px;border:1px solid #e2e8f0;border-radius:8px}.table-ejemplo{width:100%;border-collapse:collapse;font-size:.85rem;min-width:500px}.table-ejemplo th{background:#f8fafc;color:#475569;padding:12px 15px;text-align:left;font-weight:600;border-bottom:1px solid #e2e8f0}.table-ejemplo td{padding:12px 15px;border-bottom:1px solid #f1f5f9;color:#334155}.table-ejemplo tr:last-child td{border-bottom:none}.help-list{padding-left:20px;font-size:.9rem;color:#475569;line-height:1.6}.modal-footer-dashboard.centered{justify-content:center;padding-top:20px}.centered-content{text-align:center;padding:40px 30px!important}.centered-content h3{margin:0 0 10px;color:#1e293b;font-size:1.4rem}.centered-content p{color:#64748b;margin:0 0 5px;font-size:1rem}.small-text-muted{font-size:.9rem;opacity:.8;margin-bottom:25px!important;display:block}.dam-container{padding:24px 32px;background-color:var(--bg-main);min-height:100vh;animation:fadeInPage .4s ease-out}.dam-card{background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 6px -1px #0000000d;padding:0;width:100%;margin:0;overflow:hidden}.dam-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--stroke);background:#f9fafb}.toolbar-title{font-weight:700;color:var(--text-dark);font-size:1.1rem;margin:0}.btn-dam{padding:8px 16px;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;border:1px solid transparent;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn-dam.secondary{background:#fff;border-color:#d1d5db;color:#374151}.btn-dam.secondary:hover{background:#f3f4f6;border-color:#9ca3af;color:#111827}.btn-dam.primary{background:var(--sidebar-bg);color:#fff}.btn-dam.primary:hover{opacity:.9}.dam-form{padding:40px 30px;max-width:800px;margin:0 auto}.dam-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.btn-submit-dam{width:100%;padding:14px;background:linear-gradient(135deg,var(--sidebar-bg),var(--sidebar-hover));color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center;gap:10px}.btn-submit-dam:hover{transform:translateY(-2px);box-shadow:0 4px 15px #11224033}.dam-queue-section{margin-top:10px;border-top:1px dashed var(--stroke);padding:20px 30px 30px;background:#fafafa}.queue-header h4{margin:0 0 15px;color:var(--text-dark);font-size:1rem}.queue-empty{text-align:center;color:#9ca3af;padding:30px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;display:flex;flex-direction:column;align-items:center;gap:10px}.queue-empty i{font-size:1.5rem;color:#d1d5db}.queue-list{display:flex;flex-direction:column;gap:10px}.queue-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.queue-info strong{display:block;font-size:.9rem;color:var(--text-dark)}.queue-info span{font-size:.8rem;color:var(--text-muted)}.queue-status.pending{font-size:.8rem;padding:4px 8px;background:#fff7ed;color:#c2410c;border-radius:12px;font-weight:600}@media(max-width:600px){.dam-grid{grid-template-columns:1fr}}.itf-container{padding:24px 32px;background-color:var(--bg-main);min-height:100vh}.itf-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.itf-toolbar{padding:20px 24px;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-weight:700;font-size:1.1rem;color:#1e293b}.itf-form{padding:30px;max-width:800px;margin:0 auto}.itf-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.btn-submit-itf{width:100%;padding:14px;background:linear-gradient(135deg,#1e293b,#334155);color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:.3s}.btn-submit-itf:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.itf-queue-section{padding:24px;background:#f9fafb;border-top:1px solid #e2e8f0}.btn-clear{background:none;border:none;color:#ef4444;font-size:.85rem;cursor:pointer;font-weight:600}.queue-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:10px}.status-text.loading{color:#3b82f6}.status-text.success{color:#22c55e}.status-text.failed{color:#ef4444}.btn-tiny.success{padding:6px 12px;background:#dcfce7;color:#166534;border-radius:6px;text-decoration:none;font-size:.85rem;font-weight:600;margin-right:10px}.tc-container{padding:24px 32px;background-color:var(--bg-main, #f4f7f6);min-height:100vh;animation:fadeInPage .4s ease-out}.tc-card{background:#fff;border-radius:8px;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 4px #00000005;width:100%;margin-bottom:30px;overflow:hidden}.tc-form{padding:30px 40px;max-width:800px;margin:0 auto}.tc-form-subtitle{font-size:.9rem;color:#555;margin-bottom:15px}.tc-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.full-width{grid-column:1 / -1}.form-group-dashboard{display:flex;align-items:center;gap:10px}.form-label-dashboard{font-weight:500;color:#444;white-space:nowrap}.form-input-dashboard{flex:1;padding:8px 12px;border:1px solid #ced4da;border-radius:6px;font-size:.95rem;outline:none;transition:border-color .2s}.form-input-dashboard:focus{border-color:#e83e8c}.btn-submit-tc{width:100%;padding:14px;background:var(--sidebar-hover);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .2s,opacity .2s;display:flex;align-items:center;justify-content:center;gap:10px}.btn-submit-tc:hover{opacity:.9;transform:translateY(-1px)}.tc-queue-section{max-width:1200px;margin:0 auto}.queue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.queue-header h4{margin:0;color:#333;font-size:1.1rem;font-weight:700}.btn-clear-queue{background:transparent;border:none;color:#dc3545;cursor:pointer;font-size:.9rem}.btn-clear-queue:hover{text-decoration:underline}.queue-empty{text-align:center;color:#9ca3af;padding:40px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.queue-empty i{font-size:2rem;margin-bottom:10px;color:#d1d5db}.queue-list{display:flex;flex-direction:column;gap:12px}.tc-queue-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #00000008}.tc-queue-item.status-success{border-left:5px solid #28a745}.tc-queue-item.status-warning{border-left:5px solid #ffc107}.tc-queue-item.status-failed{border-left:5px solid #dc3545}.tc-queue-item.status-running{border-left:5px solid #007bff}.tc-item-info{display:flex;flex-direction:column;gap:6px}.tc-item-header{display:flex;align-items:center;gap:12px;font-size:1rem;color:#212529}.badge-success{background:#d4edda;color:#155724;padding:3px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.badge-warning{background:#fff3cd;color:#856404;padding:3px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.badge-failed{background:#f8d7da;color:#721c24;padding:3px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.badge-running{background:#cce5ff;color:#004085;padding:3px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.tc-item-details{font-size:.85rem;color:#888}.tc-item-message{color:#666}.btn-download-tc{background:#28a745;color:#fff;padding:8px 16px;border-radius:6px;text-decoration:none;font-size:.9rem;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:background .2s}.btn-download-tc:hover{background:#218838;color:#fff}.btn-retry-tc{background:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.btn-retry-tc:hover{background:#c82333}@keyframes fadeInPage{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.tc-grid{grid-template-columns:1fr}.tc-queue-item{flex-direction:column;align-items:flex-start;gap:15px}.btn-download-tc{width:100%;justify-content:center}}.arcade-container{min-height:100vh;padding:40px;background-color:#f8fafc;background-image:radial-gradient(#e2e8f0 1px,transparent 1px);background-size:20px 20px;font-family:Segoe UI,sans-serif}.arcade-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:50px;animation:slideDown .6s ease-out}.header-content h1{font-size:2.5rem;color:#1e293b;margin:0;font-weight:800;letter-spacing:-1px}.header-content .highlight{color:#7c3aed;background:linear-gradient(120deg,#7c3aed,#db2777);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-content p{margin:5px 0 0;color:#64748b;font-size:1.1rem}.search-pill{background:#fff;padding:12px 24px;border-radius:50px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;width:350px;transition:transform .2s,box-shadow .2s;border:2px solid transparent}.search-pill:focus-within{transform:translateY(-2px);box-shadow:0 20px 25px -5px #7c3aed26;border-color:#ddd6fe}.search-pill i{color:#94a3b8;font-size:1.1rem}.search-pill input{border:none;outline:none;font-size:1rem;width:100%;color:#334155}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:30px}.game-card{position:relative;height:320px;border-radius:24px;overflow:hidden;cursor:pointer;background:#fff;box-shadow:0 4px 6px -1px #0000000d;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.game-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 25px -5px #0000001a}.card-bg{height:65%;width:100%;position:absolute;top:0;left:0;z-index:0;transition:height .3s}.card-content{position:absolute;bottom:0;width:100%;height:100%;z-index:1;padding:24px;display:flex;flex-direction:column;justify-content:flex-end}.icon-wrapper{width:60px;height:60px;background:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:0 4px 6px #0000000d;font-size:1.5rem;color:#333}.card-content h3{margin:0;font-size:1.25rem;color:#1e293b;font-weight:700}.card-content span{font-size:.9rem;color:#64748b;margin-top:4px}.play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#7c3aedd9;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .3s;z-index:10;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.play-overlay i{font-size:3rem;margin-bottom:10px;transform:scale(.5);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.game-card:hover .play-overlay{opacity:1}.game-card:hover .play-overlay i{transform:scale(1)}.game-card.launching{animation:pulse .8s infinite}@keyframes pulse{0%{box-shadow:0 0 #7c3aedb3}70%{box-shadow:0 0 0 20px #7c3aed00}to{box-shadow:0 0 #7c3aed00}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.loading-state{text-align:center;font-size:3rem;color:#cbd5e1;margin-top:100px}.snake-container{height:100vh;width:100vw;background:#111827;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;padding:20px;overflow:hidden;position:fixed;top:0;left:0;z-index:9999}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.game-hud{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:500px;margin-bottom:20px}.score-display{font-size:1.5rem;font-weight:700;font-family:Courier New,monospace;color:#10b981}.btn-back,.btn-pause{background:#ffffff1a;border:none;color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer;transition:background .2s}.btn-back:hover,.btn-pause:hover{background:#fff3}.game-board{display:grid;width:100%;max-width:500px;aspect-ratio:1/1;background-color:#1f2937;border:4px solid #374151;border-radius:12px;overflow:hidden;position:relative;box-shadow:0 0 20px #10b98133}.cell{width:100%;height:100%;border:1px solid rgba(255,255,255,.02)}.snake-head{background-color:#10b981;border-radius:2px;z-index:2;box-shadow:0 0 10px #10b981}.snake-body{background-color:#059669;border-radius:2px;opacity:.8}.food{background-color:#ef4444;border-radius:50%;transform:scale(.8);box-shadow:0 0 10px #ef4444;animation:pulseFood 1s infinite}@keyframes pulseFood{0%{transform:scale(.8)}50%{transform:scale(1)}to{transform:scale(.8)}}.game-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10}.game-overlay h2{font-size:2.5rem;color:#ef4444;margin-bottom:10px;text-transform:uppercase;letter-spacing:2px}.game-overlay.pause h2{color:#f59e0b}.btn-restart{background:#10b981;color:#fff;border:none;padding:12px 24px;font-size:1.1rem;border-radius:8px;cursor:pointer;margin-top:20px;display:flex;align-items:center;gap:8px;font-weight:700}.btn-restart:hover{background:#059669}.mobile-controls{margin-top:15px;color:#6b7280;font-size:.9rem}.game-card.placeholder{border:2px dashed #e2e8f0;background:transparent;box-shadow:none;cursor:default}.game-card.placeholder:hover{transform:none;box-shadow:none}.card-content.centered{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}:root{--cyan-neon: #00f0ff;--purple-neon: #7000ff;--bg-dark: #050914;--glass-bg: rgba(16, 25, 43, .4);--glass-border: rgba(255, 255, 255, .1);--mouse-x: 0;--mouse-y: 0}.nf-universe{position:relative;width:100vw;height:100vh;background-color:var(--bg-dark);overflow:hidden;display:flex;align-items:center;justify-content:center;font-family:Segoe UI,system-ui,sans-serif;perspective:1200px}.nf-grid{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;z-index:1;transform:rotateX(60deg) translateY(0) translateZ(-200px);animation:gridMove 15s linear infinite;margin-left:calc(var(--mouse-x) * -20px);margin-top:calc(var(--mouse-y) * -20px);transition:margin .3s ease-out}@keyframes gridMove{0%{transform:rotateX(60deg) translateY(0) translateZ(-200px)}to{transform:rotateX(60deg) translateY(50px) translateZ(-200px)}}.nf-orb{position:absolute;border-radius:50%;filter:blur(80px);z-index:2;opacity:.6}.nf-orb-cyan{width:400px;height:400px;background-color:var(--cyan-neon);top:-100px;left:-100px;animation:floatOrb 12s ease-in-out infinite alternate}.nf-orb-purple{width:500px;height:500px;background-color:var(--purple-neon);bottom:-150px;right:-100px;animation:floatOrb 15s ease-in-out infinite alternate-reverse}@keyframes floatOrb{0%{transform:translate(0) scale(1)}to{transform:translate(100px,50px) scale(1.2)}}.nf-glass-card{position:relative;z-index:10;width:90%;max-width:800px;padding:60px 40px;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 30px 60px #00000080,inset 0 0 20px #ffffff0d;text-align:center;transform:rotateX(calc(var(--mouse-y) * -10deg)) rotateY(calc(var(--mouse-x) * 10deg)) translateZ(50px);transform-style:preserve-3d;transition:transform .1s linear}.nf-glitch{position:relative;font-size:clamp(6rem,15vw,12rem);font-weight:900;line-height:1;color:#fff;margin:0 0 10px;letter-spacing:-5px;text-shadow:0 0 20px rgba(255,255,255,.3);transform:translateZ(40px)}.nf-glitch:before,.nf-glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}.nf-glitch:before{left:3px;text-shadow:-2px 0 red;animation:glitch-anim-1 2.5s infinite linear alternate-reverse}.nf-glitch:after{left:-3px;text-shadow:-2px 0 var(--cyan-neon);animation:glitch-anim-2 3s infinite linear alternate-reverse}.nf-glitch-container{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.nf-glitch.nf-num{display:inline-block;margin:0}@keyframes glitch-anim-1{0%{clip-path:inset(20% 0 80% 0)}20%{clip-path:inset(60% 0 10% 0)}40%{clip-path:inset(40% 0 50% 0)}60%{clip-path:inset(80% 0 5% 0)}80%{clip-path:inset(10% 0 70% 0)}to{clip-path:inset(30% 0 20% 0)}}@keyframes glitch-anim-2{0%{clip-path:inset(15% 0 50% 0)}20%{clip-path:inset(80% 0 5% 0)}40%{clip-path:inset(0% 0 80% 0)}60%{clip-path:inset(40% 0 20% 0)}80%{clip-path:inset(10% 0 60% 0)}to{clip-path:inset(60% 0 10% 0)}}.nf-subtitle{font-size:1.8rem;color:var(--cyan-neon);letter-spacing:4px;font-weight:700;margin-bottom:20px;text-transform:uppercase;transform:translateZ(30px)}.nf-desc{font-size:1.1rem;color:#a0aec0;max-width:500px;margin:0 auto 40px;line-height:1.6;transform:translateZ(20px)}.nf-btn-cyber{position:relative;display:inline-block;padding:16px 40px;background:transparent;color:var(--cyan-neon);font-weight:700;letter-spacing:2px;text-decoration:none;border:2px solid var(--cyan-neon);border-radius:4px;transition:all .3s ease;overflow:hidden;transform:translateZ(40px)}.nf-btn-cyber:hover{background:var(--cyan-neon);color:var(--bg-dark);box-shadow:0 0 20px var(--cyan-neon)}.nf-3d-space{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;transform-style:preserve-3d;z-index:5}.nf-floating{position:absolute;font-size:3rem;opacity:.6;filter:drop-shadow(0 0 10px rgba(0,240,255,.3));margin-left:calc(var(--mouse-x) * -40px);margin-top:calc(var(--mouse-y) * -40px);transition:margin .2s ease-out}.nf-item-1{top:20%;left:10%;animation:floatDeep1 14s infinite ease-in-out}.nf-item-2{bottom:20%;right:10%;font-size:4rem;animation:floatDeep2 18s infinite ease-in-out}.nf-item-3{top:15%;right:20%;animation:floatDeep3 16s infinite ease-in-out}.nf-item-4{bottom:15%;left:20%;font-size:4.5rem;animation:floatDeep4 20s infinite ease-in-out}@keyframes floatDeep1{0%{transform:translateZ(-200px) rotate(0);opacity:.2}50%{transform:translate3d(100px,-50px,300px) rotate(180deg);opacity:.8}to{transform:translateZ(-200px) rotate(360deg);opacity:.2}}@keyframes floatDeep2{0%{transform:translateZ(100px) rotate(0);opacity:.7}33%{transform:translate3d(-150px,-100px,-300px) rotate(-120deg);opacity:.1}66%{transform:translate3d(-50px,50px,200px) rotate(-240deg);opacity:.8}to{transform:translateZ(100px) rotate(-360deg);opacity:.7}}@keyframes floatDeep3{0%{transform:translateZ(-300px) rotateX(0) rotateY(0);opacity:.3}50%{transform:translate3d(-80px,120px,150px) rotateX(180deg) rotateY(180deg);opacity:.9}to{transform:translateZ(-300px) rotateX(360deg) rotateY(360deg);opacity:.3}}@keyframes floatDeep4{0%{transform:translateZ(250px) rotate(0);opacity:.8}50%{transform:translate3d(150px,-150px,-400px) rotate(180deg);opacity:.1}to{transform:translateZ(250px) rotate(360deg);opacity:.8}}.nf-logo-empresa{display:block;margin:0 auto 30px;max-height:80px;width:auto;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 0 15px rgba(0,240,255,.6));animation:logoFadeIn 1s ease-out;transform:translateZ(35px)}@keyframes logoFadeIn{0%{opacity:0;transform:translateY(-10px) translateZ(35px)}to{opacity:1;transform:translateY(0) translateZ(35px)}}@media(max-width:768px){.nf-glass-card{padding:40px 20px;transform:none}.nf-subtitle{font-size:1.4rem}.nf-desc{font-size:1rem}.nf-logo-empresa{max-height:60px;margin-bottom:20px}.nf-floating{margin-left:0;margin-top:0}}