:root { 
    --wfh-indigo: #4f46e5; 
    --glass: rgba(255, 255, 255, 0.95); 
}

body { 
    background: #f8fafc;
    font-family: 'Inter', sans-serif;
    color: #1e293b;
}

.glass-panel { 
    background: var(--glass); 
    border-radius: 16px; 
    border: 1px solid #e2e8f0; 
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); 
}

.btn-indigo { 
    background: var(--wfh-indigo); 
    color: white; 
    border-radius: 10px; 
    border: none; 
    transition: 0.3s; 
}

.btn-indigo:hover { 
    background: #4338ca; 
    color: white; 
}

/* SEARCH MINIMALIS */
.search-container { position: relative; max-width: 350px; }
.search-container i { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: #94a3b8; }
.search-input { padding-left: 45px !important; border-radius: 30px !important; border: 1px solid #cbd5e1 !important; }

/* PRINT STYLES */
#print-area { display: none; }
@media print {
    .no-print { display: none !important; }
    body { background: white; }
    #print-area { 
        display: block !important; 
        position: absolute; 
        left: 0; top: 0; width: 100%; 
        text-align: center; 
    }
    .receipt { 
        border: 1px solid #ddd; 
        padding: 40px; 
        display: inline-block; 
        width: 350px; 
        border-radius: 0; 
        color: black;
    }
}