:root{--primary-color: #3b82f6;--primary-dark: #2563eb;--secondary-color: #64748b;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-700: #374151;--gray-900: #111827;--max-width: 1440px;--border-radius: 8px;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;color:var(--gray-900);background-color:#fff}.container{max-width:var(--max-width);margin:0 auto;padding:0 1rem}.hero{position:relative;background:url(/MultiTicket/vue-app/wave-hero.svg) no-repeat center center;background-size:cover;background-color:var(--primary-color);color:#022bb3;padding:4rem 0;overflow:hidden;min-height:60vh;display:flex;align-items:center;width:100%}.circle{position:absolute;border-radius:50%;background:rgba(255,255,255,.1);z-index:1}.circle-large{width:300px;height:300px;top:-150px;right:-100px}.circle-small{width:150px;height:150px;bottom:100px;left:-50px}.card{background:white;border-radius:var(--border-radius);box-shadow:var(--shadow);padding:1.5rem;margin-bottom:1rem;border:1px solid var(--gray-200)}@media (max-width: 768px){.grid-cols-3{grid-template-columns:1fr}.circle-large,.circle-small{display:none}}.hero .container{position:relative;z-index:10}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--gray-700)}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem;border:1px solid var(--gray-300);border-radius:var(--border-radius);font-size:1rem;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.form-textarea{min-height:100px;resize:vertical}.error-message{color:var(--error-color);font-size:.875rem;margin-top:.25rem}.success-message{color:var(--success-color);font-size:.875rem;margin-top:.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius);font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s;font-size:1rem}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-secondary{background:var(--gray-200);color:var(--gray-700)}.btn-secondary:hover{background:var(--gray-300);transform:translateY(-1px)}.btn-danger{background:var(--error-color);color:#fff}.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.status-tag{display:inline-flex;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:600}.status-open{background:#d1fae5;color:#065f46}.status-in_progress{background:#fef3c7;color:#92400e}.status-closed{background:#e5e7eb;color:#374151}.nav{background:white;box-shadow:var(--shadow);padding:1rem 0;position:sticky;top:0;z-index:100}.nav-content{display:flex;justify-content:space-between;align-items:center}.nav-links{display:flex;gap:2rem;align-items:center}.nav-link{color:var(--gray-700);text-decoration:none;font-weight:500;transition:color .2s}.nav-link:hover{color:var(--primary-color)}.toast{position:fixed;top:20px;right:20px;padding:1rem 1.5rem;border-radius:var(--border-radius);color:#fff;font-weight:600;z-index:1000;animation:slideIn .3s ease}.toast.success{background:var(--success-color)}.toast.error{background:var(--error-color)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.grid{display:grid;gap:1.5rem}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 768px){.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}}.ticket-card{border-left:4px solid var(--primary-color);transition:transform .2s}.ticket-card:hover{transform:translateY(-2px)}.ticket-actions{display:flex;gap:.5rem;margin-top:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:2rem 0}.stat-card{text-align:center;padding:2rem 1rem}.stat-number{font-size:2.5rem;font-weight:700;color:var(--primary-color);display:block}.stat-label{color:var(--gray-700);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}@media (max-width: 768px){.container{padding:0 .5rem}.hero{padding:2rem 0;min-height:50vh}.btn{width:100%;margin-bottom:.5rem}.nav-content{flex-direction:column;gap:1rem}.nav-links{flex-direction:column;gap:1rem;width:100%}.circle-large,.circle-small{display:none}}