.loading-spinner-sm{width:16px;height:16px}.loading-spinner-md{width:24px;height:24px}.loading-spinner-lg{width:32px;height:32px}.loading-spinner-xl{width:48px;height:48px}.loading-text-primary{color:var(--color-primary-600,#2563eb)}.loading-text-secondary{color:var(--color-gray-600,#4b5563)}.loading-text-white{color:var(--color-white,#ffffff)}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:var(--color-background-overlay,rgba(255,255,255,.75));z-index:var(--z-index-modal-backdrop,1000)}.loading-overlay-content{text-align:center}.loading-overlay-title{font-size:var(--font-size-xl,1.25rem);font-weight:var(--font-weight-semibold,600);color:var(--color-text-primary,#111827);margin-bottom:var(--spacing-2)}.loading-overlay-subtitle{color:var(--color-text-secondary,#4b5563);margin-bottom:var(--spacing-4)}.loading-overlay-text{font-size:var(--font-size-sm,.875rem);color:var(--color-text-tertiary,#6b7280)}.loading-progress-container{width:100%}.loading-progress-bar-wrapper{display:flex;align-items:center}.loading-progress-bar-wrapper-row{flex-direction:row}.loading-progress-bar-wrapper-row-reverse{flex-direction:row-reverse}.loading-progress-track{flex:1 1;background:var(--color-gray-200,#e5e7eb);border-radius:9999px;overflow:hidden}.loading-progress-bar{height:100%;transition:all .3s ease-in-out;background:var(--color-primary-600,#2563eb)}.loading-progress-bar-animated{animation:pulse 1.5s ease-in-out infinite}.loading-progress-label{font-size:var(--font-size-sm,.875rem);font-weight:var(--font-weight-medium,500);color:var(--color-text-primary,#374151)}.loading-progress-label-top{margin-bottom:var(--spacing-2)}.loading-progress-label-bottom{margin-top:var(--spacing-2)}.loading-progress-label-left{margin-right:var(--spacing-2)}.loading-progress-label-right{margin-left:var(--spacing-2)}.loading-skeleton-item{background:var(--color-gray-200,#e5e7eb);border-radius:var(--border-radius-sm,4px)}.loading-skeleton-item-animated{animation:pulse 1.5s ease-in-out infinite}.loading-skeleton-container{display:flex;flex-direction:column;gap:var(--spacing-2)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hierarchical-select{width:100%}.hierarchical-select-container{display:flex;flex-direction:column;gap:var(--spacing-2)}.hierarchical-label{display:block;margin-bottom:var(--spacing-2);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.required-indicator{color:var(--color-error-600)}.hierarchical-controls{display:flex;gap:var(--spacing-2);align-items:center;margin-bottom:var(--spacing-2)}.hierarchical-select-field{flex:1 1}.hierarchical-panel{background:var(--color-background-primary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-md);padding:var(--spacing-2);margin-top:var(--spacing-1);box-shadow:var(--shadow-lg);display:block;position:relative;z-index:var(--z-index-dropdown)}.error-message{color:var(--color-error-600);font-size:var(--font-size-xs);margin-top:var(--spacing-1)}.partial-error-banner{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--border-radius-md);border:1px solid;margin-bottom:var(--spacing-4);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.partial-error-banner__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:2px}.partial-error-banner__content{flex:1 1;min-width:0}.partial-error-banner__title{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.partial-error-banner__list{list-style:none;padding:0;margin:0}.partial-error-banner__item{margin-bottom:var(--spacing-1)}.partial-error-banner__item:last-child{margin-bottom:0}.partial-error-banner__message{color:inherit}.partial-error-banner--warning{background-color:var(--color-warning-100,#fef3c7);border-color:var(--color-warning-400,#fbbf24);color:var(--color-warning-900,#92400e)}.partial-error-banner--warning .partial-error-banner__icon{color:var(--color-warning-500,#f59e0b)}.partial-error-banner--error{background-color:var(--color-error-100,#fee2e2);border-color:var(--color-error-400,#f87171);color:var(--color-error-900,#7f1d1d)}.partial-error-banner--error .partial-error-banner__icon{color:var(--color-error-500,#ef4444)}.partial-error-banner--info{background-color:var(--color-info-100,#dbeafe);border-color:var(--color-info-400,#60a5fa);color:var(--color-info-900,#1e3a8a)}.partial-error-banner--info .partial-error-banner__icon{color:var(--color-info-500,#3b82f6)}@media (max-width:640px){.partial-error-banner{padding:var(--spacing-3);gap:var(--spacing-2)}.partial-error-banner__title{font-size:var(--font-size-sm)}.partial-error-banner__item{font-size:var(--font-size-xs)}}body,html{margin:0;padding:0}body{font-family:var(--font-family-inter);background:var(--color-background-primary);color:var(--color-text-primary)}*{font-family:Inter!important}.hidden-column{display:none!important}.date-range-filter{margin-bottom:var(--spacing-6)}.date-range-filter-row{display:flex;align-items:flex-end;gap:var(--spacing-4);flex-wrap:wrap}.date-range-filter-field{display:flex;flex-direction:column;gap:var(--spacing-1)}.date-range-filter-actions{display:flex;gap:var(--spacing-3);margin-left:auto}.vendor-portal{position:absolute;left:var(--portal-left,0);top:var(--portal-top,0);width:var(--portal-width,auto);z-index:var(--z-index-dropdown);background:var(--color-background-primary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-md);padding:var(--spacing-2);box-shadow:var(--shadow-lg)}.vendor-progress-fill{width:var(--progress-width,0);height:100%;background:var(--color-primary-600)}.chart-bar-dynamic,.vendor-progress-fill{transition:width var(--duration-normal,.3s) ease}.chart-bar-dynamic{width:var(--chart-width,0)}.file-upload-container{width:100%}.file-upload-dropzone{border:2px dashed var(--color-border-primary);border-radius:var(--border-radius-md);padding:var(--spacing-6);text-align:center;transition:all var(--duration-fast,.2s) ease;cursor:pointer;background:var(--color-background-secondary);min-height:120px;display:flex;align-items:center;justify-content:center;position:relative}.file-upload-dropzone:hover{border-color:var(--color-primary-600);background:var(--color-background-primary)}.file-upload-dropzone--active{border-color:var(--color-primary-600);background:var(--color-primary-50)}.file-upload-dropzone--disabled{opacity:.5;cursor:not-allowed}.file-upload-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2)}.file-upload-upload-icon{width:2rem;height:2rem;color:var(--color-text-secondary)}.file-upload-placeholder-text{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.file-upload-selected{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-2);background:var(--color-background-primary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-sm)}.file-upload-file-info{display:flex;align-items:center;gap:var(--spacing-2);flex:1 1}.file-upload-file-icon{width:1.5rem;height:1.5rem;color:var(--color-primary-600)}.file-upload-file-details{display:flex;flex-direction:column;align-items:flex-start}.file-upload-file-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary);font-size:var(--font-size-sm)}.file-upload-file-size{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.file-upload-remove-btn{flex-shrink:0}.file-upload-error{color:var(--color-error-600);font-size:var(--font-size-xs);margin-top:var(--spacing-1)}.document-download-link{display:none}.document-card{transition:box-shadow var(--duration-fast,.2s) ease}.document-card:hover{box-shadow:var(--shadow-md)}.document-card-header{padding-bottom:var(--spacing-3)}.document-card-content{display:flex;align-items:center;justify-content:space-between}.document-card-info{display:flex;align-items:center;gap:var(--spacing-3)}.document-card-icon{padding:var(--spacing-2);background-color:var(--color-info-100);border-radius:var(--border-radius-md)}.document-icon{width:1.25rem;height:1.25rem;color:var(--color-info-600)}.document-card-details{display:flex;flex-direction:column;align-items:flex-start}.document-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.document-description{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--spacing-1)}.document-card-actions{padding-top:0}.document-action-button{width:100%}.document-button-icon{width:1rem;height:1rem;margin-right:var(--spacing-2)}.dashboard-shell{position:relative;width:100vw;height:100vh;display:flex;overflow:hidden}.dashboard-main-wrapper{flex:1 1;height:100%;overflow:hidden;margin-left:var(--sidebar-width);transition:margin-left var(--duration-normal,.3s) ease}.dashboard-main{height:100%;overflow-y:auto;background:var(--color-background-secondary);padding:var(--spacing-6)}.overview-container{width:100%;margin:0;padding:var(--spacing-6) var(--spacing-8);box-sizing:border-box}.overview-content{display:flex;flex-direction:column;gap:var(--spacing-8,32px);height:100%;min-height:0}.overview-error-container,.renewal-error-container{padding:var(--spacing-6);background-color:var(--color-error-50);border:2px solid var(--color-error-200);border-radius:var(--border-radius-md);margin:var(--spacing-4) 0}.overview-error-container h3{color:var(--color-error-700);margin:0 0 var(--spacing-2) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.overview-error-container p{color:var(--color-error-600);margin:0 0 var(--spacing-3) 0;font-size:var(--font-size-sm)}.overview-error-container details{margin:var(--spacing-3) 0}.overview-error-container summary{color:var(--color-error-600);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.overview-error-container pre{background-color:var(--color-error-100);border:1px solid var(--color-error-200);border-radius:var(--border-radius-sm);padding:var(--spacing-2);margin:var(--spacing-2) 0;font-size:var(--font-size-xs);color:var(--color-error-700);overflow-x:auto}.overview-error-container .retry-button{background-color:var(--color-error-600);color:var(--color-text-inverse);border:none;border-radius:var(--border-radius-sm);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--duration-fast,.2s)}.overview-error-container .retry-button:hover{background-color:var(--color-error-700)}.renewal-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--spacing-6);gap:var(--spacing-6)}@media (min-width:1024px){.renewal-grid{grid-template-columns:2fr 1fr}}.overview-section--half{height:55vh;min-height:528px;display:flex;flex-direction:column;gap:var(--spacing-6)}.fill-available{flex:1 1 auto;display:flex;align-items:center;justify-content:center}.selected-vendors-display{margin-bottom:var(--spacing-4)}.selected-vendors-header{margin-bottom:var(--spacing-2);display:flex;align-items:center;gap:var(--spacing-2)}.selected-vendors-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.selected-vendors-clear{margin-left:var(--spacing-2)}.selected-vendors-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.selected-vendor-tag{background-color:transparent;color:var(--color-text-primary);border:none;display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-3);max-width:200px;border-radius:0}.selected-vendor-tag-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1}.selected-vendor-tag-remove{width:var(--spacing-4);height:var(--spacing-4);flex-shrink:0;color:inherit;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.renewal-timeline-card-overdue{background-color:var(--color-error-50)!important}.renewal-timeline-card-today,.renewal-timeline-card-urgent,.renewal-timeline-card-warning{background-color:var(--color-warning-50)!important}.renewal-timeline-card-normal{background-color:var(--color-success-50)!important}.renewal-timeline-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-2)}.renewal-timeline-card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.renewal-timeline-card-status{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.renewal-timeline-card-status-overdue{color:var(--color-error-700)}.renewal-timeline-card-status-today,.renewal-timeline-card-status-urgent,.renewal-timeline-card-status-warning{color:var(--color-warning-700)}.renewal-timeline-card-status-normal{color:var(--color-success-700)}.renewal-timeline-card-details{display:flex;flex-direction:column;gap:var(--spacing-2)}.renewal-timeline-card-detail{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4}.table-header-content{display:flex;align-items:center;gap:var(--spacing-1)}.table-header-content-width{width:var(--column-width,auto)}.table-cell-actions{overflow:visible;position:relative;z-index:var(--z-index-base)}.table-cell-actions .dropdown-menu{z-index:var(--z-index-dropdown)!important;position:absolute!important;top:100%!important;right:0!important;min-width:150px!important}.renewal-timeline-container{width:100%;font-size:0}.renewal-timeline-month-section{margin-bottom:var(--spacing-4)}.renewal-timeline-month-header{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-3) 0}.renewal-timeline-month-content{display:block;width:100%}.renewal-actions-menu{position:absolute;top:100%;right:0;z-index:var(--z-index-maximum)!important;background-color:var(--color-background-primary);border:1px solid var(--color-neutral-200);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);min-width:150px;overflow:visible}