:root{--color-bg-page: #F8F6F1;--color-bg-surface: #FFFFFF;--color-text-primary: #1F2933;--color-text-secondary: #667085;--color-primary: #3F6F66;--color-primary-hover: #2F514B;--color-accent: #D7A85A;--color-success: #2E7D32;--color-warning: #C77700;--color-error: #B42318;--color-info: #2563EB;--color-confidential: #6D28D9;--color-border: #E4E7EC;--color-text-on-primary: #FFFFFF;--color-primary-soft: rgba(63, 111, 102, .12);--color-accent-soft: rgba(215, 168, 90, .14);--color-success-soft: rgba(46, 125, 50, .12);--color-warning-soft: rgba(199, 119, 0, .12);--color-error-soft: rgba(180, 35, 24, .12);--color-info-soft: rgba(37, 99, 235, .12);--color-confidential-soft: rgba(109, 40, 217, .12);--color-secondary-soft: #F2F4F7;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--radius-full: 9999px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--shadow-card: 0 1px 2px rgba(16, 24, 40, .05), 0 1px 3px rgba(16, 24, 40, .1);--shadow-drawer: -4px 0 16px rgba(16, 24, 40, .12);--shadow-focus: 0 0 0 3px rgba(63, 111, 102, .18);--container-padding-desktop: 24px;--container-padding-tablet: 16px;--container-padding-mobile: 12px;--card-gap: 16px;--card-radius: 12px;--button-height: 40px;--input-height: 40px;--table-row-height-comfortable: 56px;--table-row-height-compact: 44px;--drawer-width: 640px;--drawer-width-large: 840px;--bg-base: var(--color-bg-page);--bg-surface: var(--color-bg-surface);--bg-surface-raised: var(--color-bg-surface);--bg-surface-overlay: var(--color-bg-surface);--bg-hover: var(--color-secondary-soft);--bg-muted: var(--color-secondary-soft);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-secondary);--text-inverse: var(--color-text-on-primary);--accent: var(--color-primary);--accent-hover: var(--color-primary-hover);--accent-subtle: var(--color-primary-soft);--accent-text: var(--color-primary);--primary: var(--color-primary);--primary-hover: var(--color-primary-hover);--primary-subtle: var(--color-primary-soft);--success: var(--color-success);--success-subtle: var(--color-success-soft);--warning: var(--color-warning);--warning-subtle: var(--color-warning-soft);--danger: var(--color-error);--danger-subtle: var(--color-error-soft);--info: var(--color-info);--info-subtle: var(--color-info-soft);--border: var(--color-border);--border-subtle: var(--color-border);--border-focus: var(--color-primary);--overlay-backdrop: rgba(31, 41, 51, .36);--overlay-subtle: rgba(31, 41, 51, .16);--shadow-sm: var(--shadow-card);--shadow-md: var(--shadow-card);--shadow-lg: var(--shadow-drawer);--space-1: var(--spacing-xs);--space-2: var(--spacing-sm);--space-3: 12px;--space-4: var(--spacing-md);--space-5: 20px;--space-6: var(--spacing-lg);--space-8: var(--spacing-xl);--space-10: 40px;--space-12: 48px;--space-16: 64px;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "DM Mono", "Fira Code", Consolas, monospace;--sidebar-width: 260px;--sidebar-collapsed: 72px;--header-height: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;font-family:var(--font-sans);background:var(--color-bg-page);color:var(--color-text-primary);line-height:1.5}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.58}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}.container{max-width:1280px;margin:0 auto;padding:0 var(--container-padding-desktop)}.card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--card-radius);box-shadow:var(--shadow-card);padding:var(--spacing-lg)}.card-raised{background:var(--color-bg-surface)}.btn{min-height:var(--button-height);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:0 var(--spacing-md);border:1px solid transparent;border-radius:var(--radius-md);background:var(--color-bg-surface);color:var(--color-text-primary);font-size:13px;font-weight:600;line-height:1;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn-primary{background:var(--color-primary);color:var(--color-text-on-primary)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-ghost{background:var(--color-bg-surface);color:var(--color-text-secondary);border-color:var(--color-border)}.btn-ghost:hover{background:var(--color-secondary-soft);color:var(--color-text-primary)}.btn-danger{background:var(--color-error);color:var(--color-text-on-primary)}.btn-sm{min-height:32px;padding:0 12px;font-size:12px}.input{width:100%;min-height:var(--input-height);padding:0 var(--spacing-md);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:13px;transition:border-color .15s ease,box-shadow .15s ease}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.input::placeholder{color:var(--color-text-secondary)}.label{display:block;margin-bottom:var(--spacing-xs);color:var(--color-text-secondary);font-size:12px;font-weight:600}.badge{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:var(--radius-full);background:var(--color-secondary-soft);color:var(--color-text-secondary);font-size:11px;font-weight:600}.badge-success{background:var(--color-success-soft);color:var(--color-success)}.badge-warning{background:var(--color-warning-soft);color:var(--color-warning)}.badge-danger{background:var(--color-error-soft);color:var(--color-error)}.badge-info{background:var(--color-info-soft);color:var(--color-info)}.badge-accent{background:var(--color-primary-soft);color:var(--color-primary)}.table{width:100%;border-collapse:collapse}.table th{padding:0 var(--spacing-md);height:var(--table-row-height-compact);text-align:left;border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-size:11px;font-weight:700;letter-spacing:0;text-transform:uppercase}.table td{padding:0 var(--spacing-md);min-height:var(--table-row-height-comfortable);height:var(--table-row-height-comfortable);border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-size:13px}.table tr:hover td{background:var(--color-secondary-soft)}.ui-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:12px;font-weight:600}.ui-breadcrumb__separator{color:var(--color-border)}.ui-page-header{display:grid;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.ui-page-header__row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-lg)}.ui-page-header__content{flex:1 1 auto;min-width:0}.ui-page-header__title-line{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs) var(--spacing-sm);min-width:0}.ui-page-header__title-line app-status-badge{flex:0 0 auto}.ui-page-header h1{min-width:0;color:var(--color-text-primary);font-size:24px;font-weight:750;line-height:1.2;letter-spacing:0;overflow-wrap:anywhere}.ui-page-header p{max-width:720px;margin-top:var(--spacing-xs);color:var(--color-text-secondary);font-size:13px}.ui-page-header__actions,.ui-action-bar{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--spacing-sm)}.ui-page-header__actions{flex:0 0 auto}.ui-action-bar{justify-content:space-between;padding:var(--spacing-md);margin-bottom:var(--spacing-md);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.ui-filter-bar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(150px,180px) minmax(160px,220px) minmax(145px,170px) auto auto;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.ui-filter-bar__search{min-width:220px}.ui-data-table{overflow:visible;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.ui-data-table table{width:100%;border-collapse:collapse}.ui-data-table th{height:var(--table-row-height-compact);padding:0 var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-size:11px;font-weight:700;letter-spacing:0;text-transform:uppercase}.ui-data-table td{height:var(--table-row-height-comfortable);padding:0 var(--spacing-md);border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-size:13px;vertical-align:middle}.ui-data-table tbody tr:last-child td{border-bottom:0}.ui-data-table tbody tr:hover td{background:var(--color-secondary-soft)}.ui-data-table__person{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.ui-data-table__actions{width:88px;text-align:right}.ui-row-menu{position:relative;display:inline-flex;justify-content:flex-end}.ui-row-menu summary{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);list-style:none}.ui-row-menu summary::-webkit-details-marker{display:none}.ui-row-menu[open] summary{background:var(--color-secondary-soft);color:var(--color-text-primary)}.ui-row-menu div{position:absolute;top:calc(100% + var(--spacing-xs));right:0;z-index:20;min-width:168px;padding:var(--spacing-xs);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.ui-row-menu button{width:100%;min-height:36px;padding:0 var(--spacing-sm);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-primary);text-align:left}.ui-row-menu button:hover{background:var(--color-secondary-soft)}.ui-row-menu button.danger{color:var(--color-error)}.ui-status-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:var(--radius-full);font-size:11px;font-weight:700;line-height:1}.ui-status-badge--success{background:var(--color-success-soft);color:var(--color-success)}.ui-status-badge--info{background:var(--color-info-soft);color:var(--color-info)}.ui-status-badge--warning{background:var(--color-warning-soft);color:var(--color-warning)}.ui-status-badge--error{background:var(--color-error-soft);color:var(--color-error)}.ui-status-badge--secondary{background:var(--color-secondary-soft);color:var(--color-text-secondary)}.ui-status-badge--confidential{background:var(--color-confidential-soft);color:var(--color-confidential)}.ui-person-avatar{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-primary);font-size:12px;font-weight:800;flex-shrink:0}.ui-person-avatar img{width:100%;height:100%;object-fit:cover}.ui-state{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xl);text-align:center}.ui-state__icon{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:var(--color-primary-soft);color:var(--color-primary);font-size:20px;font-weight:800}.ui-state--error .ui-state__icon{background:var(--color-error-soft);color:var(--color-error)}.ui-state h2{color:var(--color-text-primary);font-size:16px;font-weight:750}.ui-state p{max-width:440px;color:var(--color-text-secondary);font-size:13px}.ui-skeleton{display:grid;gap:var(--spacing-sm);padding:var(--spacing-md)}.ui-skeleton span{min-height:16px;border-radius:var(--radius-md);background:linear-gradient(90deg,var(--color-border),var(--color-bg-page),var(--color-border));background-size:200% 100%;animation:uiSkeletonPulse 1.2s ease-in-out infinite}.ui-skeleton--header span:first-child{width:240px;height:28px}.ui-skeleton--card span{height:44px}.ui-skeleton--table span{height:var(--table-row-height-comfortable)}.ui-skeleton--drawer span{height:40px}.ui-pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md);border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:13px}.ui-pagination__actions{display:flex;align-items:center;gap:var(--spacing-sm)}.ui-sensitive-field{display:inline-flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-primary)}.ui-sensitive-field--blocked{color:var(--color-confidential)}.ui-sensitive-field button{border:0;background:transparent;color:var(--color-primary);font-size:12px;font-weight:700}.ui-permission-gate--disabled{display:inline-flex;pointer-events:none;opacity:.55}.ui-permission-message{padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-surface);color:var(--color-text-secondary);font-size:13px}.ui-drawer-backdrop,.ui-dialog-backdrop{position:fixed;inset:0;z-index:80;background:var(--overlay-backdrop)}.ui-drawer{position:fixed;top:0;right:0;bottom:0;z-index:90;width:min(var(--drawer-width),100vw);display:flex;flex-direction:column;background:var(--color-bg-surface);box-shadow:var(--shadow-drawer)}.ui-drawer--large{width:min(var(--drawer-width-large),100vw)}.ui-drawer__header,.ui-drawer__footer{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.ui-drawer__header h2{color:var(--color-text-primary);font-size:18px;font-weight:750}.ui-drawer__header p{margin-top:var(--spacing-xs);color:var(--color-text-secondary);font-size:13px}.ui-drawer__body{flex:1;overflow:auto;padding:var(--spacing-lg)}.ui-drawer__footer{justify-content:flex-end;border-top:1px solid var(--color-border);border-bottom:0}.ui-icon-button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-surface);color:var(--color-text-secondary)}.ui-tabs{display:flex;align-items:center;gap:var(--spacing-xs);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-md)}.ui-tabs button{min-height:40px;padding:0 var(--spacing-md);border:0;border-bottom:2px solid transparent;background:transparent;color:var(--color-text-secondary);font-weight:700}.ui-tabs button.active{border-color:var(--color-primary);color:var(--color-primary)}.ui-tabs__badge{min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;margin-left:var(--spacing-xs);padding:0 var(--spacing-xs);border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-primary);font-size:10px;font-weight:800}.ui-confirm-dialog{position:fixed;top:50%;left:50%;z-index:91;width:min(420px,calc(100vw - (var(--spacing-lg) * 2)));transform:translate(-50%,-50%);display:grid;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.ui-confirm-dialog h2{color:var(--color-text-primary);font-size:18px;font-weight:750}.ui-confirm-dialog p{color:var(--color-text-secondary);font-size:13px}.ui-confirm-dialog footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.ui-metric-card{display:grid;gap:var(--spacing-xs);padding:var(--spacing-lg);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.ui-metric-card span{color:var(--color-text-secondary);font-size:12px;font-weight:700}.ui-metric-card strong{color:var(--color-text-primary);font-size:28px;line-height:1.1}.ui-metric-card p,.ui-metric-card small{color:var(--color-text-secondary);font-size:13px}.ui-metric-card--success{border-color:var(--color-success)}.ui-metric-card--warning{border-color:var(--color-warning)}.ui-metric-card--error{border-color:var(--color-error)}.ui-metric-card--info{border-color:var(--color-info)}.ui-branch-selector{display:grid;gap:var(--spacing-xs);color:var(--color-text-secondary);font-size:12px;font-weight:700}.ui-branch-selector--compact span{position:absolute;width:1px;height:1px;overflow:hidden}.ui-quick-action{min-height:72px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--spacing-sm) var(--spacing-md);width:100%;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-surface);color:var(--color-text-primary);text-align:left;box-shadow:var(--shadow-card)}.ui-quick-action span{grid-row:span 2;color:var(--color-primary);font-size:20px}.ui-quick-action strong{font-size:14px}.ui-quick-action small{color:var(--color-text-secondary);font-size:12px}@keyframes uiSkeletonPulse{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}@media(max-width:900px){.container{padding:0 var(--container-padding-tablet)}.ui-page-header__row,.ui-pagination{align-items:stretch;flex-direction:column}.ui-page-header__actions{justify-content:flex-start}.ui-filter-bar{grid-template-columns:1fr 1fr}}@media(max-width:640px){.container{padding:0 var(--container-padding-mobile)}.ui-filter-bar{grid-template-columns:1fr}.ui-data-table{overflow-x:auto}.ui-data-table table{min-width:640px}.ui-page-header__title-line{align-items:flex-start;flex-direction:column}}