*{box-sizing:border-box;margin:0;padding: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:#f5f5f5}.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:#0078d4;color:#fff}.app-header h1{font-size:16px;font-weight:600}.app-body{display:flex;flex:1;overflow:hidden}.app-nav{width:220px;background-color:#fff;border-right:1px solid #e0e0e0;padding:16px 0;overflow-y:auto}.app-nav a{display:flex;align-items:center;gap:12px;padding:12px 24px;color:#323130;text-decoration:none;font-size:14px;transition:background-color .15s ease}.app-nav a:hover{background-color:#f3f2f1}.app-nav a.active{background-color:#e1dfdd;font-weight:600}.app-content{flex:1;padding:24px;overflow-y:auto;background-color:#f5f5f5}.page-header{margin-bottom:24px}.page-header h2{font-size:24px;font-weight:600;color:#323130;margin-bottom:8px}.page-header p{color:#605e5c;font-size:14px}.card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;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:#323130}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px;display:flex;flex-direction:column}.stat-value{font-size:32px;font-weight:700;color:#0078d4;margin-bottom:4px}.stat-label{font-size:14px;color:#605e5c}.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:#a4262c}.empty-state{padding:48px;text-align:center;color:#605e5c}.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:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px}.detail-section h3{font-size:16px;font-weight:600;color:#323130;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #e0e0e0}.detail-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f3f2f1}.detail-row:last-child{border-bottom:none}.detail-label{color:#605e5c;font-size:14px}.detail-value{color:#323130;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:#e0e0e0}.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:#0078d4;border:2px solid #ffffff}.timeline-item.completed:before{background-color:#107c10}.timeline-date{font-size:12px;color:#605e5c}.timeline-content{font-size:14px;color:#323130}.document-list{display:flex;flex-direction:column;gap:8px}.document-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background-color:#f5f5f5;border-radius:4px}.document-info{display:flex;align-items:center;gap:12px}.document-name{font-size:14px;font-weight:500;color:#323130}.document-meta{font-size:12px;color:#605e5c}.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:#f5f5f5}.header-content{display:flex;align-items:center;gap:4px}.sort-icon{display:inline-flex;align-items:center;margin-left:4px;color:#0078d4}.sort-icon-inactive{opacity:0;transition:opacity .15s ease}.sortable-header:hover .sort-icon-inactive{opacity:.3}