*{margin:0;padding:0}:root{--primary-blue:#507bd8;--primary-blue-light:#5d8cd8;--primary-blue-dark:#4169c4;--secondary-blue:#66ced6;--accent-blue:#8797b2;--dark-gray:#111827;--dark-gray-light:#1f2937;--white:#fff;--light-gray:#f5f7fa;--border-color:#e5e7eb;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 1px 3px #0000000d;--shadow-lg:0 4px 12px #00000014;--shadow-xl:0 8px 24px #0000001a;--shadow:0 2px 8px #0000001a;--shadow-hover:0 4px 12px #00000026;--transition:all 0.2s ease}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fa;background-color:var(--light-gray);color:#111827;color:var(--dark-gray);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;letter-spacing:-.01em;line-height:1.6}.heading-large,h1{font-size:2rem;margin-bottom:1rem}.heading-large,.heading-medium,h1,h2{color:#111827;color:var(--dark-gray);font-weight:700}.heading-medium,h2{font-size:1.5rem;margin-bottom:.75rem}.heading-small,h3{font-size:1.25rem;margin-bottom:.5rem}.heading-small,.label,h3{color:#111827;color:var(--dark-gray);font-weight:500}.label{font-size:.875rem;margin-bottom:.25rem}.text-regular,p{color:#111827;color:var(--dark-gray);font-size:1rem;font-weight:400}.text-muted{color:#6b7280;font-size:.875rem}.container{margin:0 auto;max-width:1200px;padding:0 1rem}.card{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 2px #0000000a,0 1px 3px #0000000d;box-shadow:var(--shadow-sm),var(--shadow-md);padding:1.75rem;transition:all .2s ease;transition:var(--transition)}.card:hover{border-color:#507bd84d;box-shadow:0 4px 12px #00000014,0 8px 24px #0000001a;box-shadow:var(--shadow-lg),var(--shadow-xl);transform:translateY(-2px)}.grid{grid-gap:1.5rem;align-items:stretch;display:grid;gap:1.5rem}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-asymmetric-1{gap:1.5rem;grid-template-columns:2fr 1fr}.grid-asymmetric-1 .grid{display:grid;height:100%}.grid-asymmetric-2{gap:1.5rem;grid-template-columns:1fr 2fr}.grid-asymmetric-3{gap:1.5rem;grid-template-columns:1fr 1fr 2fr}.grid-asymmetric-4{gap:1.5rem;grid-template-columns:repeat(3,1fr)}.grid-asymmetric-4 .metric-card:first-child{grid-column:span 2}.grid-mixed{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(12,1fr)}.grid-mixed .metric-card:first-child{grid-column:span 5}.grid-mixed .metric-card:nth-child(2){grid-column:span 7}.grid-mixed .metric-card:nth-child(3),.grid-mixed .metric-card:nth-child(4),.grid-mixed .metric-card:nth-child(5){grid-column:span 4}.grid-cols-5{grid-template-columns:repeat(5,1fr)}@media (max-width:1200px){.grid-cols-5{grid-template-columns:repeat(3,1fr)}.container{max-width:100%;padding:0 1.5rem}}@media (max-width:1024px){.grid-cols-4,.grid-cols-5{grid-template-columns:repeat(2,1fr)}.grid{gap:1.25rem}.card{padding:1.5rem}.grid-asymmetric-4 .metric-card:first-child{grid-column:span 1}.grid-mixed{grid-template-columns:repeat(6,1fr)}.grid-mixed .metric-card:first-child,.grid-mixed .metric-card:nth-child(2),.grid-mixed .metric-card:nth-child(3),.grid-mixed .metric-card:nth-child(4),.grid-mixed .metric-card:nth-child(5){grid-column:span 6}.grid-asymmetric-1,.grid-asymmetric-2,.grid-asymmetric-3{grid-template-columns:1fr}}@media (max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4,.grid-cols-5{grid-template-columns:1fr}.container{padding:0 1rem}.grid{gap:1rem}.card{border-radius:10px;padding:1.25rem}h1{font-size:1.75rem}h2{font-size:1.25rem}h3{font-size:1.125rem}.text-regular,p{font-size:.9375rem}}@media (max-width:480px){.container{padding:0 .875rem}.grid{gap:.875rem}.card{border-radius:8px;padding:1rem}h1{font-size:1.5rem}h2{font-size:1.125rem}h3{font-size:1rem}.text-regular,p{font-size:.875rem}.text-muted{font-size:.8125rem}}@media (hover:none) and (pointer:coarse){.card:hover{box-shadow:0 1px 2px #0000000a,0 1px 3px #0000000d;box-shadow:var(--shadow-sm),var(--shadow-md);transform:none}}.metric-card{align-items:stretch;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000a;display:flex;flex-direction:column;justify-content:space-between;min-height:120px;overflow:hidden;padding:1.5rem;position:relative;transition:box-shadow .2s ease}.metric-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000014}.metric-header{flex-shrink:0;margin-bottom:.75rem}.metric-title-row{gap:.625rem}.metric-icon,.metric-title-row{align-items:center;display:flex}.metric-icon{background:#f3f4f6;border-radius:8px;color:#507bd8;flex-shrink:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.875rem;font-weight:600;height:32px;justify-content:center;line-height:1;width:32px}.metric-title{color:#6b7280;font-size:.6875rem;font-weight:500;letter-spacing:.05em;line-height:1.4;margin:0;text-transform:uppercase}.metric-value-container{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:.75rem;justify-content:space-between;min-height:25px}.metric-value{align-items:baseline;color:#111827;display:flex;font-size:1.875rem;font-weight:600;gap:.25rem;letter-spacing:-.03em;line-height:1.2;margin-bottom:.5rem}.metric-unit{color:#6b7280;font-size:1rem;font-weight:500}.metric-change{align-items:center;border-radius:4px;display:flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .5rem;transition:all .2s ease;white-space:nowrap}.metric-change.positive{background:#ecfdf5;border:none;color:#059669}.metric-change.negative{background:#fef2f2;border:none;color:#dc2626}.change-icon{font-size:1rem;font-weight:700}.metric-card-featured{background:linear-gradient(135deg,#fff,#f9fafb);border:2px solid #507bd8;border-radius:12px;box-shadow:0 4px 16px #507bd81f;min-height:160px;padding:2rem;position:relative}.metric-card-featured:before{background:linear-gradient(90deg,#507bd8,#66ced6);border-radius:12px 12px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.metric-card-featured .metric-icon{background:linear-gradient(135deg,#507bd8,#66ced6);color:#fff;font-size:1rem;font-weight:700;height:40px;width:40px}.metric-card-featured .metric-value{color:#111827;font-size:2.5rem}.metric-card-featured .metric-title{color:#374151;font-size:.75rem;font-weight:600}.metric-card-highlighted{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-left:4px solid #507bd8;border-radius:10px;min-height:140px;padding:1.75rem}.metric-card-highlighted .metric-icon{background:linear-gradient(135deg,#507bd8,#5d8cd8);color:#fff}.metric-card-highlighted .metric-value{font-size:2.125rem}.metric-card-accent{background:#fff;border-radius:10px;border-top:4px solid #66ced6;min-height:135px;padding:1.75rem}.metric-card-accent .metric-icon{background:linear-gradient(135deg,#66ced6,#8797b2);color:#fff}.metric-card-accent .metric-value{font-size:2rem}.metric-card-compact{border-radius:6px;min-height:100px;padding:1.125rem}.metric-card-compact .metric-header{margin-bottom:.5rem}.metric-card-compact .metric-title{font-size:.625rem}.metric-card-compact .metric-value{font-size:1.625rem;margin-bottom:.25rem}.metric-card-compact .metric-icon{font-size:1rem}.metric-card-small{min-height:90px;padding:1rem}.metric-card-small .metric-value{font-size:1.5rem}.metric-card-medium .metric-value{font-size:2rem}.metric-card-small .metric-title{font-size:.625rem}.metric-card-small .metric-icon{font-size:.75rem;height:24px;width:24px}.metric-card-large .metric-icon{font-size:1.125rem}.metric-card-compact .metric-icon{font-size:.8125rem;height:28px;width:28px}.metric-card-large{min-height:170px;padding:2rem}.metric-card-large .metric-value{font-size:2.5rem}.metric-card-large .metric-title{font-size:.75rem}.metric-card-large .metric-icon{font-size:1.75rem;height:44px;width:44px}@media (max-width:768px){.metric-card{border-radius:10px;min-height:110px;padding:1.25rem}.metric-card-featured{min-height:140px;padding:1.5rem}.metric-card-accent,.metric-card-highlighted{min-height:120px;padding:1.25rem}.metric-value{font-size:1.75rem}.metric-value-container{align-items:flex-start;flex-direction:column;gap:.5rem}.metric-title{font-size:.6875rem}.metric-change{font-size:.75rem;padding:.25rem .5rem}.metric-card-featured .metric-value,.metric-card-large .metric-value{font-size:2rem}}@media (max-width:480px){.metric-card{min-height:100px;padding:1rem}.metric-card-featured{min-height:120px;padding:1.25rem}.metric-value{font-size:1.5rem}.metric-unit{font-size:.875rem}.metric-header{margin-bottom:.375rem}.metric-title{font-size:.625rem;letter-spacing:.5px}.metric-change{font-size:.6875rem;padding:.25rem .4375rem}.metric-icon{font-size:1rem;height:24px;width:24px}}@media (hover:none) and (pointer:coarse){.metric-card:hover{border-color:#e5e7eb;box-shadow:0 1px 2px #0000000a}}.chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000a;overflow:hidden;padding:1.5rem;position:relative;transition:box-shadow .2s ease}.chart-card:before{display:none}.chart-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000014}.chart-title{border-bottom:none;color:#111827;font-size:1rem;font-weight:600;letter-spacing:-.01em;margin:0 0 1.25rem;padding-bottom:0;position:relative}.chart-title:after{display:none}.chart-container{min-height:200px;overflow:hidden;position:relative;width:100%}.chart-empty-state{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:3rem 2rem}.chart-empty-icon{margin-bottom:1rem;opacity:.5}.chart-empty-text{color:#6b7280;font-size:.9375rem;font-weight:500;margin:0 0 .5rem}.chart-empty-subtext{color:#9ca3af;font-size:.8125rem;font-weight:400;margin:0;text-align:center}.recharts-tooltip-wrapper{outline:none}.recharts-tooltip-cursor{fill:#507bd81a}@media (max-width:1024px){.chart-card{padding:1.5rem}.chart-title{font-size:1.125rem;margin-bottom:1.5rem}}@media (max-width:768px){.chart-title{font-size:1rem;margin-bottom:1.25rem;padding-bottom:.75rem}.chart-card{border-radius:10px;padding:1.25rem}.chart-container{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:480px){.chart-card{border-radius:8px;padding:1rem}.chart-title{font-size:.9375rem;margin-bottom:1rem;padding-bottom:.625rem}}@media (hover:none) and (pointer:coarse){.chart-card:hover{box-shadow:0 1px 3px #0000000a,0 2px 6px #00000008;transform:none}}.data-table-card{border:1px solid var(--border-color)}.table-title{color:var(--dark-gray);font-size:1.125rem;font-weight:500;margin:0;padding-bottom:.75rem}.table-header-section{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.75rem}.table-info{align-items:center;display:flex;gap:.75rem}.table-count{color:#6b7280;font-size:.75rem;white-space:nowrap}.table-filtered{color:#9ca3af;font-size:.6875rem}.table-search-container{margin-bottom:1rem}.table-search-wrapper{align-items:center;display:flex;max-width:320px;position:relative}.table-search-icon{color:#9ca3af;left:.75rem;pointer-events:none;position:absolute}.table-search-input{background:#fff;border:1px solid var(--border-color);border-radius:6px;color:var(--dark-gray);font-size:.875rem;padding:.5rem .75rem .5rem 2.5rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.table-search-input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #507bd81a;outline:none}.table-search-input::placeholder{color:#9ca3af}.table-search-clear{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;font-size:.875rem;height:20px;justify-content:center;padding:.25rem;position:absolute;right:.5rem;transition:background-color .2s ease,color .2s ease;width:20px}.table-search-clear:hover{background-color:#f3f4f6;color:#6b7280}.table-search-clear-button{background:var(--primary-blue);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;margin-top:1rem;padding:.5rem 1rem;transition:background-color .2s ease}.table-search-clear-button:hover{background:var(--primary-blue-dark)}.table-header-content{align-items:center;display:flex;gap:.5rem}.table-header.sortable{transition:background-color .2s ease}.table-header.sortable:hover{background-color:#e5e7eb}.sort-icon{color:var(--primary-blue);display:inline-block;font-size:.75rem;font-weight:600;transition:opacity .2s ease}.table-pagination{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:space-between;margin-top:1.5rem;padding-top:1rem}.pagination-button{background:#fff;border:1px solid var(--border-color);border-radius:6px;color:var(--dark-gray);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.pagination-button:hover:not(:disabled){background:var(--light-gray);border-color:var(--primary-blue);color:var(--primary-blue)}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:#6b7280;font-size:.875rem;font-weight:500}.table-container{overflow-x:auto}.data-table{border-collapse:collapse;font-size:.875rem;width:100%}.table-header{background-color:var(--light-gray);color:#6b7280;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:.75rem 1rem;text-align:left;text-transform:uppercase}.table-header,.table-row{border-bottom:1px solid var(--border-color)}.table-row{transition:background-color .2s ease}.table-row:hover{background-color:#f9fafb}.table-row:last-child{border-bottom:none}.table-cell{color:var(--dark-gray);padding:.75rem 1rem;vertical-align:middle}.route-badge{background-color:var(--primary-blue);color:#fff;white-space:nowrap}.continent-badge,.route-badge{border-radius:4px;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.continent-badge{background-color:#f3f4f6;color:#6b7280}.type-badge{border-radius:4px;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.type-badge.origin{background-color:#eff6ff;color:#2563eb}.type-badge.destination{background-color:#f0fdf4;color:#16a34a}.metric-highlight{color:var(--primary-blue);font-weight:500}.table-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:3rem 1.5rem;text-align:center}.table-empty-icon{margin-bottom:1rem;opacity:.6}.table-empty-text{color:#6b7280;font-size:.875rem;font-weight:500;margin:0 0 .5rem}.table-empty-subtext{color:#9ca3af;font-size:.75rem;margin:0}@media (max-width:768px){.table-header-section{align-items:flex-start;flex-direction:column;gap:.75rem}.table-title{font-size:1rem;margin-bottom:0}.table-info{width:100%}.table-search-wrapper{max-width:100%}.table-pagination{flex-direction:column;gap:.75rem}.pagination-button{width:100%}.data-table-card{padding:1.25rem}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto;scrollbar-width:thin}.table-container::-webkit-scrollbar{height:6px}.table-container::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.table-container::-webkit-scrollbar-thumb{background:#6b72804d;border-radius:3px}.table-cell,.table-header{padding:.625rem .75rem;white-space:nowrap}.data-table{font-size:.8125rem;min-width:100%}.table-header{font-size:.6875rem}}@media (max-width:480px){.data-table-card{padding:1rem}.table-title{font-size:.9375rem;margin-bottom:.875rem}.table-cell,.table-header{font-size:.75rem;padding:.5rem .625rem}.table-header{font-size:.625rem}.data-table{font-size:.75rem}.continent-badge,.route-badge,.type-badge{font-size:.625rem;padding:.1875rem .375rem}}.date-filter{border-bottom:1px solid var(--border-color);display:flex;justify-content:flex-end;margin-bottom:2rem;padding:1rem 0}.filter-group{align-items:center;display:flex;gap:.75rem}.filter-label{white-space:nowrap}.filter-label,.filter-select{color:var(--dark-gray);font-size:.875rem;font-weight:500}.filter-select{-webkit-appearance:none;appearance:none;background:var(--white);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.25rem;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;min-width:160px;padding:.5rem 2.5rem .5rem 1rem;transition:all .2s ease}.filter-select:hover{border-color:var(--primary-blue);box-shadow:0 0 0 3px #507bd81a}.filter-select:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #507bd833;outline:none}.filter-select option{background:var(--white);color:var(--dark-gray);padding:.5rem}@media (max-width:768px){.date-filter{justify-content:center;margin-bottom:1.5rem}.filter-group{align-items:stretch;flex-direction:column;gap:.5rem}.filter-select{min-width:200px}}.tab-navigation{background:#fff;border-bottom:1px solid #e5e7eb;border-top:none;box-shadow:none;padding:.75rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:99}.tab-navigation-content{align-items:center;display:flex;gap:2rem;justify-content:space-between}.tab-list{display:flex;gap:.5rem}.tab-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.625rem;justify-content:flex-start;min-width:auto;padding:.625rem 1rem;position:relative;transition:all .2s ease}.tab-button:before{display:none}.tab-button:hover{background:#f9fafb;color:#111827}.tab-button.active{background:#0000;color:#507bd8;font-weight:600}.tab-button.active:after{background:#507bd8;border-radius:1px 1px 0 0;bottom:-.75rem;content:"";height:2px;left:0;position:absolute;right:0}.tab-icon{align-items:center;border-radius:4px;color:inherit;display:flex;font-size:.6875rem;font-weight:600;height:24px;justify-content:center;transition:all .2s ease;width:24px}.tab-button:hover .tab-icon,.tab-icon{background:#0000}.tab-button.active .tab-icon{background:#507bd81a;color:#507bd8}.tab-label{font-family:Roboto,sans-serif;font-weight:500;letter-spacing:.25px}.tab-filters{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.tab-filters .date-filter{border:none;margin:0;padding:0}.refresh-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.refresh-button:hover{background:#f9fafb;border-color:#507bd8;color:#507bd8}.refresh-button:active{background:#f3f4f6;transform:scale(.98)}.refresh-button svg{transition:transform .3s ease}.refresh-button:hover svg{transform:rotate(180deg)}@media (max-width:1024px){.tab-navigation-content{gap:1rem}.tab-button{min-width:120px;padding:.75rem 1.25rem}}@media (max-width:768px){.tab-navigation-content{align-items:stretch;flex-direction:column;gap:.75rem}.tab-navigation{padding:.75rem 0}.tab-list{-webkit-overflow-scrolling:touch;gap:.5rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:thin}.tab-list::-webkit-scrollbar{height:4px}.tab-list::-webkit-scrollbar-track{background:#0000}.tab-list::-webkit-scrollbar-thumb{background:#6b72804d;border-radius:2px}.tab-button{flex-shrink:0;font-size:.8125rem;gap:.5rem;min-width:110px;padding:.75rem 1rem}.tab-icon{font-size:.7rem;height:22px;width:22px}.tab-filters{flex-direction:column;gap:.5rem;width:100%}.tab-filters .date-filter{width:100%}.refresh-button{justify-content:center;width:100%}}@media (max-width:480px){.tab-navigation{padding:.625rem 0}.tab-list{gap:.375rem;padding:0 .5rem .25rem}.tab-button{border-radius:8px;min-width:90px;padding:.625rem .75rem}.tab-button,.tab-label{font-size:.75rem}.tab-icon{font-size:.65rem;height:20px;width:20px}.tab-navigation-content{gap:.625rem}}.user-menu{position:relative;z-index:1000}.user-menu-trigger{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;color:#fff;cursor:pointer;display:flex;gap:.75rem;padding:.5rem .75rem;transition:all .2s ease}.user-menu-trigger:hover{background:#ffffff1f;border-color:#fff3}.user-avatar{align-items:center;background:linear-gradient(135deg,#507bd8,#66ced6);border-radius:50%;box-shadow:0 2px 8px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:36px;justify-content:center;width:36px}.user-menu-info{align-items:flex-start;display:flex;flex-direction:column;gap:.125rem;min-width:0}.user-menu-name{color:#fff;font-size:.875rem;font-weight:500}.user-menu-name,.user-menu-role{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-role{color:#ffffffb3;font-size:.75rem;font-weight:400;text-transform:capitalize}.user-menu-chevron{color:#ffffffb3;flex-shrink:0;transition:transform .2s ease}.user-menu-chevron.open{transform:rotate(180deg)}.user-menu-dropdown{animation:dropdownFadeIn .2s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001f,0 0 0 1px #0000000d,0 2px 8px #00000014;margin-top:.25rem;max-width:320px;min-width:260px;overflow:hidden;position:absolute;right:0;top:calc(100% + .75rem);z-index:10000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-menu-header{align-items:center;background:#f9fafb;display:flex;gap:.75rem;padding:1rem}.user-menu-header-avatar{align-items:center;background:linear-gradient(135deg,#507bd8,#66ced6);border-radius:50%;box-shadow:0 2px 8px #507bd833;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:600;height:48px;justify-content:center;width:48px}.user-menu-header-info{flex:1 1;min-width:0}.user-menu-header-name{color:#1f2937;font-size:.9375rem;font-weight:600;margin-bottom:.125rem}.user-menu-header-email,.user-menu-header-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-header-email{color:#6b7280;font-size:.8125rem;font-weight:400}.user-menu-divider{background:#e5e7eb;height:1px;margin:.5rem 0}.user-menu-items{padding:.5rem}.user-menu-item{align-items:center;background:#0000;border:none;border-radius:8px;box-sizing:border-box;color:#1f2937;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;min-height:40px;padding:.875rem 1rem;text-align:left;transition:all .15s ease;width:100%}.user-menu-item span{flex:1 1;text-align:left;white-space:nowrap}.user-menu-item:hover{background:#f3f4f6;color:#dc2626}.user-menu-item:active{background:#e5e7eb}.user-menu-item:focus{background:#f3f4f6;outline:none}.user-menu-item:focus-visible{outline:2px solid #507bd8;outline-offset:-2px}.user-menu-item-logout{color:#dc2626}.user-menu-item-logout:hover{background:#fef2f2;color:#b91c1c}.user-menu-item-logout:active{background:#fee2e2}.user-menu-item-logout .user-menu-icon{color:inherit}.user-menu-icon{color:inherit;display:block;flex-shrink:0;height:18px;width:18px}@media (max-width:768px){.user-menu-name,.user-menu-role{display:none}.user-menu-trigger{padding:.5rem}.user-menu-dropdown{left:auto;min-width:240px;right:0;top:calc(100% + .5rem)}.user-menu-item{min-height:44px;padding:1rem}}@media (max-width:480px){.user-menu-dropdown{bottom:auto;left:auto;max-width:calc(100vw - 2rem);min-width:220px;position:fixed;right:1rem;top:auto}.user-menu-item{font-size:.9375rem;padding:1rem}}@keyframes skeleton-loading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton-base{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;border-radius:4px}.metric-card-skeleton{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.skeleton-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.skeleton-title{height:16px;width:60%}.skeleton-change,.skeleton-title{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;border-radius:4px}.skeleton-change{height:14px;width:40px}.skeleton-value{height:28px;margin-bottom:8px;width:80%}.skeleton-unit,.skeleton-value{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;border-radius:4px}.skeleton-unit{height:14px;width:30%}.chart-card-skeleton{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;padding:20px}.skeleton-chart-title{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;border-radius:4px;height:20px;margin-bottom:20px;width:50%}.skeleton-chart-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;position:relative}.chart-skeleton-bar .skeleton-chart-bars{align-items:end;display:flex;gap:8px;height:200px;width:100%}.chart-skeleton-bar .skeleton-chart-bars:before{height:60%}.chart-skeleton-bar .skeleton-chart-bars:after,.chart-skeleton-bar .skeleton-chart-bars:before{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;border-radius:4px 4px 0 0;content:"";width:20px}.chart-skeleton-bar .skeleton-chart-bars:after{height:80%;margin-left:8px}.chart-skeleton-pie .skeleton-chart-bars{border-radius:50%;height:150px;margin-bottom:20px;width:150px}.chart-skeleton-line .skeleton-chart-bars,.chart-skeleton-pie .skeleton-chart-bars{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%}.chart-skeleton-line .skeleton-chart-bars{border-radius:4px;height:200px;position:relative;width:100%}.chart-skeleton-line .skeleton-chart-bars:before{background:#d1d5db;content:"";height:2px;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}.chart-skeleton-area .skeleton-chart-bars{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;border-radius:4px;-webkit-clip-path:polygon(0 100%,0 50%,50% 30%,100% 40%,100% 100%);clip-path:polygon(0 100%,0 50%,50% 30%,100% 40%,100% 100%);height:200px;width:100%}.skeleton-chart-legend{display:flex;gap:16px;margin-top:16px}.skeleton-chart-legend:after,.skeleton-chart-legend:before{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;border-radius:4px;content:"";height:12px;width:60px}.data-table-skeleton{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.skeleton-table-title{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;border-radius:4px;height:20px;margin-bottom:20px;width:40%}.skeleton-table-header{border-bottom:1px solid #e5e7eb;display:flex;gap:12px;margin-bottom:12px;padding-bottom:8px}.skeleton-table-header-cell{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;border-radius:4px;flex:1 1;height:16px}.skeleton-table-body{display:flex;flex-direction:column;gap:8px}.skeleton-table-row{display:flex;gap:12px;padding:8px 0}.skeleton-table-cell{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;border-radius:4px;flex:1 1;height:14px}.section-skeleton{margin-bottom:32px}.skeleton-section-title{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;border-radius:4px;height:24px;margin-bottom:20px;width:30%}.skeleton-grid{grid-gap:20px;display:grid;gap:20px}.skeleton-grid-cols-1{grid-template-columns:1fr}.skeleton-grid-cols-2{grid-template-columns:repeat(2,1fr)}.skeleton-grid-cols-3{grid-template-columns:repeat(3,1fr)}.skeleton-grid-cols-4{grid-template-columns:repeat(4,1fr)}.skeleton-grid-cols-5{grid-template-columns:repeat(5,1fr)}@media (max-width:768px){.skeleton-grid-cols-2,.skeleton-grid-cols-3,.skeleton-grid-cols-4,.skeleton-grid-cols-5{grid-template-columns:1fr}.skeleton-table-header,.skeleton-table-row{flex-direction:column;gap:8px}.skeleton-table-cell,.skeleton-table-header-cell{width:100%}}.error-container,.loading-container{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 12px #22222214;display:flex;flex-direction:column;justify-content:center;margin:2rem 0;padding:4rem 2rem;text-align:center}.loading-spinner{border:4px solid #e5e7eb;border-top-color:#507bd8;height:40px;margin-bottom:1rem;width:40px}.error-container p,.loading-container p{color:#6b7280;font-size:1rem;margin:0}.error-container{background-color:#fef2f2;border-color:#fee2e2}.error-container p{color:#dc2626}.skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%;border-radius:4px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-metric{height:120px;margin-bottom:1rem}.skeleton-chart{height:300px;margin-bottom:1rem}.skeleton-table{height:200px;margin-bottom:1rem}.realtime-indicator{align-items:center;background:#10b981;border-radius:20px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:500;gap:.5rem;margin-left:1rem;padding:.25rem .75rem}.realtime-indicator:before{animation:pulse 2s infinite;background:#fff;border-radius:50%;content:"";height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.data-freshness{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem;margin-top:.5rem}.data-freshness.fresh{color:#10b981}.data-freshness.stale{color:#f59e0b}.data-freshness.error{color:#ef4444}.dashboard{background:#f5f7fa;min-height:100vh;position:relative}.dashboard:before{display:none}.dashboard-header{background:linear-gradient(135deg,#1e293b,#334155 50%,#475569);border-bottom:1px solid #ffffff14;box-shadow:0 1px 3px #0000001f,0 4px 12px #00000014;color:#fff;overflow:visible;padding:1.75rem 0;position:relative;z-index:100}.dashboard-header:before{background:radial-gradient(circle at 0 0,#507bd81a 0,#0000 50%),radial-gradient(circle at 100% 100%,#66ced614 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.header-content{align-items:center;display:flex;justify-content:space-between;position:relative;z-index:1}.header-info{flex:1 1}.header-user{align-items:center;display:flex;gap:16px;position:relative;z-index:100}.dashboard-header h1{color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.75rem;font-weight:600;letter-spacing:-.02em;line-height:1.2;margin:0 0 .25rem}.dashboard-subtitle{color:#ffffffb3;font-size:.875rem;font-weight:400;letter-spacing:.01em;margin:0}.dashboard-content{padding:2rem 0;position:relative;z-index:1}.tab-content{animation:fadeIn .4s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.metrics-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000000d;margin-bottom:2rem;overflow:hidden;padding:1.75rem;position:relative;transition:box-shadow .2s ease}.metrics-section:before{display:none}.metrics-section:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000014}.section-title{border-bottom:none;color:#111827;font-size:1.25rem;font-weight:600;letter-spacing:-.02em;line-height:1.4;margin:0 0 1.5rem;padding-bottom:0;position:relative}.section-title:after{display:none}.grid-cols-5 .metric-card{min-height:120px}@media (max-width:1024px){.dashboard-content{padding:2rem 0}.metrics-section{padding:1.5rem}}@media (max-width:768px){.dashboard-header{padding:1.25rem 0}.header-content{gap:1rem}.dashboard-header h1{font-size:1.5rem;margin-bottom:.25rem}.dashboard-subtitle{font-size:.8125rem}.dashboard-content{padding:1.25rem 0}.metrics-section{border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.section-title{font-size:1.25rem;margin-bottom:1.25rem;padding-bottom:.75rem}.section-title:after{height:2px;width:60px}}@media (max-width:480px){.dashboard-header{padding:1rem 0}.dashboard-header h1{font-size:1.375rem;line-height:1.2}.dashboard-subtitle{font-size:.75rem}.container{padding:0 1rem}.dashboard-content{padding:1rem 0}.metrics-section{border-radius:10px;margin-bottom:1.25rem;padding:1rem}.section-title{font-size:1.125rem;margin-bottom:1rem;padding-bottom:.625rem}}.login-container{display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;overflow-x:hidden}.login-left-panel{align-items:center;background:#fff;display:flex;flex:0 0 40%;justify-content:center;padding:2rem;position:relative}.login-content{max-width:400px;width:100%}.logo-section{gap:12px;margin-bottom:2rem}.logo-icon,.logo-section{align-items:center;display:flex}.logo-icon{background:linear-gradient(135deg,#507bd8,#6d8a96);border-radius:12px;color:#fff;height:48px;justify-content:center;width:48px}.logo-text{flex:1 1}.company-name{color:#1f2937;font-size:1.25rem;font-weight:700;letter-spacing:.5px;margin:0}.company-tagline{color:#6b7280;font-size:.875rem;font-weight:400;margin:0}.login-header{margin-bottom:2rem}.login-title{color:#1f2937;font-size:2rem;font-weight:700;margin:0 0 .5rem}.login-subtitle{color:#6b7280;font-size:1rem;font-weight:400;margin:0}.login-form{display:flex;flex-direction:column;gap:1.5rem}.input-container{box-sizing:border-box;width:100%}.form-input{-webkit-appearance:none;appearance:none;box-sizing:border-box;font-size:16px}.form-options{align-items:center;display:flex;justify-content:space-between;margin:.5rem 0}.checkbox-container{align-items:center;color:#6b7280;cursor:pointer;display:flex;font-size:.875rem;gap:8px}.checkbox-container input[type=checkbox]{display:none}.checkmark{border:2px solid #d1d5db;border-radius:3px;height:16px;position:relative;transition:all .2s ease;width:16px}.checkbox-container input[type=checkbox]:checked+.checkmark{background:#507bd8;border-color:#507bd8}.checkbox-container input[type=checkbox]:checked+.checkmark:after{color:#fff;content:"✓";font-size:10px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.forgot-password{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;color:#507bd8;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;min-height:44px;padding:8px 0;text-decoration:none}.forgot-password:hover{text-decoration:underline}.validation-error{color:#ef4444;font-size:.75rem;font-weight:500;margin-top:4px}.login-button{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#507bd8,#6d8a96);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;margin-top:1rem;min-height:44px;padding:14px 24px;touch-action:manipulation;transition:all .2s ease;width:100%}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#6d8a96,#5d707f);box-shadow:0 8px 20px #507bd84d;transform:translateY(-1px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.login-footer{margin-top:2rem;text-align:center}.copyright{color:#9ca3af;font-size:.75rem;margin:0 0 .5rem}.privacy-link{background:none;border:none;color:#507bd8;cursor:pointer;font-size:.75rem;padding:0;text-decoration:none}.privacy-link:hover{text-decoration:underline}.login-right-panel{align-items:center;background:linear-gradient(135deg,#507bd8,#6d8a96 50%,#5d707f);display:flex;flex:0 0 60%;justify-content:center;overflow:hidden;padding:3rem;position:relative}.login-right-panel:before{animation:subtle-shine 8s ease-in-out infinite;background:linear-gradient(45deg,#0000 30%,#ffffff0d 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@media (max-width:1024px){.login-container{flex-direction:column}.login-left-panel{flex:none;min-height:auto;padding:2rem 1.5rem}.login-right-panel{flex:none;min-height:200px;padding:2rem 1.5rem}.right-panel-content{max-width:100%}}@media (max-width:768px){.login-left-panel{min-height:auto;padding:1.5rem}.login-right-panel{display:none}.login-title{font-size:1.75rem;line-height:1.2}.login-subtitle{font-size:.9375rem}.login-header{margin-bottom:1.5rem}.login-form{gap:1.25rem}.form-group{gap:.5rem}.form-label{font-size:.8125rem}.validation-error{font-size:.6875rem}}@media (max-width:480px){.login-container,.login-left-panel{min-height:100vh;min-height:100dvh}.login-left-panel{justify-content:flex-start;padding:2rem 1rem 1.25rem}.login-right-panel{display:none}.login-content{max-width:100%;width:100%}.login-title{font-size:1.5rem;margin-bottom:.375rem}.login-subtitle{font-size:.875rem}.login-header{margin-bottom:1.5rem}.login-form{gap:1.25rem}.form-input{box-sizing:border-box;font-size:16px;padding:14px 16px;width:100%}.input-container{width:100%}.input-icon{right:10px}.form-options{align-items:flex-start;flex-direction:column;gap:.75rem;margin:.25rem 0}.forgot-password{font-size:.8125rem;padding:10px 0;text-align:left;width:100%}.login-button{font-size:1rem;margin-top:.5rem;padding:16px 24px}.error-message{font-size:.8125rem;gap:6px;padding:12px 14px}.error-icon{flex-shrink:0;height:14px;width:14px}.validation-error{font-size:.6875rem;margin-top:2px}.loading-spinner{height:18px;width:18px}}@media screen and (max-width:480px){.form-input,.login-container{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}}.forgot-password-container{display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}.forgot-password-left-panel{align-items:center;background:#fff;display:flex;flex:0 0 40%;justify-content:center;padding:2rem;position:relative}.forgot-password-content{max-width:400px;width:100%}.forgot-password-header{margin-bottom:2rem}.forgot-password-title{color:#1f2937;font-size:2rem;font-weight:700;margin:0 0 .5rem}.forgot-password-subtitle{color:#6b7280;font-size:1rem;font-weight:400;line-height:1.5;margin:0}.forgot-password-form{gap:1.5rem}.forgot-password-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-label{color:#374151;font-size:.875rem;font-weight:600;margin:0}.input-container{position:relative}.form-input{background:#0000;border:none;border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:1rem;padding:12px 16px;transition:all .2s ease;width:100%}.form-input:focus{border-bottom-color:#507bd8;outline:none}.form-input.error{border-bottom-color:#ef4444}.form-input::placeholder,.input-icon{color:#9ca3af}.input-icon{font-size:1rem;height:16px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px}.form-input:focus+.input-icon{color:#507bd8}.error-message{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:12px 16px}.error-icon{background:#dc2626;border-radius:50%;display:inline-block;height:16px;width:16px}.forgot-password-button{align-items:center;background:linear-gradient(135deg,#507bd8,#6d8a96);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;margin-top:1rem;padding:14px 24px;transition:all .2s ease}.forgot-password-button:hover:not(:disabled){background:linear-gradient(135deg,#6d8a96,#5d707f);box-shadow:0 8px 20px #507bd84d;transform:translateY(-1px)}.forgot-password-button:active:not(:disabled){transform:translateY(0)}.forgot-password-button:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.forgot-password-footer{margin-top:2rem;text-align:center}.back-to-login{background:none;border:none;color:#507bd8;cursor:pointer;font-size:.875rem;font-weight:500;padding:0}.back-to-login:hover{text-decoration:underline}.success-message{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;margin-bottom:2rem;padding:2rem;text-align:center}.success-icon{background:#10b981;border-radius:50%;height:48px;margin:0 auto 1rem;position:relative;width:48px}.success-icon:after{color:#fff;content:"✓";font-size:24px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.success-message h3{color:#065f46;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.success-message p{color:#047857;font-size:.875rem;line-height:1.5;margin:0 0 .5rem}.success-message p:last-child{margin-bottom:0}.success-note{color:#6b7280!important;font-size:.75rem!important;font-style:italic}.forgot-password-actions{display:flex;flex-direction:column;gap:1rem}.back-button{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s ease}.back-button:hover{background:#e5e7eb;border-color:#9ca3af}.resend-button{align-items:center;background:linear-gradient(135deg,#507bd8,#6d8a96);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s ease}.resend-button:hover{background:linear-gradient(135deg,#6d8a96,#5d707f);box-shadow:0 4px 12px #507bd84d;transform:translateY(-1px)}.forgot-password-right-panel{align-items:center;background:linear-gradient(135deg,#507bd8,#6d8a96 50%,#5d707f);display:flex;flex:0 0 60%;justify-content:center;overflow:hidden;padding:3rem;position:relative}.forgot-password-right-panel:before{animation:subtle-shine 8s ease-in-out infinite;background:linear-gradient(45deg,#0000 30%,#ffffff0d 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes subtle-shine{0%,to{opacity:0;transform:translateX(-100%)}50%{opacity:1;transform:translateX(100%)}}.right-panel-content{color:#fff;max-width:500px;position:relative;width:100%;z-index:1}@media (max-width:1024px){.forgot-password-container{flex-direction:column}.forgot-password-left-panel{flex:none;min-height:60vh}.forgot-password-right-panel{flex:none;min-height:40vh}.right-panel-content{max-width:100%}}@media (max-width:768px){.forgot-password-left-panel,.forgot-password-right-panel{padding:1.5rem}.forgot-password-title{font-size:1.75rem}.forgot-password-actions{flex-direction:column}}@media (max-width:480px){.forgot-password-left-panel,.forgot-password-right-panel{padding:1rem}.forgot-password-content{max-width:100%}.success-message{padding:1.5rem}}.App{text-align:left}*{box-sizing:border-box}html{scroll-behavior:smooth}:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.loading{animation:spin 1s ease-in-out infinite;border:3px solid #507bd84d;border-radius:50%;border-top:3px solid var(--primary-blue);display:inline-block;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.1a8a9c83.css.map*/