:root{--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-card: #ffffff;--bg-elevated: #ffffff;--border: #e2e8f0;--text-primary: #0f172a;--text-secondary: #64748b;--accent: #3b82f6;--accent-hover: #2563eb;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--radius: 10px;--font-sans: "DM Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);--shadow-lg: 0 4px 6px rgba(0,0,0,.07), 0 10px 15px rgba(0,0,0,.1);--overlay-hover: rgba(0,0,0,.04);--overlay-subtle: rgba(0,0,0,.02);--overlay-accent: rgba(59,130,246,.06);--table-header-bg: #f8fafc;--table-stripe: rgba(0,0,0,.02);--table-row-hover: rgba(59,130,246,.06);--chart-grid: rgba(0,0,0,.06);--chart-tick: #64748b;--chart-tooltip-bg: #ffffff;--chart-tooltip-title: #0f172a;--chart-tooltip-body: #64748b;--chart-tooltip-border: #e2e8f0;--chart-legend: #64748b;--heading-color: #1e3a5f;--toggle-bg: rgba(0,0,0,.06);--tooltip-bg: #ffffff;--tooltip-border: rgba(0,0,0,.1);--tooltip-shadow: 0 8px 24px rgba(0,0,0,.15);--sync-info-text: #0c4a6e;--sync-warn-text: #92400e;--sync-error-text: #991b1b;--badge-open-bg: rgba(59,130,246,.12);--badge-open-color: #2563eb;--badge-open-border: rgba(59,130,246,.3);--badge-pending-bg: rgba(245,158,11,.12);--badge-pending-color: #b45309;--badge-pending-border: rgba(245,158,11,.3);--badge-resolved-bg: rgba(34,197,94,.12);--badge-resolved-color: #16a34a;--badge-resolved-border: rgba(34,197,94,.3);--badge-closed-bg: rgba(107,114,128,.1);--badge-closed-color: #6b7280;--badge-closed-border: rgba(107,114,128,.25);--chip-bg: rgba(59,130,246,.08);--chip-color: #3b82f6;--chip-border: rgba(59,130,246,.2);--count-bg: rgba(34,197,94,.1);--count-color: #16a34a;--count-border: rgba(34,197,94,.3);--code-color: #c2410c;--aging-detail-bg: rgba(241,245,249,.8);--scrollbar-thumb: #cbd5e1}[data-theme=dark]{--bg-primary: #0f1419;--bg-secondary: #1a2332;--bg-card: #1e2a3a;--bg-elevated: #243347;--border: #2d3d52;--text-primary: #e8edf4;--text-secondary: #8b9cb4;--accent: #3b82f6;--accent-hover: #2563eb;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--shadow-sm: 0 1px 2px rgba(0,0,0,.2);--shadow: 0 1px 3px rgba(0,0,0,.3);--shadow-lg: 0 4px 6px rgba(0,0,0,.2), 0 10px 15px rgba(0,0,0,.3);--overlay-hover: rgba(255,255,255,.04);--overlay-subtle: rgba(255,255,255,.02);--overlay-accent: rgba(59,130,246,.08);--table-header-bg: rgba(15,23,42,.6);--table-stripe: rgba(255,255,255,.02);--table-row-hover: rgba(59,130,246,.08);--chart-grid: rgba(45,61,82,.3);--chart-tick: #8b9cb4;--chart-tooltip-bg: #1e2a3a;--chart-tooltip-title: #e8edf4;--chart-tooltip-body: #8b9cb4;--chart-tooltip-border: #2d3d52;--chart-legend: #8b9cb4;--heading-color: #c7d2fe;--toggle-bg: rgba(45,61,82,.3);--tooltip-bg: #1e293b;--tooltip-border: rgba(99,102,241,.35);--tooltip-shadow: 0 8px 24px rgba(0,0,0,.4);--sync-info-text: #7dd3fc;--sync-warn-text: #fcd34d;--sync-error-text: #fca5a5;--badge-open-bg: rgba(59,130,246,.2);--badge-open-color: #93c5fd;--badge-open-border: rgba(59,130,246,.5);--badge-pending-bg: rgba(245,158,11,.18);--badge-pending-color: #fcd34d;--badge-pending-border: rgba(245,158,11,.45);--badge-resolved-bg: rgba(34,197,94,.18);--badge-resolved-color: #86efac;--badge-resolved-border: rgba(34,197,94,.45);--badge-closed-bg: rgba(107,114,128,.2);--badge-closed-color: #9ca3af;--badge-closed-border: rgba(107,114,128,.4);--chip-bg: rgba(59,130,246,.15);--chip-color: #93c5fd;--chip-border: rgba(99,102,241,.25);--count-bg: rgba(34,197,94,.18);--count-color: #86efac;--count-border: rgba(34,197,94,.4);--code-color: #f59e0b;--aging-detail-bg: rgba(15,23,42,.3);--scrollbar-thumb: #2d3d52}*{box-sizing:border-box}html{overflow-x:hidden;color-scheme:light}[data-theme=dark]{color-scheme:dark}body{margin:0;font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100vh;overflow-x:hidden;transition:background .25s,color .25s}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}.app-container{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;max-width:100%}.app-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;box-shadow:var(--shadow-sm);transition:background .25s,border-color .25s}.app-header h1{margin:0;font-size:1.35rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.app-header .user-info{display:flex;align-items:center;gap:1rem;font-size:.9rem;color:var(--text-secondary)}.app-header .user-info span{font-weight:500;color:var(--text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.2rem;border:none;border-radius:var(--radius);font-size:.9rem;font-weight:500;transition:background .2s,color .2s,box-shadow .2s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-secondary)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(1.1)}.btn-sm{padding:.4rem .8rem;font-size:.85rem}.main-content{flex:1;padding:1.5rem;max-width:1920px;margin:0 auto;width:100%;overflow-x:hidden}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem;box-shadow:var(--shadow-sm);transition:background .25s,border-color .25s}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.4rem;font-size:.9rem;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.6rem .85rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:.95rem;transition:background .25s,border-color .25s,color .25s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #3b82f633}.form-group textarea{min-height:120px;resize:vertical}.badge{display:inline-block;padding:.25rem .6rem;border-radius:6px;font-size:.8rem;font-weight:500}.badge-open{background:var(--badge-open-bg);color:var(--badge-open-color)}.badge-pending{background:var(--badge-pending-bg);color:var(--badge-pending-color)}.badge-resolved{background:var(--badge-resolved-bg);color:var(--badge-resolved-color)}.badge-closed{background:var(--badge-closed-bg);color:var(--badge-closed-color)}.badge-low{background:var(--badge-closed-bg)}.badge-medium{background:var(--badge-pending-bg);color:var(--badge-pending-color)}.badge-high,.badge-urgent{background:#ef444426;color:var(--danger)}.error-msg{color:var(--danger);font-size:.9rem;margin-top:.5rem}.loading{text-align:center;padding:2rem;color:var(--text-secondary)}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.empty-state h3{margin:0 0 .5rem;color:var(--text-primary);font-size:1.1rem}