:root{--fluent-primary: #0078d4;--fluent-primary-hover: #106ebe;--fluent-primary-pressed: #005a9e;--fluent-primary-light: #eff6fc;--fluent-primary-border: #c7e0f4;--fluent-bg-canvas: #ffffff;--fluent-bg-subtle: #faf9f8;--fluent-bg-neutral: #f3f2f1;--fluent-bg-hover: #edebe9;--fluent-bg-selected: #e1dfdd;--fluent-bg-dark: #201f1e;--fluent-bg-sidebar: #201f1e;--fluent-bg-sidebar-hover: #292827;--fluent-bg-sidebar-active: #323130;--fluent-border-neutral: #edebe9;--fluent-border-subtle: #e1dfdd;--fluent-border-strong: #8a8886;--fluent-border-focus: #0078d4;--fluent-text-primary: #201f1e;--fluent-text-secondary: #605e5c;--fluent-text-disabled: #a19f9d;--fluent-text-subtle: #797775;--fluent-text-on-dark: #ffffff;--fluent-text-muted-dark: #c8c6c4;--status-registered-bg: #f3f2f1;--status-registered-text: #605e5c;--status-assigned-bg: #deecf9;--status-assigned-text: #005a9e;--status-in-progress-bg: #c7e0f4;--status-in-progress-text: #004578;--status-on-hold-bg: #fed9cc;--status-on-hold-text: #a80000;--status-resolved-bg: #dff6dd;--status-resolved-text: #107c41;--status-closed-bg: #edebe9;--status-closed-text: #323130;--color-critical: #d13438;--color-critical-bg: #fde7e9;--color-high: #ea4300;--color-high-bg: #fed9cc;--color-medium: #ffaa44;--color-medium-bg: #fff4ce;--color-low: #107c41;--color-low-bg: #dff6dd;--elevation-card: 0 1.6px 3.6px 0 rgba(0, 0, 0, .132), 0 .3px .9px 0 rgba(0, 0, 0, .108);--elevation-dropdown: 0 3.2px 7.2px 0 rgba(0, 0, 0, .132), 0 .6px 1.8px 0 rgba(0, 0, 0, .108);--elevation-modal: 0 6.4px 14.4px 0 rgba(0, 0, 0, .132), 0 1.2px 3.6px 0 rgba(0, 0, 0, .108);--font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Inter, sans-serif;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-xxl: 22px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--radius-full: 9999px;--header-height: 48px;--sidebar-width: 240px;--sidebar-collapsed-width: 56px;--command-bar-height: 44px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--fluent-text-primary);background-color:var(--fluent-bg-neutral);line-height:1.45;-webkit-font-smoothing:antialiased}.app-shell{display:flex;flex-direction:column;min-height:100vh}.shell-header{height:var(--header-height);background-color:var(--fluent-primary);color:var(--fluent-text-on-dark);display:flex;align-items:center;justify-content:space-between;padding:0 16px;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px #0003}.shell-body{display:flex;flex:1;position:relative}.shell-sidebar{width:var(--sidebar-width);background-color:var(--fluent-bg-sidebar);color:var(--fluent-text-on-dark);display:flex;flex-direction:column;transition:width .2s cubic-bezier(.4,0,.2,1);overflow-y:auto;overflow-x:hidden;position:sticky;top:var(--header-height);height:calc(100vh - var(--header-height));z-index:90}.shell-sidebar.collapsed{width:var(--sidebar-collapsed-width)}.shell-content{flex:1;background-color:var(--fluent-bg-neutral);padding:16px 20px;min-width:0;display:flex;flex-direction:column;gap:12px}.command-bar{height:var(--command-bar-height);background-color:var(--fluent-bg-canvas);border:1px solid var(--fluent-border-neutral);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:space-between;padding:0 12px;gap:8px;box-shadow:0 1px 2px #0000000a}.command-bar-left,.command-bar-right{display:flex;align-items:center;gap:6px}.fluent-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:500;height:32px;padding:0 12px;border-radius:var(--radius-sm);border:1px solid var(--fluent-border-subtle);background-color:var(--fluent-bg-canvas);color:var(--fluent-text-primary);cursor:pointer;transition:background-color .15s ease,border-color .15s ease;white-space:nowrap}.fluent-btn:hover:not(:disabled){background-color:var(--fluent-bg-hover);border-color:var(--fluent-border-strong)}.fluent-btn:active:not(:disabled){background-color:var(--fluent-bg-selected)}.fluent-btn:disabled{opacity:.5;cursor:not-allowed}.fluent-btn-primary{background-color:var(--fluent-primary);border-color:var(--fluent-primary);color:#fff}.fluent-btn-primary:hover:not(:disabled){background-color:var(--fluent-primary-hover);border-color:var(--fluent-primary-hover)}.fluent-btn-primary:active:not(:disabled){background-color:var(--fluent-primary-pressed);border-color:var(--fluent-primary-pressed)}.fluent-btn-subtle{background-color:transparent;border-color:transparent}.fluent-btn-subtle:hover:not(:disabled){background-color:var(--fluent-bg-hover)}.fluent-btn-compact{height:26px;padding:0 8px;font-size:var(--font-size-sm)}.fluent-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.3px;line-height:1.2}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.kpi-card{background-color:var(--fluent-bg-canvas);border:1px solid var(--fluent-border-neutral);border-radius:var(--radius-sm);padding:12px 14px;display:flex;flex-direction:column;gap:4px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;box-shadow:0 1px 2px #0000000a}.kpi-card:hover{border-color:var(--fluent-primary);box-shadow:var(--elevation-card);transform:translateY(-1px)}.kpi-card.active{border-color:var(--fluent-primary);background-color:var(--fluent-primary-light)}.kpi-card-header{display:flex;align-items:center;justify-content:space-between;color:var(--fluent-text-secondary);font-size:var(--font-size-sm);font-weight:500}.kpi-card-value{font-size:var(--font-size-xxl);font-weight:700;color:var(--fluent-text-primary)}.kpi-card-subtext{font-size:var(--font-size-xs);color:var(--fluent-text-subtle)}.grid-container{background-color:var(--fluent-bg-canvas);border:1px solid var(--fluent-border-neutral);border-radius:var(--radius-sm);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 2px #0000000a}.table-scroll{overflow-x:auto;min-height:300px}.fluent-table{width:100%;border-collapse:collapse;font-size:var(--font-size-base);text-align:left}.fluent-table th{background-color:var(--fluent-bg-subtle);color:var(--fluent-text-secondary);font-weight:600;padding:8px 12px;border-bottom:1px solid var(--fluent-border-subtle);position:relative;-webkit-user-select:none;user-select:none;white-space:nowrap}.fluent-table th .resizer{position:absolute;right:0;top:0;height:100%;width:5px;background:#0000000d;cursor:col-resize;-webkit-user-select:none;user-select:none;touch-action:none}.fluent-table th .resizer.isResizing{background:var(--fluent-primary);opacity:1}.fluent-table td{padding:8px 12px;border-bottom:1px solid var(--fluent-border-neutral);color:var(--fluent-text-primary);white-space:nowrap}.fluent-table tr:hover td{background-color:var(--fluent-bg-hover)}.fluent-table tr.selected td{background-color:var(--fluent-primary-light)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-card{background-color:var(--fluent-bg-canvas);border-radius:var(--radius-md);box-shadow:var(--elevation-modal);width:90%;max-width:640px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.drawer-panel{position:fixed;right:0;top:0;bottom:0;width:520px;max-width:90vw;background-color:var(--fluent-bg-canvas);box-shadow:-4px 0 16px #00000026;z-index:1001;display:flex;flex-direction:column;animation:slideLeft .25s cubic-bezier(.16,1,.3,1)}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}