body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f4f4f9;color:#333;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none}.app{padding:16px;max-width:100%;box-sizing:border-box}h1{font-size:24px;margin-bottom:16px;text-align:center}button{display:block;width:100%;padding:12px;margin:8px 0;font-size:16px;color:#fff;background-color:#007bff;border:none;border-radius:8px;cursor:pointer}button:hover{background-color:#0056b3}.back-button{padding:10px 20px;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-bottom:20px;font-size:16px}.back-button:hover{background-color:#5a6268}.departure,.arrival{background-color:#fff;border-radius:8px;padding:8px 12px;box-shadow:0 2px 4px #0000001a;text-align:center;width:30%}.departure p,.arrival p{margin:8px 0;font-size:16px;color:#666}.departure p:first-child,.arrival p:first-child{font-weight:700;font-size:16px}.airplane-path{flex:1;height:2px;background:repeating-linear-gradient(to right,transparent,transparent 10px,#000 10px,#000 20px);position:relative;margin:0 12px}.airplane{position:absolute;top:50%;left:0;width:24px;height:24px;background:url(airplane-icon.png) no-repeat center center;background-size:contain;transform:translate(-50%,-50%);animation:fly 3s linear infinite}@keyframes fly{0%{left:0}to{left:100%}}.arrow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:4px}.arrow:before{content:"";width:60px;height:1px;border-bottom:2px dashed #000}.arrow:after{content:"✈️";font-size:16px}.flight-details{max-width:100%;padding:16px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.flight-details p{margin:8px 0;font-size:16px}.flight-details img{width:100%;border-radius:8px;margin-top:16px}.flight-status{max-width:800px;margin:0 auto;padding:20px;background-color:#fffaea}.icon-button{background:none;border:none;cursor:pointer;padding:5px;margin-left:10px;color:#007bff;transition:color .3s ease}.icon-button:hover{color:#e1e2e3}.icon-button:disabled{color:#6c757d;cursor:not-allowed}.loading,.error{text-align:center;font-size:20px;padding:50px}.error{color:#dc3545}.language-switcher{position:relative;display:inline-block;margin-left:auto}.current-language{background:none;border:none;font-size:24px;cursor:pointer;padding:5px}.language-dropdown{position:absolute;right:0;top:40px;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #0000001a;z-index:1000}.language-option{display:block;width:100%;padding:8px 16px;background:none;border:none;text-align:left;cursor:pointer;font-size:16px;white-space:nowrap;color:#000}.language-option:hover{background:#f5f5f5}.top-up{position:relative;display:inline-block;margin-right:auto}.payment-error{color:#f44;margin-top:10px;font-size:14px}.payment-button{background:#4caf50;color:#fff;padding:12px 24px;border:none;border-radius:8px;cursor:pointer;transition:.3s}.payment-button.disabled{background:#ccc;cursor:not-allowed}.top-up-button{border:none;font-size:22px;cursor:pointer;padding:5px;margin-left:10px}.home-container{max-width:600px;margin:0 auto;padding:10px;text-align:center}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.buttons-container{display:flex;flex-direction:column;gap:10px;margin-top:20px}.balance{padding:8px 16px;background:#f0f0f0;border-radius:20px;box-shadow:0 2px 4px #0000001a}button:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.65}.warning-message{margin-top:20px;color:red;font-size:14px;text-align:center}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#f8f9fa;font-family:Arial,sans-serif;text-align:center;padding:20px}.error-title{font-size:2.5rem;color:#dc3545;margin-bottom:20px}.error-message{font-size:1.2rem;color:#6c757d;margin-bottom:10px}.error-instruction{font-size:1rem;color:#6c757d;margin-top:10px}.flight-form-container{display:flex;flex-direction:column;align-items:center;padding:20px;background-color:#f5f5f5;font-family:Arial,sans-serif}.form-group{margin-bottom:20px;width:100%;max-width:400px}.form-group label{display:block;margin-bottom:5px;font-size:16px;color:#333}.form-group input{width:100%;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:5px}.form-actions{display:flex;gap:10px;margin-top:20px}.form-actions button{padding:10px 20px;font-size:16px;color:#fff;background-color:#007bff;border:none;border-radius:5px;cursor:pointer}.form-actions button:hover{background-color:#0056b3}.form-actions button.disabled-button{background-color:#ccc;cursor:not-allowed}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:400px;width:100%;text-align:center}.modal h2{margin-bottom:20px;font-size:18px;color:#333}.modal button{padding:10px 20px;font-size:16px;color:#fff;background-color:#28a745;border:none;border-radius:5px;cursor:pointer}.modal button:hover{background-color:#218838}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080}.tracking-list{max-width:100%;padding:16px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.tracking-list ul{list-style:none;padding:0;margin:0}.tracking-list li{margin:12px 0;padding:16px;border-radius:8px;background-color:#f9f9f9;cursor:pointer;transition:background-color .3s ease;position:relative}.tracking-list li.active{background-color:#d4edda;border-left:4px solid #28a745}.tracking-list li.completed{background-color:#fff3cd;border-left:4px solid #ffc107}.tracking-list li.canceled{background-color:#f8d7da89;border-left:4px solid #dc354662}.tracking-list p{margin:4px 0;font-size:14px}.flight-info{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin:20px 0}.pagination button{padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.pagination button:disabled{background-color:#6c757d;cursor:not-allowed}.pagination span{font-size:14px;color:#666}.flight-info-details{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.flight-main-info{width:100%;max-width:600px;margin-bottom:20px;padding:15px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.flight-main-info p{margin:5px 0;font-size:16px}.flight-details{width:40%;padding:10px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:left}.flight-details p{margin:8px 0;font-size:16px;color:#666}.flight-details h2{font-size:24px;color:#333;text-align:center}.flight-map{margin-top:10px;text-align:center}.flight-map h2{margin-bottom:10px;font-size:24px;color:#333}.flight-map img{max-width:100%;border-radius:8px;box-shadow:0 2px 4px #0000001a}.tracking-controls{margin-top:20px;text-align:center}.cancel-button{padding:10px 20px;background-color:#dc3545;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-bottom:20px}.interval-control{display:flex;align-items:center;gap:10px;justify-content:center}.interval-control input{padding:5px;width:80px;text-align:center;margin-right:10px;border:1px solid #ddd;border-radius:4px}.footer{margin-top:auto;padding:10px;text-align:center;background-color:#f5f5f5;border-top:1px solid #ddd;font-size:12px}.footer a{color:#007bff;text-decoration:none}.footer a:hover{text-decoration:underline}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px;border-radius:8px;max-width:500px;width:100%;box-shadow:0 4px 8px #0003}.modal-overlay{background-color:#00000080}.modal h2{margin-bottom:20px;font-size:24px;color:#333}.modal ul{list-style:none;padding:0}.modal ul li{margin-bottom:15px}.modal ul li a{color:#007bff;text-decoration:none;font-weight:700}.modal ul li a:hover{text-decoration:underline}.modal ul li p{margin:5px 0 0;color:#666}.modal button{margin-top:20px;padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}.modal button:hover{background-color:#0056b3}