body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background-color: black;
}

.app-container {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background-color: black;
    width: 100%;
    height: 100%;
}

.main-header {
    display: flex;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background-color: black;
}

.header-image {
    width: 100dvw;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0.4;
}

.header-logo {
    margin: 10px auto;
    max-width: 50px;
    height: auto;
}

.pageloader {
    display: flex;
    justify-content: center;
    align-items: start;
    width: 100dvw;
    height: 80dvh;
    background-color: black;
}

.tabbar {
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: black;
    padding: 10px 0;
    position: fixed;
    bottom: 0;
    width: 100dvw;
    z-index: 100;
}

.tab-icon {
    padding: 10px;
    width: 20px;
    height: auto;
}

.activepage {
    background-color: #e0c465;
    border-radius: 100%;
}

#login-modal {
            position: fixed; 
            top: 0; 
            left: 0; 
            width: 100%; 
            height: 100%;
            background: rgba(0,0,0,0.8); 
            z-index: 9999;
            display: flex; 
            justify-content: center; 
            align-items: center;
        }
        .login-content {
            font-family: sans-serif;
            background: #434343; 
            color: white;
            padding: 30px; 
            border-radius: 15px;
            width: 80%; 
            max-width: 350px; 
            text-align: center;
        }
        .login-content input {
            width: 100%; 
            padding: 12px; 
            margin: 8px 0; /* Adjusted margin */
            border: 1px solid #ddd; 
            border-radius: 8px; 
            box-sizing: border-box;
            font-size: 16px; /* Prevent zoom on iPhone */
        }
        .login-content button {
            width: 100%; 
            padding: 12px; 
            background: #e0c465; 
            color: black;
            border: none; 
            border-radius: 8px; 
            font-size: 16px; 
            cursor: pointer;
            margin-top: 10px;
        }
        .login-content button:disabled {
            background: #ccc;
        }