* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    min-height: 100vh;
    font-family: var(--font-main);
    background:
        radial-gradient(circle at top left, rgba(99,102,241,.18), transparent 32%),
        radial-gradient(circle at top right, rgba(6,182,212,.14), transparent 28%),
        var(--bg-main);
    color: var(--text-main);
}

a {
    text-decoration: none;
    color: inherit;
}

button,
input,
textarea,
select {
    font-family: inherit;
}

.app-shell {
    display: flex;
    min-height: 100vh;
}

.main-content {
    flex: 1;
    margin-left: 280px;
    min-width: 0;
}

.page-content {
    padding: 28px;
}

.text-muted {
    color: var(--text-muted);
}

.auth-shell {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 24px;
}