:root {
    --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --bg-primary: #FFFFFF;
    --bg-secondary: #F5F6F7;
    --bg-tertiary: #EFF2F5;
    --bg-hover: #E9ECEF;
    --border-primary: #D1D5DA;
    --border-secondary: #E1E4E8;
    --text-primary: #24292E;
    --text-secondary: #586069;
    --text-inverse: #FFFFFF;
    --accent-primary: #0366D6;
    --accent-secondary: #005CC5;
    --status-live-bg: #E3F9E5;
    --status-live-border: #28a745;
    --status-live-text: #1E4620;
    --status-test-bg: #FFFBEA;
    --status-test-border: #F59E0B;
    --status-test-text: #543803;
}
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-family: var(--font-family);
    font-size: 14px;
}
.page {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.main {
    flex-grow: 1;
    overflow: hidden;
}

.content {
    height: 100%;
}