.spm-container {
                    padding: 40px 0;
                    min-height: 100vh;
                    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
                }
                
                .spm-card {
                    border: none;
                    border-radius: 15px;
                    overflow: hidden;
                    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
                }
                
                .spm-card .card-header {
                    padding: 20px;
                    font-weight: 600;
                }
                
                .spm-form .form-control,
                .spm-form .form-select {
                    border-radius: 8px;
                    border: 2px solid #e0e0e0;
                    transition: all 0.3s;
                }
                
                .spm-form .form-control:focus,
                .spm-form .form-select:focus {
                    border-color: #667eea;
                    box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
                }
                
                .spm-btn {
                    border-radius: 8px;
                    padding: 12px;
                    font-weight: 600;
                    transition: all 0.3s;
                }
                
                .spm-btn:hover {
                    transform: translateY(-2px);
                    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
                }
                
                .spm-uppercase {
                    text-transform: uppercase;
                }
                
                .spm-receipt {
                    font-family: "Courier New", monospace;
                    width: 75mm;
                    max-width: 90vw;
                    padding: 0;
                    background: white;
                    margin: 0 auto;
                    box-sizing: border-box;
                    font-size: 10px;
                    line-height: 1.2;
                }
                
                .spm-receipt p {
                    margin: 0;
                    padding: 0;
                }
                
                .spm-receipt h2 {
                    font-size: 24px;
                    margin-bottom: 5px;
                }
                
                .spm-receipt h3 {
                    font-size: 18px;
                    margin: 15px 0;
                }
                
                .spm-receipt hr {
                    border-top: 1px dashed #000;
                    margin: 10px 0;
                }
                
                @media print {
                    * {
                        margin: 0;
                        padding: 0;
                    }
                    
                    body {
                        margin: 0;
                        padding: 0;
                    }
                    
                    body * {
                        visibility: hidden;
                    }
                    
                    .spm-receipt,
                    .spm-receipt * {
                        visibility: visible;
                    }
                    
                    .spm-receipt {
                        position: fixed;
                        left: 0;
                        top: 0;
                        width: 75mm;
                        page-break-after: avoid;
                        box-shadow: none;
                    }
                    
                    @page {
                        size: 75mm auto;
                        margin: 0;
                    }
                }
                
                @media screen and (max-width: 480px) {
                    .spm-receipt {
                        width: 100%;
                        max-width: 100%;
                    }
                }
                
                .spm-dashboard .card {
                    border: none;
                    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
                }
                
                .status-active {
                    background: #d4edda;
                    color: #155724;
                    padding: 5px 10px;
                    border-radius: 5px;
                }
                
                .status-exited {
                    background: #f8f9fa;
                    color: #6c757d;
                    padding: 5px 10px;
                    border-radius: 5px;
                }