.ticket-detail-page{padding:20px;max-width:800px;margin:0 auto;background:#f5f5f5;overflow-x:hidden}.ticket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.ticket-header h1{margin:0;color:#333;font-size:24px}.back-btn,.print-btn{display:flex;align-items:center;gap:8px}.ticket-content{display:flex;flex-direction:column;gap:20px 0;overflow:visible}.ticket-card{padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.info-section{margin-bottom:4px}.info-section:last-child{border-bottom:none;margin-bottom:0}.info-section h3{margin-bottom:8px;color:#000;font-size:16px;font-weight:700}.info-grid{display:flex;flex-direction:column;gap:4px}.info-item{display:flex;gap:0px 8px}.info-item label{font-weight:700;color:#000;font-size:14px;text-transform:uppercase}.info-item span{font-size:14px;color:#000;font-weight:400}.loading,.error{text-align:center;padding:40px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.loading{color:#666;font-size:18px}.error h2{color:#c62828;margin-bottom:10px}.error p{color:#666;margin-bottom:20px}.ticket-detail-page table{width:100%;border-collapse:collapse}.ticket-detail-page table th,.ticket-detail-page table td{border:1px solid #000;color:#000;padding:2px 4px;text-align:center;font-size:14px}@media print{@page{size:auto;margin:0}.topbar,.status-bar,.ticket-header,.print-btn{display:none!important}body,.root,.app,.main-content,.ticket-detail-page,.ticket-content{width:100%!important;height:auto!important;min-height:auto!important;overflow:visible!important;margin:0!important;padding:0!important;display:block!important}.ticket-card{box-shadow:none!important;break-after:page!important}}: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}}