:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #f5f5f5;--text-primary: #212529;--text-secondary: #6c757d;--border-color: #dee2e6;--shadow: rgba(0, 0, 0, .1);--status-open: #28a745;--status-closed: #dc3545;--btn-primary: #007bff;--btn-primary-hover: #0056b3;--btn-success: #28a745;--btn-success-hover: #218838;--btn-danger: #dc3545;--btn-danger-hover: #c82333;--btn-secondary: #6c757d;--btn-disabled: #6c757d;--card-total: #e3f2fd;--card-active: #f3e5f5;--card-completed: #e8f5e8;--card-danger: #f8d7da;--card-warning: #fff3cd;--msg-error-bg: #f8d7da;--msg-error-text: #dc3545;--msg-success-bg: #d4edda;--msg-success-text: #155724;--ticket-border: #007bff;--ticket-bg: #f8f9fa}@media (prefers-color-scheme: dark){:root{--bg-primary: #121212;--bg-secondary: #1e1e1e;--bg-tertiary: #2d2d2d;--text-primary: #ffffff;--text-secondary: #b0b0b0;--border-color: #404040;--shadow: rgba(255, 255, 255, .1);--status-open: #4caf50;--status-closed: #f44336;--btn-primary: #1976d2;--btn-primary-hover: #1565c0;--btn-success: #388e3c;--btn-success-hover: #2e7d32;--btn-danger: #d32f2f;--btn-danger-hover: #c62828;--btn-secondary: #757575;--btn-disabled: #424242;--card-total: #1a237e;--card-active: #4a148c;--card-completed: #1b5e20;--card-danger: #b71c1c;--card-warning: #e65100;--msg-error-bg: #d32f2f;--msg-error-text: #ffebee;--msg-success-bg: #388e3c;--msg-success-text: #e8f5e8;--ticket-border: #1976d2;--ticket-bg: #2d2d2d}}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.container{font-family:system-ui,sans-serif;line-height:1.6;max-width:600px;margin:0 auto;padding:2rem;background-color:var(--bg-primary);color:var(--text-primary)}.hero-container{font-family:system-ui,sans-serif;line-height:1.6;max-width:800px;margin:0 auto;padding:2rem;background-color:var(--bg-primary);color:var(--text-primary)}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.header h1{margin:0}.button{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;text-decoration:none;display:inline-block;font-size:.9rem}.button-primary{background-color:var(--btn-primary);color:#fff}.button-primary:hover{background-color:var(--btn-primary-hover)}.button-danger{background-color:var(--btn-danger);color:#fff}.button-danger:hover{background-color:var(--btn-danger-hover)}.button-success{background-color:var(--btn-success);color:#fff}.button-success:hover{background-color:var(--btn-success-hover)}.button-secondary{background-color:var(--btn-secondary);color:#fff}.button-disabled{background-color:var(--btn-disabled);color:#fff;cursor:not-allowed}.button-large{padding:1rem 2rem;font-size:1.2rem}.button-medium{padding:.75rem 1.5rem;font-size:1rem}.status-panel{margin-bottom:2rem;padding:1rem;background-color:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-color)}.status-panel strong{display:inline-block;margin-right:.5rem}.status-open{color:var(--status-open);font-weight:700}.status-closed{color:var(--status-closed);font-weight:700}.business-hours-closed{margin-bottom:2rem;padding:1.5rem;background-color:var(--card-warning);border:1px solid var(--border-color);border-radius:8px;text-align:center}.business-hours-closed h3{color:var(--text-primary);margin-top:0}.business-hours-closed p{color:var(--text-primary);font-size:1.1rem}.business-hours-closed p:last-child{margin-bottom:0}.ticket-creation{text-align:center;margin:2rem 0}.ticket-creation p{margin-bottom:1.5rem}.ticket-card{border:2px solid var(--ticket-border);border-radius:12px;padding:1.5rem;margin:1rem 0;background-color:var(--ticket-bg)}.ticket-card h3{margin-top:0;margin-bottom:1rem;color:var(--text-primary)}.ticket-info{font-size:1.1rem;margin:.5rem 0;color:var(--text-primary)}.ticket-meta{font-size:.9rem;color:var(--text-secondary);margin:.5rem 0}.ticket-actions{margin-top:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{padding:1.5rem;border-radius:8px;text-align:center}.stat-card-total{background-color:var(--card-total)}.stat-card-active{background-color:var(--card-active)}.stat-card-completed{background-color:var(--card-completed)}.stat-card h3{margin:0 0 .5rem;color:var(--text-primary)}.stat-card-total h3,.stat-card-active h3,.stat-card-completed h3{color:var(--text-primary)}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary)}.danger-zone{border:2px solid var(--btn-danger);border-radius:8px;padding:2rem;background-color:var(--card-danger)}.danger-zone h2{color:var(--text-primary);margin-top:0}.danger-zone p{margin-bottom:1.5rem;color:var(--text-primary)}.recent-tickets{margin-top:2rem}.tickets-list{max-height:400px;overflow-y:auto;border:1px solid var(--border-color);border-radius:8px;background-color:var(--bg-primary)}.ticket-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color)}.ticket-item:last-child{border-bottom:none}.ticket-item-active{background-color:var(--bg-primary)}.ticket-item-completed{background-color:var(--bg-secondary)}.ticket-item-info strong{display:block;margin-bottom:.25rem;color:var(--text-primary)}.ticket-item-info small{color:var(--text-secondary)}.ticket-status{padding:.25rem .75rem;border-radius:20px;font-size:.85rem}.ticket-status-active{background-color:var(--card-warning);color:var(--text-primary)}.ticket-status-completed{background-color:var(--btn-success);color:#fff}.message{padding:1rem;border-radius:6px;margin:1rem 0;border:1px solid var(--border-color)}.message-error{color:var(--msg-error-text);background-color:var(--msg-error-bg)}.message-success{color:var(--msg-success-text);background-color:var(--msg-success-bg)}.refresh-indicator{text-align:center;margin-top:2rem;padding:1rem;color:var(--text-secondary);border-top:1px solid var(--border-color);font-size:.85rem}.refresh-indicator small{opacity:.8}.text-center{text-align:center}.mb-2{margin-bottom:2rem}.mt-2{margin-top:2rem}.flex-between{display:flex;justify-content:space-between;align-items:center}form{display:inline-block}input[type=hidden]{display:none}@media (max-width: 768px){.container,.hero-container{padding:.75rem;max-width:100%}.header{flex-direction:column;gap:.5rem;text-align:center;margin-bottom:.75rem}.status-panel{padding:.75rem;margin-bottom:1rem;font-size:.9rem}.business-hours-closed{padding:1rem;margin-bottom:1rem}.business-hours-closed h3{font-size:1.1rem;margin-bottom:.5rem}.business-hours-closed p{font-size:1rem;margin-bottom:.5rem}.ticket-creation{margin:1rem 0}.ticket-creation p{margin-bottom:1rem;font-size:.95rem}.ticket-card{padding:1rem;margin:.75rem 0}.ticket-card h3{font-size:1.1rem;margin-bottom:.75rem}.ticket-info{font-size:1rem;margin:.4rem 0}.ticket-meta{font-size:.85rem;margin:.4rem 0}.ticket-actions{margin-top:.75rem}.button-large{padding:.75rem 1.5rem;font-size:1.1rem}.button-medium{padding:.6rem 1.2rem;font-size:.95rem}.button{padding:.4rem .8rem;font-size:.85rem}.stats-grid{grid-template-columns:1fr;gap:.75rem;margin-bottom:1.25rem}.stat-card{padding:1rem}.stat-card h3{font-size:1rem;margin-bottom:.4rem}.stat-value{font-size:1.6rem}.danger-zone{padding:1.25rem}.danger-zone h2{font-size:1.3rem;margin-bottom:.75rem}.danger-zone p{margin-bottom:1rem;font-size:.95rem}.recent-tickets{margin-top:1.25rem}.recent-tickets h2{font-size:1.3rem;margin-bottom:.75rem}.tickets-list{max-height:300px}.ticket-item{flex-direction:column;align-items:flex-start;gap:.75rem;padding:.75rem}.ticket-item-info strong{font-size:.95rem;margin-bottom:.2rem}.ticket-item-info small{font-size:.8rem}.ticket-status{padding:.2rem .6rem;font-size:.8rem}.message{padding:.75rem;margin:.75rem 0;font-size:.9rem}.mb-2{margin-bottom:1rem}.mt-2{margin-top:1rem}}