:root{--color-primary: #1976d2;--color-primary-accent: #4f8cff;--color-primary-hover: #145ea8;--color-secondary: #5c6f82;--color-secondary-hover: #495a68;--color-accent: #c75efd;--color-danger: #d92d20;--color-danger-hover: #b42318;--color-warning: #f79009;--color-success: #1a7f37;--color-bg: #ffffff;--color-bg-alt: #f5f7fa;--color-surface: #ffffff;--color-border: #d0d7e2;--color-border-strong: #b7c2ce;--color-text: #1f2933;--color-text-muted: #5d6b76;--color-focus-ring: #c5b1ff;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 2px 8px rgba(25,118,210,.15);--radius-xs: 3px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-pill: 999px;--space-1: 2px;--space-2: 4px;--space-3: 6px;--space-4: 8px;--space-5: 10px;--space-6: 12px;--space-7: 14px;--space-8: 16px;--space-10: 20px;--space-12: 24px;--font-family-body: "Segoe Sans", "Segoe UI", Arial, sans-serif;--font-family-heading: "Segoe Sans", "Segoe UI", Arial, sans-serif;--font-family-base: var(--font-family-body);--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .95rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--ease-standard: cubic-bezier(.4,0,.2,1);--duration-fast: .12s;--duration-base: .18s;--duration-slow: .28s}@media (prefers-color-scheme: dark){:root{--color-bg: #0f141a;--color-bg-alt: #1c2530;--color-surface: #1f2933;--color-text: #f1f5f9;--color-text-muted: #93a3b3;--color-border: #2f3d4a;--color-border-strong: #4a5d6e;--shadow-xs: 0 1px 2px rgba(0,0,0,.6);--shadow-sm: 0 1px 3px rgba(0,0,0,.55);--shadow-md: 0 4px 12px rgba(0,0,0,.55)}}h1,.h1{font-family:var(--font-family-heading);font-size:2.125rem;line-height:1.15;font-weight:var(--font-weight-semibold);margin:0 0 var(--space-6)}h2,.h2{font-family:var(--font-family-heading);font-size:1.75rem;line-height:1.2;font-weight:var(--font-weight-semibold);margin:0 0 var(--space-5)}h3,.h3{font-family:var(--font-family-heading);font-size:1.5rem;line-height:1.25;font-weight:var(--font-weight-semibold);margin:0 0 var(--space-5)}h4,.h4{font-family:var(--font-family-heading);font-size:1.25rem;line-height:1.3;font-weight:var(--font-weight-medium);margin:0 0 var(--space-4)}h5,.h5{font-family:var(--font-family-heading);font-size:1.125rem;line-height:1.35;font-weight:var(--font-weight-medium);margin:0 0 var(--space-4)}h6,.h6{font-family:var(--font-family-heading);font-size:1rem;line-height:1.4;font-weight:var(--font-weight-medium);margin:0 0 var(--space-3)}p{margin:0 0 var(--space-6)}small,.text-sm{font-size:var(--font-size-sm)}.text-muted{color:var(--color-text-muted)}.text-center{text-align:center}.text-right{text-align:right}.link,a.link{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium)}.link:hover,a.link:hover{text-decoration:underline}.app-container{width:100%;margin-inline:auto;padding-inline:var(--space-8);max-width:1320px}.section{padding-block:var(--space-12)}.section--tight{padding-block:var(--space-8)}.stack{display:flex;flex-direction:column}.stack>*+*{margin-top:var(--space-6)}.stack--sm>*+*{margin-top:var(--space-4)}.inline{display:flex;flex-wrap:wrap;align-items:center}.inline>*+*{margin-left:var(--space-6)}.inline--sm>*+*{margin-left:var(--space-4)}.grid{display:grid;gap:var(--space-8)}.grid--2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid--3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.prose{max-width:70ch}.hide{display:none!important}.show-inline{display:inline!important}.show-block{display:block!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.flex-col{flex-direction:column!important}.flex-center{justify-content:center!important;align-items:center!important}.flex-between{justify-content:space-between!important}.flex-wrap{flex-wrap:wrap!important}.gap-sm{gap:var(--space-4)!important}.gap-md{gap:var(--space-6)!important}.gap-lg{gap:var(--space-8)!important}.mt-0{margin-top:0!important}.mt-sm{margin-top:var(--space-4)!important}.mt-md{margin-top:var(--space-6)!important}.mt-lg{margin-top:var(--space-8)!important}.mb-0{margin-bottom:0!important}.mb-sm{margin-bottom:var(--space-4)!important}.mb-md{margin-bottom:var(--space-6)!important}.mb-lg{margin-bottom:var(--space-8)!important}.p-sm{padding:var(--space-4)!important}.p-md{padding:var(--space-6)!important}.p-lg{padding:var(--space-8)!important}.w-100{width:100%!important}.max-w-prose{max-width:70ch!important}.bg-surface{background:var(--color-surface)!important}.bg-alt{background:var(--color-bg-alt)!important}.border{border:1px solid var(--color-border)!important}.rounded{border-radius:var(--radius-md)!important}.shadow-sm{box-shadow:var(--shadow-sm)!important}html{--mat-sys-background: light-dark(#faf9fd, #121316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f2f0f4, #2f3033);--mat-sys-inverse-primary: light-dark(#abc7ff, #005cbb);--mat-sys-inverse-surface: light-dark(#2f3033, #e3e2e6);--mat-sys-on-background: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #002f65);--mat-sys-on-primary-container: light-dark(#00458f, #d7e3ff);--mat-sys-on-primary-fixed: light-dark(#001b3f, #001b3f);--mat-sys-on-primary-fixed-variant: light-dark(#00458f, #00458f);--mat-sys-on-secondary: light-dark(#ffffff, #283041);--mat-sys-on-secondary-container: light-dark(#3e4759, #dae2f9);--mat-sys-on-secondary-fixed: light-dark(#131c2b, #131c2b);--mat-sys-on-secondary-fixed-variant: light-dark(#3e4759, #3e4759);--mat-sys-on-surface: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-surface-variant: light-dark(#44474e, #e0e2ec);--mat-sys-on-tertiary: light-dark(#ffffff, #0001ac);--mat-sys-on-tertiary-container: light-dark(#0000ef, #e0e0ff);--mat-sys-on-tertiary-fixed: light-dark(#00006e, #00006e);--mat-sys-on-tertiary-fixed-variant: light-dark(#0000ef, #0000ef);--mat-sys-outline: light-dark(#74777f, #8e9099);--mat-sys-outline-variant: light-dark(#c4c6d0, #44474e);--mat-sys-primary: light-dark(#005cbb, #abc7ff);--mat-sys-primary-container: light-dark(#d7e3ff, #00458f);--mat-sys-primary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-primary-fixed-dim: light-dark(#abc7ff, #abc7ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#565e71, #bec6dc);--mat-sys-secondary-container: light-dark(#dae2f9, #3e4759);--mat-sys-secondary-fixed: light-dark(#dae2f9, #dae2f9);--mat-sys-secondary-fixed-dim: light-dark(#bec6dc, #bec6dc);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#faf9fd, #121316);--mat-sys-surface-bright: light-dark(#faf9fd, #38393c);--mat-sys-surface-container: light-dark(#efedf0, #1f2022);--mat-sys-surface-container-high: light-dark(#e9e7eb, #292a2c);--mat-sys-surface-container-highest: light-dark(#e3e2e6, #343537);--mat-sys-surface-container-low: light-dark(#f4f3f6, #1a1b1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e11);--mat-sys-surface-dim: light-dark(#dbd9dd, #121316);--mat-sys-surface-tint: light-dark(#005cbb, #abc7ff);--mat-sys-surface-variant: light-dark(#e0e2ec, #44474e);--mat-sys-tertiary: light-dark(#343dff, #bec2ff);--mat-sys-tertiary-container: light-dark(#e0e0ff, #0000ef);--mat-sys-tertiary-fixed: light-dark(#e0e0ff, #e0e0ff);--mat-sys-tertiary-fixed-dim: light-dark(#bec2ff, #bec2ff);--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}body{color-scheme:light;background-color:var(--mat-sys-surface);color:var(--mat-sys-on-surface);font:var(--mat-sys-body-medium);margin:0}html,body{height:100%}body{margin:0;font-family:var(--font-family-body)}.heading-font{font-family:var(--font-family-heading)}.btn-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.6);border-top-color:#fff;border-radius:50%;animation:btnSpin .8s linear infinite;margin-right:6px;vertical-align:middle}.btn-spinner.small{width:14px;height:14px;border-width:2px}@keyframes btnSpin{to{transform:rotate(360deg)}}.app-header{display:flex;justify-content:space-between;align-items:center;padding:18px 32px 0;background:#fff;border-bottom:1px solid #ededed}.logo-group{display:flex;align-items:center;gap:12px}.ms-logo{height:22px}.app-title{font-size:1.2rem;font-weight:600;letter-spacing:.01em;font-family:var(--font-family-heading)}.filters-controls{display:flex;gap:1rem}.filters-controls input,.filters-controls select{padding:.5rem;min-width:180px;border-radius:6px;border:1px solid #6B7280}.filters-controls-select{padding:7px 12px;font-size:1rem;border:1px solid #e2e2e2;border-radius:6px;background:#fafbfc;outline:none}.filters-controls-select--sm,.filters-controls-select--sm option{font-size:.78rem}.user-group{display:flex;align-items:center;gap:18px}.badge{display:inline-block;background:#333;color:#fff;font-size:.78rem;font-weight:500;padding:2px 10px;border-radius:10px;margin-right:10px;vertical-align:middle}.user-info{display:flex;align-items:center;gap:10px}.user-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.user-name{font-size:.98rem;font-weight:500;margin-bottom:2px}.user-role{font-size:.81rem;color:#666}.welcome-banner{padding:38px 32px 0;background:#fff}.welcome-banner h2{font-size:1rem;margin-bottom:4px;font-weight:500}.welcome-banner p{color:#666;font-size:.9rem;margin-top:0}.body-card{background:#fff;margin:10px auto 32px;max-width:1127px;width:100%;padding:24px 28px;border-radius:12px;box-shadow:0 1px 2px #0000000a,0 2px 6px #00000008}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.card-title{font-size:1rem;font-weight:500;margin-bottom:0;font-family:var(--font-family-heading)}.card-actions{display:flex;gap:10px}.search-input{padding:7px 12px;font-size:1rem;border:1px solid #e2e2e2;border-radius:6px;background:#fafbfc;width:210px;outline:none}.priority-select{padding:7px 12px;font-size:1rem;border:1px solid #e2e2e2;border-radius:6px;background:#fafbfc;outline:none}.search-btn{padding:8px 20px;background:#e5e5e5;color:#222;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background .2s}.search-btn:hover{background:#d3d3d3}.table-container{overflow-x:auto;display:flex;justify-content:center;padding-bottom:4px}.division-table{width:auto;max-width:100%;border-collapse:collapse;background:#fff;font-size:.95rem;margin-top:8px}.loading-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0 30px;gap:16px}.spinner{width:42px;height:42px;border:4px solid #d9e7f5;border-top-color:#0067c5;border-radius:50%;animation:spin .9s linear infinite}.loading-text{font-size:.95rem;color:#555;letter-spacing:.3px}@keyframes spin{to{transform:rotate(360deg)}}th,td{padding:7px 6px;vertical-align:middle;border-bottom:1px solid #ececec;font-size:var(--font-size-sm)!important}tr td,td span{font-size:var(--font-size-xs)!important}.division-table th:first-child,.division-table td:first-child{text-align:left;font-family:var(--font-family-heading);font-size:.9rem;line-height:1.2;font-weight:var(--font-weight-medium);margin:0 0 var(--space-3)}.division-table th:not(:first-child),.division-table td:not(:first-child){text-align:center}th{font-size:.8rem;font-weight:400;color:#222;background:#fff;position:sticky;top:0;z-index:1;font-family:var(--font-family-heading)}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s}th.sortable:hover{background:#f5f7fa}.sort-indicator{font-size:.65rem;margin-left:4px;color:#555}.sort-arrow{font-size:1rem;vertical-align:middle;color:#aaa}.division-link{color:#0052cc;text-decoration:none;font-weight:500;line-height:1.22}.division-link:hover{text-decoration:underline}.mark-link{position:relative}.dotted-circle{display:inline-block;width:14px;height:14px;border:2px dashed #c5b1ff;border-radius:50%;position:absolute;left:-18px;top:6px}.details-btn{padding:.5rem 1.5rem;border-radius:8px;border:1px solid #e0e7ef;background:#fff;cursor:pointer;font-weight:500}.details-btn:hover{background:#e0e7ef}.all-button{padding:.5rem 1.5rem;border-radius:8px;border:1px solid #e0e7ef;background:#fff;cursor:pointer;font-weight:500}.all-button:hover{background:#e0e7ef;cursor:pointer!important}.all-button:disabled{background:#e0e7ef;color:#aaa;cursor:not-allowed;box-shadow:none}.back-btn{padding:.48rem 1.3rem;border-radius:8px;border:1px solid #e0e7ef;background:#fff;cursor:pointer;font-weight:500;background:#e0e7ef}.back-btn:hover{background:#e0e7ef;cursor:pointer!important}@media (max-width: 900px){.app-header,.welcome-banner{padding-left:12px;padding-right:12px}.body-card{margin-left:6px;margin-right:6px;padding:12px}th,td{font-size:.8rem!important;padding:8px 6px}}@media (max-width: 650px){.app-header,.welcome-banner{flex-direction:column;align-items:flex-start;padding:12px 6px 0}.user-group{margin-top:10px;gap:10px}.body-card{margin:8px 2px;padding:7px}.card-header{flex-direction:column;align-items:stretch;gap:8px}.card-actions{flex-direction:column;gap:6px}.search-input,.priority-select,.search-btn{width:100%}.division-table{font-size:.8rem}}table,tr,td,th,span,div,p,li,label,input,textarea,button{font-family:inherit}html,body{font-family:var(--font-family-body)}