.ticket-page{display:flex;flex-direction:column;align-items:center;background:#f5f5f5;padding:20px;min-height:100vh}.header{width:100%;max-width:480px;background:#fff;padding:15px;margin-bottom:20px;display:flex;justify-content:space-between;border-radius:6px;box-shadow:0 2px 5px #0000001a}.btn{padding:8px 16px;border-radius:5px;border:none;cursor:pointer}.btn.primary{background:#007bff;color:#fff}.btn.secondary{background:#6c757d;color:#fff}.receipt-box{width:320px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 1px 5px #0003;font-family:Courier New,monospace}.receipt-logo{text-align:center;margin-bottom:15px}.receipt-logo img{width:140px}.receipt-info .row{display:flex;justify-content:space-between;font-size:13px;margin-bottom:4px}.divider{border-top:1px dashed #777;margin:12px 0}.divider-thick{border-top:2px solid #000;margin:15px 0}.item-line{margin-bottom:12px;border-bottom:1px dotted #ccc;padding-bottom:8px}.top-row,.bottom-row{display:flex;justify-content:space-between;font-size:13px}.item-name{font-weight:700}.item-price,.item-sub{font-weight:600}.totals .row{display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px}.grand{font-size:15px;font-weight:700;margin-top:10px}.thankyou{text-align:center;font-size:14px;margin-top:20px;font-weight:700}.website{text-align:center;font-size:12px;color:#666;margin-top:10px}@media print{@page{size:80mm auto;margin:0}body{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.no-print{display:none!important}.receipt-box{width:80mm!important;padding:5mm;margin:0;box-shadow:none!important;border-radius:0}}.items-table{width:100%;border-collapse:collapse;margin-top:10px;font-size:13px}.items-table th{text-align:left;border-bottom:2px solid #000;padding-bottom:5px}.items-table th:nth-child(1){text-align:left;width:15%}.items-table th:nth-child(2){text-align:left;width:35%}.items-table th:nth-child(3),.items-table th:nth-child(4){text-align:right;width:25%}.items-table td{padding:6px 0;border-bottom:1px dotted #ccc}.items-table td:nth-child(1){text-align:left}.items-table td:nth-child(2){text-align:left}.items-table td:nth-child(3),.items-table td:nth-child(4){text-align:right}:root{--primary: #667eea;--primary-dark: #5a67d8;--secondary: #764ba2;--success: #48bb78;--error: #f56565;--warning: #ed8936;--info: #3182ce;--bg-primary: #ffffff;--bg-secondary: #f7fafc;--bg-dark: #2d3748;--text-primary: #2d3748;--text-secondary: #4a5568;--text-muted: #718096;--text-light: #ffffff;--border: #e2e8f0;--border-dark: #cbd5e0;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--radius: 6px;--radius-lg: 12px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;color:var(--text-primary);background:var(--bg-secondary)}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.main-content{flex:1;overflow:auto;padding:20px}.card{background:var(--bg-primary);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;border:1px solid var(--border)}.card-lg{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:24px;border:1px solid var(--border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-primary);color:var(--text-primary);font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s;white-space:nowrap;min-height:36px}.btn:hover{background:var(--bg-secondary);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.primary{background:var(--primary);color:var(--text-light);border-color:var(--primary)}.btn.primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.btn.success{background:var(--success);color:var(--text-light);border-color:var(--success)}.btn.error{background:var(--error);color:var(--text-light);border-color:var(--error)}.btn.warning{background:var(--warning);color:var(--text-light);border-color:var(--warning)}.btn.lg{padding:12px 24px;font-size:16px;min-height:44px}.btn.sm{padding:6px 12px;font-size:12px;min-height:28px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn:disabled:hover{background:var(--bg-primary);transform:none}.form-group{margin-bottom:16px}.label{display:block;margin-bottom:6px;font-weight:500;font-size:14px;color:var(--text-primary)}.input{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;background:var(--bg-primary);color:var(--text-primary);transition:border-color .2s}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #667eea1a}.select{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;background:var(--bg-primary);color:var(--text-primary);cursor:pointer}.select:focus{outline:none;border-color:var(--primary)}.grid{display:grid;gap:20px}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex.column{flex-direction:column}.flex.center{align-items:center;justify-content:center}.flex.between{justify-content:space-between}.flex.gap{gap:12px}.flex.gap-xs{gap:4px}.flex.gap-sm{gap:8px}.flex.gap-lg{gap:20px}.flex-wrap{flex-wrap:wrap}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-warning{color:var(--warning)}.text-sm{font-size:12px}.text-lg{font-size:18px}.text-xl{font-size:24px}.font-bold{font-weight:700}.font-semibold{font-weight:600}.m-0{margin:0}.m-1{margin:4px}.m-2{margin:8px}.m-3{margin:12px}.m-4{margin:16px}.m-5{margin:20px}.mt-0{margin-top:0}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:20px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.p-0{padding:0}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-5{padding:20px}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;background:var(--bg-secondary);color:var(--text-secondary)}.badge.success{background:var(--success);color:var(--text-light)}.badge.error{background:var(--error);color:var(--text-light)}.badge.warning{background:var(--warning);color:var(--text-light)}.badge.info{background:var(--info);color:var(--text-light)}.spinner{width:20px;height:20px;border:2px solid var(--border);border-radius:50%;border-top-color:var(--primary);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.main-content{padding:12px}.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}.card,.card-lg{padding:16px}}