:root{--color-base: #001219;--color-primary: #005f73;--color-primary-light: #0a9396;--color-success: #94d2bd;--color-warning: #ee9b00;--color-warning-dark: #ca6702;--color-danger: #bb3e03;--color-danger-dark: #ae2012;--color-closed: #9b2226;--color-yellow: #e9d8a6;--status-new-bg: #94d2bd;--status-new-text: #001219;--status-waiting-agent-bg: #ee9b00;--status-waiting-agent-text: #001219;--status-in-progress-bg: #0a9396;--status-in-progress-text: #ffffff;--status-waiting-customer-bg: #e9d8a6;--status-waiting-customer-text: #001219;--status-resolved-bg: #005f73;--status-resolved-text: #ffffff;--status-closed-bg: #9b2226;--status-closed-text: #ffffff;--color-error: #ae2012;--color-error-alt: #bb3e03;--color-text-primary: #001219;--color-text-secondary: #666;--color-bg-primary: #ffffff;--color-bg-secondary: #f5f5f5;--color-border: #dee2e6;--color-border-light: #e9ecef}*{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}body{margin:0;padding:0;background-color:var(--color-bg-secondary);color:var(--color-text-primary);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{cursor:pointer;font-family:inherit;font-weight:500;transition:all .2s ease;border:none;border-radius:8px}button:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:var(--color-primary);color:#fff;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--color-primary-light);transform:translateY(-1px);box-shadow:0 4px 8px #005f734d}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:#f0f0f0;color:var(--color-text-primary);padding:.75rem 1.5rem;font-size:.9rem;font-weight:500}.btn-secondary:hover:not(:disabled){background:#e0e0e0}.btn-danger{background:var(--color-closed);color:#fff;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600}.btn-danger:hover:not(:disabled){background:var(--color-danger-dark);transform:translateY(-1px);box-shadow:0 4px 8px #9b22264d}@keyframes skeleton-loading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200px 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:8px}.skeleton-text{height:1rem;margin-bottom:.5rem}.skeleton-text:last-child{margin-bottom:0}.skeleton-title{height:1.5rem;width:60%;margin-bottom:1rem}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.empty-state{text-align:center;padding:3rem 2rem;color:var(--color-text-secondary);background:var(--color-bg-primary);border-radius:12px}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.empty-state-message{font-size:.9rem;color:var(--color-text-secondary)}