body{background:#0a0a0a;background-attachment:fixed}.history-container{min-height:100vh;max-width:1200px;margin:0 auto;padding:24px 40px;color:white;background:#0a0a0a}.history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;height:40px}.time-filter-wrapper{flex:1;display:flex;justify-content:center;margin-left:40px}.back-home-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(255,255,255,.1);border-radius:8px;color:white;text-decoration:none;transition:all .2s ease;backdrop-filter:blur(10px)}.back-home-btn:hover{background:rgba(255,255,255,.2);transform:translateX(-2px)}.history-back-btn{position:absolute;top:24px;left:24px;display:inline-flex;align-items:center;color:white;text-decoration:none;font-size:16px;transition:color .2s}.history-back-btn:hover{color:#66b3ff}.history-back-btn svg{margin-right:8px}.time-filter-container{display:flex;gap:8px;flex-wrap:wrap}.time-filter-btn{padding:8px 16px;border:1px solid rgba(255,255,255,.3);border-radius:20px;background:rgba(255,255,255,.1);color:rgba(255,255,255,.8);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.time-filter-btn:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5);color:white}.time-filter-btn.active{background:rgba(255,255,255,.9);color:#1e3a8a;border-color:rgba(255,255,255,.9)}.stats-container{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.stats-card{background:rgba(40,40,40,.95);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;text-align:center;backdrop-filter:blur(10px)}.stats-value{font-size:32px;font-weight:700;color:white;margin-bottom:4px;line-height:1}.stats-label{font-size:14px;color:rgba(255,255,255,.8);margin-bottom:2px}.stats-unit{font-size:12px;color:rgba(255,255,255,.6);font-weight:400}.contribution-heatmap{background:rgba(40,40,40,.95);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;margin-bottom:32px}.heatmap-title{color:white;font-size:16px;font-weight:600;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.heatmap-stats{display:flex;gap:16px;font-size:12px;color:rgba(255,255,255,.7)}.stat-item{white-space:nowrap}.heatmap-wrapper{margin-bottom:16px}.heatmap-months{display:grid;grid-template-columns:repeat(12,1fr);gap:8px;margin-bottom:8px;padding-left:20px}.month-label{font-size:11px;color:rgba(255,255,255,.6);text-align:center}.heatmap-grid{display:grid;grid-template-columns:repeat(53,1fr);gap:3px;max-width:100%}.heatmap-cell{width:12px;height:12px;border-radius:2px;background:rgba(255,255,255,.1);transition:all .2s;cursor:pointer;position:relative}.heatmap-cell:hover{transform:scale(1.2);z-index:10}.heatmap-cell:hover:after{content:attr(title);bottom:20px;background:rgba(0,0,0,.9);color:white;padding:8px 12px;border-radius:6px;font-size:12px;white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,.3)}.heatmap-cell:hover:after,.heatmap-cell:hover:before{position:absolute;left:50%;transform:translateX(-50%);z-index:11;pointer-events:none}.heatmap-cell:hover:before{content:"";bottom:14px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(0,0,0,.9)}.heatmap-cell.level-0{background:rgba(255,255,255,.1)}.heatmap-cell.level-1{background:rgba(34,197,94,.3)}.heatmap-cell.level-2{background:rgba(34,197,94,.6)}.heatmap-cell.level-3{background:rgba(34,197,94,.8)}.heatmap-cell.level-4{background:rgba(34,197,94,1)}.heatmap-legend{display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:12px;color:rgba(255,255,255,.7)}.legend-colors{display:flex;gap:3px}.legend-color{width:10px;height:10px;border-radius:2px;cursor:pointer}.legend-color.level-0{background:rgba(255,255,255,.1)}.legend-color.level-1{background:rgba(34,197,94,.3)}.legend-color.level-2{background:rgba(34,197,94,.6)}.legend-color.level-3{background:rgba(34,197,94,.8)}.legend-color.level-4{background:rgba(34,197,94,1)}.flight-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px}.flight-card{background:rgba(40,40,40,.95);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;backdrop-filter:blur(10px);transition:all .3s ease}.flight-card:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,.2)}.flight-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.flight-date{font-size:14px;color:rgba(255,255,255,.8);font-weight:500}.flight-status{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.flight-status.completed{background:rgba(34,197,94,.2);color:#22c55e;border:1px solid rgba(34,197,94,.3)}.flight-status.cancelled{background:rgba(239,68,68,.2);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.flight-status.in-progress{background:rgba(59,130,246,.2);color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.flight-route{display:flex;align-items:center;margin-bottom:12px}.flight-airport{flex:1;text-align:center}.flight-airport-name{font-size:16px;font-weight:600;color:white}.flight-route-line{display:flex;align-items:center;flex:2;margin:0 12px}.route-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.6)}.route-line{flex:1;height:1px;background:rgba(255,255,255,.3)}.route-plane{font-size:14px;margin:0 4px;color:rgba(255,255,255,.8)}.flight-duration{text-align:center;font-size:18px;font-weight:600;color:white;margin-bottom:12px}.flight-details{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.flight-detail{text-align:center}.flight-detail-label{font-size:12px;color:rgba(255,255,255,.6);margin-bottom:2px}.flight-detail-value{font-size:14px;font-weight:500;color:white}.empty-state{text-align:center;padding:60px 20px}.empty-icon{width:64px;height:64px;margin:0 auto 16px;color:rgba(255,255,255,.4)}.empty-title{font-size:20px;font-weight:600;color:white;margin-bottom:8px}.empty-description{font-size:16px;color:rgba(255,255,255,.7);margin-bottom:24px}.empty-action{display:inline-block;padding:12px 24px;background:#3b82f6;color:white;text-decoration:none;border-radius:8px;font-weight:500;transition:background .2s}.empty-action:hover{background:#2563eb}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-text{color:rgba(255,255,255,.8);font-size:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.history-container{padding:16px}.stats-container{grid-template-columns:repeat(2,1fr);gap:12px}.flight-cards-grid{grid-template-columns:1fr}.time-filter-container{flex-wrap:wrap;gap:8px}.time-filter-btn{font-size:12px;padding:6px 12px}.heatmap-grid{grid-template-columns:repeat(26,1fr)}.heatmap-cell{width:10px;height:10px}}@media (max-width:480px){.flight-details,.stats-container{grid-template-columns:1fr}.flight-details{gap:12px}}