:root{--bg: #0a0e1a;--bg-elevated: #111726;--surface: #162033;--surface-hover: #1c2942;--fg: #e8edf5;--fg-secondary: #b4c0d4;--muted: #6b7a99;--border: #233048;--border-strong: #2d3d5c;--accent: #3b82f6;--accent-hover: #2563eb;--accent-soft: rgba(59, 130, 246, .12);--status-new: #60a5fa;--status-new-bg: rgba(96, 165, 250, .12);--status-progress: #fbbf24;--status-progress-bg: rgba(251, 191, 36, .12);--status-resolved: #34d399;--status-resolved-bg: rgba(52, 211, 153, .12);--status-closed: #6b7a99;--status-closed-bg: rgba(107, 122, 153, .12);--priority-low: #34d399;--priority-low-bg: rgba(52, 211, 153, .12);--priority-medium: #60a5fa;--priority-medium-bg: rgba(96, 165, 250, .12);--priority-high: #fb923c;--priority-high-bg: rgba(251, 146, 60, .12);--priority-urgent: #f87171;--priority-urgent-bg: rgba(248, 113, 113, .15);--font-display: "Inter", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 28px;--text-3xl: 36px;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow: 0 4px 12px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:10px 18px;border-radius:var(--radius);font-family:var(--font-body);font-size:var(--text-base);font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .15s ease;white-space:nowrap}.btn-primary{background:var(--accent);color:#fff;border:0}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{background:transparent;color:var(--fg-secondary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--surface-hover);color:var(--fg);border-color:var(--border-strong)}.btn-danger{background:transparent;color:var(--priority-urgent);border:1px solid rgba(248,113,113,.3)}.btn-danger:hover{background:var(--priority-urgent-bg)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.field-label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--fg-secondary);margin-bottom:var(--space-2)}.field-input,.field-select,.field-textarea{width:100%;padding:10px 14px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--fg);font-family:var(--font-body);font-size:var(--text-base);transition:border-color .15s ease;outline:none}.field-input:focus,.field-select:focus,.field-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field-textarea{resize:vertical;min-height:100px}.field-input::placeholder,.field-textarea::placeholder{color:var(--muted)}.field-error{font-size:var(--text-xs);color:var(--priority-urgent);margin-top:var(--space-1)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge-dot{width:7px;height:7px;border-radius:50%}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn .3s ease forwards}.animate-slide-in{animation:slideIn .3s ease forwards}.animate-scale-in{animation:scaleIn .2s ease forwards}@media (max-width: 1024px){.dash-grid{grid-template-columns:1fr!important}}@media (max-width: 768px){.sidebar{width:64px!important}.sidebar .sidebar-label,.sidebar .logo-text,.sidebar .footer-info{display:none}.main-content{padding:20px 16px!important}}