.animated-background-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.animated-bg-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,transparent 0%,rgba(15,23,42,.3) 100%);animation:overlayPulse 8s ease-in-out infinite alternate}.animated-bg-fallback{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}@keyframes overlayPulse{0%{opacity:.6}to{opacity:1}}.mesh-gradient{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;background:radial-gradient(at 40% 20%,rgba(15,118,110,.15) 0px,transparent 50%),radial-gradient(at 80% 0%,rgba(52,211,153,.1) 0px,transparent 50%),radial-gradient(at 0% 50%,rgba(20,184,166,.12) 0px,transparent 50%),radial-gradient(at 80% 50%,rgba(15,118,110,.15) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(52,211,153,.1) 0px,transparent 50%);animation:meshMove 20s ease-in-out infinite alternate}@keyframes meshMove{0%{background-position:0% 0%}to{background-position:100% 100%}}.animated-bg-mobile{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;background:#334155}.animated-bg-mobile-waves{display:none}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background:#0f172a}.login-page-wrapper{display:flex;align-items:center;justify-content:center;width:100%;min-height:100vh;padding:20px;position:relative;z-index:2}.container{position:relative;width:900px;max-width:100%;min-height:600px;background:#fffffff2;border:1px solid rgba(255,255,255,.2);border-radius:24px;box-shadow:0 25px 50px #00000040,0 0 0 1px #ffffff1a;overflow:visible;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:transform .3s ease}.container:hover{box-shadow:0 30px 60px #0000004d,0 0 0 1px #ffffff26}@keyframes shakeError{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}.shake-error{animation:shakeError .5s cubic-bezier(.36,.07,.19,.97);border-color:#ef4444!important;box-shadow:0 0 0 4px #ef444433!important}@keyframes successPulse{0%{box-shadow:0 25px 50px #00000040}50%{box-shadow:0 25px 50px #14b8a666}to{box-shadow:0 25px 50px #00000040}}.login-success{animation:successPulse 1.2s ease-in-out}.login-logo{display:flex;justify-content:center;align-items:center;margin-bottom:16px;opacity:0;transform:translateY(-15px);transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;z-index:2}.login-logo.visible{opacity:1;transform:translateY(0)}.logo-icon{width:96px;height:96px;border-radius:24px;box-shadow:0 10px 32px #0f766e4d;animation:logoFloat 3s ease-in-out infinite;overflow:hidden;background-color:#fff;border:2px solid #e2e8f0}.logo-icon svg{width:100%;height:100%}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.logo-spinner{position:absolute;bottom:4px;right:calc(50% - 56px);width:20px;height:20px;border:2px solid rgba(15,118,110,.2);border-top-color:#0f766e;border-radius:50%;animation:logoSpin .8s linear infinite}@keyframes logoSpin{to{transform:rotate(360deg)}}.logo-icon img{transition:opacity .3s ease}.form-container{position:absolute;top:0;height:100%;transition:all .6s ease-in-out}.sign-in-container{left:0;width:50%;z-index:2}.sign-up-container{left:0;width:50%;opacity:0;z-index:1}.container.right-panel-active .sign-in-container{transform:translate(100%);opacity:0;z-index:1}.container.right-panel-active .sign-up-container{transform:translate(100%);opacity:1;z-index:5;animation:show .6s}@keyframes show{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.container form{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:0 50px;text-align:center}.welcome-text{margin-bottom:30px;opacity:0;transform:translateY(20px);transition:all .5s cubic-bezier(.4,0,.2,1)}.welcome-text.visible{opacity:1;transform:translateY(0);transition-delay:.15s}.welcome-text h1{color:#111827;font-weight:700;font-size:1.75rem;letter-spacing:-.5px;margin-bottom:8px}.welcome-subtitle{color:#64748b;font-size:.9rem;font-weight:400;line-height:1.5}.input-group{position:relative;width:100%;margin:8px 0;opacity:0;transform:translateY(15px);transition:all .5s cubic-bezier(.4,0,.2,1)}.input-group.visible{opacity:1;transform:translateY(0)}.input-group.visible:nth-child(2){transition-delay:.25s}.input-group.visible:nth-child(3){transition-delay:.35s}.input-group input{width:100%;background:#f8fafc;border:2px solid #e2e8f0;padding:16px 16px 12px;border-radius:12px;color:#111827;font-size:15px;outline:none;transition:all .3s ease;height:56px}.input-group input::placeholder{color:transparent}.input-group label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:15px;pointer-events:none;transition:all .25s cubic-bezier(.4,0,.2,1);background:transparent;padding:0 4px}.input-group input:focus~label,.input-group input:not(:placeholder-shown)~label{top:0;transform:translateY(-50%) scale(.8);color:#0f766e;background:#f8fafc}.input-group input:focus{border-color:#0f766e;background:#fff;box-shadow:0 0 0 4px #0f766e1a}.input-group input:focus~label{color:#0f766e}.input-focus-line{position:absolute;bottom:0;left:12px;right:12px;height:2px;background:linear-gradient(90deg,#0f766e,#14b8a6);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.4,0,.2,1);border-radius:0 0 12px 12px;pointer-events:none}.input-group input:focus~.input-focus-line{transform:scaleX(1)}.container button{border-radius:12px;border:none;background:linear-gradient(135deg,#0f766e,#14b8a6);color:#fff;font-size:15px;font-weight:600;padding:16px 32px;letter-spacing:.5px;margin-top:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 20px #0f766e4d;width:100%;position:relative;overflow:hidden;opacity:0;transform:translateY(15px)}.container button.visible{opacity:1;transform:translateY(0);transition-delay:.45s}.container button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.container button:hover:not(:disabled):before{left:100%}.container button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #0f766e66}.container button:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 12px #0f766e4d}.container button:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-loader{display:inline-flex;align-items:center;justify-content:center;gap:6px}.loader-dot{width:8px;height:8px;background:#fff;border-radius:50%;display:inline-block;animation:loaderBounce 1.4s ease-in-out infinite both}.loader-dot:nth-child(1){animation-delay:-.32s}.loader-dot:nth-child(2){animation-delay:-.16s}@keyframes loaderBounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.forgot-password{color:#64748b;font-size:13px;text-decoration:none;margin-top:12px;transition:color .3s;opacity:0;transform:translateY(10px)}.forgot-password.visible{opacity:1;transform:translateY(0);transition-delay:.4s}.forgot-password:hover{color:#0f766e}.system-info{position:absolute;bottom:-16px;left:50%;transform:translate(-50%) translateY(10px);display:flex;align-items:center;gap:12px;padding:8px 16px;background:#ffffffe6;border:1px solid rgba(226,232,240,.5);border-radius:20px;box-shadow:0 4px 12px #00000014;z-index:20;opacity:0;transition:all .5s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.system-info.visible{opacity:1;transform:translate(-50%) translateY(0);transition-delay:.55s}.system-badge{font-size:11px;font-weight:600;color:#0f766e;background:#0f766e1a;padding:2px 8px;border-radius:10px}.system-status{font-size:11px;color:#64748b;display:flex;align-items:center;gap:6px}.status-dot{width:6px;height:6px;background:#22c55e;border-radius:50%;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 #22c55e66}50%{opacity:.8;transform:scale(1.1);box-shadow:0 0 0 6px #22c55e00}}.error-alert{position:fixed;top:24px;left:50%;transform:translate(-50%) translateY(-20px);background:#fef2f2;border:1px solid #fecaca;border-radius:14px;padding:14px 20px;color:#ef4444;z-index:1000;display:flex;align-items:center;gap:12px;box-shadow:0 12px 32px #ef444426;animation:errorSlideIn .4s cubic-bezier(.34,1.56,.64,1) forwards;max-width:90%;width:max-content}@keyframes errorSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-20px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.error-alert svg{flex-shrink:0;color:#ef4444}.error-alert p{margin:0;font-size:14px;font-weight:500}.error-alert button{background:transparent;border:none;color:#ef4444;font-size:22px;padding:0;margin:0;box-shadow:none;cursor:pointer;opacity:.5;transition:opacity .2s;width:auto;transform:none}.error-alert button:hover{opacity:1;transform:none;box-shadow:none}.overlay-container{position:absolute;top:0;left:50%;width:50%;height:100%;overflow:hidden;transition:transform .6s ease-in-out;z-index:100}.container.right-panel-active .overlay-container{transform:translate(-100%)}.overlay{position:relative;left:-100%;height:100%;width:200%;background:linear-gradient(to right,#ecfdf5,#d1fae5);border-left:1px solid #e2e8f0;border-right:1px solid #e2e8f0;transform:translate(0);transition:transform .6s ease-in-out}.container.right-panel-active .overlay{transform:translate(50%)}.overlay-panel{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 40px;text-align:center;top:0;height:100%;width:50%;transform:translate(0);transition:transform .6s ease-in-out}.overlay-panel p{color:#64748b;font-size:15px;font-weight:400;line-height:1.6;margin:20px 0 30px}.overlay-left{transform:translate(-20%)}.container.right-panel-active .overlay-left{transform:translate(0)}.overlay-right{right:0;transform:translate(0)}.container.right-panel-active .overlay-right{transform:translate(20%)}.mobile-toggle{display:none;background:transparent;border:none;color:#0f766e;font-size:14px;margin-top:25px;cursor:pointer;text-decoration:underline;box-shadow:none;padding:0}.mobile-toggle:hover{transform:none;box-shadow:none;color:#111827}.whatsapp-support-btn{position:fixed;bottom:24px;z-index:100;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #25d36666,0 0 0 4px #25d3661a;text-decoration:none;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);opacity:0;transform:scale(.8) translateY(20px)}.whatsapp-support-btn.visible{opacity:1;transform:scale(1) translateY(0);transition-delay:.7s}.whatsapp-support-btn.bottom-right{right:24px}.whatsapp-support-btn.bottom-left{left:24px}.whatsapp-support-btn:hover{transform:scale(1.1) translateY(-4px);box-shadow:0 8px 24px #25d36680,0 0 0 6px #25d36626}.whatsapp-support-btn:active{transform:scale(.95)}.whatsapp-support-btn svg{width:28px;height:28px;flex-shrink:0}.whatsapp-tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%) translateY(6px);background:#1f2937;color:#fff;font-size:12px;font-weight:500;padding:6px 12px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:all .25s ease;box-shadow:0 4px 12px #00000026}.whatsapp-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#1f2937}.whatsapp-support-btn:hover .whatsapp-tooltip{opacity:1;transform:translate(-50%) translateY(0)}.whatsapp-support-btn:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:#25d3664d;animation:whatsappPulse 2s ease-in-out infinite;z-index:-1}@keyframes whatsappPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.15);opacity:0}}@media (max-width: 768px){.login-page-wrapper{padding:0}.container{min-height:100vh;width:100%;border-radius:0;border:none}.form-container{width:100%}.sign-in-container,.sign-up-container{width:100%;transition:all .6s ease-in-out}.sign-up-container{transform:translate(100%)}.container.right-panel-active .sign-in-container{transform:translate(-100%);opacity:0}.container.right-panel-active .sign-up-container{transform:translate(0);opacity:1}.overlay-container{display:none}.mobile-toggle{display:block}form{padding:0 30px}.login-logo{margin-bottom:12px}.logo-icon{width:72px;height:72px;border-radius:18px}.logo-spinner{right:calc(50% - 44px);width:16px;height:16px}.welcome-text{margin-bottom:20px}.welcome-text h1{font-size:1.5rem}.system-info{display:none}.whatsapp-support-btn{width:52px;height:52px;bottom:16px}.whatsapp-support-btn.bottom-right{right:16px}.whatsapp-support-btn.bottom-left{left:16px}.whatsapp-support-btn svg{width:26px;height:26px}.whatsapp-tooltip{display:none}.logo-icon{animation:logoFloatMobile 3s ease-in-out infinite}@keyframes logoFloatMobile{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}}.container.login-only{display:flex;align-items:center;justify-content:center;width:440px;min-height:520px;padding-top:0}.container.login-only .form-container{position:static;width:100%;height:auto}.container.login-only .sign-in-container{left:auto;width:100%;z-index:auto}.container.login-only form{height:auto;min-height:320px;padding:24px 40px 30px}.container.login-only .overlay-container,.container.login-only .mobile-toggle{display:none!important}@media (max-width: 768px){.container.login-only{width:100%;min-height:100vh;padding-top:0}}:root{--bg-light: #f8fafc;--card-bg: #ffffff;--accent-color: #0f766e;--text-main: #111827;--text-muted: #64748b;--border-subtle: #e2e8f0}.dashboard-layout{display:flex;min-height:100vh;background-color:var(--bg-light)}.dashboard-main{flex:1;padding:32px;color:var(--text-main);font-family:Inter,sans-serif;min-width:0;margin-left:80px;transition:margin-left .4s cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.dashboard-main{margin-left:0;padding:16px}}.dashboard-page{display:flex;flex-direction:column;gap:24px;padding-bottom:32px}.dashboard-header{display:flex;align-items:center;justify-content:space-between}.dashboard-title{font-size:1.5rem;font-weight:700;color:var(--text-main);margin:0}.dashboard-subtitle{font-size:.9rem;color:var(--text-muted);margin:4px 0 0}.dashboard-refresh-btn{display:flex;align-items:center;gap:6px;height:36px;padding:0 16px;border-radius:10px;border:1px solid var(--border-subtle);background:#fff;color:var(--text-muted);font-size:.8rem;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease}.dashboard-refresh-btn:hover:not(:disabled){background:#ecfdf5;border-color:#a7f3d0;color:#0f766e}.dashboard-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.dashboard-refresh-btn .spinning{animation:spin 1s linear infinite}@keyframes card-enter{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dashboard-card-enter{opacity:0;animation:card-enter .45s cubic-bezier(.22,1,.36,1) forwards;will-change:transform,opacity}.dashboard-info-tooltip{position:relative;display:inline-flex;align-items:center;cursor:help}.dashboard-info-popover{position:absolute;bottom:100%;left:50%;transform:translate(-50%);width:260px;background:#1e293b;color:#fff;font-size:.75rem;line-height:1.45;padding:10px 12px;border-radius:8px;box-shadow:0 6px 20px #00000026;pointer-events:none;z-index:20;opacity:1;animation:card-enter .2s ease forwards}.dashboard-info-popover:after{content:"";position:absolute;top:100%;left:50%;margin-left:-6px;border-width:6px;border-style:solid;border-color:#1e293b transparent transparent transparent}.dashboard-error-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;background:#fef2f2;border:1px solid #fecaca;color:#ef4444;font-size:.85rem;font-weight:500}.dashboard-widgets-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1200px){.dashboard-widgets-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.dashboard-widgets-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.dashboard-widgets-grid{grid-template-columns:1fr}.dashboard-info-popover{left:auto;right:0;transform:none;width:220px}.dashboard-info-popover:after{left:auto;right:12px;margin-left:0}}.dashboard-widget-card{background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:16px;padding:20px;box-shadow:0 1px 3px #0000000f;transition:all .2s ease;display:flex;flex-direction:column;gap:12px}.dashboard-widget-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.dashboard-widget-header{display:flex;align-items:center;gap:10px}.dashboard-widget-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.dashboard-widget-title{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.dashboard-widget-value{font-size:1.6rem;font-weight:700;color:var(--text-main);line-height:1.2}.dashboard-widget-label{font-size:.8rem;color:var(--text-muted);margin-top:-4px}.dashboard-widget-footer{display:flex;align-items:center;gap:8px;margin-top:4px;padding-top:12px;border-top:1px solid var(--border-subtle)}.dashboard-widget-change{display:flex;align-items:center;gap:4px;font-size:.8rem;font-weight:600;padding:2px 8px;border-radius:20px}.dashboard-widget-change.up{background:#f0fdf4;color:#15803d}.dashboard-widget-change.down{background:#fef2f2;color:#ef4444}.dashboard-widget-change.neutral{background:#f8fafc;color:var(--text-muted)}.dashboard-widget-vs{font-size:.75rem;color:var(--text-muted)}.dashboard-widget-error{font-size:.75rem;color:#ef4444;background:#fef2f2;padding:6px 10px;border-radius:8px}.dashboard-widget-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;border-radius:16px;height:160px;animation:skeleton-shimmer 1.5s infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sa-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1200px){.sa-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.sa-summary-grid{grid-template-columns:1fr}}.sa-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px 20px;display:flex;align-items:flex-start;gap:14px;box-shadow:0 1px 3px #0000000a;transition:box-shadow .2s ease,transform .2s ease}.sa-summary-card:hover{box-shadow:0 4px 12px #0000000f;transform:translateY(-1px)}.sa-summary-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sa-summary-body{display:flex;flex-direction:column;gap:2px;min-width:0}.sa-summary-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.sa-summary-value{font-size:1.35rem;font-weight:700;color:#111827;line-height:1.3}.sa-summary-sub{font-size:.75rem;color:#94a3b8}.sa-section{display:flex;flex-direction:column;gap:14px}.sa-section-title{font-size:1.05rem;font-weight:700;color:#111827;margin:0}.sa-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow-x:auto;box-shadow:0 1px 3px #0000000a}.sa-table{width:100%;border-collapse:collapse;font-size:.82rem;min-width:800px}.sa-table thead th{text-align:left;padding:12px 14px;font-weight:600;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;white-space:nowrap}.sa-table thead th.right,.sa-table tbody td.right{text-align:right}.sa-table thead th.center,.sa-table tbody td.center{text-align:center}.sa-table tbody td{padding:12px 14px;border-bottom:1px solid #f1f5f9;color:#334155;vertical-align:middle;white-space:nowrap}.sa-table tbody tr:last-child td{border-bottom:none}.sa-table tbody tr:hover td{background:#f8fafc}.sa-empty{text-align:center;color:#94a3b8;padding:32px}.sa-company-cell{display:flex;align-items:center;gap:10px}.sa-company-logo{width:32px;height:32px;border-radius:8px;object-fit:contain;background:#fff;border:1px solid #e2e8f0}.sa-company-logo-placeholder{width:32px;height:32px;border-radius:8px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#94a3b8}.sa-company-name{font-weight:600;color:#1e293b;font-size:.85rem}.sa-company-ruc{font-size:.75rem;color:#94a3b8}.sa-badge{display:inline-block;padding:2px 10px;border-radius:20px;font-size:.72rem;font-weight:600;text-transform:capitalize}.sa-badge.status-active{background:#dcfce7;color:#166534}.sa-badge.status-inactive{background:#f1f5f9;color:#64748b}.sa-badge.plan-basic{background:#eff6ff;color:#1d4ed8}.sa-badge.plan-pro{background:#f0fdf4;color:#15803d}.sa-badge.plan-enterprise{background:#fefce8;color:#a16207}.dashboard-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:64px 24px;color:#64748b;font-size:.95rem}.sa-caja-status{font-size:.72rem;font-weight:500;margin-top:2px}.sa-caja-none{color:#94a3b8;font-size:.85rem}:root{--bg-light: #f8fafc;--sidebar-bg: #ffffff;--accent-color: #0f766e;--text-main: #111827;--text-muted: #64748b}.sidebar{position:fixed;top:0;left:0;height:100vh;width:80px;background-color:var(--sidebar-bg);border-right:1px solid #e2e8f0;display:flex;flex-direction:column;transition:.4s cubic-bezier(.4,0,.2,1);overflow:hidden;z-index:1000;font-family:Inter,sans-serif;-ms-overflow-style:none;scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}.sidebar:hover{width:300px;box-shadow:10px 0 30px #00000014}.sidebar-header{padding:24px;display:flex;align-items:center;gap:16px;height:80px;flex-shrink:0}.logo-container{display:flex;justify-content:center;align-items:center;gap:5px;cursor:pointer;text-decoration:none;color:#fff}.sidebar-logo-icon{width:32px;height:32px;flex-shrink:0;color:#0f766e}.logo-text{font-size:1.2rem;font-weight:700;white-space:nowrap;opacity:0;transition:opacity .2s ease;color:var(--text-main)}.sidebar:hover .logo-text{opacity:1}.sidebar-nav{flex:1;padding:12px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.nav-item{display:flex;flex-direction:row;align-items:center;gap:14px;text-decoration:none;color:#334155;height:48px;padding:0 22px;border-radius:12px;transition:all .2s ease;position:relative;cursor:pointer;border:1px solid transparent;background:none;width:100%;font-size:.82rem;font-weight:500;font-family:Inter,sans-serif;line-height:1;text-align:left;overflow:hidden;box-sizing:border-box}.nav-item:hover{background-color:#f8fafc;color:#0f766e;border-color:#cbd5e1;box-shadow:0 1px 2px #0000000d}.nav-item.active{background-color:#ecfdf599;color:#0f766e;border-color:#a7f3d0;box-shadow:0 1px 2px #0000000d}.nav-lucide-icon{flex-shrink:0;color:#0f766e;opacity:1}.nav-item:hover .nav-lucide-icon,.nav-item.active .nav-lucide-icon{color:#0f766e}.nav-label{font-size:.82rem;font-weight:600;opacity:0;transition:opacity .2s ease;line-height:1;color:#1e293b;white-space:nowrap;flex-shrink:1;min-width:0;overflow:hidden}.sidebar:hover .nav-label{opacity:1}.sidebar-footer{padding:20px 14px;border-top:1px solid #e2e8f0;flex-shrink:0}.user-profile{display:flex;align-items:center;gap:12px;padding:10px;transition:.3s;cursor:pointer;border-radius:12px}.user-profile:hover{background-color:#10b9810f;color:#0f766e}.avatar{width:36px;height:36px;border-radius:50%;background-color:#f0fdf4;flex-shrink:0;border:1px solid #99f6e4;display:flex;align-items:center;justify-content:center;color:#0f766e;font-weight:700;font-size:.85rem;position:relative}.avatar-edit-icon{position:absolute;bottom:-2px;right:-2px;width:16px;height:16px;border-radius:50%;background:#0f766e;color:#fff;display:flex;align-items:center;justify-content:center;border:2px solid #ffffff}.user-info{display:flex;flex-direction:column;overflow:hidden;opacity:0;transition:opacity .2s ease}.sidebar:hover .user-info{opacity:1;transition:opacity .3s ease}.user-name{font-size:.85rem;font-weight:600;color:var(--text-main)}.user-role{font-size:.75rem;color:#475569}.sidebar-close-btn,.sidebar-overlay{display:none}@media (max-width: 768px){.sidebar{width:300px;transform:translate(-100%);box-shadow:none;overflow-y:auto;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;background-color:#fff;border-right:1px solid #e2e8f0}.sidebar::-webkit-scrollbar{display:none}.sidebar.sidebar--open{transform:translate(0);box-shadow:10px 0 40px #0000001f}.sidebar-close-btn{display:flex;position:absolute;top:16px;right:16px;width:36px;height:36px;align-items:center;justify-content:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;color:var(--text-main);cursor:pointer;z-index:10}.sidebar-close-btn:hover{background:#10b9811a;color:#0f766e;border-color:#99f6e4}.sidebar-close-btn svg{stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke:currentColor;fill:none}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.sidebar-overlay.sidebar-overlay--visible{opacity:1;visibility:visible}.sidebar .nav-label,.sidebar .logo-text,.sidebar .user-info{opacity:1}.sidebar .logo-container{justify-content:flex-start}}.nav-loading,.nav-error{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#64748b;font-size:.85rem}.nav-spin{animation:spin 1s linear infinite}:root{--emerald-900: #064e3b;--emerald-800: #065f46;--emerald-700: #0f766e;--emerald-200: #a7f3d0;--emerald-100: #d1fae5;--emerald-50: #ecfdf5;--text-main: #111827;--text-muted: #64748b;--border-subtle: #e2e8f0;--card-bg: #ffffff}.profile-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.profile-modal-overlay.open{opacity:1;visibility:visible}.profile-modal{width:100%;max-width:520px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;background:var(--card-bg);border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 25px 50px #0000001f;font-family:Inter,sans-serif}.profile-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.profile-modal-title{font-size:1.15rem;font-weight:700;color:var(--text-main);margin:0}.profile-modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0;color:var(--text-muted);cursor:pointer;transition:all .2s ease;padding:0}.profile-modal-close:hover{background:#f0fdf4;color:#0f766e;border-color:#99f6e4}.profile-modal-tabs{display:flex;gap:4px;padding:12px 24px 0;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.profile-tab{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--text-muted);font-size:.85rem;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease;white-space:nowrap}.profile-tab:hover{color:#0f766e}.profile-tab.active{color:#0f766e;border-bottom-color:#0f766e;font-weight:600}.profile-modal-body{flex:1;overflow-y:auto;padding:24px}.profile-photo-section{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:24px}.profile-photo-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#0f766e,#14b8a6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700;border:4px solid var(--emerald-50);box-shadow:0 4px 12px #0f766e33}.profile-photo-label{font-size:.85rem;font-weight:600;color:#0f766e;cursor:pointer;padding:6px 14px;border-radius:8px;border:1px solid var(--emerald-200);background:var(--emerald-50);transition:all .2s ease}.profile-photo-label:hover{background:var(--emerald-100)}.profile-form-grid{display:grid;grid-template-columns:1fr;gap:16px}.profile-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 480px){.profile-form-row{grid-template-columns:1fr}}.profile-form-group{display:flex;flex-direction:column;gap:6px}.profile-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.profile-input,.profile-select{padding:10px 14px;border-radius:10px;border:1px solid var(--border-subtle);background:#f8fafc;font-size:.9rem;color:var(--text-main);font-family:Inter,sans-serif;outline:none;transition:all .2s ease;width:100%;box-sizing:border-box}.profile-input:focus,.profile-select:focus{border-color:#99f6e4;box-shadow:0 0 0 3px #10b9811a;background:#fff}.profile-input:disabled,.profile-input[readonly]{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.profile-password-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-subtle)}.profile-section-title{font-size:.85rem;font-weight:600;color:var(--text-main);margin:0 0 12px;display:flex;align-items:center;gap:8px}.profile-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--border-subtle);flex-shrink:0}.profile-btn-secondary{padding:10px 18px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0;color:var(--text-muted);font-size:.85rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease}.profile-btn-secondary:hover{background:#f1f5f9}.profile-btn-primary{padding:10px 20px;border-radius:10px;background:#0f766e;border:1px solid #0f766e;color:#fff;font-size:.85rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease}.profile-btn-primary:hover{background:#115e59;border-color:#115e59}.profile-locked-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;background:#fef3c7;border:1px solid #fde68a;color:#b45309;font-size:.7rem;font-weight:600;margin-bottom:12px}.profile-modal-body::-webkit-scrollbar{width:6px}.profile-modal-body::-webkit-scrollbar-track{background:transparent}.profile-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}:root{--bg-light: #f8fafc;--card-bg: #ffffff;--accent-color: #8b5cf6;--text-main: #111827;--text-muted: #64748b}.navbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:10px;padding:0 20px;height:56px;background-color:var(--card-bg);border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;font-family:Inter,sans-serif}.navbar-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0;color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:all .2s ease;padding:0;margin:0}.navbar-icon-btn:hover{background:#f0fdf4;color:#0f766e;border-color:#99f6e4}.navbar-icon-btn>svg,.navbar-icon-btn>*[data-lucide]{display:block;margin:auto}.navbar-menu-btn{display:none}.navbar-left{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;flex:1;min-width:0}.navbar-tenant{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0;flex-shrink:0;cursor:pointer;transition:all .2s ease}.navbar-tenant:hover{border-color:#99f6e4}.tenant-name{font-size:.8rem;font-weight:600;color:var(--text-main);white-space:nowrap;line-height:1}.tenant-chevron{transition:transform .2s ease;flex-shrink:0}.tenant-chevron.open{transform:rotate(180deg)}.navbar-tenant-wrap{position:relative;flex-shrink:0}.tenant-dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:260px;max-width:320px;max-height:340px;overflow-y:auto;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px #0000001a;padding:6px;z-index:200;display:flex;flex-direction:column;gap:2px}.tenant-option{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;border:none;background:transparent;cursor:pointer;font-size:.82rem;font-weight:500;color:#374151;text-align:left;width:100%;transition:all .15s ease}.tenant-option:hover{background:#f0fdf4;color:#0f766e}.tenant-option.active{background:#f0fdf4;color:#0f766e;font-weight:600}.tenant-option.disabled{cursor:default;opacity:.7}.tenant-option.disabled:hover{background:transparent;color:#94a3b8}.tenant-option-avatar{width:24px;height:24px;border-radius:6px;background:#0f766e;color:#fff;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tenant-option-logo{width:24px;height:24px;border-radius:6px;object-fit:contain;flex-shrink:0;border:1px solid #e2e8f0}.tenant-option-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tenant-check{color:#0f766e;flex-shrink:0}.tenant-divider{height:1px;background:#e2e8f0;margin:4px 0}.navbar-search{display:flex;align-items:center;gap:8px;flex:1;max-width:260px;min-width:0;padding:6px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;transition:all .2s ease}.navbar-search:focus-within{border-color:#99f6e4;box-shadow:0 0 0 3px #10b98114}.search-input{border:none;background:transparent;outline:none;font-size:.85rem;color:var(--text-main);width:100%;height:100%;font-family:Inter,sans-serif;padding:0;margin:0}.search-input::placeholder{color:#94a3b8}.navbar-lang{width:auto;padding:0 10px;gap:4px}.lang-code{font-size:.75rem;font-weight:600;color:var(--text-muted);line-height:1}.navbar-lang:hover .lang-code{color:#0f766e}.navbar-right{display:flex;align-items:center;flex-wrap:nowrap;gap:6px;flex-shrink:0}.navbar-caja{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 12px;border-radius:10px;background:#f0fdf4;border:1px solid #bbf7d0;flex-shrink:0;transition:all .2s ease}.navbar-caja.closed{background:#fef2f2;border-color:#fecaca}.caja-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;flex-shrink:0}.caja-dot.red{background:#ef4444}.caja-text{font-size:.8rem;font-weight:600;color:#15803d;white-space:nowrap;line-height:1}.navbar-caja.closed .caja-text{color:#b91c1c}.navbar-network{color:#22c55e;background:#f0fdf4;border-color:#bbf7d0}.navbar-network:hover{background:#dcfce7;border-color:#86efac}.navbar-network.offline{color:#ef4444;background:#fef2f2;border-color:#fecaca}.navbar-network.offline:hover{background:#fee2e2;border-color:#fca5a5}.navbar-search{position:relative}.search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;min-width:220px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px #0000001a;padding:6px;z-index:200;display:flex;flex-direction:column;gap:2px;max-height:280px;overflow-y:auto}.search-option{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:8px;border:none;background:transparent;cursor:pointer;text-align:left;width:100%;transition:all .15s ease}.search-option:hover{background:#f0fdf4}.search-option-name{font-size:.82rem;font-weight:600;color:#374151}.search-option-desc{font-size:.72rem;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-empty{padding:14px;text-align:center;color:#94a3b8;font-size:.8rem}.more-dot.red{background:#ef4444}.more-icon.red{color:#ef4444}.navbar-notify-wrap{position:relative;flex-shrink:0}.navbar-notify{position:relative}.notify-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:340px;max-width:90vw;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 30px #0000001f;z-index:250;max-height:420px;overflow:hidden;display:flex;flex-direction:column;animation:notifyFadeIn .15s ease}@keyframes notifyFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.notify-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #f1f5f9;position:sticky;top:0;background:#fff;z-index:1}.notify-title{font-weight:700;font-size:.9em;color:#1e293b}.notify-mark-all{background:none;border:none;color:#2563eb;cursor:pointer;font-size:.78em;font-weight:600;padding:4px 8px;border-radius:6px;transition:background .15s ease}.notify-mark-all:hover{background:#eff6ff}.notify-list{flex:1;overflow-y:auto}.notify-loading,.notify-empty{padding:28px 20px;text-align:center;color:#94a3b8;font-size:.85em}.notify-item{padding:12px 16px;border-bottom:1px solid #f8fafc;cursor:pointer;display:flex;gap:10px;align-items:flex-start;transition:background .15s ease}.notify-item:hover{background:#f8fafc}.notify-item.unread{background:#f0f9ff}.notify-item.unread:hover{background:#e0f2fe}.notify-dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:#2563eb;margin-top:6px}.notify-dot.read{background:transparent;border:1px solid #cbd5e1}.notify-body{flex:1;min-width:0}.notify-title-text{font-weight:600;font-size:.85em;color:#1e293b}.notify-message{font-size:.8em;color:#64748b;margin-top:2px;line-height:1.35}.notify-time{font-size:.72em;color:#94a3b8;margin-top:4px}.notify-category{display:inline-block;font-size:.65em;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:2px 6px;border-radius:4px;margin-top:4px;background:#f1f5f9;color:#64748b}.notify-category.ventas{background:#ecfdf5;color:#047857}.notify-category.caja{background:#fef3c7;color:#b45309}.notify-category.rrhh{background:#ede9fe;color:#6d28d9}.notify-category.inventario{background:#fee2e2;color:#b91c1c}.notify-category.finanzas{background:#dbeafe;color:#1d4ed8}.notify-badge{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--accent-color);border:2px solid var(--card-bg)}.navbar-more-wrap{position:relative;display:none}.navbar-more-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--card-bg);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 30px #00000014;padding:8px;z-index:2000;display:flex;flex-direction:column;gap:2px}.more-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;font-size:.85rem;color:var(--text-main);cursor:pointer;transition:background .15s ease}.more-item:hover{background:#f8fafc}.more-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.more-dot.green{background:#22c55e}.more-icon{display:flex;align-items:center;color:var(--text-muted);flex-shrink:0}.more-icon.green{color:#22c55e}.more-icon svg{width:18px;height:18px;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.more-badge{width:8px;height:8px;border-radius:50%;background:var(--accent-color);margin-left:auto;flex-shrink:0}.navbar-logout{display:flex;align-items:center;justify-content:center;height:36px;padding:0 14px;border-radius:10px;background:#fef2f2;border:1px solid #fecaca;color:#ef4444;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;flex-shrink:0;margin:0}.navbar-logout>svg{display:block;flex-shrink:0}.navbar-logout>.logout-text{display:block;line-height:1}.navbar-logout:hover{background:#fee2e2;border-color:#fca5a5}@media (max-width: 1024px){.navbar-search{max-width:220px}.navbar-caja{padding:0 10px}.caja-text{font-size:.75rem}}@media (max-width: 768px){.navbar{padding:0 14px;height:52px;margin-bottom:16px;border-radius:12px;gap:8px}.navbar-menu-btn{display:flex}.navbar-left{gap:8px}.navbar-tenant{padding:0 8px;border:1px solid #e2e8f0;height:32px}.tenant-name{font-size:.8rem}.navbar-search,.navbar-lang,.navbar-caja,.navbar-network,.navbar-notify,.navbar-fullscreen{display:none}.navbar-more-wrap{display:block}.navbar-icon-btn,.navbar-logout{height:32px}.navbar-icon-btn{width:32px}.navbar-logout{padding:0 10px;gap:0}.logout-text{display:none}}@media (min-width: 769px){.navbar-more-wrap{display:none!important}}:root{--bg-light: #f8fafc;--card-bg: #ffffff;--accent-color: #8b5cf6;--text-main: #111827;--text-muted: #64748b;--border-subtle: #e2e8f0}.settings-page{display:flex;flex-direction:column;gap:20px;padding-bottom:32px}.settings-header{display:flex;align-items:center;justify-content:space-between}.settings-title{font-size:1.4rem;font-weight:700;color:var(--text-main);margin:0}.settings-subtitle{font-size:.9rem;color:var(--text-muted);margin:4px 0 0}.settings-section{background-color:var(--card-bg);border:1px solid var(--border-subtle);border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000000f}.settings-section-title{font-size:1rem;font-weight:700;color:var(--text-main);margin:0 0 20px;display:flex;align-items:center;gap:10px}.settings-section-icon{width:32px;height:32px;border-radius:8px;background:#8b5cf614;display:flex;align-items:center;justify-content:center;color:var(--accent-color)}.settings-section-icon svg{width:18px;height:18px;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.settings-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.settings-form-group{display:flex;flex-direction:column;gap:6px}.settings-form-group.full-width{grid-column:1 / -1}.settings-label{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.settings-input,.settings-textarea,.settings-select{padding:10px 14px;border-radius:10px;border:1px solid var(--border-subtle);background:#f8fafc;font-size:.9rem;color:var(--text-main);font-family:Inter,sans-serif;outline:none;transition:all .2s ease}.settings-input:focus,.settings-textarea:focus,.settings-select:focus{border-color:#c4b5fd;box-shadow:0 0 0 3px #8b5cf61a;background:#fff}.settings-textarea{resize:vertical;min-height:80px}.settings-select{cursor:pointer}.settings-logo-upload{display:flex;align-items:center;gap:16px;padding:16px;border:2px dashed var(--border-subtle);border-radius:12px;background:#f8fafc;cursor:pointer;transition:all .2s ease}.settings-logo-upload:hover{border-color:#c4b5fd;background:#f5f3ff}.settings-logo-placeholder{width:64px;height:64px;border-radius:12px;background:#e2e8f0;display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0}.settings-logo-placeholder svg{width:28px;height:28px;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;fill:none}.settings-logo-text{display:flex;flex-direction:column;gap:2px}.settings-logo-text strong{font-size:.9rem;color:var(--text-main)}.settings-logo-text span{font-size:.8rem;color:var(--text-muted)}.settings-user-table{width:100%;border-collapse:collapse}.settings-user-table thead th{text-align:left;padding:10px 12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle)}.settings-user-table tbody td{padding:12px;font-size:.9rem;color:var(--text-main);border-bottom:1px solid var(--border-subtle)}.settings-user-table tbody tr:last-child td{border-bottom:none}.settings-user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#6366f1);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:700}.settings-user-name{display:flex;align-items:center;gap:10px}.settings-role-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.settings-role-badge.admin{background:#f5f3ff;color:#7c3aed}.settings-role-badge.cajero{background:#f0fdf4;color:#15803d}.settings-role-badge.bartender{background:#fff7ed;color:#c2410c}.settings-role-badge.mozo{background:#eff6ff;color:#1d4ed8}.settings-modules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.settings-module-check{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:#f8fafc;border:1px solid var(--border-subtle);cursor:pointer;transition:all .15s ease;font-size:.85rem;color:var(--text-main)}.settings-module-check:hover{background:#f5f3ff;border-color:#c4b5fd}.settings-module-check input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-color);cursor:pointer;flex-shrink:0}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-subtle)}.settings-toggle-row:last-child{border-bottom:none}.settings-toggle-label{display:flex;flex-direction:column;gap:2px}.settings-toggle-label strong{font-size:.9rem;color:var(--text-main)}.settings-toggle-label span{font-size:.8rem;color:var(--text-muted)}.settings-toggle-switch{position:relative;width:44px;height:24px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e2e8f0;border-radius:12px;outline:none;cursor:pointer;transition:background .2s ease;flex-shrink:0}.settings-toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000026;transition:transform .2s ease}.settings-toggle-switch:checked{background:var(--accent-color)}.settings-toggle-switch:checked:after{transform:translate(20px)}.settings-radio-group{display:flex;gap:12px}.settings-radio-option{flex:1;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;border:1px solid var(--border-subtle);background:#f8fafc;cursor:pointer;transition:all .2s ease;font-size:.9rem;color:var(--text-main)}.settings-radio-option:hover{border-color:#c4b5fd}.settings-radio-option.active{border-color:var(--accent-color);background:#f5f3ff}.settings-radio-option input[type=radio]{accent-color:var(--accent-color);width:16px;height:16px;flex-shrink:0}.settings-file-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;border:1px solid var(--border-subtle);background:#f8fafc;cursor:pointer;transition:all .2s ease}.settings-file-row:hover{border-color:#c4b5fd;background:#f5f3ff}.settings-file-row svg{width:20px;height:20px;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;color:var(--accent-color);flex-shrink:0}.settings-file-row span{font-size:.9rem;color:var(--text-main)}.settings-file-row small{margin-left:auto;font-size:.75rem;color:var(--text-muted)}.settings-threshold-row{display:grid;grid-template-columns:1fr 120px;gap:16px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-subtle)}.settings-threshold-row:last-child{border-bottom:none}.settings-threshold-info{display:flex;flex-direction:column;gap:2px}.settings-threshold-info strong{font-size:.9rem;color:var(--text-main)}.settings-threshold-info span{font-size:.8rem;color:var(--text-muted)}@media (max-width: 768px){.settings-form-grid{grid-template-columns:1fr}.settings-modules-grid{grid-template-columns:repeat(2,1fr)}.settings-section{padding:16px}.settings-header{flex-direction:column;align-items:flex-start;gap:4px}}@media (max-width: 480px){.settings-modules-grid{grid-template-columns:1fr}}.sunat-view{display:flex;flex-direction:column;gap:20px}.sunat-empty-state{padding:12px 16px;background:#fef3c7;color:#92400e;border-radius:10px;font-size:.9rem;border:1px solid #fde68a}.sunat-company-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px;box-shadow:0 1px 3px #0000000a,0 4px 12px #00000005;transition:box-shadow .2s ease}.sunat-company-card:hover{box-shadow:0 4px 12px #0000000f,0 16px 32px #00000008}.sunat-company-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.sunat-company-avatar{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#0f766e,#0d9488);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0}.sunat-company-info{display:flex;flex-direction:column;gap:2px;min-width:0}.sunat-company-right{display:flex;flex-direction:column;align-items:center;gap:6px;margin-left:auto;text-align:center}.sunat-company-logo{width:40px;height:40px;border-radius:8px;object-fit:contain;border:1px solid #e2e8f0;background:#fff;padding:3px}.sunat-company-logo-placeholder{width:40px;height:40px;border-radius:8px;background:#f1f5f9;border:1px dashed #cbd5e1;display:flex;align-items:center;justify-content:center;color:#94a3b8}.sunat-company-nombre-comercial{font-size:.72rem;font-weight:600;color:#475569;line-height:1.3;word-break:break-word;text-align:center}.sunat-company-name{font-size:1rem;font-weight:700;color:#111827;line-height:1.3}.sunat-company-meta{font-size:.8rem;color:#64748b;line-height:1.4}.sunat-section{margin-bottom:14px}.sunat-section:last-child{margin-bottom:0}.sunat-section-title{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;color:#0f766e;text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px}.sunat-section-title svg{opacity:.7}.sunat-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.sunat-form-grid .sunat-field-full{grid-column:1 / -1}.sunat-field{display:flex;flex-direction:column;gap:6px}.sunat-field-label{display:flex;align-items:center;gap:4px;font-size:.78rem;font-weight:600;color:#374151}.sunat-field-label svg{color:#94a3b8;flex-shrink:0}.sunat-field-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:18px;padding:0 4px;border-radius:4px;background:#e2e8f0;color:#475569;font-size:.65rem;font-weight:700;flex-shrink:0}.sunat-field-hint{font-size:.72rem;color:#94a3b8;margin-top:2px}.sunat-input{height:38px;padding:0 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.88rem;font-family:Inter,sans-serif;color:#111827;background:#fff;transition:all .2s ease;outline:none;width:100%;box-sizing:border-box}.sunat-input:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1a}.sunat-input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.sunat-env-group{display:flex;gap:8px}.sunat-env-option{flex:1;display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:.82rem;font-weight:500;color:#4b5563;background:#fff;transition:all .2s ease;-webkit-user-select:none;user-select:none}.sunat-env-option:hover{border-color:#0f766e;background:#f0fdf4}.sunat-env-option.active{border-color:#0f766e;background:#ecfdf5;color:#065f46;font-weight:600}.sunat-env-option input{position:absolute;opacity:0;pointer-events:none}.sunat-save-row{display:flex;align-items:center;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid #f1f5f9}.sunat-save-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px;border-radius:8px;border:none;background:linear-gradient(135deg,#0f766e,#0d9488);color:#fff;font-size:.85rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #0f766e33}.sunat-save-btn:hover{box-shadow:0 4px 14px #0f766e59;transform:translateY(-1px)}.sunat-save-btn:active{transform:translateY(0)}.sunat-save-msg{display:flex;align-items:center;gap:6px;color:#059669;font-size:.85rem;font-weight:600;animation:sunatFadeIn .3s ease}@keyframes sunatFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.sunat-company-card{padding:14px}.sunat-company-header{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}.sunat-company-avatar{width:36px;height:36px;font-size:.9rem;border-radius:8px}.sunat-company-name{font-size:.9rem}.sunat-company-meta{font-size:.75rem}.sunat-company-info{flex:1;min-width:0}.sunat-company-right{display:flex;flex-direction:column;align-items:center;gap:4px;margin-left:auto;flex-shrink:0;max-width:80px}.sunat-company-logo,.sunat-company-logo-placeholder{width:36px;height:36px}.sunat-company-nombre-comercial{font-size:.65rem;word-break:break-word}.sunat-input{height:34px;padding:0 8px;font-size:.82rem}.sunat-field-label{font-size:.72rem}.sunat-field-badge{min-width:18px;height:16px;font-size:.6rem}.sunat-form-grid{gap:10px}.sunat-env-option{padding:6px 8px;font-size:.78rem;gap:4px}}.sunat-test-row{display:flex;flex-direction:column;gap:12px;padding-top:4px}.sunat-igv-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;background:#f0f9ff;border:1px solid #bae6fd;font-size:.8rem;white-space:nowrap}.sunat-igv-badge-label{color:#0369a1;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:.7rem}.sunat-igv-badge-value{color:#0c4a6e;font-weight:700;font-size:.9rem}.sunat-test-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid #3b82f6;border-radius:10px;background:#eff6ff;color:#1d4ed8;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease;align-self:flex-start}.sunat-test-btn:hover:not(:disabled){background:#dbeafe;border-color:#2563eb}.sunat-test-btn:disabled{opacity:.5;cursor:not-allowed}.sunat-test-result{border-radius:10px;padding:14px 16px;font-size:.85rem}.sunat-test-result.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.sunat-test-result.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.sunat-test-result-header{display:flex;align-items:center;gap:8px;font-weight:700;margin-bottom:6px}.sunat-test-result-msg{margin:0 0 8px;line-height:1.5}.sunat-test-details{margin-top:8px}.sunat-test-details summary{cursor:pointer;font-weight:500;font-size:.8rem;opacity:.8}.sunat-test-json{margin-top:8px;padding:12px;background:#0000000a;border-radius:8px;font-size:.75rem;font-family:Courier New,monospace;overflow-x:auto;max-height:300px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.doc-search{display:flex;flex-direction:column;gap:4px;text-align:left}.doc-search-label{font-size:.72rem;font-weight:600;color:#374151;text-align:left}.doc-search-row{display:flex;gap:8px}.doc-search-input{flex:1;height:34px;padding:0 10px;border:1px solid #d1d5db;border-radius:8px;font-size:.82rem;font-family:Inter,sans-serif;color:#111827;background:#fff;transition:all .2s ease;outline:none}.doc-search-input:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1a}.doc-search-btn{display:flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:8px;border:none;background:#0f766e;color:#fff;font-size:.8rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease;flex-shrink:0}.doc-search-btn:hover{background:#0d9488}.doc-search-btn:disabled{opacity:.6;cursor:not-allowed}.doc-spin{animation:spin 1s linear infinite}.doc-search-error{display:flex;align-items:center;gap:6px;font-size:.78rem;color:#ef4444;font-weight:500}.doc-search-mock{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#f59e0b;font-weight:500;background:#fffbeb;padding:6px 10px;border-radius:8px}.doc-search-result{margin-top:4px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;overflow:hidden}.doc-result-header{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#ecfdf5;color:#0f766e;font-size:.78rem;font-weight:600}.doc-result-body{padding:8px 12px;display:flex;flex-direction:column;gap:4px}.doc-result-item{display:flex;justify-content:space-between;font-size:.8rem}.doc-result-key{color:#64748b;text-transform:capitalize}.doc-result-value{color:#111827;font-weight:500}.file-upload-field{display:flex;flex-direction:column;gap:4px}.file-upload-dropzone{display:flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 10px;border:1.5px dashed #d1d5db;border-radius:8px;background:#f8fafc;color:#64748b;font-size:.78rem;font-weight:500;cursor:pointer;transition:all .2s ease}.file-upload-dropzone:hover{border-color:#0f766e;color:#0f766e;background:#f0fdfa}.file-upload-input{display:none}.file-upload-text{display:flex;align-items:center;gap:6px}.file-upload-spin{animation:spin 1s linear infinite}.file-upload-preview{display:flex;align-items:center;justify-content:space-between;gap:8px;height:32px;padding:0 10px;border:1px solid #d1d5db;border-radius:8px;background:#f0fdf4;color:#166534}.file-preview-info{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:500;overflow:hidden}.file-preview-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-preview-remove{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:6px;background:transparent;color:#ef4444;cursor:pointer;transition:background .2s ease;flex-shrink:0}.file-preview-remove:hover{background:#fef2f2}.file-upload-error{font-size:.75rem;color:#ef4444;font-weight:500}.company-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:flex-start;justify-content:center;z-index:2000;padding:16px;animation:fadeIn .2s ease;overflow-y:auto}.company-modal{background:#fff;border-radius:16px;width:100%;max-width:520px;display:flex;flex-direction:column;box-shadow:0 20px 40px #00000026;animation:slideUp .25s ease;overflow:hidden}.company-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e2e8f0}.company-modal-title{display:flex;align-items:center;gap:10px;font-size:1.05rem;font-weight:700;color:#111827}.company-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;background:#f1f5f9;color:#64748b;cursor:pointer;transition:all .2s ease}.company-modal-close:hover{background:#e2e8f0;color:#0f172a}.company-modal-body{padding:14px 20px;display:flex;flex-direction:column;gap:8px}.company-modal-error{background:#fef2f2;color:#ef4444;padding:10px 14px;border-radius:10px;font-size:.85rem;font-weight:500}.company-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.company-form-group{display:flex;flex-direction:column;gap:4px;text-align:left}.company-form-label{font-size:.72rem;font-weight:600;color:#374151;text-align:left}.company-form-label span{color:#ef4444}.company-form-input{height:34px;padding:0 10px;border:1px solid #d1d5db;border-radius:8px;font-size:.82rem;font-family:Inter,sans-serif;color:#111827;background:#fff;transition:all .2s ease;outline:none}.company-form-input:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1a}.company-form-input.error{border-color:#ef4444}.company-form-hint.error{font-size:.75rem;color:#ef4444}.company-form-group.full-width{grid-column:span 2}.company-form-group.company-form-toggle{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:#d1d5db;border-radius:24px;transition:.2s}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 3px #0003}.toggle-switch input:checked+.toggle-slider{background:#0f766e}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.company-form-section{display:flex;flex-direction:column;gap:6px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px}.company-form-section-title{font-size:.7rem;font-weight:700;color:#0f766e;text-transform:uppercase;letter-spacing:.4px;margin:0;padding:0 0 4px;text-align:left;align-self:flex-start;border-bottom:1px solid #e2e8f0;width:100%}.company-save-msg{padding:10px 16px;border-radius:10px;font-size:.85rem;font-weight:600;text-align:center;margin-bottom:8px}.company-save-msg.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.company-save-msg.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.company-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding-top:6px;border-top:1px solid #e2e8f0}.company-btn-secondary{padding:0 16px;height:36px;border-radius:8px;border:1px solid #d1d5db;background:#fff;color:#374151;font-size:.85rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease}.company-btn-secondary:hover{background:#f8fafc}.company-btn-primary{display:flex;align-items:center;gap:6px;padding:0 16px;height:36px;border-radius:8px;border:none;background:#0f766e;color:#fff;font-size:.85rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease}.company-btn-primary:hover{background:#0d9488}.company-btn-primary:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.company-form-grid{grid-template-columns:1fr}.company-form-group.full-width{grid-column:span 1}}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:3000;padding:16px;animation:fadeIn .2s ease}.confirm-box{background:#fff;border-radius:16px;width:100%;max-width:400px;padding:24px;box-shadow:0 20px 40px #00000026;position:relative;animation:slideUp .25s ease;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-close{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:8px;border:none;background:transparent;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.confirm-close:hover{background:#f1f5f9;color:#0f172a}.confirm-body{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:20px}.confirm-icon{width:48px;height:48px;border-radius:50%;background:#fef2f2;color:#ef4444;display:flex;align-items:center;justify-content:center}.confirm-title{font-size:1.05rem;font-weight:700;color:#111827;margin:0}.confirm-message{font-size:.88rem;color:#64748b;margin:0;line-height:1.5}.confirm-footer{display:flex;gap:10px;justify-content:center}.confirm-btn-secondary{height:40px;padding:0 20px;border-radius:10px;border:1px solid #d1d5db;background:#fff;color:#374151;font-size:.85rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease}.confirm-btn-secondary:hover{background:#f8fafc}.confirm-btn-danger{height:40px;padding:0 20px;border-radius:10px;border:none;background:#ef4444;color:#fff;font-size:.85rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease}.confirm-btn-danger:hover{background:#dc2626}.confirm-btn-danger:disabled{opacity:.6;cursor:not-allowed}.company-list{display:flex;flex-direction:column;gap:20px}.company-list-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.company-list-info{display:flex;align-items:baseline;gap:12px}.company-list-title{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:700;color:#111827;margin:0}.company-list-count{font-size:.8rem;color:#64748b;font-weight:500}.company-list-new-btn{display:flex;align-items:center;gap:6px;height:38px;padding:0 16px;border-radius:10px;border:none;background:#0f766e;color:#fff;font-size:.82rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease;flex-shrink:0}.company-list-new-btn:hover{background:#0d9488}.company-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.company-table{width:100%;border-collapse:collapse;font-size:.85rem}.company-table thead th{background:#f8fafc;color:#475569;font-weight:600;text-align:left;padding:12px 16px;border-bottom:1px solid #e2e8f0;white-space:nowrap}.company-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s ease}.company-table tbody tr:hover{background:#f8fafc}.company-table tbody tr.row-active{background:#ecfdf5}.company-table tbody td{padding:12px 16px;color:#334155;vertical-align:middle}.company-cell-name{display:flex;align-items:center;gap:10px}.company-avatar{width:32px;height:32px;border-radius:8px;background:#0f766e;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0}.company-name-text{display:flex;flex-direction:column;gap:2px}.company-name-text strong{font-weight:600;color:#111827;font-size:.86rem}.company-name-text span{font-size:.78rem;color:#94a3b8}.company-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap}.badge-active{background:#ecfdf5;color:#0f766e}.badge-inactive{background:#f1f5f9;color:#64748b}.badge-suspended{background:#fef2f2;color:#ef4444}.company-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.company-action-btn{display:flex;align-items:center;gap:4px;height:32px;padding:0 10px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-size:.78rem;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease}.company-action-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.company-action-btn.selected{background:#ecfdf5;border-color:#0f766e;color:#0f766e}.company-active-label{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:8px;background:#ecfdf5;border:1px solid #a7f3d0;color:#0f766e;font-size:.78rem;font-weight:600;white-space:nowrap}.company-action-btn.deactivate{color:#b45309;border-color:#fcd34d;background:#fffbeb}.company-action-btn.deactivate:hover{background:#fef3c7;border-color:#fbbf24;color:#92400e}.company-action-btn.edit{padding:0 8px}.company-action-btn.delete{padding:0 8px;color:#ef4444;border-color:#fecaca;background:#fef2f2}.company-action-btn.delete:hover{background:#fee2e2;border-color:#fca5a5}.company-action-btn:disabled{opacity:.5;cursor:not-allowed}.company-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:64px 24px;color:#64748b;font-size:.95rem;text-align:center}.company-state-error{color:#ef4444}.company-spin{animation:spin 1s linear infinite}.company-retry-btn{height:36px;padding:0 16px;border-radius:8px;border:1px solid #d1d5db;background:#fff;color:#374151;font-size:.82rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease}.company-retry-btn:hover{background:#f8fafc}.company-empty{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 24px;color:#94a3b8;font-size:.9rem;text-align:center;background:#f8fafc;border-radius:14px;border:1px dashed #e2e8f0}@media (max-width: 640px){.company-table thead{display:none}.company-table tbody tr{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-bottom:1px solid #e2e8f0;background:#fff;border-radius:12px;margin-bottom:10px;box-shadow:0 1px 3px #0000000a}.company-table tbody td{display:flex;justify-content:space-between;align-items:center;padding:0;gap:8px}.company-table tbody td:before{content:attr(data-label);font-weight:600;color:#64748b;font-size:.78rem;flex-shrink:0}.company-table tbody td[data-label=Empresa]{flex-direction:column;align-items:flex-start;gap:4px}.company-table tbody td[data-label=Empresa]:before{display:none}.company-cell-name{width:100%;min-width:0}.company-name-text{min-width:0;overflow:hidden}.company-name-text strong{font-size:.82rem;word-break:break-word;line-height:1.3}.company-name-text span{font-size:.72rem;word-break:break-word}.company-table tbody td[data-label=Acciones]{justify-content:flex-start;flex-wrap:wrap;gap:6px;padding-top:8px;border-top:1px solid #f1f5f9}.company-table tbody td[data-label=Acciones]:before{display:none}.company-actions{justify-content:flex-start;flex-wrap:wrap;gap:4px;width:100%}.company-action-btn{height:28px;padding:0 6px;font-size:.7rem;gap:2px;white-space:nowrap}.company-action-btn.edit,.company-action-btn.delete{padding:0 5px;min-width:28px;justify-content:center}.company-action-btn svg{width:13px;height:13px;flex-shrink:0}.company-active-label{height:28px;padding:0 6px;font-size:.7rem;gap:3px;white-space:nowrap}.company-list-toolbar{flex-direction:column;align-items:stretch}.company-list-new-btn{width:100%;justify-content:center}}.company-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 0}.company-page-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#0f172a;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease}.company-page-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.company-page-btn:disabled{opacity:.4;cursor:not-allowed}.company-page-info{font-size:.85rem;color:#64748b;font-weight:500}.user-list{display:flex;flex-direction:column;gap:20px;font-family:Inter,sans-serif}.user-list-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.user-list-info{display:flex;align-items:baseline;gap:12px}.user-list-title{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:700;color:#111827;margin:0}.user-list-count{font-size:.8rem;color:#64748b;font-weight:500}.user-list-new-btn{display:flex;align-items:center;gap:6px;height:36px;padding:0 16px;border-radius:8px;border:none;background:linear-gradient(135deg,#0f766e,#0d9488);color:#fff;font-size:.82rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease}.user-list-new-btn:hover{box-shadow:0 4px 14px #0f766e4d;transform:translateY(-1px)}.user-alert{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;font-size:.82rem;font-weight:500}.user-alert.error{background:#fef2f2;color:#ef4444}.user-retry-btn{height:32px;padding:0 12px;border-radius:6px;border:1px solid #d1d5db;background:#fff;color:#374151;font-size:.78rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;margin-left:auto;transition:all .2s ease}.user-retry-btn:hover{background:#f8fafc}.user-table-wrapper{overflow-x:auto}.user-table{width:100%;border-collapse:collapse;font-size:.85rem}.user-table thead th{text-align:left;font-weight:600;color:#64748b;font-size:.78rem;padding:10px 16px;border-bottom:1px solid #e2e8f0;white-space:nowrap}.user-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s ease}.user-table tbody tr:hover{background:#f8fafc}.user-table tbody td{padding:10px 16px;color:#334155;vertical-align:middle}.user-cell-name{display:flex;align-items:center;gap:10px}.user-avatar{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.user-name-text strong{font-weight:600;color:#111827;font-size:.86rem}.user-role-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap}.user-role-badge.role-superadmin{background:#4c1d95;color:#fff}.user-role-badge.role-admin{background:#fef2f2;color:#b91c1c}.user-role-badge.role-cajero{background:#ecfdf5;color:#0f766e}.user-role-badge.role-bartender{background:#eff6ff;color:#1d4ed8}.user-role-badge.role-mozo{background:#fefce8;color:#a16207}.user-status-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap}.user-status-badge.active{background:#ecfdf5;color:#0f766e}.user-status-badge.inactive{background:#f1f5f9;color:#64748b}.user-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.user-action-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;border:1px solid #e2e8f0;background:#fff;color:#64748b;cursor:pointer;transition:all .2s ease}.user-action-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.user-action-btn.delete:hover{background:#fef2f2;border-color:#fecaca;color:#ef4444}.user-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:64px 24px;color:#64748b;font-size:.95rem;text-align:center}.user-spin{animation:spin 1s linear infinite}.user-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;color:#94a3b8;font-size:.9rem;text-align:center;background:#f8fafc;border-radius:14px;border:1px dashed #e2e8f0}.user-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.user-modal{background:#fff;border-radius:14px;width:100%;max-width:440px;box-shadow:0 20px 60px #00000026;overflow:hidden;animation:modalIn .2s ease}.user-modal.perm-modal-wide{max-width:640px}.user-modal-sm{max-width:320px}@keyframes modalIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.user-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #f1f5f9}.user-modal-header h4{margin:0;font-size:1rem;font-weight:700;color:#111827}.user-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:#64748b;cursor:pointer;transition:all .2s ease}.user-modal-close:hover{background:#f1f5f9;color:#111827}.user-modal-body{padding:20px;display:flex;flex-direction:column;gap:14px}.user-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid #f1f5f9}.user-form-grid{display:grid;grid-template-columns:1fr;gap:14px}.user-form-group{display:flex;flex-direction:column;gap:5px}.user-form-group label{font-size:.78rem;font-weight:600;color:#374151}.user-form-group input,.user-form-group select{height:40px;padding:0 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.88rem;font-family:Inter,sans-serif;color:#111827;background:#fff;outline:none;transition:all .2s ease}.user-form-group input:focus,.user-form-group select:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1a}.user-status-toggle{display:flex;gap:8px}.user-status-option{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:.82rem;font-weight:500;color:#4b5563;background:#fff;transition:all .2s ease;-webkit-user-select:none;user-select:none}.user-status-option:hover{border-color:#0f766e}.user-status-option.active{border-color:#0f766e;background:#ecfdf5;color:#065f46;font-weight:600}.user-status-option input{position:absolute;opacity:0;pointer-events:none}.user-modal-cancel{height:36px;padding:0 14px;border-radius:8px;border:1px solid #d1d5db;background:#fff;color:#374151;font-size:.82rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease}.user-modal-cancel:hover{background:#f8fafc}.user-modal-save{display:flex;align-items:center;gap:6px;height:36px;padding:0 16px;border-radius:8px;border:none;background:linear-gradient(135deg,#0f766e,#0d9488);color:#fff;font-size:.82rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease}.user-modal-save:hover{box-shadow:0 4px 14px #0f766e4d}.user-modal-save:disabled{opacity:.6;cursor:not-allowed}.user-modal-delete{display:flex;align-items:center;gap:6px;height:36px;padding:0 16px;border-radius:8px;border:none;background:#ef4444;color:#fff;font-size:.82rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease}.user-modal-delete:hover{background:#dc2626}.user-modal-delete:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 640px){.user-table thead{display:none}.user-table tbody tr{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-bottom:1px solid #e2e8f0;background:#fff;border-radius:12px;margin-bottom:10px;box-shadow:0 1px 3px #0000000a}.user-table tbody td{display:flex;justify-content:space-between;align-items:center;padding:0;gap:8px}.user-table tbody td:before{content:attr(data-label);font-weight:600;color:#64748b;font-size:.78rem;flex-shrink:0}.user-table tbody td[data-label=Usuario]{flex-direction:column;align-items:flex-start;gap:4px}.user-table tbody td[data-label=Usuario]:before{display:none}.user-cell-name{width:100%;min-width:0}.user-name-text strong{font-size:.92rem}.user-table tbody td[data-label=Acciones]{justify-content:flex-start;flex-wrap:wrap;gap:6px;padding-top:8px;border-top:1px solid #f1f5f9}.user-table tbody td[data-label=Acciones]:before{display:none}.user-actions{justify-content:flex-start;width:100%}.user-list-toolbar{flex-direction:column;align-items:stretch}.user-list-new-btn{width:100%;justify-content:center}}.user-superadmin-card{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:12px;background:#f5f3ff;border:1px solid #ddd6fe;transition:all .2s ease}.user-superadmin-card.maxed{background:#fef2f2;border-color:#fecaca}.user-superadmin-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-superadmin-card.maxed .user-superadmin-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.user-superadmin-info{flex:1;display:flex;flex-direction:column;gap:6px}.user-superadmin-title{display:flex;align-items:center;justify-content:space-between;font-size:.9rem;font-weight:700;color:#4c1d95}.user-superadmin-card.maxed .user-superadmin-title{color:#b91c1c}.user-superadmin-count{font-size:.8rem;font-weight:700;background:#fff;padding:2px 8px;border-radius:12px;border:1px solid #c4b5fd;color:#5b21b6}.user-superadmin-card.maxed .user-superadmin-count{border-color:#fca5a5;color:#b91c1c}.user-superadmin-bar{width:100%;height:6px;background:#e9d5ff;border-radius:3px;overflow:hidden}.user-superadmin-card.maxed .user-superadmin-bar{background:#fee2e2}.user-superadmin-fill{height:100%;background:linear-gradient(90deg,#7c3aed,#a78bfa);border-radius:3px;transition:width .3s ease}.user-superadmin-card.maxed .user-superadmin-fill{background:linear-gradient(90deg,#ef4444,#f87171)}.user-superadmin-hint{margin:0;font-size:.78rem;color:#6b7280}.user-superadmin-card.maxed .user-superadmin-hint{color:#b91c1c;font-weight:500}.user-action-btn.modules{background:#f0fdf4;color:#15803d}.user-action-btn.modules:hover{background:#dcfce7}.perm-module-list{display:flex;flex-direction:column;gap:10px;max-height:420px;overflow-y:auto;padding:4px 8px}.perm-parent-card{border:1px solid #e5e7eb;border-radius:10px}.perm-parent-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f9fafb;gap:12px;border-radius:10px}.perm-header-left{display:flex;align-items:center;gap:14px;flex:1;min-width:0;overflow:visible}.perm-module-name{font-weight:500;font-size:.88rem;color:#374151}.perm-toggle-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;display:flex;align-items:center;border-radius:6px}.perm-toggle-btn:hover{background:#e5e7eb}.perm-children-list{padding:8px 16px 12px 56px;display:flex;flex-direction:column;gap:10px;background:#fff}.perm-child-row{display:flex;align-items:center;gap:12px;padding:4px 0}.perm-child-row .perm-module-name{font-size:.85rem;color:#4b5563}.perm-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0;cursor:pointer}.perm-switch.perm-switch-sm{width:36px;height:20px}.perm-switch input{opacity:0;width:0;height:0;position:absolute}.perm-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.2s;border-radius:24px}.perm-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.2s;border-radius:50%;box-shadow:0 1px 3px #00000026}.perm-switch.perm-switch-sm .perm-slider:before{height:14px;width:14px;left:3px;bottom:3px}.perm-switch input:checked+.perm-slider{background-color:#0f766e}.perm-switch input:checked+.perm-slider:before{transform:translate(20px)}.perm-switch.perm-switch-sm input:checked+.perm-slider:before{transform:translate(16px)}.user-company-groups{display:flex;flex-direction:column;gap:24px}.user-company-section{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden}.user-company-header{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.user-company-header h3{margin:0;font-size:.95rem;font-weight:600;color:#111827;flex:1}.user-company-avatar{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:700;flex-shrink:0}.user-company-logo{width:48px;height:48px;border-radius:8px;object-fit:contain;flex-shrink:0;border:1px solid #e2e8f0;background:#fff;padding:2px}.user-company-count{font-size:.78rem;font-weight:500;color:#64748b;background:#f1f5f9;padding:3px 10px;border-radius:999px}.api-view{display:flex;flex-direction:column;gap:20px;font-family:Inter,sans-serif}.api-header{display:flex;flex-direction:column;gap:6px}.api-title{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;color:#111827;margin:0}.api-subtitle{font-size:.85rem;color:#64748b;margin:0}.api-alert{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;font-size:.82rem;font-weight:500}.api-alert.success{background:#ecfdf5;color:#0f766e}.api-alert.error{background:#fef2f2;color:#ef4444}.api-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:16px;box-shadow:0 1px 3px #0000000d}.api-card-header{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.9rem;color:#111827}.api-card-info{background:#ecfdf5;border-color:#6ee7b7}.api-form{display:flex;flex-direction:column;gap:14px}.api-form-group{display:flex;flex-direction:column;gap:6px}.api-form-label{font-size:.8rem;font-weight:600;color:#374151}.api-form-input{height:40px;padding:0 12px;border:1px solid #d1d5db;border-radius:10px;font-size:.9rem;font-family:Inter,sans-serif;color:#111827;background:#fff;transition:all .2s ease;outline:none}.api-form-input:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1a}.api-form-hint{font-size:.75rem;color:#94a3b8}.api-form-hint a{color:#0f766e;font-weight:600;text-decoration:none}.api-form-hint a:hover{text-decoration:underline}.api-save-btn{display:flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 18px;border-radius:10px;border:none;background:#0f766e;color:#fff;font-size:.85rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease;align-self:flex-start}.api-save-btn:hover{background:#0d9488}.api-save-btn:disabled{opacity:.6;cursor:not-allowed}.api-info{background:#f8fafc}.api-info h4{margin:0;font-size:.9rem;font-weight:600;color:#111827}.api-info p{margin:0;font-size:.82rem;color:#64748b;line-height:1.5}.api-info ul{margin:0;padding-left:18px;font-size:.82rem;color:#64748b;line-height:1.6}.api-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:64px 24px;color:#64748b;font-size:.95rem}.api-spin{animation:spin 1s linear infinite}@media (max-width: 640px){.api-view{gap:14px}.api-card{padding:16px;gap:12px}.api-title h3{font-size:1rem}.api-subtitle{font-size:.8rem}.api-save-btn{width:100%;align-self:stretch}}.api-card-disabled{background:#f9fafb;border-color:#e5e7eb;opacity:.85}.api-toggle{position:relative;display:inline-block;width:44px;height:24px;margin-left:auto;cursor:pointer}.api-toggle input{opacity:0;width:0;height:0}.api-toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background:#d1d5db;border-radius:24px;transition:.3s}.api-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s;box-shadow:0 1px 3px #0003}.api-toggle input:checked+.api-toggle-slider{background:#059669}.api-toggle input:checked+.api-toggle-slider:before{transform:translate(20px)}.mod-hierarchy-page{padding:24px 28px}.mod-hierarchy-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.mod-hierarchy-header h2{font-size:1.25rem;font-weight:600;color:#0f172a;margin:0}.mod-hierarchy-badge{background:#0f766e;color:#fff;font-size:.72rem;font-weight:600;padding:3px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}.mod-global-info{display:flex;align-items:flex-start;gap:12px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:12px 16px;margin-bottom:20px;color:#1e40af}.mod-global-info svg{flex-shrink:0;margin-top:2px}.mod-global-info p{margin:0;font-size:.82rem;line-height:1.5}.mod-global-info strong{font-weight:600}.mod-hierarchy-list{display:flex;flex-direction:column;gap:16px}.mod-parent-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #0000000a;transition:box-shadow .2s ease}.mod-parent-card:hover{box-shadow:0 4px 12px #0000000f}.mod-parent-header{display:flex;align-items:center;gap:14px;padding:16px 20px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease}.mod-parent-header:hover{background:#f8fafc}.mod-parent-icon{width:42px;height:42px;border-radius:10px;background:#f0fdf4;color:#0f766e;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mod-parent-info{flex:1;min-width:0}.mod-parent-info h3{font-size:.95rem;font-weight:600;color:#0f172a;margin:0 0 3px}.mod-parent-info p{font-size:.8rem;color:#64748b;margin:0}.mod-parent-meta{display:flex;align-items:center;gap:10px;flex-shrink:0}.mod-status-badge{font-size:.7rem;font-weight:600;padding:3px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.03em}.mod-status-badge.active{background:#dcfce7;color:#166534}.mod-status-badge.inactive{background:#f1f5f9;color:#64748b}.mod-toggle-btn{background:none;border:none;cursor:pointer;color:#94a3b8;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:6px;transition:color .15s ease,background .15s ease}.mod-toggle-btn:hover{color:#0f766e;background:#f0fdf4}.mod-children-list{border-top:1px solid #f1f5f9;padding:10px 20px 14px 74px;display:flex;flex-direction:column;gap:6px}.mod-child-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;transition:background .12s ease}.mod-child-item:hover{background:#f8fafc}.mod-child-dot{width:7px;height:7px;border-radius:50%;background:#cbd5e1;flex-shrink:0}.mod-child-item.active .mod-child-dot{background:#0f766e}.mod-child-name{font-size:.82rem;color:#475569;flex:1}.mod-child-item.active .mod-child-name{color:#0f172a;font-weight:500}.mod-child-status{font-size:.68rem;font-weight:600;padding:2px 8px;border-radius:999px}.mod-child-status.active{background:#dcfce7;color:#166534}.mod-child-status.inactive{background:#f1f5f9;color:#94a3b8}.mod-hierarchy-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:#94a3b8}.mod-hierarchy-empty p{font-size:.9rem;margin:0}.mod-hierarchy-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;color:#64748b}.mod-hierarchy-loading p{font-size:.9rem;margin:0}.mod-parent-header-left{display:flex;align-items:center;gap:14px;flex:1;min-width:0;cursor:pointer}.mod-child-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.mod-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0;cursor:pointer}.mod-switch.mod-switch-sm{width:36px;height:20px}.mod-switch input{opacity:0;width:0;height:0;position:absolute}.mod-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.2s;border-radius:24px}.mod-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.2s;border-radius:50%;box-shadow:0 1px 3px #00000026}.mod-switch.mod-switch-sm .mod-slider:before{height:14px;width:14px;left:3px;bottom:3px}.mod-switch input:checked+.mod-slider{background-color:#0f766e}.mod-switch input:checked+.mod-slider:before{transform:translate(20px)}.mod-switch.mod-switch-sm input:checked+.mod-slider:before{transform:translate(16px)}.mod-switch input:disabled+.mod-slider{opacity:.6;cursor:not-allowed}.mod-switch-loading .mod-slider:before{animation:mod-pulse 1s ease-in-out infinite}@keyframes mod-pulse{0%,to{opacity:1}50%{opacity:.5}}.mod-spin{animation:mod-spin-anim 1s linear infinite}@keyframes mod-spin-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.config-module-view{display:flex;flex-direction:column;gap:24px;font-family:Inter,sans-serif}.config-header{display:flex;flex-direction:column;gap:6px}.config-title{font-size:1.6rem;font-weight:700;color:#111827;margin:0;letter-spacing:-.02em}.config-subtitle{font-size:.9rem;color:#64748b;margin:0}.config-tabs{display:flex;gap:0;border-bottom:1px solid #e2e8f0;flex-wrap:nowrap;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.config-tabs::-webkit-scrollbar{display:none}.config-tab{display:flex;align-items:center;gap:8px;padding:12px 18px;border:none;border-bottom:2px solid transparent;background:transparent;color:#64748b;font-size:.82rem;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.config-tab:hover{color:#0f766e;background:#f8fafc}.config-tab.active{color:#0f766e;border-bottom-color:#0f766e;background:#ecfdf5}.config-tab-icon{display:block;flex-shrink:0}.config-tab-label{display:block;line-height:1}.config-content{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000000f;overflow:hidden}.config-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:64px 24px;color:#64748b;font-size:.95rem;text-align:center}.config-error{color:#ef4444}.config-empty{color:#94a3b8}.config-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 640px){.config-title{font-size:1.2rem}.config-tab{padding:10px 12px;font-size:.75rem}.config-tab-icon{width:16px;height:16px}.config-content{border-radius:12px}}.module-layout{display:flex;flex-direction:column;gap:24px;font-family:Inter,sans-serif}.module-header{display:flex;flex-direction:column;gap:16px}.module-title{font-size:1.6rem;font-weight:700;color:#111827;margin:0;letter-spacing:-.02em}.module-subtitle{font-size:.9rem;color:#64748b;margin:0}.module-tabs{display:flex;gap:0;border-bottom:1px solid #e2e8f0;flex-wrap:nowrap;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.module-tabs::-webkit-scrollbar{display:none}.module-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-bottom:2px solid transparent;background:transparent;color:#64748b;font-size:.85rem;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative;flex-shrink:0}.module-tab:hover{color:#0f766e;background:#0f766e0a}.module-tab.active{color:#0f766e;border-bottom-color:#0f766e;font-weight:600}.module-tab-icon{flex-shrink:0}.module-content{display:flex;flex-direction:column;gap:20px;padding-top:8px;min-height:400px}.module-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.module-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:12px;transition:all .2s ease;box-shadow:0 1px 3px #0000000a}.module-card:hover{border-color:#a7f3d0;box-shadow:0 4px 12px #0000000f}.module-card-title{font-size:.95rem;font-weight:600;color:#111827;margin:0}.module-card-desc{font-size:.85rem;color:#64748b;line-height:1.5;margin:0}.module-card-footer{margin-top:auto;padding-top:8px;display:flex;align-items:center;gap:8px;font-size:.8rem;color:#0f766e;font-weight:500}.module-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 24px;color:#94a3b8;text-align:center}.module-empty-title{font-size:1.1rem;font-weight:600;color:#64748b;margin:0}.module-empty-desc{font-size:.9rem;color:#94a3b8;margin:0;max-width:400px}@media (max-width: 768px){.module-title{font-size:1.3rem}.module-cards-grid{grid-template-columns:1fr}.module-tab{padding:10px 14px;font-size:.8rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100vh}@media (max-width: 768px){.dashboard-main{padding:16px!important}.settings-section,.api-card,.sunat-company-card{padding:16px}.dashboard-title,.config-title,.settings-title{font-size:1.2rem}.dashboard-subtitle,.config-subtitle,.settings-subtitle{font-size:.82rem}}@media (max-width: 640px){.company-table thead{display:none}.company-table tbody tr{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-bottom:1px solid #e2e8f0;background:#fff;border-radius:12px;margin-bottom:10px;box-shadow:0 1px 3px #0000000a}.company-table tbody td{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border:none}.company-table tbody td:before{content:attr(data-label);font-weight:600;color:#64748b;font-size:.78rem}.company-table tbody td[data-label=Acciones]:before{display:none}.company-table tbody td[data-label=Acciones]{justify-content:flex-start;padding-top:8px;border-top:1px solid #f1f5f9}.company-actions{justify-content:flex-start;flex-wrap:wrap;gap:6px;width:100%}table{display:block;overflow-x:auto;white-space:nowrap}.company-action-btn{font-size:.75rem;height:30px;padding:0 8px}.settings-form-grid{grid-template-columns:1fr!important}.sunat-env-group{flex-direction:column}.navbar-hamburger{padding:6px}.sunat-company-logo,.sunat-company-logo-placeholder{width:36px;height:36px}.sunat-company-nombre-comercial{font-size:.65rem;max-width:80px}}@media (max-width: 380px){.dashboard-main{padding:12px!important}.config-tab-label{display:none}.config-tab{padding:8px 10px}.sunat-company-header{flex-wrap:wrap;gap:10px}.sunat-company-right{margin-left:0;flex-direction:row;align-items:center;gap:8px;max-width:none;width:100%}.sunat-company-nombre-comercial{font-size:.8rem;max-width:none}}