html, body {
    min-height: 100%;
}

body {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.shadow-app {
    box-shadow: 0 30px 80px rgba(15, 23, 42, 0.18);
}

.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.app-shell {
    width: 100%;
    min-height: 100vh;
}

.desktop-bg {
    background:
        radial-gradient(circle at top right, rgba(59, 130, 246, 0.08), transparent 26rem),
        radial-gradient(circle at bottom left, rgba(99, 102, 241, 0.08), transparent 24rem),
        #f1f5f9;
}

.glass-panel {
    backdrop-filter: blur(18px);
}

.animate-fade {
    animation: fadeIn 240ms ease-out;
}

.animate-zoom {
    animation: zoomIn 220ms ease-out;
}

.desktop-dashboard-grid {
    display: block;
}

.desktop-history-grid {
    display: block;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale(0.97);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@media (min-width: 1024px) {
    .app-shell {
        max-width: none;
        min-height: 100vh;
        margin: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .desktop-dashboard-grid {
        display: grid;
        grid-template-columns: minmax(0, 1.1fr) minmax(20rem, 0.9fr);
        gap: 1.5rem;
        align-items: start;
    }

    .desktop-history-grid {
        display: grid;
        grid-template-columns: minmax(0, 1.2fr) minmax(18rem, 0.8fr);
        gap: 1rem;
    }
}