/* Global Styles */
* { box-sizing: border-box; }

html { height: 100vh; overflow: hidden; }

body { 
    height: 100vh; 
    margin: 0; 
    padding: 0; 
    overflow: hidden; 
    background-color: #0a0a0a; 
    color: #e0e0e0; 
    font-family: "Montserrat", Helvetica, Arial, sans-serif; 
}

/* Tab Content */
.tab-content { height: 100%; overflow: hidden; position: relative; }
.tab-pane { height: 100%; display: flex; flex-direction: column; position: relative; }
.tab-pane:not(.active) { display: none !important; visibility: hidden; pointer-events: none; }

/* Custom webkit scrollbar styling */
::-webkit-scrollbar {
    width: 11px;
    height: 11px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: #31a651;
    border-radius: 6px;
    border: 3px solid transparent;
    background-clip: padding-box;
}

::-webkit-scrollbar-thumb:hover {
    background: #288a43;
    background-clip: padding-box;
    border: 3px solid transparent;
}