:root{--tl-bg-body: #f5f5f5;--tl-bg-page: #fafafa;--tl-bg-card: #ffffff;--tl-bg-subtle: #f5f5f5;--tl-bg-hover: #f3f2f1;--tl-bg-selected: #e1dfdd;--tl-border: #e0e0e0;--tl-border-subtle: #f3f2f1;--tl-text-primary: #323130;--tl-text-secondary: #605e5c;--tl-text-tertiary: #8a8886;--tl-header-bg: #0078d4;--tl-header-fg: #ffffff;--tl-header-title: #ffffff;--tl-header-border: transparent;--tl-brand: #0078d4;--tl-brand-strong: #005a9e;--tl-success: #107c10;--tl-success-alt: #10b981;--tl-warning: #f59e0b;--tl-danger: #d83b01;--tl-error: #a4262c;--tl-purple: #8b5cf6;--tl-info: #3b82f6;--tl-brand-bg: #f0f6ff;--tl-success-bg: #dff6dd;--tl-warning-bg: #fff4ce;--tl-danger-bg: #fde7e9;--tl-purple-bg: #f3f0ff;--tl-card-shadow: 0 1px 3px rgba(0, 0, 0, .1);color-scheme:light}:root[data-tl-theme=dark]{--tl-bg-body: #101418;--tl-bg-page: #14181e;--tl-bg-card: #1d232b;--tl-bg-subtle: #171c22;--tl-bg-hover: #242b34;--tl-bg-selected: #242c35;--tl-border: #333b45;--tl-border-subtle: #262e38;--tl-text-primary: #eef2f6;--tl-text-secondary: #ccd4dc;--tl-text-tertiary: #99a3b0;--tl-header-bg: #151a21;--tl-header-fg: #dee5ec;--tl-header-title: #56a5e2;--tl-header-border: #262e38;--tl-brand: #5eb2ec;--tl-brand-strong: #3a96de;--tl-success: #7bc87b;--tl-success-alt: #7bc87b;--tl-warning: #f5a83c;--tl-danger: #ff8a68;--tl-error: #ff8a68;--tl-purple: #b9a5e3;--tl-info: #5eb2ec;--tl-brand-bg: #15304b;--tl-success-bg: #16321a;--tl-warning-bg: #3a2a10;--tl-danger-bg: #3b1c12;--tl-purple-bg: #2c2542;--tl-card-shadow: 0 1px 3px rgba(0, 0, 0, .55);color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}.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}html,body,#root{height:100%;width:100%}body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--tl-bg-body);color:var(--tl-text-primary)}.app-container{display:flex;flex-direction:column;height:100%}.app-header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:48px;background-color:var(--tl-header-bg);color:var(--tl-header-fg);border-bottom:1px solid var(--tl-header-border)}.app-header h1{font-size:16px;font-weight:600;color:var(--tl-header-title)}.app-body{display:flex;flex:1;overflow:hidden}.app-nav{width:220px;background-color:var(--tl-bg-card);border-right:1px solid var(--tl-border);padding:16px 0;overflow-y:auto}.app-nav a{display:flex;align-items:center;gap:12px;padding:12px 24px;color:var(--tl-text-primary);text-decoration:none;font-size:14px;transition:background-color .15s ease}.app-nav a:hover{background-color:var(--tl-bg-hover)}.app-nav a.active{background-color:var(--tl-bg-selected);font-weight:600}.app-content{flex:1;padding:24px;overflow-y:auto;background-color:var(--tl-bg-body)}.page-header{margin-bottom:24px}.page-header h2{font-size:24px;font-weight:600;color:var(--tl-text-primary);margin-bottom:8px}.page-header p{color:var(--tl-text-secondary);font-size:14px}.card{background-color:var(--tl-bg-card);border-radius:8px;box-shadow:var(--tl-card-shadow);padding:20px;margin-bottom:16px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-title{font-size:16px;font-weight:600;color:var(--tl-text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background-color:var(--tl-bg-card);border-radius:8px;box-shadow:var(--tl-card-shadow);padding:20px;display:flex;flex-direction:column}.stat-value{font-size:32px;font-weight:700;color:var(--tl-brand);margin-bottom:4px}.stat-label{font-size:14px;color:var(--tl-text-secondary)}.status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500}.table-container{overflow-x:auto}.loading-container{display:flex;align-items:center;justify-content:center;padding:48px}.error-container{padding:24px;text-align:center;color:var(--tl-error)}.empty-state{padding:48px;text-align:center;color:var(--tl-text-secondary)}.toolbar{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:8px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.detail-section{background-color:var(--tl-bg-card);border-radius:8px;box-shadow:var(--tl-card-shadow);padding:20px}.detail-section h3{font-size:16px;font-weight:600;color:var(--tl-text-primary);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--tl-border)}.detail-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--tl-border-subtle)}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--tl-text-secondary);font-size:14px}.detail-value{color:var(--tl-text-primary);font-size:14px;font-weight:500}.timeline{position:relative;padding-left:24px}.timeline:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background-color:var(--tl-border)}.timeline-item{position:relative;padding-bottom:16px}.timeline-item:before{content:"";position:absolute;left:-20px;top:4px;width:12px;height:12px;border-radius:50%;background-color:var(--tl-brand);border:2px solid var(--tl-bg-card)}.timeline-item.completed:before{background-color:var(--tl-success)}.timeline-date{font-size:12px;color:var(--tl-text-secondary)}.timeline-content{font-size:14px;color:var(--tl-text-primary)}.document-list{display:flex;flex-direction:column;gap:8px}.document-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background-color:var(--tl-bg-subtle);border-radius:4px}.document-info{display:flex;align-items:center;gap:12px}.document-name{font-size:14px;font-weight:500;color:var(--tl-text-primary)}.document-meta{font-size:12px;color:var(--tl-text-secondary)}.action-buttons{display:flex;gap:8px}.data-table-container{width:100%}.data-table-search{margin-bottom:16px}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s ease}.sortable-header:hover{background-color:var(--tl-bg-subtle)}.header-content{display:flex;align-items:center;gap:4px}.sort-icon{display:inline-flex;align-items:center;margin-left:4px;color:var(--tl-brand)}.sort-icon-inactive{opacity:0;transition:opacity .15s ease}.sortable-header:hover .sort-icon-inactive{opacity:.3}
