body { font-family: 'Inter', sans-serif; }
.view { display: none; }
.view.active { display: block; }

/* Solid classes (formerly glassmorphism) */
.glass-panel {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.glass-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
.glass-input {
    background: #ffffff;
    border: 1px solid #d1d5db;
    transition: all 0.3s ease;
}
.glass-input:focus {
    background: #ffffff;
    outline: none;
    box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.3);
}

/* Solid classes - Dark mode */
html.dark .glass-panel {
    background: #1e293b;
    border: 1px solid #334155;
}
html.dark .glass-card {
    background: #1e293b;
    border: 1px solid #334155;
}
html.dark .glass-input {
    background: #1e293b;
    border: 1px solid #334155;
    color: #f1f5f9;
}
html.dark .glass-input:focus {
    background: #0f172a;
}

@media print {
    body { height: auto !important; overflow: visible !important; display: block !important; background: white !important; }
    body > *:not(#print-area) { display: none !important; }
    #print-area { display: block !important; width: 100%; padding: 0; margin: 0; }
    #print-area * { visibility: visible; }
    .no-print { display: none !important; }
}