body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-bottom:1px solid #e2e8f0;position:sticky;top:0;width:100%;z-index:50}.navbar-container{height:4rem;justify-content:space-between;margin:0 auto;padding:0 1rem;position:relative;z-index:1000}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{gap:.5rem}.desktop-nav{gap:1.5rem}.desktop-auth,.desktop-nav{align-items:center;display:flex}.desktop-auth{gap:1rem}.logo-link{align-items:center;color:inherit;display:flex;gap:.5rem;text-decoration:none}.logo-icon{color:#0f172a;height:1.5rem;width:1.5rem}.logo-text{font-size:1.25rem}.nav-link{align-items:center;color:#64748b;display:flex;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-link-active,.nav-link:hover{color:#0f172a}.btn-outline{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:.375rem;color:#333;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;height:2.25rem;justify-content:center;padding:0 .75rem;transition:background-color .2s ease-in-out,color .2s ease-in-out;white-space:nowrap}.btn-outline:hover{background-color:#f0f0f0;color:#000}.btn-outline:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.btn-outline:disabled{opacity:.5;pointer-events:none}.icon-login{flex-shrink:0;height:16px;pointer-events:none;width:16px}.button-black{align-items:center;background-color:#1e40af;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;height:2.25rem;justify-content:center;padding:0 .75rem;transition:background-color .2s ease-in-out;white-space:nowrap}.button-black:hover{background-color:#1e3a8a}.button-black:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.button-black:disabled{opacity:.5;pointer-events:none}.home-main{flex:1 1}.hero-section{background:linear-gradient(#fff,#f5f5f5);padding:6rem 1.5rem;width:100%}.container{margin:0 auto;max-width:1200px;padding:0 1rem;width:100%}.hero-content{grid-gap:3rem;gap:3rem;grid-template-columns:1fr 400px}.hero-text{gap:1rem;justify-content:center}.hero-image-container{border-radius:.75rem;height:500px;margin:0;overflow:hidden;position:relative;width:100%}.hero-image{object-fit:cover}.hero-heading{margin-bottom:1rem}.hero-title{font-size:2rem;margin-bottom:.5rem}@media (min-width:640px){.hero-title{font-size:3rem}}@media (min-width:768px){.hero-description{font-size:1.125rem}}.hero-description{color:#64748b;max-width:600px}.hero-buttons{display:flex;gap:.5rem}.hero-buttons a{align-items:center;border-radius:.375rem;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;height:2.75rem;justify-content:center;outline:none;padding:0 2rem;transition:color .2s,background-color .2s;white-space:nowrap}.hero-buttons a:focus-visible{outline:2px solid var(--ring-color);outline-offset:2px}.hero-buttons a:disabled{opacity:.5;pointer-events:none}.hero-buttons a svg{flex-shrink:0;height:1rem;pointer-events:none;width:1rem}.hero-buttons .commencer-gratuitement{background-color:var(--primary-color);color:var(--primary-foreground-color)}.hero-buttons .commencer-gratuitement:hover{background-color:rgba(var(--primary-color-rgb),.9)}.hero-buttons .explorer-carte{background-color:var(--background-color);border:1px solid var(--input-border-color);color:inherit}.hero-buttons .explorer-carte:hover{background-color:var(--accent-color);color:var(--accent-foreground-color)}.app-container{height:100vh}.app-container,.map-controls{display:flex;flex-direction:column}.map-controls{gap:.5rem;position:absolute;right:1rem;top:1rem;z-index:10}.btn-icon{align-items:center;background-color:#1e40af;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:inline-flex;height:3rem;justify-content:center;padding:0;transition:background-color .2s ease-in-out;width:3rem}.btn-icon:hover{background-color:#1e3a8a}.btn-icon:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.btn-icon:disabled{opacity:.5;pointer-events:none}.icon-plus{height:1.5rem;width:1.5rem}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.form-overlay{align-items:center;background-color:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.flight-form-container{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0003;max-width:500px;overflow:hidden;width:90%}.flight-form-header{align-items:center;background-color:#f5f7fa;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:15px 20px}.flight-form-header h2{font-size:20px;margin:0}.close-button{background:0 0;color:#666;font-size:24px}.flight-form{padding:20px}.form-group{margin-bottom:15px}.form-group label{font-weight:700;margin-bottom:5px}.form-group input{padding:10px;width:95%}.form-actions{gap:10px;margin-top:20px}.cancel-button{background-color:#0000;border:1px solid #ddd;color:#666}.cancel-button,.submit-button{border-radius:4px;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}.auth-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-width:400px;padding:30px;width:100%}.auth-header{margin-bottom:30px;text-align:center}.auth-header h2{color:#2c3e50;font-size:24px;margin-bottom:8px}.auth-header p{color:#7f8c8d;font-size:16px}.auth-footer{color:#7f8c8d;margin-top:20px;text-align:center}.toggle-button{background:0 0;border:none;color:#3498db;cursor:pointer;font-weight:600;margin-left:5px}.auth-form,.form-group{margin-bottom:20px}.form-group label{color:#2c3e50;display:block;font-weight:500;margin-bottom:6px}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:12px;transition:border-color .3s}.submit-button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:background-color .3s;width:100%}.forgot-password{margin-bottom:20px;text-align:right}.forgot-password a{color:#3498db;font-size:14px;text-decoration:none}.popup-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.popup-container{background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;max-height:700px;max-width:500px;padding:20px;width:100%}.popup-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.popup-header h2{margin:0}.close-button{background:none;border:none;cursor:pointer;font-size:20px}.popup-content{display:flex;flex-direction:column;gap:10px}.popup-content p{margin:0}.flights-list{height:500px;margin-top:10px;overflow-y:auto}.flight-item{margin-bottom:10px}.flight-item hr{border:none;border-top:1px solid #eee;margin:10px 0}.custom-select{position:relative;width:100%}.custom-select input{border:1px solid #ccc;border-radius:4px;font-size:14px}.dropdown-list{background:#fff;border:1px solid #ccc;border-radius:0 0 4px 4px;border-top:none;box-shadow:0 2px 4px #0000001a;left:0;list-style:none;margin:0;max-height:200px;overflow-y:auto;padding:0;position:absolute;right:0;top:100%;z-index:1000}.dropdown-list li{cursor:pointer;padding:8px 10px}.dropdown-list li:hover{background-color:#f0f0f0}.flight-stats-container{background-color:#f8f9fa;min-height:100vh;padding:20px}.stats-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.stats-header h1{color:#2c3e50;font-size:28px;margin:0}.stats-grid,.stats-grid-ver{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stats-grid-ver{display:grid}.stat-card,.stat-card-ver{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;gap:16px;padding:24px;transition:transform .3s}.stat-card-ver{align-items:center;display:flex}.stat-card:hover{transform:translateY(-2px)}.stat-card.primary{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.stat-icon,.stat-icon-ver{font-size:32px;opacity:.8}.stat-content h3{font-size:14px;font-weight:500;margin:0 0 8px;opacity:.8}.stat-number,.stat-number-ver{font-size:28px;margin:0 0 4px}.stat-number-ver{color:#2c3e50;font-weight:700}.stat-card.primary .stat-change{color:#fffc}.stat-change.positive{color:#27ae60}.charts-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr;margin-bottom:30px}.additional-stats,.chart-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:24px}.additional-stats h3,.chart-container h3{color:#2c3e50;margin:0 0 20px}.detail-stats{display:flex;flex-direction:column;gap:16px}.detail-item{align-items:center;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;padding:12px 0}.detail-label{font-size:14px}.detail-value{font-weight:600}.bar-chart{align-items:end;display:flex;gap:8px;height:200px;padding:20px 0}.bar-item{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%}.bar{background:linear-gradient(#5dade2,#3498db);border-radius:4px 4px 0 0;cursor:pointer;min-height:10px;transition:all .3s;width:100%}.bar-label{color:#7f8c8d;font-size:12px;font-weight:500;margin-top:8px}.friends-container{background-color:#f8f9fa;min-height:100vh;padding:20px}.friends-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin:30px;padding:24px}.header-content h1{color:#2c3e50;font-size:28px;margin:0 0 16px;text-align:center}.header-content p{color:#7f8c8d;font-size:14px;margin:0}.add-friend-btn{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:12px 20px;transition:all .3s}.btn-icon2{font-size:16px}.modal-overlay{align-items:center;background-color:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-content{background:#fff;border-radius:8px;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;padding:20px 24px}.add-friend-form{padding:24px}.modal-header h2{color:#2c3e50;font-size:20px;margin:0}.close-btn{background:0 0;border:none;border-radius:4px;color:#7f8c8d;cursor:pointer;font-size:20px;padding:4px;transition:background-color .3s}.form-group{margin-bottom:20px}.form-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-btn2{background-color:#95a5a6;color:#fff}.submit-btn2{background-color:#3498db;color:#fff}.cancel-btn2,.submit-btn2{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s}.form-group2 small{color:#7f8c8d;display:block;font-size:12px;margin-top:4px}.form-group2 input{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:12px;transition:border-color .3s;width:95%}.form-group2 label{color:#2c3e50;display:block;font-weight:500;margin-bottom:6px}.friend-requests{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:30px;padding:20px}.friend-requests h3{color:#2c3e50;font-size:18px;margin:0 0 16px}.requests-list{display:flex;flex-direction:column;gap:12px}.request-card{background-color:#f8f9fa;border-left:4px solid #3498db;border-radius:6px;justify-content:space-between;padding:16px}.request-card,.request-info{align-items:center;display:flex}.request-info{gap:12px}.request-actions{display:flex;gap:8px}.accept-btn,.decline-btn{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .3s}.decline-btn{background-color:#e74c3c;color:#fff}.accept-btn{background-color:#27ae60;color:#fff}.request-avatar{font-size:32px}.request-details{display:flex;flex-direction:column}.request-mutual{color:#7f8c8d;font-size:12px}.request-name{color:#2c3e50;font-weight:500;margin-bottom:2px}.friends-controls{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin:30px;padding:16px 20px}.search-container{flex:1 1;max-width:300px;position:relative}.search-input2{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 40px 10px 12px;width:100%}.search-icon22{color:#7f8c8d;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.sort-container{align-items:center;display:flex;gap:8px}.sort-container label{color:#7f8c8d;font-size:14px}.sort-select{border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 12px}button,select{text-transform:none}.friends-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(550px,1fr));margin:30px}.friend-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:all .3s}.friend-header{border-bottom:1px solid #ecf0f1;padding:20px}.friend-stats{background-color:#f8f9fa}.friend-details,.friend-footer,.friend-stats{padding:16px 20px}.friend-footer{border-top:1px solid #ecf0f1}.friend-avatar-container{margin-right:12px;position:relative}.friend-actions{display:flex;gap:8px}.friend-avatar{display:block;font-size:40px}.friend-name{font-size:16px;margin:0 0 4px}.friend-email{color:#7f8c8d;font-size:12px;margin:0 0 4px}.friend-status{color:#95a5a6;font-size:11px;text-transform:uppercase}.action-btn{align-items:center;background-color:#f8f9fa;border:none;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s;width:32px}.stat-item{gap:8px}.stat-icon22{font-size:16px;opacity:.7}.stat-content{display:flex;flex-direction:column}.stat-value24{font-size:12px;font-weight:600;white-space:nowrap}.stat-label24{color:#7f8c8d;font-size:12px;min-width:60px}.detail-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.detail-label23{color:#7f8c8d;font-size:12px}.detail-value23{color:#2c3e50}.compare-btn,.detail-value23{font-size:12px;font-weight:500}.compare-btn{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px;transition:background-color .3s;width:100%}.extended-stats{grid-gap:30px;display:grid;gap:30px;margin-bottom:30px}.stat-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:24px}.stat-section h3{color:#2c3e50;font-size:18px;margin:0 0 20px}.ranking-list{display:flex;flex-direction:column;gap:12px}.ranking-item{background-color:#f8f9fa;border-radius:6px;justify-content:space-between;padding:12px;transition:background-color .3s}.ranking-info,.ranking-item{align-items:center;display:flex}.ranking-info{gap:12px}.ranking-stats{align-items:center;display:flex;gap:12px}.ranking-position{align-items:center;background-color:#3498db;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.ranking-name{color:#2c3e50;font-weight:500}.ranking-count{color:#7f8c8d;font-size:14px;min-width:60px}.ranking-bar{background-color:#ecf0f1;border-radius:3px;height:6px;overflow:hidden;width:100px}.ranking-percentage{color:#7f8c8d;font-size:12px;min-width:35px}.ranking-fill{background:linear-gradient(90deg,#3498db,#5dade2);height:100%;transition:width .3s}.airport-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.airport-card{border:1px solid #ecf0f1;border-radius:6px;padding:16px;transition:all .3s}.airport-flights{color:#3498db;font-weight:500}.airport-name{color:#7f8c8d;font-size:14px;margin-bottom:4px}.airport-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.airport-code{color:#2c3e50;font-size:18px;font-weight:700}.airport-type{border-radius:12px;font-size:10px;font-weight:500;padding:2px 8px;text-transform:uppercase}.airport-type.hub{background-color:#e8f5e8;color:#27ae60}.class-distribution{display:flex;gap:20px;justify-content:space-around}.class-item{flex-direction:column;gap:12px}.class-circle,.class-item{align-items:center;display:flex}.class-circle{height:80px;position:relative;width:80px}.class-circle,.class-inner{border-radius:50%;justify-content:center}.class-inner{align-items:center;background:#fff;display:flex;height:60px;width:60px}.class-percentage{color:#2c3e50;font-weight:700}.class-info{text-align:center}.class-name{color:#2c3e50;display:block;font-weight:500;margin-bottom:4px}.class-count{color:#7f8c8d;font-size:12px}.achievements{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:24px}.achievements h3{color:#2c3e50;font-size:18px;margin:0 0 20px}.achievement-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.achievement-item{align-items:center;border:2px solid #ecf0f1;border-radius:8px;display:flex;gap:12px;padding:16px;transition:all .3s}.achievement-item.earned{background-color:#f8fff9;border-color:#27ae60}.achievement-item:not(.earned){opacity:.6}.achievement-icon{font-size:24px}.achievement-content h4{color:#2c3e50;font-size:16px;margin:0 0 4px}.achievement-content p{color:#7f8c8d;font-size:14px;margin:0}.bar:hover{background:linear-gradient(0deg,#2980b9,#3498db)}.ranking-item:hover{background-color:#e9ecef}.airport-card:hover{border-color:#3498db;transform:translateY(-2px)}.loading-container{display:flex;flex-direction:column;min-height:100vh}.loading-spinner{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:2rem}.spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#3498db;height:50px;margin-bottom:1rem;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container{min-height:100vh}.error-container,.error-message{display:flex;flex-direction:column}.error-message{align-items:center;flex:1 1;justify-content:center;padding:2rem;text-align:center}.error-message button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:1rem;padding:.5rem 1rem}.error-message button:hover{background-color:#2980b9}.flight-list-container{background-color:#f8f9fa;padding:20px}.flight-list-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:24px}.header-content-flist h1{color:#2c3e50;font-size:28px;margin:0 0 4px}.header-content-flist p{color:#7f8c8d;font-size:14px;margin:0}.header-actions-flist{display:flex;gap:12px}.filter-btn-flist,.friends-btn-flist{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 16px;transition:all .3s}.filter-btn-flist{background-color:#3498db;color:#fff}.friends-btn-flist{background-color:#2ecc71;color:#fff}.btn-icon-flist{font-size:16px}.flight-stats-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.stat-summary-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;gap:12px;padding:16px}.stat-summary-icon{font-size:24px;opacity:.8}.stat-summary-content{display:flex;flex-direction:column}.stat-summary-value{color:#2c3e50;font-size:16px;font-weight:600}.stat-summary-label{color:#7f8c8d;font-size:12px}.flights-list{display:flex;flex-direction:column;gap:20px}.flight-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:14px;overflow:hidden;transition:all .3s}.flight-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.flight-header{background-color:#f8f9fa;border-bottom:1px solid #ecf0f1;padding:16px 20px}.flight-airline{display:flex;flex-direction:column}.flight-status{border-radius:12px;color:#fff;font-size:12px;font-weight:500;padding:4px 12px}.airline-name-ffll{color:#2c3e50;font-size:16px;font-weight:600}.flight-number{color:#7f8c8d;font-size:12px}.flight-details{display:flex;flex-wrap:wrap;gap:16px;padding:16px 20px}.flight-detail-item{display:flex;flex-direction:column;min-width:80px}.detail-label{color:#7f8c8d;font-size:12px;margin-bottom:4px}.detail-value{color:#2c3e50;font-size:14px;font-weight:500}.flight-route{border-bottom:1px solid #ecf0f1;padding:24px 20px}.flight-point{flex:1 1}.flight-time{color:#2c3e50;font-size:20px;font-weight:600;margin-bottom:4px}.flight-date{color:#7f8c8d;font-size:12px;margin-bottom:12px}.flight-city{color:#2c3e50;font-weight:500;margin-bottom:4px}.flight-airport{color:#7f8c8d;font-family:monospace;font-size:12px}.flight-path{flex:2 1;justify-content:center;padding:0 20px}.flight-duration{color:#2c3e50;font-weight:500;margin-bottom:8px}.flight-line{align-items:center;display:flex;margin-bottom:8px;width:100%}.flight-distance{color:#7f8c8d;font-size:12px}.flight-dot{background-color:#3498db;border-radius:50%;height:10px;width:10px}.flight-line-path{background-color:#3498db;flex:1 1;height:2px;position:relative}.flight-line-path:before{content:"✈️";font-size:14px;left:50%;position:absolute;top:-10px;transform:translate(-50%)}.flight-filters{display:flex;flex-direction:column;height:100%;max-height:80vh;width:100%}.filters-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding-bottom:1rem}.filters-title{font-size:1.25rem;font-weight:600;margin:0}.filters-badge{background-color:#0f172a;border-radius:9999px;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.filters-content{flex:1 1;overflow-y:auto;padding-right:.5rem}.filters-content::-webkit-scrollbar{width:6px}.filters-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.filters-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.filters-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.filter-section{margin-bottom:1.5rem}.filter-section-title{color:#0f172a;font-size:.875rem;font-weight:600;margin-bottom:.75rem}.filter-date-range{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.filter-date-group{display:flex;flex-direction:column;gap:.5rem}.filter-airports{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.filter-input-group{display:flex;flex-direction:column;gap:.5rem}.filter-input{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:.375rem;color:#111827;display:flex;font-size:"0.875rem";height:2.5rem;padding-left:.75rem}.filter-input::placeholder{color:#9ca3af}.filter-calendar-button{align-items:center;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:.375rem;color:#111827;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;height:2.5rem;justify-content:left;padding:.5rem 1rem;transition:background-color .2s ease,color .2s ease;white-space:nowrap}.filter-calendar-button:hover{background-color:#e5e7eb;color:#111827}.filter-calendar-button{color:#9ca3af}.filter-calendar-button svg{flex-shrink:0;height:1rem;pointer-events:none;width:1rem}.filter-checkbox-group{display:flex;flex-direction:column;gap:.75rem}.filter-checkbox-item{align-items:center;display:flex;gap:.5rem}.filter-checkbox-label{cursor:pointer;font-size:.875rem;font-weight:400;margin:0}.filter-duration{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.filters-actions{border-top:1px solid #e2e8f0;display:flex;gap:.75rem;justify-content:space-between;margin-top:1rem;padding-top:1rem}.filter-apply-button,.filter-reset-button{flex:1 1}@media (max-width:640px){.filter-airports,.filter-date-range,.filter-duration{grid-template-columns:1fr}}@media only screen and (max-width:480px){.navbar-logo{display:none}.chart-container{display:none}.charts-section{grid-template-columns:1fr}.nav-link{font-size:0}.ranking-bar{display:none;width:40px}.class-circle{height:20px;width:20px}.airport-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-section:last-of-type{display:none}.ranking-name{font-size:12px}.stats-header .button-black{display:none}.stats-header{justify-content:center}.filter-btn-flist,.friends-btn-flist{display:none}.flight-list-header{justify-content:center}.flight-city{font-size:12px}.popup-container{height:auto;width:auto}}.home-container{background-color:#f8f9fa;min-height:100vh}.hero-section2{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;min-height:100vh}.hero-content{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;padding-left:60px}.hero-text{display:flex;flex-direction:column;gap:24px}.hero-title{font-size:48px;font-weight:700;line-height:1.2;margin:0}.highlight{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,gold,#ffed4e);-webkit-background-clip:text;background-clip:text}.hero-description2{font-size:18px;line-height:1.6;margin:0;opacity:.9}.hero-actions{display:flex;gap:16px}.cta-primary,.cta-secondary{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;transition:all .3s}.cta-primary{background:linear-gradient(45deg,gold,#ffed4e);color:#2c3e50}.cta-primary:hover{box-shadow:0 8px 24px #ffd7004d;transform:translateY(-2px)}.cta-secondary{background:#0000;border:2px solid #ffffff4d;color:#fff}.cta-secondary:hover{background:#ffffff1a;border-color:#ffffff80}.hero-stats{display:flex;gap:32px;margin-top:16px}.stat-item{align-items:center;display:flex;flex-direction:column}.stat-number{color:gold;font-size:24px;font-weight:700}.stat-label{font-size:12px;opacity:.8;text-align:center}.hero-visual{align-items:center;display:flex;justify-content:center}.hero-dashboard{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:860px;overflow:hidden;width:100%}.dashboard-header{background:#f8f9fa;border-bottom:1px solid #ecf0f1;padding:16px;position:relative;z-index:1000}.dashboard-nav{display:flex;gap:8px}.nav-item{border-radius:6px;color:#7f8c8d;cursor:pointer;font-size:12px;padding:8px 12px}.nav-item.active{background:#3498db;color:#fff}.dashboard-content{height:250px;padding:20px}.dashboard-content-black{align-items:center;background-color:#000;display:flex;height:790px;justify-content:center;position:relative;width:100%;z-index:1}.stats-preview{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.stat-card{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;gap:8px;padding:12px}.stat-icon{font-size:16px}.stat-info{display:flex;flex-direction:column}.stat-value{color:#2c3e50;font-size:14px;font-weight:600}.stat-name{color:#7f8c8d;font-size:10px}.chart-preview{background:#f8f9fa;border-radius:6px;padding:16px}.chart-title{color:#7f8c8d;font-size:12px;margin-bottom:12px}.chart-bars{align-items:end;display:flex;gap:4px;height:60px}.chart-bar{background:linear-gradient(0deg,#3498db,#5dade2);border-radius:2px 2px 0 0;flex:1 1;min-height:10px}.features-section{background:#fff;padding:80px 20px}.section-header{margin-bottom:60px;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.section-header h2{color:#2c3e50;font-size:36px;margin:0 0 16px}.section-header p{color:#7f8c8d;font-size:18px;margin:0}.features-showcase{grid-gap:60px;align-items:start;display:grid;gap:60px;grid-template-columns:1fr 2fr;margin:0 auto;max-width:1200px}.features-nav{display:flex;flex-direction:column;gap:16px;height:550px;position:sticky;top:100px}.feature-nav-item{background:#fff;border:2px solid #ecf0f1;border-radius:8px;cursor:pointer;padding:20px;text-align:left;transition:all .3s}.feature-nav-item:hover{border-color:#3498db;transform:translateX(4px)}.feature-nav-item.active{background:#f8fbff;border-color:#3498db}.feature-nav-title{color:#2c3e50;font-weight:600;margin-bottom:8px}.feature-nav-desc{color:#7f8c8d;font-size:14px;line-height:1.4}.feature-display{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;height:550px}.feature-content h3{color:#2c3e50;font-size:28px;margin:0 0 16px}.feature-content p{color:#7f8c8d;font-size:16px;line-height:1.6;margin:0 0 24px}.feature-highlights{list-style:none;margin:0 0 24px;padding:0}.feature-highlights li{align-items:center;color:#2c3e50;display:flex;font-size:14px;gap:12px;margin-bottom:12px}.highlight-icon{align-items:center;background:#27ae60;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;width:20px}.feature-cta{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s}.feature-cta:hover{background:#2980b9;transform:translateY(-2px)}.feature-visual{display:flex;justify-content:center}.feature-screenshot{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0000001a;max-width:400px;overflow:hidden;width:100%}.screenshot-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;padding:16px}.screenshot-title{color:#2c3e50;font-weight:600}.screenshot-nav{display:flex;gap:8px}.nav-pill{background:#ecf0f1;border-radius:12px;color:#7f8c8d;font-size:12px;padding:4px 12px}.nav-pill.active{background:#3498db;color:#fff}.screenshot-actions{display:flex;gap:8px}.action-btn{background:#3498db;border-radius:4px;color:#fff;font-size:12px;padding:6px 12px}.stats-screenshot{padding:20px}.screenshot-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.screenshot-stat{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;flex-direction:column;padding:12px}.screenshot-stat .stat-icon{font-size:20px;margin-bottom:8px}.screenshot-stat .stat-value{color:#2c3e50;font-weight:600;margin-bottom:4px}.screenshot-stat .stat-label{color:#7f8c8d;font-size:12px}.screenshot-chart{background:#f8f9fa;border-radius:6px;padding:16px}.chart-area{background:linear-gradient(45deg,#3498db,#2ecc71);border-radius:4px;height:80px;overflow:hidden;position:relative}.chart-line{background:#ffffff4d;border-radius:4px 4px 0 0;bottom:0;height:60%;left:0;position:absolute;right:0}.flights-screenshot{padding:20px}.flight-cards{display:flex;flex-direction:column;gap:12px}.flight-card-preview{border:1px solid #ecf0f1;border-radius:6px;padding:16px}.flight-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.airline{color:#2c3e50;font-size:14px;font-weight:500}.status{border-radius:12px;color:#fff;font-size:10px;font-weight:500;padding:2px 8px}.status.completed{background:#27ae60}.status.upcoming{background:#3498db}.flight-route{align-items:center;display:flex;justify-content:space-between}.flight-point{text-align:center}.flight-point .time{color:#2c3e50;font-size:14px;font-weight:600}.flight-point .city{color:#2c3e50;font-size:12px;margin:2px 0}.flight-point .airport{color:#7f8c8d;font-size:10px}.flight-path{align-items:center;display:flex;flex-direction:column;margin:0 16px}.duration{color:#7f8c8d;font-size:12px;margin-bottom:4px}.line{font-size:16px}.friends-screenshot{padding:20px}.friends-grid{display:flex;flex-direction:column;gap:12px}.friend-card-preview{border:1px solid #ecf0f1;border-radius:6px;padding:16px}.friend-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.friend-avatar{font-size:24px}.friend-info{flex:1 1}.friend-name{color:#2c3e50;font-size:14px;font-weight:500}.friend-status{font-size:12px;font-weight:500}.friend-status.online{color:#27ae60}.friend-status.offline{color:#95a5a6}.friend-stats{display:flex;justify-content:space-around}.friend-stat{align-items:center;display:flex;flex-direction:column;font-size:12px}.friend-stat span:first-child{color:#2c3e50;font-weight:600}.friend-stat span:last-child{color:#7f8c8d}.comparison-screenshot{padding:20px}.comparison-users{align-items:center;display:flex;font-size:12px;gap:12px;justify-content:center}.user{color:#2c3e50;font-weight:500}.vs{color:#e74c3c;font-weight:700}.comparison-stats{display:flex;flex-direction:column;gap:12px;margin-top:16px}.comparison-item{display:flex;flex-direction:column;gap:8px}.comparison-label{color:#7f8c8d;font-size:12px;text-align:center}.comparison-bars{display:flex;flex-direction:column;gap:4px}.comparison-bar{align-items:center;border-radius:10px;color:#fff;display:flex;font-size:10px;font-weight:600;height:20px;justify-content:flex-end;padding:0 8px}.my-bar{background:linear-gradient(135deg,#3498db,#2980b9)}.friend-bar{background:linear-gradient(135deg,#e74c3c,#c0392b)}.stats-section{background:#f8f9fa;padding-bottom:80px;padding-top:80px}.stats-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1000px}.stat-item-large{text-align:center}.stat-number-large{color:#3498db;display:block;font-size:48px;font-weight:700;margin-bottom:8px}.stat-label-large{color:#7f8c8d;font-size:16px;font-weight:500}.testimonials-section{background:#fff;padding:80px 20px}.testimonials-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1000px}.testimonial-card{background:#f8f9fa;border-left:4px solid #3498db;border-radius:12px;padding:30px}.testimonial-content{margin-bottom:20px}.testimonial-rating{margin-bottom:16px}.star{font-size:16px}.testimonial-text{color:#2c3e50;font-style:italic;line-height:1.6;margin:0}.testimonial-author{align-items:center;display:flex;gap:12px}.author-avatar{font-size:32px}.author-name{color:#2c3e50;font-weight:600;margin-bottom:4px}.author-role{color:#7f8c8d;font-size:14px}.cta-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:80px 20px;text-align:center}.cta-content{margin:0 auto;max-width:600px}.cta-content h2{font-size:36px;margin:0 0 16px}.cta-content p{font-size:18px;margin:0 0 32px;opacity:.9}.cta-actions{display:flex;gap:16px;justify-content:center}.footer{background:#2c3e50;color:#fff;padding:60px 20px 20px}.footer-content{grid-gap:60px;display:grid;gap:60px;grid-template-columns:1fr 2fr;margin:0 auto;max-width:1200px}.footer-brand{display:flex;flex-direction:column;gap:16px}.footer-logo{align-items:center;display:flex;gap:8px}.logo-icon{font-size:24px}.logo-text{font-size:20px;font-weight:700}.footer-description{color:#bdc3c7;line-height:1.6;margin:0}.footer-links{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(3,1fr)}.footer-section h4{color:#fff;margin:0 0 16px}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section li{margin-bottom:8px}.footer-section a,.footer-section button{background:none;border:none;color:#bdc3c7;cursor:pointer;font-size:14px;text-decoration:none;transition:color .3s}.footer-section a:hover,.footer-section button:hover{color:#fff}.footer-bottom{border-top:1px solid #34495e;margin:40px auto 0;max-width:1200px;padding-top:20px;text-align:center}.footer-bottom p{color:#bdc3c7;font-size:14px;margin:0}@media (max-width:768px){.hero-content{gap:40px;grid-template-columns:1fr;text-align:center}.hero-title{font-size:36px}.hero-actions,.hero-stats{justify-content:center}.features-showcase{gap:40px;grid-template-columns:1fr}.features-nav{flex-direction:row;gap:12px;overflow-x:auto;position:static}.feature-nav-item{min-width:200px}.feature-display{gap:30px;grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.testimonials-grid{grid-template-columns:1fr}.cta-actions{align-items:center;flex-direction:column}.footer-content{gap:40px;grid-template-columns:1fr}.footer-links{gap:30px;grid-template-columns:1fr}}@media (max-width:480px){.hero-title{font-size:28px}.hero-actions,.hero-stats{flex-direction:column}.hero-stats{gap:16px}.section-header h2{font-size:28px}.features-nav{flex-direction:column}.stats-grid{grid-template-columns:1fr}.cta-content h2{font-size:28px}.hero-visual{display:none}.hero-content{padding-left:15px;padding-right:15px}}
/*# sourceMappingURL=main.3f61c19c.css.map*/