@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--bg-primary:#0a0e17;--bg-secondary:#111827;--bg-card:#1a2235;--bg-card-hover:#1f2a40;--bg-input:#0f1623;--accent-primary:#f59e0b;--accent-primary-hover:#d97706;--accent-secondary:#3b82f6;--accent-glow:#f59e0b26;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--status-open:#ef4444;--status-progress:#f59e0b;--status-complete:#22c55e;--priority-urgent:#ef4444;--priority-high:#f97316;--priority-medium:#eab308;--priority-low:#22c55e;--border-color:#1e293b;--border-focus:#f59e0b;--radius:12px;--radius-sm:8px;--shadow:0 4px 24px #0000004d;--shadow-lg:0 8px 40px #00000080;--transition:all .2s ease}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}.navbar{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.navbar-brand{color:var(--accent-primary);letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;text-decoration:none;display:flex}.navbar-brand .brand-icon{font-size:1.4rem}.navbar-links{align-items:center;gap:4px;display:flex}.navbar-links a{border-radius:var(--radius-sm);color:var(--text-secondary);transition:var(--transition);padding:8px 16px;font-size:.875rem;font-weight:500;text-decoration:none}.navbar-links a:hover,.navbar-links a.active{color:var(--text-primary);background:var(--bg-card)}.navbar-links a.active{color:var(--accent-primary)}.navbar-user{align-items:center;gap:12px;display:flex}.navbar-username{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.btn-logout{border-radius:var(--radius-sm);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;padding:6px 14px;font-size:.8rem;font-weight:500}.btn-logout:hover{border-color:var(--status-open);color:var(--status-open);background:#ef44441a}.page-container{max-width:960px;margin:0 auto;padding:40px 24px}.page-container-wide{max-width:1200px;margin:0 auto;padding:40px 24px}.page-title{letter-spacing:-.03em;margin-bottom:8px;font-size:1.75rem;font-weight:800}.page-subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:.95rem}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow);padding:32px}.card-glass{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius);box-shadow:var(--shadow);background:#1a2235b3;border:1px solid #ffffff0d;padding:32px}.login-wrapper{background:var(--bg-primary);background-image:radial-gradient(at 20%,#f59e0b0f 0%,#0000 60%),radial-gradient(at 80% 20%,#3b82f60a 0%,#0000 60%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--bg-card);border:1px solid var(--border-color);width:100%;max-width:420px;box-shadow:var(--shadow-lg);border-radius:16px;padding:48px 40px;animation:.5s fadeInUp}.login-header{text-align:center;margin-bottom:36px}.login-header .logo-icon{margin-bottom:12px;font-size:2.5rem;display:block}.login-header h1{letter-spacing:-.03em;color:var(--text-primary);font-size:1.5rem;font-weight:800}.login-header p{color:var(--text-muted);margin-top:6px;font-size:.875rem}.form-group{margin-bottom:20px}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:.8rem;font-weight:600;display:block}.form-input,.form-select,.form-textarea{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:var(--transition);outline:none;padding:12px 16px;font-family:inherit;font-size:.9rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-glow)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.form-select option{background:var(--bg-secondary);color:var(--text-primary)}.form-textarea{resize:vertical;min-height:120px}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent-primary);color:#000;width:100%}.btn-primary:hover{background:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:0 4px 16px #f59e0b4d}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-sm{border-radius:6px;padding:6px 12px;font-size:.75rem}.btn-danger{color:var(--status-open);background:#ef44441a;border:1px solid #ef444433}.btn-danger:hover{background:#ef444433}.btn-complete{color:var(--status-complete);background:#22c55e1a;border:1px solid #22c55e33}.btn-complete:hover{background:#22c55e33}.warning-banner{border-radius:var(--radius-sm);background:#ef444414;border:1px solid #ef444440;align-items:flex-start;gap:12px;margin-bottom:28px;padding:16px 20px;display:flex}.warning-banner .warning-icon{flex-shrink:0;font-size:1.3rem;line-height:1.4}.warning-banner p{color:#fca5a5;font-size:.875rem;font-weight:500;line-height:1.5}.warning-banner strong{color:#fecaca}.success-message{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;animation:.4s fadeInUp;display:flex}.success-message .success-icon{margin-bottom:16px;font-size:3rem;animation:.5s bounceIn}.success-message h2{margin-bottom:8px;font-size:1.3rem;font-weight:700}.success-message p{color:var(--text-secondary);font-size:.9rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);transition:var(--transition);padding:20px 24px}.stat-card:hover{border-color:#ffffff1a;transform:translateY(-2px)}.stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:8px;font-size:.75rem;font-weight:600}.stat-value{letter-spacing:-.03em;font-size:2rem;font-weight:800}.stat-value.open{color:var(--status-open)}.stat-value.progress{color:var(--status-progress)}.stat-value.complete{color:var(--status-complete)}.stat-value.urgent{color:var(--priority-urgent)}.filter-bar{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.filter-bar .form-select{width:auto;min-width:160px;padding:8px 36px 8px 12px;font-size:.8rem}.ticket-table-wrapper{border:1px solid var(--border-color);border-radius:var(--radius);overflow-x:auto}.ticket-table{border-collapse:collapse;width:100%;font-size:.85rem}.ticket-table th{text-align:left;background:var(--bg-secondary);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-color);white-space:nowrap;padding:14px 16px;font-size:.7rem;font-weight:700}.ticket-table td{border-bottom:1px solid var(--border-color);color:var(--text-secondary);vertical-align:middle;padding:14px 16px}.ticket-table tr:last-child td{border-bottom:none}.ticket-table tr{transition:var(--transition)}.ticket-table tr:hover td{background:var(--bg-card-hover)}.badge{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:4px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.badge-open{color:#fca5a5;background:#ef44441f}.badge-in-progress{color:#fcd34d;background:#f59e0b1f}.badge-completed{color:#86efac;background:#22c55e1f}.badge-urgent{color:#fca5a5;background:#ef44441f}.badge-high{color:#fdba74;background:#f973161f}.badge-medium{color:#fde047;background:#eab3081f}.badge-low{color:#86efac;background:#22c55e1f}.inline-select{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:var(--transition);border-radius:6px;outline:none;padding:4px 8px;font-family:inherit;font-size:.75rem}.inline-select:focus{border-color:var(--accent-primary)}.ticket-list{flex-direction:column;gap:12px;display:flex}.ticket-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);transition:var(--transition);padding:20px 24px}.ticket-card:hover{border-color:#ffffff14}.ticket-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.ticket-card-meta{flex-wrap:wrap;gap:8px;display:flex}.ticket-card-body{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.ticket-card-footer{border-top:1px solid var(--border-color);color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;font-size:.75rem;display:flex}.empty-state{text-align:center;color:var(--text-muted);padding:64px 24px}.empty-state .empty-icon{opacity:.5;margin-bottom:16px;font-size:3rem}.empty-state h3{color:var(--text-secondary);margin-bottom:6px;font-size:1.1rem;font-weight:600}.empty-state p{font-size:.85rem}.error-message{color:#fca5a5;border-radius:var(--radius-sm);background:#ef444414;border:1px solid #ef444440;margin-bottom:16px;padding:12px 16px;font-size:.85rem;animation:.4s shake}.loading-spinner{justify-content:center;align-items:center;padding:64px;display:flex}.spinner{border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.actions-cell{gap:6px;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.navbar{padding:0 16px}.navbar-links{gap:2px}.navbar-links a{padding:6px 10px;font-size:.8rem}.login-card{padding:36px 24px}.page-container,.page-container-wide{padding:24px 16px}.stats-grid{grid-template-columns:repeat(2,1fr)}.filter-bar .form-select{min-width:100%}.ticket-table{font-size:.78rem}.ticket-table th,.ticket-table td{padding:10px 12px}.card{padding:20px}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.navbar-username{display:none}}