body, html {
       overflow: -moz-scrollbars-vertical;
overflow-x: hidden;
overflow-y: auto;
        margin: 0;
        font-family: "Roboto", sans-serif;
      /* Ship background with blue overlay */
        background: linear-gradient(rgba(0,30,80,0.6), rgba(0,30,80,0.6)), 
                    url('https://wallpapers.com/images/hd/ship-background-qax22k4andtrgshg.jpg') 
                    no-repeat center center fixed;
        background-size: cover;
    }
    .container { margin-top: 80px; margin-bottom: 80px; }
    h1 { text-align: center; color: #ffffff; margin-bottom: 40px; text-shadow: 2px 2px 6px #000; }
    .search-box { 
        background: rgba(255,255,255,0.95); 
        padding: 30px; 
        border-radius: 12px; 
        box-shadow: 0 6px 20px rgba(0,0,0,0.3);
    }
    .btn-primary { background-color: #0056b3; border: none; width: 100%; padding: 10px; }
    .btn-primary:hover { background-color: #004080; }
    table { background: #fff; }
    thead { background-color: #004080; color: #fff; }
    tbody tr:hover { background-color: #cce0ff; }
    a { text-decoration: none; color: #003366; }
    a:hover { color: #001f4d; }
    .no-records { text-align: center; padding: 20px; font-size: 18px; color: #fff; text-shadow: 1px 1px 4px #fff; }
    @media(max-width:768px){
        .table-responsive { font-size: 14px; }
    }