:root { 
            --sidebar-width: 260px; 
            --accent-color: #27ae60; 
            --dark-bg: #1a252f;
        }

        body { 
            background-color: #f4f7f6; 
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
            overflow-x: hidden; 
        }

        /* Sidebar & Layout */
        .sidebar { 
            width: var(--sidebar-width); 
            min-height: 100vh; 
            background: var(--dark-bg); 
            color: white; 
            position: fixed; 
            z-index: 1000; 
        }

        .content { 
            margin-left: var(--sidebar-width); 
            padding: 25px; 
            transition: 0.3s; 
        }

        /* Components */
        .card-custom { 
            border-radius: 12px; 
            border: none; 
            background: white; 
            box-shadow: 0 4px 12px rgba(0,0,0,0.05); 
        }

        .btn-accent { background-color: var(--accent-color); color: white; border-radius: 8px; }
        .btn-accent:hover { background-color: #219150; color: white; }
        .badge-point { background: #f1c40f; color: #000; font-weight: bold; }
        .search-box { border-radius: 20px; padding-left: 40px; border: 1px solid #ddd; }
        .search-icon { position: absolute; left: 15px; top: 10px; color: #888; }
        .sticky-cart { position: sticky; top: 25px; }
        .cursor-pointer { cursor: pointer; }
        
        /* Sembunyikan struk dari tampilan layar (browser) */
            #receipt-print {
                display: none;
            }
            
            /* Aturan khusus saat mencetak */
            @media print {
                /* Sembunyikan seluruh elemen dashboard UI */
                body * { 
                    visibility: hidden; 
                }
                
                /* Tampilkan hanya area struk */
                #receipt-print, #receipt-print * { 
                    visibility: visible; 
                }
                
                #receipt-print {
                    display: block !important; /* Memaksa tampil saat print */
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 80mm; /* Standar printer thermal */
                    padding: 5mm;
                    background: white;
                }
                
                /* Hilangkan margin default browser saat print */
                @page {
                    margin: 0;
                    size: auto;
                }
            }