.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:transparent;opacity:0;touch-action:manipulation;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media(prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media(forced-colors:active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-popover{background:none;border:none;padding:0;outline:0;overflow:visible;position:fixed;pointer-events:none;white-space:normal;color:inherit;text-decoration:none;width:100%;height:100%;inset:0 auto auto 0}.cdk-overlay-popover::backdrop{display:none}.cdk-overlay-popover .cdk-overlay-backdrop{position:fixed;z-index:auto}:root{--color-neutral-0: #ffffff;--color-neutral-50: #f8f9fb;--color-neutral-100: #f1f3f6;--color-neutral-200: #e4e7ec;--color-neutral-300: #d0d5dd;--color-neutral-400: #98a2b3;--color-neutral-500: #667085;--color-neutral-600: #475467;--color-neutral-700: #344054;--color-neutral-800: #1d2939;--color-neutral-900: #101828;--color-primary-50: #eff4fc;--color-primary-100: #dce8f7;--color-primary-200: #bad1ef;--color-primary-300: #8fb4e4;--color-primary-400: #6396d8;--color-primary-500: #3f7bc9;--color-primary-600: #2a63ad;--color-primary-700: #204e88;--color-primary-800: #193c69;--color-primary-900: #122b4c;--color-success-50: #ecfdf3;--color-success-200: #a6f4c5;--color-success-600: #027a48;--color-success-700: #05603a;--color-warning-50: #fffaeb;--color-warning-200: #fedf89;--color-warning-600: #e98514;--color-warning-700: #aa5f09;--color-danger-50: #fef3f2;--color-danger-200: #fecdca;--color-danger-600: #b42318;--color-danger-700: #912018;--color-info-50: #eff8ff;--color-info-200: #b2ddff;--color-info-600: #175cd3;--color-info-700: #175cd3;--color-bg-app: var(--color-neutral-50);--color-bg-surface: var(--color-neutral-0);--color-bg-subtle: var(--color-neutral-100);--color-bg-inverse: var(--color-neutral-900);--color-text-primary: var(--color-neutral-900);--color-text-secondary: var(--color-neutral-600);--color-text-tertiary: var(--color-neutral-500);--color-text-disabled: var(--color-neutral-400);--color-text-on-primary: var(--color-neutral-0);--color-text-link: var(--color-primary-700);--color-border-default: var(--color-neutral-200);--color-border-strong: var(--color-neutral-300);--color-border-focus: var(--color-neutral-800);--color-action-primary: var(--color-primary-600);--color-action-primary-hover: var(--color-primary-700);--color-action-primary-active: var(--color-primary-800);--color-danger: var(--color-danger-600);--color-success: var(--color-success-600);--color-warning: var(--color-warning-600);--color-info: var(--color-info-600);--focus-ring: 0 0 0 1.5px var(--color-neutral-800);--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--font-size-xs: .625rem;--font-size-sm: .6875rem;--font-size-base: .8125rem;--font-size-md: .875rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.375rem;--font-size-3xl: 1.75rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 2px;--radius-md: 3px;--radius-lg: 4px;--radius-full: 999px;--shadow-xs: 0 1px 2px rgba(16, 24, 40, .06);--shadow-sm: 0 1px 3px rgba(16, 24, 40, .1), 0 1px 2px rgba(16, 24, 40, .06);--shadow-md: 0 4px 8px -2px rgba(16, 24, 40, .1), 0 2px 4px -2px rgba(16, 24, 40, .06);--shadow-lg: 0 12px 16px -4px rgba(16, 24, 40, .08), 0 4px 6px -2px rgba(16, 24, 40, .03);--transition-fast: .1s ease;--transition-base: .15s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-tooltip: 1060;--z-toast: 1070;--sidebar-width: 228px;--sidebar-width-collapsed: 56px;--topbar-height: 48px;--content-max-width: 1440px;--row-height: 34px;--control-height: 30px;--control-height-sm: 24px}[data-density=compact]{--row-height: 28px;--control-height: 26px;--control-height-sm: 22px;--space-4: .625rem;--space-6: .875rem}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;tab-size:4}body{min-height:100vh;font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background:var(--color-bg-app);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg{display:block;max-width:100%}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-md)}h6{font-size:var(--font-size-base)}p{color:var(--color-text-secondary)}a{color:var(--color-text-link);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}table{border-collapse:collapse}ul,ol{list-style:none;padding:0}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}::selection{background:var(--color-primary-200)}.icon{width:16px;height:16px;flex-shrink:0;stroke:currentColor}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--topbar-height) 1fr;grid-template-areas:"sidebar topbar" "sidebar main";min-height:100vh}.app-shell.is-sidebar-collapsed{grid-template-columns:var(--sidebar-width-collapsed) 1fr}.app-topbar{grid-area:topbar}.app-sidebar{grid-area:sidebar}.app-main{grid-area:main;overflow-y:auto;background:var(--color-bg-app)}.page{max-width:var(--content-max-width);margin:0 auto;padding:var(--space-6)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.page-header__title{margin:0 0 var(--space-1)}.page-header__meta{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.page-header__actions{display:flex;gap:var(--space-2);flex-shrink:0}.section{margin-bottom:var(--space-8)}.section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4)}.grid-cols-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.grid-cols-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.grid-cols-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}@media(max-width:1024px){.app-shell{grid-template-columns:var(--sidebar-width-collapsed) 1fr}.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--control-height);padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1;white-space:nowrap;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);-webkit-user-select:none;user-select:none}.btn:disabled,.btn.is-disabled{cursor:not-allowed;opacity:.5}.btn .icon{width:16px;height:16px}.btn--primary{background:var(--color-action-primary);border-color:var(--color-action-primary);color:var(--color-text-on-primary)}.btn--primary:hover:not(:disabled){background:var(--color-action-primary-hover);border-color:var(--color-action-primary-hover)}.btn--primary:active:not(:disabled){background:var(--color-action-primary-active);border-color:var(--color-action-primary-active)}.btn--secondary{background:var(--color-bg-surface);border-color:var(--color-border-strong);color:var(--color-text-primary)}.btn--secondary:hover:not(:disabled){background:var(--color-neutral-100);border-color:var(--color-neutral-400)}.btn--secondary:active:not(:disabled){background:var(--color-neutral-200)}.btn--tertiary{background:transparent;border-color:transparent;color:var(--color-text-primary)}.btn--tertiary:hover:not(:disabled){background:var(--color-neutral-100)}.btn--tertiary:active:not(:disabled){background:var(--color-neutral-200)}.btn--danger{background:var(--color-danger-600);border-color:var(--color-danger-600);color:var(--color-text-on-primary)}.btn--danger:hover:not(:disabled){background:var(--color-danger-700);border-color:var(--color-danger-700)}.btn--danger-outline{background:var(--color-bg-surface);border-color:var(--color-danger-200);color:var(--color-danger-600)}.btn--danger-outline:hover:not(:disabled){background:var(--color-danger-50)}.btn--sm{height:var(--control-height-sm);padding:0 var(--space-3);font-size:var(--font-size-sm)}.btn--lg{height:44px;padding:0 var(--space-6);font-size:var(--font-size-md)}.btn--icon{padding:0;width:var(--control-height)}.btn--icon.btn--sm{width:var(--control-height-sm)}.btn--full{width:100%}.btn-group{display:inline-flex}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.btn-group .btn:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.btn-group .btn+.btn{margin-left:-1px}.btn .spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite}.btn--secondary .spinner,.btn--tertiary .spinner{border:2px solid var(--color-neutral-300);border-top-color:var(--color-neutral-600)}@keyframes spin{to{transform:rotate(360deg)}}.form-group{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.form-label__required{color:var(--color-danger-600);margin-left:2px}.form-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.form-error{font-size:var(--font-size-xs);color:var(--color-danger-600);display:flex;align-items:center;gap:var(--space-1)}.form-error .icon{width:13px;height:13px}.form-control{height:var(--control-height);width:100%;padding:0 var(--space-3);background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-control::placeholder{color:var(--color-text-tertiary)}.form-control:hover{border-color:var(--color-neutral-400)}.form-control:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--focus-ring)}.form-control:disabled{background:var(--color-neutral-100);color:var(--color-text-disabled);cursor:not-allowed}textarea.form-control{height:auto;min-height:88px;padding-top:var(--space-2);padding-bottom:var(--space-2);resize:vertical}select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:var(--space-8)}.form-group.has-error .form-control{border-color:var(--color-danger-600)}.form-group.has-error .form-control:focus{box-shadow:0 0 0 1.5px var(--color-danger-600)}.form-group.has-success .form-control{border-color:var(--color-success-600)}.input-group{position:relative;display:flex;align-items:center}.input-group .form-control{padding-left:var(--space-8)}.input-group__icon{position:absolute;left:var(--space-3);color:var(--color-text-tertiary);pointer-events:none;width:16px;height:16px}.input-group__addon{position:absolute;right:var(--space-2);display:flex;align-items:center}fieldset{border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5) var(--space-2)}legend{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:0 var(--space-2)}.checkbox,.radio{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-base);cursor:pointer}.checkbox input,.radio input{appearance:none;width:16px;height:16px;flex-shrink:0;border:1px solid var(--color-border-strong);background:var(--color-bg-surface);cursor:pointer;position:relative;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.checkbox input{border-radius:4px}.radio input{border-radius:50%}.checkbox input:checked,.radio input:checked{background:var(--color-action-primary);border-color:var(--color-action-primary)}.checkbox input:checked:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.radio input:checked:after{content:"";position:absolute;inset:4px;border-radius:50%;background:#fff}.checkbox input:focus-visible,.radio input:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.checkbox input:disabled,.radio input:disabled{background:var(--color-neutral-100);border-color:var(--color-neutral-300);cursor:not-allowed}.switch{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer}.switch input{appearance:none;width:36px;height:20px;border-radius:var(--radius-full);background:var(--color-neutral-300);position:relative;cursor:pointer;transition:background-color var(--transition-fast);flex-shrink:0}.switch input:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform var(--transition-fast);box-shadow:var(--shadow-xs)}.switch input:checked{background:var(--color-action-primary)}.switch input:checked:after{transform:translate(16px)}.switch input:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 var(--space-4)}.form-grid .form-group--full{grid-column:1 / -1}@media(max-width:720px){.form-grid{grid-template-columns:1fr}}.table-wrapper{border:1px solid var(--color-border-default);border-radius:var(--radius-lg);overflow:auto;background:var(--color-bg-surface)}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-base)}.table thead th{position:sticky;top:0;z-index:1;background:var(--color-neutral-50);border-bottom:1px solid var(--color-border-default);border-right:1px solid var(--color-border-default);text-align:left;padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.table thead th:last-child{border-right:none}.table th.is-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table th.is-sortable:hover{color:var(--color-text-primary)}.table th .th-sort{display:inline-flex;align-items:center;gap:4px}.table th .icon{width:12px;height:12px;opacity:.6}.table tbody tr{height:var(--row-height);border-bottom:1px solid var(--color-border-default);transition:background-color var(--transition-fast)}.table tbody tr:last-child{border-bottom:none}.table tbody tr:hover{background:var(--color-neutral-50)}.table tbody tr.is-selected{background:var(--color-primary-50)}.table td{padding:var(--space-1) var(--space-3);border-right:1px solid var(--color-border-default);color:var(--color-text-primary);vertical-align:middle}.table td:last-child{border-right:none}.table td.is-numeric{text-align:right;font-variant-numeric:tabular-nums}.table td.text-secondary{color:var(--color-text-secondary)}.table td.col-checkbox,.table th.col-checkbox{width:40px;padding-right:0}.table td.col-actions{text-align:right;white-space:nowrap}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-default);flex-wrap:wrap}.table-toolbar__filters{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.table-toolbar__search{width:260px}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border-default);font-size:var(--font-size-xs);color:var(--color-text-secondary);flex-wrap:wrap;gap:var(--space-3)}.table-empty{padding:var(--space-12) var(--space-4);text-align:center;color:var(--color-text-secondary)}.table .skeleton-line{height:12px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-neutral-100) 25%,var(--color-neutral-200) 37%,var(--color-neutral-100) 63%);background-size:400% 100%;animation:skeleton-loading 1.4s ease infinite}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.sidebar{height:100vh;background:var(--color-bg-surface);border-right:1px solid var(--color-border-default);display:flex;flex-direction:column;overflow-y:auto}.sidebar__brand{display:flex;align-items:center;gap:var(--space-2);height:var(--topbar-height);padding:0 var(--space-4);border-bottom:1px solid var(--color-border-default);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);flex-shrink:0}.sidebar__brand-mark{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--color-action-primary);color:var(--color-text-on-primary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);flex-shrink:0}.sidebar__section{padding:var(--space-4) var(--space-3) var(--space-1)}.sidebar__section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.04em;padding:0 var(--space-2);margin-bottom:var(--space-1)}.sidebar__nav{display:flex;flex-direction:column;gap:1px;padding:0 var(--space-3)}.sidebar__link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border-left:3px solid transparent}.sidebar__link:hover{background:var(--color-neutral-100);color:var(--color-text-primary);text-decoration:none}.sidebar__link.is-active{background:var(--color-primary-50);color:var(--color-primary-700);border-left-color:var(--color-action-primary)}.sidebar__link .icon{width:18px;height:18px;flex-shrink:0}.sidebar__link .badge{margin-left:auto}.sidebar__footer{margin-top:auto;border-top:1px solid var(--color-border-default);padding:var(--space-3)}.app-shell.is-sidebar-collapsed .sidebar__link span,.app-shell.is-sidebar-collapsed .sidebar__section-title,.app-shell.is-sidebar-collapsed .sidebar__brand span{display:none}.app-shell.is-sidebar-collapsed .sidebar__link{justify-content:center}.topbar{height:var(--topbar-height);background:var(--color-bg-surface);border-bottom:1px solid var(--color-border-default);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:0 var(--space-4)}.topbar__search{width:320px;max-width:40vw}.topbar__actions{display:flex;align-items:center;gap:var(--space-1)}.topbar__icon-btn{position:relative;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text-secondary);border:none;background:transparent}.topbar__icon-btn:hover{background:var(--color-neutral-100);color:var(--color-text-primary)}.topbar__icon-btn .dot{position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:50%;background:var(--color-danger-600);border:1.5px solid var(--color-bg-surface)}.topbar__user{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);border:none;background:transparent}.topbar__user:hover{background:var(--color-neutral-100)}.topbar__user-meta{text-align:left;line-height:1.2}.topbar__user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);display:block}.topbar__user-role{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.breadcrumbs{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-3)}.breadcrumbs a{color:var(--color-text-secondary)}.breadcrumbs .icon{width:14px;height:14px}.breadcrumbs li{display:flex;align-items:center;gap:var(--space-2)}.breadcrumbs li[aria-current=page]{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-border-default)}.tabs__item{appearance:none;background:none;border:none;font-family:inherit;padding:var(--space-3) var(--space-3);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer}.tabs__item:hover{color:var(--color-text-primary);text-decoration:none}.tabs__item.is-active{color:var(--color-action-primary);border-bottom-color:var(--color-action-primary)}.tabs__item:focus-visible{outline:none;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--color-neutral-100)}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.alert .icon{width:18px;height:18px;flex-shrink:0;margin-top:1px}.alert__title{font-weight:var(--font-weight-semibold);margin-bottom:2px}.alert__close{margin-left:auto;background:none;border:none;color:inherit;opacity:.6;flex-shrink:0}.alert__close:hover{opacity:1}.alert__close .icon{width:14px;height:14px}.alert--info{background:var(--color-info-50);border-color:var(--color-info-200);color:var(--color-info-700)}.alert--success{background:var(--color-success-50);border-color:var(--color-success-200);color:var(--color-success-700)}.alert--warning{background:var(--color-warning-50);border-color:var(--color-warning-200);color:var(--color-warning-700)}.alert--danger{background:var(--color-danger-50);border-color:var(--color-danger-200);color:var(--color-danger-700)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1.5;white-space:nowrap}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.badge--neutral{color:var(--color-neutral-600)}.badge--info{color:var(--color-info-700)}.badge--success{color:var(--color-success-700)}.badge--warning{color:var(--color-warning-700)}.badge--danger{color:var(--color-danger-700)}.badge--pill{padding:2px var(--space-2);border-radius:var(--radius-full)}.badge--pill.badge--neutral{background:var(--color-neutral-100)}.badge--pill.badge--info{background:var(--color-info-50)}.badge--pill.badge--success{background:var(--color-success-50)}.badge--pill.badge--warning{background:var(--color-warning-50)}.badge--pill.badge--danger{background:var(--color-danger-50)}.toast-stack{position:fixed;top:calc(var(--topbar-height) + var(--space-3));right:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);width:340px}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-left:3px solid var(--color-action-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-size:var(--font-size-sm)}.toast--success{border-left-color:var(--color-success-600)}.toast--warning{border-left-color:var(--color-warning-600)}.toast--danger{border-left-color:var(--color-danger-600)}.toast .icon{width:18px;height:18px;flex-shrink:0;margin-top:1px}.toast__title{font-weight:var(--font-weight-semibold)}.tooltip{position:relative;display:inline-flex}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--color-neutral-900);color:var(--color-neutral-0);font-size:var(--font-size-xs);padding:5px 8px;border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);z-index:var(--z-tooltip)}.tooltip:hover:after,.tooltip:focus-within:after{opacity:1}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-12) var(--space-4);color:var(--color-text-secondary)}.empty-state__icon{width:44px;height:44px;color:var(--color-text-disabled);margin-bottom:var(--space-4)}.empty-state__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.empty-state__desc{font-size:var(--font-size-sm);max-width:360px;margin-bottom:var(--space-4)}.progress{height:8px;border-radius:var(--radius-full);background:var(--color-neutral-200);overflow:hidden}.progress__bar{height:100%;background:var(--color-action-primary);border-radius:var(--radius-full);transition:width var(--transition-base)}.progress__bar--success{background:var(--color-success-600)}.progress__bar--warning{background:var(--color-warning-600)}.progress__bar--danger{background:var(--color-danger-600)}.modal-backdrop{position:fixed;inset:0;background:#10182880;z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.modal{width:100%;max-width:520px;max-height:88vh;display:flex;flex-direction:column;background:var(--color-bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-modal)}.modal--sm{max-width:400px}.modal--lg{max-width:720px}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-default);flex-shrink:0}.modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.modal__close{background:none;border:none;color:var(--color-text-tertiary);padding:var(--space-1);border-radius:var(--radius-sm)}.modal__close:hover{background:var(--color-neutral-100);color:var(--color-text-primary)}.modal__body{padding:var(--space-5);overflow-y:auto}.modal__footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-default);flex-shrink:0}.drawer-backdrop{position:fixed;inset:0;background:#10182880;z-index:var(--z-modal-backdrop)}.drawer{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:90vw;background:var(--color-bg-surface);box-shadow:var(--shadow-lg);z-index:var(--z-modal);display:flex;flex-direction:column}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:200px;background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-1);z-index:var(--z-dropdown)}.dropdown-menu__item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-primary);background:none;border:none;text-align:left}.dropdown-menu__item:hover{background:var(--color-neutral-100);text-decoration:none}.dropdown-menu__item--danger{color:var(--color-danger-600)}.dropdown-menu__item .icon{width:16px;height:16px;color:var(--color-text-tertiary)}.dropdown-menu__divider{height:1px;background:var(--color-border-default);margin:var(--space-1) 0}.card{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg)}.card__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-default)}.card__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.card__body{padding:var(--space-5)}.card__footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-default)}.stat-card{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-5)}.stat-card__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.stat-card__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1.1}.stat-card__footer{display:flex;align-items:center;gap:var(--space-1);margin-top:var(--space-3);font-size:var(--font-size-xs)}.stat-card__delta{display:inline-flex;align-items:center;gap:2px;font-weight:var(--font-weight-medium)}.stat-card__delta.is-positive{color:var(--color-success-600)}.stat-card__delta.is-negative{color:var(--color-danger-600)}.stat-card__delta .icon{width:13px;height:13px}.stat-card__footer-note{color:var(--color-text-tertiary)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-primary-100);color:var(--color-primary-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);flex-shrink:0;overflow:hidden}.avatar--sm{width:24px;height:24px;font-size:10px}.avatar--lg{width:44px;height:44px;font-size:var(--font-size-sm)}.avatar img{width:100%;height:100%;object-fit:cover}.divider{height:1px;background:var(--color-border-default);border:none;margin:var(--space-4) 0}.pagination{display:flex;align-items:center;gap:2px}.pagination__btn{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 var(--space-2);border-radius:var(--radius-sm);border:1px solid transparent;background:none;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.pagination__btn:hover:not(:disabled){background:var(--color-neutral-100);color:var(--color-text-primary)}.pagination__btn.is-active{background:var(--color-primary-50);color:var(--color-primary-700);font-weight:var(--font-weight-semibold)}.pagination__btn:disabled{color:var(--color-text-disabled);cursor:not-allowed}.pagination__btn .icon{width:16px;height:16px}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none!important}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.flex-1{flex:1 1 0%}.flex-none{flex:none}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.m-0{margin:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.p-0{padding:0}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.font-regular{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-mono{font-family:var(--font-family-mono)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-danger{color:var(--color-danger-600)}.text-success{color:var(--color-success-600)}.text-warning{color:var(--color-warning-600)}.text-right{text-align:right}.text-center{text-align:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.border{border:1px solid var(--color-border-default)}.border-t{border-top:1px solid var(--color-border-default)}.border-b{border-bottom:1px solid var(--color-border-default)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.bg-surface{background:var(--color-bg-surface)}.bg-subtle{background:var(--color-bg-subtle)}.w-full{width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body{margin:0}.eyebrow{color:var(--color-text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:0;margin:0;text-transform:uppercase}