.app-layout{background-color:var(--color-bg-body);width:100vw;height:100vh;display:flex;overflow:hidden}.main-content-wrapper{flex-direction:column;flex:1;transition:padding-left .3s;display:flex;position:relative;overflow-y:auto}.main-content{flex-direction:column;flex:1;width:100%;min-height:0;padding:1.5rem;display:flex}.sidebar{background-color:var(--color-sidebar-bg);border-right:1px solid var(--color-border);z-index:50;flex-direction:column;flex-shrink:0;height:100vh;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.sidebar.expanded{width:var(--sidebar-width-expanded)}.sidebar.collapsed{width:var(--sidebar-width-collapsed)}.sidebar-header{height:var(--header-height);border-bottom:1px solid var(--color-border);white-space:nowrap;justify-content:space-between;align-items:center;padding:0 1.25rem;display:flex;position:relative;overflow:visible}.sidebar-logo-container{align-items:center;gap:.75rem;display:flex}.sidebar-logo-icon{color:var(--color-text-main);flex-shrink:0}.sidebar-title{color:var(--color-text-main);opacity:1;font-size:1.125rem;font-weight:600;transition:opacity .2s}.sidebar.collapsed .sidebar-title,.sidebar.collapsed .sidebar-toggle-btn{opacity:0;pointer-events:none;width:0;margin:0}.sidebar-nav{flex:1;padding:1rem 0;overflow:visible auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:4px}.nav-item{color:var(--color-text-muted);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:9999px;align-items:center;margin:.25rem .75rem;padding:.625rem 1.25rem;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{background-color:var(--color-sidebar-hover);color:var(--color-text-main)}.nav-item.active{background-color:var(--color-primary);color:#fff;font-weight:500}.nav-item.active .nav-item-chevron{color:#fff}.nav-item-icon{flex-shrink:0;margin-right:.75rem}.sidebar.collapsed .nav-item{justify-content:center;margin:.25rem;padding:.625rem}.sidebar.collapsed .nav-item-icon{margin-right:0}.nav-item-text{opacity:1;flex:1;transition:opacity .2s,width .2s}.sidebar.collapsed .nav-item-text,.sidebar.collapsed .nav-item-chevron{opacity:0;width:0;display:none}.nav-item-chevron{color:#94a3b8;transition:transform .3s}.nav-item-chevron.open{transform:rotate(180deg)}.sub-menu{border-left:1px solid var(--color-border);margin-bottom:.5rem;margin-left:2rem;padding-left:.5rem;position:relative;overflow:hidden}.sub-nav-item{color:var(--color-text-muted);z-index:1;border-radius:9999px;align-items:center;margin:.125rem .75rem .125rem 0;padding:.5rem 1rem;font-size:.875rem;text-decoration:none;transition:color .2s;display:flex;position:relative}.sub-nav-item:before{content:"";background-color:var(--color-border);border-radius:50%;width:4px;height:4px;transition:background-color .2s;position:absolute;top:50%;left:-.5rem;transform:translateY(-50%)translate(-50%)}.sub-nav-item:hover:before{background-color:var(--color-text-muted)}.sub-nav-item.active:before{background-color:var(--color-primary);width:6px;height:6px}.sub-nav-item:hover{color:var(--color-text-main)}.sub-nav-item.active{color:var(--color-primary);font-weight:600}.sidebar.collapsed .sub-menu{display:none}.sidebar-footer{border-top:1px solid var(--color-border);padding:1rem}.profile-card{border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:.75rem;padding:.5rem;transition:background-color .2s;display:flex}.profile-card:hover{background-color:var(--color-sidebar-hover)}.profile-avatar{background-color:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:600;display:flex}.profile-info{white-space:nowrap;flex:1;overflow:hidden}.profile-name{color:var(--color-text-main);text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}.profile-email{color:var(--color-text-muted);text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.sidebar.collapsed .sidebar-footer{padding:1rem .5rem}.sidebar.collapsed .profile-info{display:none}.sidebar.collapsed .profile-card{justify-content:center}.mobile-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40;background-color:#0006;display:none;position:fixed;inset:0}.mobile-header{-webkit-backdrop-filter:blur(16px);z-index:30;box-sizing:border-box;background-color:#fffffff2;border-bottom:1px solid #e2e8f0d9;justify-content:space-between;align-items:center;width:100%;height:66px;padding:0 1.25rem;display:none;position:sticky;top:0;box-shadow:0 4px 20px -2px #0f172a0d}@media (width<=768px){.sidebar{top:0;left:0;transform:translate(-100%);z-index:100!important;width:290px!important;max-width:88vw!important;height:100vh!important;transition:transform .3s cubic-bezier(.16,1,.3,1)!important;position:fixed!important;box-shadow:15px 0 45px #0f172a40!important}.sidebar.mobile-open{transform:translate(0)!important}.mobile-overlay{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;z-index:90!important;background-color:#0f172a80!important}.mobile-overlay.mobile-open{display:block}.mobile-header{display:flex}.sidebar-toggle-btn,.sidebar-collapse-footer,.desktop-only{display:none!important}}.pos-page-root{flex-direction:column;flex:1;height:100%;min-height:0;padding-right:4.5rem;display:flex;position:relative}.pos-layout-container{flex-direction:column;flex:1;gap:1rem;height:100%;min-height:0;display:flex}.pos-layout-top-row{flex-shrink:0;gap:1rem;display:flex}.pos-layout-left{flex-direction:column;flex:1;gap:1.5rem;height:100%;min-height:0;display:flex}.pos-cliente-card{z-index:40;border:none;flex-direction:column;flex:4;justify-content:center;min-width:0;padding:.75rem 1rem;display:flex;position:relative;overflow:visible!important}.pos-table-card{flex-direction:column;flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.pos-sidebar-card{background:linear-gradient(180deg, var(--color-background-alt) 0%, var(--color-background) 100%);border:none;flex-direction:column;flex:0 0 340px;min-width:280px;max-width:360px;min-height:0;padding:0;display:flex}.pos-cliente-search-wrapper{flex:260px;justify-content:flex-end;align-items:center;gap:.5rem;max-width:420px;display:flex}@media (width<=1024px){.main-content-wrapper{overflow-y:auto!important}.main-content{height:auto!important;min-height:100%!important;padding:1rem!important;display:block!important;overflow:visible!important}.pos-page-root{height:auto!important;min-height:auto!important;padding-right:0!important;overflow:visible!important}.pos-layout-container{flex-direction:column!important;gap:1rem!important;height:auto!important;min-height:auto!important;display:flex!important;overflow:visible!important}.pos-layout-top-row{flex-direction:column!important;gap:1rem!important}.pos-layout-left{flex-direction:column!important;gap:1.25rem!important;height:auto!important;min-height:auto!important;display:flex!important;overflow:visible!important}.pos-cliente-card{height:auto!important;min-height:auto!important;padding:1rem!important;overflow:visible!important}.pos-cliente-search-wrapper{margin-top:.5rem;flex:100%!important;width:100%!important;max-width:100%!important}.pos-table-card{flex:none!important;height:auto!important;min-height:220px!important;max-height:450px!important;overflow:visible!important}.pos-sidebar-card{width:100%!important;max-width:100%!important;height:auto!important;min-height:auto!important;margin-bottom:6rem!important;margin-right:0!important;overflow:visible!important}.page-container{padding:.85rem!important}.bento-card{border-radius:14px!important;padding:1.15rem!important}}:root{--color-primary:#171f2a;--color-primary-hover:#0a0d13;--color-accent:#e0af74;--color-accent-hover:#c9985d;--color-secondary:#475569;--color-bg-body:#f8fafc;--color-bg-surface:#fff;--color-bg-primary:#fff;--color-bg-secondary:#f8fafc;--color-text-main:#171f2a;--color-text-muted:#171f2a;--color-border:#e2e8f0;--font-family-base:"Inter", system-ui, -apple-system, sans-serif;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-pill:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-bento:0 20px 25px -5px #0000000d, 0 8px 10px -6px #00000003;--sidebar-width-expanded:260px;--sidebar-width-collapsed:70px;--header-height:60px;--color-sidebar-bg:#fdfdfd;--color-sidebar-hover:#f1f5f9;--color-sidebar-active:#e2e8f0;--color-sidebar-active-text:#171f2a;--bp-mobile:768px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-base);background-color:var(--color-bg-body);color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:500}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}input[type=number]{appearance:textfield!important}.bento-card{background-color:var(--color-bg-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-bento);border:1px solid var(--color-border);padding:1.5rem;position:relative;overflow:hidden}.bg-dark{background-color:var(--color-primary)!important;color:#fff!important}.bg-dark .text-muted{color:#fff9!important}.bg-accent{background-color:var(--color-accent)!important;color:#000!important}.bg-success{color:#000!important;background-color:#2dd4bf!important}.pill-tag{border-radius:var(--radius-pill);background-color:var(--color-border);color:var(--color-text-main);justify-content:center;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.pill-tag.dark{background-color:var(--color-primary);color:#fff}.btn{border-radius:var(--radius-pill);cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-accent{background-color:var(--color-accent);color:#000}.btn-accent:hover{background-color:var(--color-accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-icon{width:36px;height:36px;color:var(--color-secondary);cursor:pointer;background-color:#0000;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.btn-icon:hover{background-color:var(--color-border);color:var(--color-text-main);transform:scale(1.05)}.btn-delete-row{border-radius:var(--radius-pill,9999px);color:#ef4444;cursor:pointer;background-color:#ef44440f;border:1px solid #ef444433;outline:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-delete-row:hover{color:#fff;background-color:#ef4444;border-color:#ef4444;transform:translateY(-1px)scale(1.05);box-shadow:0 4px 12px #ef444440}.btn-delete-row:active{box-shadow:none;transform:translateY(0)scale(.96)}.btn:focus,.btn-focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn-full{width:100%}.input-field{border-radius:var(--radius-pill);border:1px solid var(--color-border);background-color:var(--color-bg-surface);width:100%;padding:.625rem 1rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #e0af744d}.input-wrapper{align-items:center;width:100%;display:flex;position:relative}.input-icon{color:var(--color-secondary);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;left:1rem}.input-field.with-icon{padding-left:2.75rem}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.form-label{color:var(--color-text-main);font-size:.875rem;font-weight:500}.react-datepicker-wrapper,.react-datepicker__input-container{width:100%;display:block}:root{--rdp-accent-color:#e0af74;--rdp-background-color:#e0af74}.report-table-container{background-color:var(--color-bg-surface);width:100%;overflow-x:auto}.report-table{border-collapse:collapse;text-align:left;width:100%;min-width:800px}.report-table thead{border-bottom:2px solid var(--color-border);background-color:#f8fafc}.report-table th{color:var(--color-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:.95rem 1rem;font-size:.75rem;font-weight:700}.report-table tbody tr{border-bottom:1px solid var(--color-border);transition:background-color .15s}.report-table tbody tr:hover{background-color:#f8fafc}.report-table td{color:var(--color-text-main);vertical-align:middle;padding:.95rem 1rem;font-size:.875rem}.custom-scrollbar::-webkit-scrollbar{width:5px;height:5px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:9999px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b899}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#94a3b859 transparent}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.animate-slide-in-right{animation:.4s ease-out forwards slideInRight}.animate-slide-in-up{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideInUp}.animate-scale-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards scaleIn}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}html,body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-font-smoothing:antialiased}.modal-content,.table-responsive,.scroll-container,[style*="overflow: auto"],[style*="overflow-y: auto"],[style*="overflow-x: auto"]{-webkit-overflow-scrolling:touch!important}@media (width<=768px){input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@media (width<=1024px){.main-content{padding:1rem!important}.bento-card{border-radius:14px!important;padding:1.15rem!important}.dashboard-top-metrics-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.dashboard-bento-grid{flex-direction:column!important;gap:1rem!important;display:flex!important}.dashboard-bento-grid>*{grid-area:auto!important;width:100%!important}.dashboard-card-monitor{order:1!important;height:auto!important;min-height:480px!important}.dashboard-monitor-content{flex:none!important;height:auto!important}.dashboard-card-overview{order:2!important;height:auto!important;min-height:440px!important}.dashboard-card-stat-1{order:3!important}.dashboard-card-stat-2{order:4!important}.dashboard-card-stat-3{order:5!important}.dashboard-card-stat-4{order:6!important}h1{font-size:1.35rem!important}.page-header-responsive{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important}.page-header-responsive>*{width:100%}.monitoreo-kpi-grid{grid-template-columns:repeat(2,1fr)!important}.monitoreo-main-grid{flex-direction:column!important;gap:1.25rem!important;display:flex!important}.monitoreo-map-col,.monitoreo-feed-col{grid-column:auto!important;width:100%!important}.monitoreo-map-wrapper{height:380px!important}}@media (width<=768px){.main-content{padding:.75rem!important}.bento-card{border-radius:14px!important;padding:1rem!important}h1{font-size:1.2rem!important}h2{font-size:1.05rem!important}h3{font-size:.95rem!important}.dashboard-top-metrics-grid{grid-template-columns:1fr!important;gap:.65rem!important}.dashboard-bento-grid{flex-direction:column!important;gap:.85rem!important;display:flex!important}.dashboard-bento-grid>*{grid-area:auto!important;width:100%!important}.dashboard-card-monitor{order:1!important}.dashboard-card-overview{order:2!important}.dashboard-card-stat-1{order:3!important}.dashboard-card-stat-2{order:4!important}.dashboard-card-stat-3{order:5!important}.dashboard-card-stat-4{order:6!important}.dashboard-card-monitor{height:auto!important;min-height:520px!important;overflow:visible!important}.dashboard-monitor-content{flex-direction:column!important;flex:none!important;gap:1.25rem!important;height:auto!important;min-height:400px!important}.dashboard-monitor-stats{flex-direction:row!important;flex:none!important;gap:1rem!important;width:100%!important}.dashboard-monitor-stats>div{flex:50%!important;min-width:0!important}.dashboard-monitor-chart{flex:none!important;width:100%!important;height:240px!important;min-height:240px!important;position:relative!important}.dashboard-card-overview{height:auto!important;min-height:460px!important;overflow:visible!important}.dashboard-card-overview .custom-scrollbar{flex:none!important;min-height:280px!important;max-height:360px!important}.dashboard-bento-grid .stat-value-xl{font-size:2rem!important}.page-header-responsive{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important}.page-header-responsive>*{width:100%!important}.filters-row-responsive{flex-direction:column!important;gap:.5rem!important}.filters-row-responsive>*{flex:none!important;width:100%!important;max-width:100%!important}.monitoreo-kpi-grid{grid-template-columns:1fr 1fr!important;gap:.65rem!important}.monitoreo-main-grid{flex-direction:column!important;gap:1rem!important;display:flex!important}.monitoreo-map-col,.monitoreo-feed-col{grid-column:auto!important;width:100%!important}.monitoreo-map-wrapper{height:330px!important;min-height:300px!important}.responsive-form-grid{grid-template-columns:1fr!important;gap:.85rem!important}.table-desktop{display:none!important}.cards-mobile{display:flex!important}.responsive-table-wrapper{-webkit-overflow-scrolling:touch;margin:0 -.5rem;padding:0 .5rem;overflow-x:auto!important}.responsive-table-wrapper table{min-width:600px}.modal-responsive,.modal-overlay-responsive>.bento-card,.modal-overlay-responsive>.modal-content{border-radius:0!important;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;margin:0!important}.cards-mobile{flex-direction:column;gap:.75rem;display:none}.mobile-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:14px;flex-direction:column;gap:.65rem;padding:1rem;transition:box-shadow .2s;display:flex}.mobile-card:active{box-shadow:0 2px 8px #00000014}.mobile-card-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.mobile-card-header-left{flex:1;align-items:center;gap:.65rem;min-width:0;display:flex}.mobile-card-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex}.mobile-card-title{color:var(--color-text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;overflow:hidden}.mobile-card-subtitle{color:var(--color-secondary,#64748b);margin-top:1px;font-size:.78rem}.mobile-card-body{flex-wrap:wrap;gap:.5rem;display:flex}.mobile-card-field{flex-direction:column;flex:45%;gap:2px;min-width:120px;display:flex}.mobile-card-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-secondary,#64748b);font-size:.68rem;font-weight:700}.mobile-card-value{color:var(--color-text-main);font-size:.82rem;font-weight:500}.mobile-card-actions{border-top:1px solid var(--color-border);justify-content:flex-end;gap:.5rem;padding-top:.5rem;display:flex}.mobile-card-badge{border-radius:6px;align-items:center;padding:.2rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.fab-container{bottom:1rem!important;right:.75rem!important}.pagination-responsive{text-align:center;flex-direction:column!important;align-items:stretch!important;gap:.5rem!important}.pagination-responsive .btn{width:100%}.stats-grid-responsive{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;gap:.75rem!important}.report-tabs-responsive{-webkit-overflow-scrolling:touch;padding-bottom:4px;flex-wrap:nowrap!important;gap:.25rem!important;overflow-x:auto!important}.report-tabs-responsive>*{white-space:nowrap!important;flex-shrink:0!important}.sedes-grid-responsive{grid-template-columns:1fr!important;gap:.85rem!important}.nomina-signature-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.config-detail-grid{grid-template-columns:1fr!important;gap:1rem!important}.roles-grid-responsive,.permissions-grid-responsive{grid-template-columns:1fr!important}.pos-page-root,.productos-page-root{padding-bottom:5rem!important;padding-left:.75rem!important;padding-right:.75rem!important}.product-modal-form{flex-direction:column!important;height:auto!important;max-height:calc(100vh - 40px)!important;overflow-y:auto!important}.product-modal-col{border-right:none!important;border-bottom:1px solid var(--color-border)!important;flex:none!important;width:100%!important}.hoja-steps-grid{grid-template-columns:1fr!important;gap:.85rem!important}}@media (width<=480px){.dashboard-monitor-stats{flex-direction:column!important;gap:1rem!important}.dashboard-card-monitor{min-height:560px!important}.dashboard-card-overview{min-height:480px!important}.dashboard-bento-grid{gap:1.15rem!important}.bento-card{padding:1.15rem!important}}.cards-mobile{display:none}.table-desktop{display:block}.login-layout{background-color:#0c1017;background-image:radial-gradient(circle at 15% 20%,#e0af7414 0%,#0000 45%),radial-gradient(circle at 85% 80%,#4755691f 0%,#0000 45%),radial-gradient(#ffffff0a 1px,#0000 0);background-size:100% 100%,100% 100%,24px 24px;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:1.5rem;display:flex;position:relative;overflow:hidden}.login-container{z-index:10;background-color:#171f2a;border-radius:24px;grid-template-columns:1.15fr 1fr;width:100%;max-width:1060px;min-height:640px;display:grid;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff14}.login-brand-panel{background:linear-gradient(145deg,#121822 0%,#19222e 100%);border-right:1px solid #ffffff12;flex-direction:column;justify-content:space-between;padding:2.75rem 2.5rem;display:flex;position:relative;overflow:hidden}.brand-glow-orb{filter:blur(40px);pointer-events:none;z-index:0;background:radial-gradient(circle,#e0af7429 0%,#171f2a00 70%);width:280px;height:280px;position:absolute;top:25%;left:50%;transform:translate(-50%,-50%)}.brand-badge-top{color:#fffc;letter-spacing:.08em;text-transform:uppercase;z-index:2;background-color:#ffffff0f;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;gap:.5rem;width:fit-content;padding:.35rem .85rem;font-size:.72rem;font-weight:600;display:inline-flex}.brand-badge-dot{background-color:#e0af74;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #e0af74}.brand-center-area{text-align:center;z-index:2;flex-direction:column;align-items:center;margin:1.5rem 0;display:flex}.logo-animation-wrapper{justify-content:center;align-items:center;margin-bottom:1.25rem;display:flex;position:relative}.brand-title-group h2{color:#fff;letter-spacing:-.02em;margin-bottom:.35rem;font-size:1.75rem;font-weight:700}.brand-title-group p{color:#ffffffa6;max-width:320px;font-size:.9rem;font-weight:400;line-height:1.4}.media-services-grid{z-index:2;grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.media-service-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:.75rem;padding:.75rem .9rem;transition:all .25s;display:flex}.media-service-card:hover{background:#ffffff14;border-color:#e0af7459;transform:translateY(-2px)}.media-service-icon{color:#e0af74;background:#e0af741f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.media-service-info{text-align:left;flex-direction:column;display:flex}.media-service-label{color:#fff;font-size:.8rem;font-weight:600;line-height:1.2}.media-service-desc{color:#ffffff80;margin-top:2px;font-size:.7rem}.brand-footer-text{color:#ffffff73;text-align:center;z-index:2;font-size:.75rem}.login-form-panel{color:#171f2a;background-color:#fff;flex-direction:column;justify-content:space-between;padding:2.75rem 2.5rem;display:flex;position:relative}.login-security-pill{color:#475569;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:.5rem;width:fit-content;margin-bottom:1.5rem;padding:.4rem .85rem;font-size:.75rem;font-weight:600;display:inline-flex}.security-pulse-dot{background-color:#10b981;border-radius:50%;width:8px;height:8px;position:relative}.security-pulse-dot:after{content:"";opacity:.4;background-color:#10b981;border-radius:50%;animation:2s ease-out infinite securePulse;position:absolute;inset:-2px}@keyframes securePulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}.security-pill-icon{color:#10b981}.login-header-section{margin-bottom:1.75rem}.login-header-section h1{color:#171f2a;letter-spacing:-.02em;margin-bottom:.4rem;font-size:1.75rem;font-weight:700}.login-header-section p{color:#64748b;font-size:.875rem;line-height:1.4}.login-form-group{margin-bottom:1.25rem}.login-form-label{color:#334155;margin-bottom:.4rem;font-size:.825rem;font-weight:600;display:block}.login-input-wrapper{align-items:center;display:flex;position:relative}.login-input-icon-left{color:#94a3b8;pointer-events:none;transition:color .2s;position:absolute;left:14px}.login-input-field{color:#171f2a;background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;height:48px;padding:0 14px 0 42px;font-size:.9rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1)}.login-input-field::placeholder{color:#94a3b8;font-weight:400}.login-input-field:focus{background-color:#fff;border-color:#171f2a;box-shadow:0 0 0 4px #171f2a14}.login-input-wrapper:focus-within .login-input-icon-left{color:#171f2a}.login-password-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:color .2s,background-color .2s;display:flex;position:absolute;right:12px}.login-password-toggle:hover{color:#171f2a;background-color:#f1f5f9}.login-error-alert{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:.6rem;margin-bottom:1.25rem;padding:.85rem 1rem;font-size:.85rem;font-weight:500;display:flex}.login-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(145deg,#1a2332 0%,#101622 100%);border:1px solid #ffffff1f;border-radius:12px;justify-content:center;align-items:center;width:100%;height:50px;margin-top:.5rem;padding:0 1.25rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #1016224d,inset 0 1px #ffffff1f}.login-btn-inner{justify-content:center;align-items:center;gap:.75rem;width:100%;display:flex}.login-btn-icon-box{color:#e0af74;background-color:#e0af7426;border:1px solid #e0af744d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .25s;display:inline-flex}.login-btn-text{color:#fff;letter-spacing:-.01em;font-size:.95rem;font-weight:600}.login-btn-arrow{color:#fff9;flex-shrink:0;transition:transform .25s cubic-bezier(.16,1,.3,1),color .25s}.login-submit-btn:hover:not(:disabled){background:linear-gradient(145deg,#222d40 0%,#151c2a 100%);border-color:#e0af7466;transform:translateY(-1.5px);box-shadow:0 8px 22px -4px #10162273,0 0 16px #e0af7426,inset 0 1px #fff3}.login-submit-btn:hover:not(:disabled) .login-btn-icon-box{background-color:#e0af7440;border-color:#e0af7480;transform:scale(1.06)}.login-submit-btn:hover:not(:disabled) .login-btn-arrow{color:#e0af74;transform:translate(4px)}.login-submit-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 3px 8px #1016224d}.login-submit-btn:disabled{opacity:.75;cursor:not-allowed}.login-btn-spinner{border:2px solid #ffffff4d;border-top-color:#e0af74;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.8s linear infinite btnSpin}@keyframes btnSpin{to{transform:rotate(360deg)}}.login-security-footer{color:#64748b;border-top:1px solid #f1f5f9;flex-direction:column;gap:.35rem;margin-top:2rem;padding-top:1.25rem;font-size:.75rem;display:flex}.login-security-footer-item{align-items:center;gap:.4rem;display:flex}.login-security-footer-copyright{color:#94a3b8;margin-top:.25rem;font-size:.72rem}.login-terms-link{color:#475569;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.4rem;margin-bottom:.35rem;padding:0;font-size:.77rem;font-weight:600;transition:color .2s;display:inline-flex}.login-terms-link:hover{color:#1e293b;text-decoration:underline}.legal-modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background-color:#0f172aa6;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.legal-modal-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;width:100%;max-width:680px;max-height:88vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000059}.legal-modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.legal-modal-header h3{color:#0f172a;align-items:center;gap:.5rem;margin:0;font-size:1.1rem;font-weight:700;display:flex}.legal-modal-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.35rem;transition:all .2s;display:flex}.legal-modal-close-btn:hover{color:#0f172a;background:#e2e8f0}.legal-modal-body{color:#334155;flex-direction:column;gap:1.35rem;padding:1.5rem;font-size:.88rem;line-height:1.6;display:flex;overflow-y:auto}.legal-section-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.15rem 1.25rem}.legal-section-card h4{color:#0f172a;align-items:center;gap:.45rem;margin:0 0 .5rem;font-size:.95rem;font-weight:700;display:flex}.legal-section-card p{color:#475569;margin:0 0 .5rem}.legal-section-card p:last-child{margin-bottom:0}.legal-modules-list{flex-direction:column;gap:.6rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.legal-modules-list li{color:#334155;align-items:flex-start;gap:.5rem;font-size:.84rem;display:flex}.legal-modules-list li strong{color:#0f172a}.legal-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.legal-modal-footer-text{color:#64748b;font-size:.75rem}.legal-modal-accept-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#0f172a;border:none;border-radius:8px;padding:.6rem 1.25rem;font-size:.86rem;font-weight:600;transition:background .2s}.legal-modal-accept-btn:hover{background:#1e293b}@media (width<=991px){.login-layout{align-items:center;min-height:100dvh;padding:1.25rem 1rem}.login-container{border-radius:20px;grid-template-columns:1fr;max-width:480px;min-height:auto}.login-brand-panel{text-align:center;border-bottom:1px solid #ffffff14;border-right:none;align-items:center;padding:1.75rem 1.5rem 1.25rem}.brand-center-area{margin:.75rem 0}.logo-animation-wrapper{margin-bottom:.5rem;max-width:150px!important}.media-services-grid,.brand-footer-text{display:none}.login-form-panel{padding:1.85rem 1.5rem}.login-header-section{text-align:center;margin-bottom:1.25rem}.login-header-section h1{font-size:1.5rem}.login-header-section p{font-size:.825rem}}@media (width<=520px){.login-layout{padding:max(.75rem, env(safe-area-inset-top)) max(.5rem, env(safe-area-inset-right)) max(.75rem, env(safe-area-inset-bottom)) max(.5rem, env(safe-area-inset-left));flex-direction:column;justify-content:center;min-height:100dvh;display:flex}.login-container{border-radius:18px;width:100%;max-width:100%;box-shadow:0 10px 30px -5px #0009}.login-brand-panel{background:linear-gradient(#10161f 0%,#171f2a 100%);padding:1.25rem 1rem 1rem}.brand-badge-top{padding:.25rem .65rem;font-size:.68rem}.brand-glow-orb{width:180px;height:180px}.logo-animation-wrapper{margin-bottom:.25rem;max-width:125px!important}.login-form-panel{border-radius:0 0 18px 18px;padding:1.5rem 1.15rem}.login-header-section{text-align:center;margin-bottom:1.15rem}.login-header-section h1{margin-bottom:.25rem;font-size:1.35rem}.login-header-section p{color:#64748b;font-size:.8rem}.login-form-group{margin-bottom:1.1rem}.login-form-label{margin-bottom:.35rem;font-size:.8rem}.login-input-field{border-radius:10px;height:48px;padding:0 12px 0 40px;font-size:16px}.login-input-icon-left{left:12px}.login-password-toggle{min-width:40px;min-height:40px;padding:8px;right:8px}.login-submit-btn{border-radius:10px;height:50px;margin-top:.25rem;font-size:.95rem}.login-security-footer{text-align:center;align-items:center;margin-top:1.35rem;padding-top:1rem}.login-terms-link{text-align:center;justify-content:center;font-size:.72rem;line-height:1.3}.login-security-footer-copyright{text-align:center;font-size:.68rem}.legal-modal-backdrop{align-items:flex-end;padding:.5rem}.legal-modal-container{border-radius:18px 18px 12px 12px;max-height:90vh}.legal-modal-header{padding:1rem}.legal-modal-header h3{font-size:.95rem}.legal-modal-body{gap:1rem;padding:1rem;font-size:.82rem}.legal-section-card{padding:.9rem}.legal-section-card h4{font-size:.88rem}.legal-modal-footer{flex-direction:column;gap:.65rem;padding:.85rem 1rem}.legal-modal-accept-btn{width:100%;padding:.75rem}}.skeleton-loader{background:linear-gradient(90deg, var(--color-border) 25%, var(--color-bg-body) 50%, var(--color-border) 75%);opacity:.6;background-size:200% 100%;animation:1.5s linear infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}:root{--rdp-accent-color:#e0af74;--rdp-background-color:#e0af74;--rdp-accent-color-dark:#c6955e}.rdp-root{--rdp-accent-color:#e0af74}.rdp-nav button{color:#e0af74!important}.rdp-day_today,.rdp-today{color:#e0af74!important;font-weight:700!important}.rdp-day_selected:not(.rdp-range_middle),.rdp-range_start,.rdp-range_end{color:#fff!important;background-color:#e0af74!important;border-radius:50%!important}.rdp-range_middle{color:var(--color-text-main)!important;background-color:#e0af7433!important;border-radius:0!important}.rdp-months{gap:2rem;flex-direction:row!important;display:flex!important}@media (width<=768px){.rdp-months{flex-direction:column!important;gap:1rem!important}}.rdp-root select,select[aria-label=Month],select[aria-label=Year]{appearance:none;background-color:var(--color-bg-surface);cursor:pointer;outline:none;transition:all .2s;border:1px solid var(--color-border)!important;color:var(--color-text-main)!important;border-radius:var(--radius-pill)!important;margin:0 .25rem!important;padding:.25rem 1.5rem .25rem .75rem!important;font-size:.85rem!important;font-weight:600!important}.rdp-root select:hover{border-color:var(--color-primary)!important;background-color:var(--color-bg-body)!important}.rdp-root select:focus{border-color:var(--color-accent)!important;box-shadow:0 0 0 2px #e0af7433!important}.rdp-caption_dropdowns,.rdp-dropdowns,.rdp-caption_label{align-items:center;gap:.5rem;display:flex!important}.rdp-dropdown{appearance:none;background-color:var(--color-bg-surface);cursor:pointer;outline:none;border:1px solid var(--color-border)!important;color:var(--color-text-main)!important;border-radius:var(--radius-pill)!important;padding:.25rem 1.5rem .25rem .75rem!important;font-size:.85rem!important;font-weight:600!important}