:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-subtle:#eff6ff;--color-on-primary:#ffffff;--color-primary-on-subtle:#1d4ed8;--color-bg:#ffffff;--color-bg-subtle:#f8fafc;--color-border:#e2e8f0;--color-text:#0f172a;--color-text-secondary:#475569;--color-text-muted:#6b7280;--color-disabled:#a0aec0;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-warning-bg:#fffbeb;--color-warning-border:#fcd34d;--color-warning-text:#92400e;--status-new-bg:#f8fafc;--status-new-text:#475569;--status-new-border:#cbd5e1;--status-assigned-bg:#eff6ff;--status-assigned-text:#1e40af;--status-assigned-border:#93c5fd;--status-in-process-bg:#fffbeb;--status-in-process-text:#92400e;--status-in-process-border:#fcd34d;--status-resolved-bg:#f0fdf4;--status-resolved-text:#166534;--status-resolved-border:#86efac;--status-closed-bg:#f3f4f6;--status-closed-text:#374151;--status-closed-border:#d1d5db;--font-sans:"Inter",ui-sans-serif,system-ui,sans-serif;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-xs:var(--space-1);--space-sm:var(--space-2);--space-md:var(--space-4);--space-lg:var(--space-6);--space-xl:var(--space-8);--color-error-bg:#fef2f2;--color-error-border:#fca5a5;--color-error-text:#991b1b;--transition-fast:150ms ease;--transition-base:250ms ease;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem}[data-theme=dark]{--color-primary:#2563eb;--color-primary-hover:#3b82f6;--color-primary-subtle:#1e3a5f;--color-primary-on-subtle:#93c5fd;--color-bg:#0f172a;--color-bg-subtle:#1e293b;--color-border:#334155;--color-text:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-disabled:#475569;--color-success:#4ade80;--color-warning:#fbbf24;--color-error:#f87171;--color-info:#60a5fa;--color-warning-bg:#292119;--color-warning-border:#92400e;--color-warning-text:#fcd34d;--color-error-bg:#2d1a1a;--color-error-border:#991b1b;--color-error-text:#fca5a5;--status-new-bg:#1e293b;--status-new-text:#94a3b8;--status-new-border:#334155;--status-assigned-bg:#172554;--status-assigned-text:#93c5fd;--status-assigned-border:#1e40af;--status-in-process-bg:#2d1f07;--status-in-process-text:#fcd34d;--status-in-process-border:#92400e;--status-resolved-bg:#052e16;--status-resolved-text:#86efac;--status-resolved-border:#166534;--status-closed-bg:#1f2937;--status-closed-text:#9ca3af;--status-closed-border:#374151;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.3);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.4),0 2px 4px -2px rgb(0 0 0/0.4)}*,:after,:before{box-sizing:border-box}html{font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;transition:background-color var(--transition-base),color var(--transition-base)}body,html{height:100%}body{margin:0;overflow:hidden}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--color-bg-subtle);padding:var(--space-4)}.login-card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-8);width:100%;max-width:22rem;display:flex;flex-direction:column;gap:var(--space-4)}.login-card h1{margin:0;font-size:1.5rem;font-weight:700;color:var(--color-text);text-align:center}.login-subtitle{margin:0;font-size:.875rem;color:var(--color-text-secondary);text-align:center}.sandbox-banner{background-color:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:var(--radius-sm);color:var(--color-warning-text);font-size:.75rem;font-weight:500;padding:var(--space-2) var(--space-3);text-align:center}.login-autofocus:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-color:var(--color-primary)}.form-field{display:flex;flex-direction:column;gap:var(--space-1)}.form-field label{font-size:.875rem;font-weight:500;color:var(--color-text)}.form-field input,.form-field select{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-sans);font-size:.875rem;padding:var(--space-2) var(--space-3);width:100%;background-color:var(--color-bg)}.form-field input:focus,.form-field select:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-color:var(--color-primary)}.btn-primary{background-color:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-bg);cursor:pointer;font-family:var(--font-sans);font-size:.875rem;font-weight:500;padding:var(--space-2) var(--space-4);width:100%;min-height:2.75rem}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-primary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-primary:disabled{cursor:not-allowed;color:var(--color-disabled);opacity:1}.focus-ring:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@media (prefers-reduced-motion:reduce){@keyframes spin{to{transform:none}}@keyframes pulse{0%,to{opacity:1}}html{transition:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.attachment-chip:hover{background-color:var(--color-border)}@media (max-width:768px){.header-container{padding:0 var(--space-md)}.ticket-section{padding:var(--space-4) var(--space-3) var(--space-3)}.ticket-table{font-size:.8125rem}.col-assignment-group,.col-cs-agent,.col-ic-associate,.pagination-jump-form{display:none}.login-card{padding:var(--space-6);max-width:20rem}.form-section-mobile{padding:var(--space-4)}.form-page-main{padding:var(--space-6) var(--space-4)}}@media (max-width:480px){.header-container{height:auto;min-height:3.5rem;padding:var(--space-sm) var(--space-md);align-items:flex-start}.header-container,.header-left{flex-wrap:wrap;gap:var(--space-sm)}.header-nav-link{padding:0 var(--space-sm);font-size:.8125rem}.header-right{flex-wrap:wrap;gap:var(--space-sm)}.header-create-btn{width:100%;text-align:center;min-height:44px}.ticket-section{padding:var(--space-3) var(--space-2) var(--space-2)}.ticket-table{font-size:.75rem}.login-card{padding:var(--space-4);max-width:100%;border-radius:var(--radius-md)}.form-actions-mobile{flex-direction:column;gap:var(--space-3)}.form-actions-mobile>a,.form-actions-mobile>button{width:100%;justify-content:center;text-align:center;min-height:44px}.form-section-mobile{padding:var(--space-3)}.form-page-main{padding:var(--space-4) var(--space-3)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.conditional-field-enter{animation:fadeIn var(--transition-base)}@media (prefers-reduced-motion:reduce){.conditional-field-enter{animation:none}}