.kwaray-portal{color:#232f3e;padding-top:60px}.kwaray-portal__off-canvas{background-color:#fff;display:flex;flex-direction:row;height:100vh;left:0;position:fixed;top:0;transition:.5s;width:386px;z-index:9999}.kwaray-portal__off-canvas.off-canvas{left:-330px;transition:.5s}.kwaray-portal__off-canvas-content{padding:30px 15px 15px;width:330px}.kwaray-portal__off-canvas-content .user-badge{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px}.kwaray-portal__off-canvas-content .user-badge .user-name{margin:20px 0}.kwaray-portal__off-canvas-content .user-badge .user-image{background:#e6e6e6;border-radius:100px;height:100px;overflow:hidden;width:100px}.kwaray-portal__off-canvas-navigation{width:100%}.kwaray-portal__off-canvas-navigation ul{list-style-type:none;margin:0;padding:0}.kwaray-portal__off-canvas-navigation a{display:block;padding:10px 20px;text-decoration:none}.kwaray-portal__off-canvas-navigation a:hover{background-color:#e6e6e6}.kwaray-portal-container{display:flex;flex-direction:column;height:100%;justify-content:flex-start;margin-bottom:60px;min-height:100vh;padding-left:56px;width:100%}.kwaray-portal-container .dnd-section>.row-fluid{max-width:100%}.kwaray-portal-container .dnd-section .dnd-column{margin:0;padding:0}.column.toolbar{align-items:flex-start;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;display:flex;flex:0 0 auto;width:auto}.kwaray-portal-header{display:flex;margin:auto;max-width:1500px;padding:0 40px;width:100%}.kwaray-portal-container .kwaray-portal-header{padding:0 40px}.kwaray-portal-header .dnd-section,.kwaray-portal-header .dnd-section .dnd-column,.one-column-layout .dnd-section{padding:0}.one-column-layout{display:flex;gap:20px;margin:0 auto;max-width:1500px;min-width:0;padding:0 40px;width:100%}.one-column-layout .kwaray-portal-header{padding:0}.two-column-layout{display:flex;flex:1 1 auto;gap:20px;margin:0 auto;max-width:1500px;min-width:0;padding:0 40px;width:100%}.column{width:100%}.column-sticky{position:sticky;top:130px}.column.left-column{flex:1 1 auto;min-width:0}.column.right-column{flex:0 0 350px}.kwaray-portal__hamburger{border-radius:10px;display:flex;flex-direction:column;gap:6px;margin:15px 5px 0;padding:10px}.kwaray-portal__hamburger:hover{background-color:#e6e6e6;cursor:pointer}.kwaray-portal__hamburger-line{background:#000;height:3px;width:26px}.upload-form{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;padding:20px}.kwaray-portal .form-row{display:flex;gap:20px;margin-bottom:15px}.kwaray-portal .form-group{display:flex;flex:1;flex-direction:column}.kwaray-portal .form-group.full-width{flex:1 1 100%}.kwaray-portal .form-group label{color:#959595;font-size:11px;font-weight:500}.kwaray-portal .form-input,.kwaray-portal .form-select,.kwaray-portal .form-textarea,.kwaray-portal .upload-input{background-color:#fff;border:1px solid #ddd;border-radius:10px;font-size:14px;min-height:45px;min-width:100%;padding:10px;transition:border-color .2s,box-shadow .2s;width:100%}.kwaray-portal .form-input:focus,.kwaray-portal .form-select:focus,.kwaray-portal .form-textarea:focus{border-color:#009345;outline:none}.kwaray-portal .form-textarea{font-family:inherit;min-height:60px;resize:vertical}.kwaray-portal .form-input::placeholder,.kwaray-portal .form-textarea::placeholder{color:#999;font-style:italic}.required-indicator{color:#dc3545;font-weight:700;margin-left:2px}.form-input[required],.form-select[required],.form-textarea[required]{border-left:3px solid red}.form-input[required]:focus,.form-select[required]:focus,.form-textarea[required]:focus{border-left-color:red;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.form-input[required].error,.form-select[required].error,.form-textarea[required].error{border-color:#dc3545;box-shadow:0 0 0 2px rgba(220,53,69,.25)}.form-required-legend{color:#666;font-size:12px;font-style:italic;margin-bottom:15px}.form-required-legend .required-indicator{color:#dc3545;font-weight:700}.form-group.has-error .required-indicator,.form-group.has-error label{color:#dc3545}.form-input.error,.form-select.error,.form-textarea.error{border-color:#dc3545;box-shadow:0 0 0 2px rgba(220,53,69,.25)}.form-error-message{color:#dc3545;display:none;font-size:12px;margin-top:4px}.form-group.has-error .form-error-message{display:block}.upload-dropzone-container{margin-top:10px}.upload-dropzone{align-items:center;background-color:#f8f9fa;border:2px dashed #354133;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:40px 20px;transition:all .3s ease}.upload-dropzone:hover{background-color:#dfebdd;border-color:#354133}.upload-dropzone.dragover{background-color:#dfebdd;border-color:354133}.upload-dropzone.required{border-left:3px solid #009345}.upload-dropzone.required.error{border-left-color:#dc3545}.upload-dropzone.has-files{background-color:#d4edda;border-color:#28a745}.upload-dropzone.has-files .upload-primary{color:#155724}.upload-input{display:none}.upload-icon{color:#009345;margin-bottom:16px}.upload-text{text-align:center}.upload-primary{color:#333;font-size:18px;font-weight:600;margin-bottom:8px}.upload-secondary{color:#666;font-size:14px;margin-bottom:4px}.upload-size{color:#999;font-size:12px}.selected-files-preview{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;margin-top:15px;padding:15px}.selected-files-preview h4{color:#333;font-size:14px;margin:0 0 10px}.selected-files-list{list-style:none;margin:0;padding:0}.selected-file-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:8px 0}.selected-file-item:last-child{border-bottom:none}.file-info-left{display:flex;flex:1;flex-direction:column}.file-name{color:#333;font-weight:500;margin-bottom:2px}.file-details{color:#666;font-size:12px}.remove-file-btn{background:none;border:none;border-radius:3px;color:#dc3545;cursor:pointer;font-size:12px;padding:4px 8px;transition:background-color .2s ease}.remove-file-btn:hover{background-color:#f8d7da}.kwaray-portal .form-group.form-actions{border-top:1px solid #e0e0e0;display:flex;flex-direction:row;gap:15px;justify-content:center;margin-top:20px;padding-top:15px}.upload-submit-btn:disabled{background-color:#6c757d;border:1px solid #6c757d;cursor:not-allowed;opacity:.6}.upload-progress{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-top:20px;padding:20px}.progress-bar{background-color:#e9ecef;border-radius:10px;height:20px;margin-bottom:10px;overflow:hidden;width:100%}.progress-fill{background-color:#009345;border-radius:10px;height:100%;transition:width .3s ease}.progress-text{color:#333;text-align:center}.upload-results{margin-top:20px}.upload-success{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724}.upload-error,.upload-success{margin-bottom:10px;padding:15px}.upload-error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px}.error-message,.success-message{font-weight:500;margin:0}.error-list,.success-list{margin:10px 0 0;padding-left:20px}.error-list li,.success-list li{margin-bottom:4px}.upload-modal{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.upload-modal-overlay{background-color:rgba(0,0,0,.5);cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.upload-modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.3);max-height:90vh;max-width:800px;overflow:hidden;position:relative;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.upload-modal-header{align-items:center;background-color:#354233;display:flex;justify-content:space-between;padding:10px 20px}.upload-modal .upload-modal-content .upload-modal-header h3{color:#fff;font-family:futura-pt,sans-serif!important;font-size:20px;font-weight:500;margin:0}.upload-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:4px;transition:all .2s ease;width:32px}.upload-modal-close:active,.upload-modal-close:focus,.upload-modal-close:hover{background-color:#fff;border-radius:4px;color:#354233;padding:4px;transform:translateY(0)}.upload-modal-body{max-height:calc(90vh - 80px);overflow-y:auto;padding:30px}.upload-modal-body::-webkit-scrollbar{width:8px}.upload-modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.upload-modal-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.upload-modal-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.upload-modal .upload-form{background-color:transparent;border:none;border-radius:0;margin-bottom:20px;padding:0}.upload-modal .upload-dropzone{min-height:150px}@media (max-width:768px){.upload-modal-content{margin:20px;max-height:calc(100vh - 40px);width:95%}.upload-modal-header{padding:15px 20px}.upload-modal-body{max-height:calc(100vh - 120px);padding:20px}.upload-modal .form-row{flex-direction:column}}.kwaray-portal h1,.kwaray-portal h2,.kwaray-portal h3,.kwaray-portal h4,.kwaray-portal h5,.kwaray-portal h6{color:#232f3e;font-family:futura-pt,sans-serif!important;font-size:48px;font-weight:500;letter-spacing:-.2px}.info-heading{font-size:20px;font-weight:500;letter-spacing:-.2px;line-height:1.5em}.info-heading,.kwaray-container{font-family:futura-pt,sans-serif!important}.kwaray-container{background:#fff;border:none;border-radius:8px;box-shadow:0 0 14px 0 rgba(0,7,22,.14)}.kwaray-button{color:#354233;cursor:pointer;font-family:futura-pt,sans-serif!important;font-size:14px;font-weight:500;letter-spacing:-.2px;padding:6px 22px;text-decoration:none;text-transform:none}.kwaray-button:active,.kwaray-button:focus,.kwaray-button:hover{font-weight:500;letter-spacing:-.2px;padding:6px 22px;text-transform:none;transform:translateY(0)}.kwaray-button-hollow{background:none;border:1px solid #009345;border-radius:30px;color:#354233}.kwaray-button-hollow:active,.kwaray-button-hollow:focus,.kwaray-button-hollow:hover{background:#009345;border:1px solid #009345;border-radius:30px;color:#fff}.kwaray-button-filled{border-radius:30px}.kwaray-button-filled,.kwaray-button-filled:hover{background-color:#ea6514;color:#fff}.kwaray-button-no-border{background:none;border:none;color:#009345;padding:0}.kwaray-button-no-border:hover{color:#232f3e}.task-list{margin:16px 0;padding:20px}.task-list h2{margin-bottom:0}.task-list span{display:inline-block}.task-list .stat-value{font-size:48px;line-height:48px;margin-bottom:30px}.task-list .stat-label{font-size:16px;line-height:16px}.task-list .tasks-cta{margin-top:16px;text-align:center}.sortable-header{cursor:pointer;padding-right:25px!important;position:relative;user-select:none}.sortable-header:hover{background-color:#f8f9fa}.sort-indicator{color:#666;opacity:.5;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:opacity .2s}.sortable-header:hover .sort-indicator{opacity:1}.sortable-header.sort-asc .sort-indicator i:before{color:#c82333;content:"\f0de"}.sortable-header.sort-desc .sort-indicator i:before{color:#c82333;content:"\f0dd"}.sortable-header.sort-asc .sort-indicator,.sortable-header.sort-desc .sort-indicator{opacity:1}.search-row{display:flex;flex-direction:row;gap:10px;justify-content:space-between;margin-bottom:20px}.search-row .search-left-col{align-items:center;gap:10px}.search-row .pagination,.search-row .search-left-col{display:flex;flex-direction:row}.secondary-pagination{justify-content:flex-end;padding:0 20px 20px}.search-row .pagination .pagination-btn{background-color:transparent;border-color:transparent;border-radius:0;color:#b7b7b7;font-size:14px;font-weight:500;letter-spacing:0;line-height:20px;padding:5px 10px;text-decoration:none;text-transform:uppercase}.search-row .pagination .pagination-btn:hover{color:#000716;cursor:pointer;transform:translateY(0)}.search-row .pagination .pagination-btn.active{color:#000716}.search-row .pagination .pagination-ellipsis{color:#b7b7b7}.search-row label{display:none}.search-group{display:flex;flex-direction:column;max-width:400px}.search-group label{color:#333;font-size:14px;font-weight:600;margin-bottom:5px}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:#666;font-size:14px;left:12px;pointer-events:none;position:absolute;z-index:1}.search-group input[type=text]{background-color:#fff;border:1px solid #ddd;border-radius:10px;font-size:14px;min-width:400px;padding:10px 12px 10px 40px;transition:border-color .2s,box-shadow .2s;width:100%}.search-group input[type=text]:focus{border-color:#009345;box-shadow:0 0 0 2px rgba(0,123,255,.25);outline:none}.search-group input[type=text]::placeholder{color:#999;font-style:italic}.filter-row{align-items:flex-start;display:flex;flex-wrap:nowrap;gap:20px;margin-bottom:15px}.filter-range-group{padding:15px}.filter-range-group label{color:#333;display:block;font-size:13px;font-weight:600;margin-bottom:12px;text-align:center}.filter-range-inputs{align-items:center;display:flex;gap:12px;justify-content:center}.filter-range-inputs input{background-color:#fff;border:2px solid #ddd;border-radius:6px;flex:1;font-size:13px;font-weight:500;max-width:80px;padding:8px 10px;text-align:center;transition:all .2s ease}.filter-range-inputs input:focus{background-color:#fcfffe;border-color:#009345;box-shadow:0 0 0 3px rgba(0,147,69,.15);outline:none}.filter-range-inputs input:hover:not(:focus){background-color:#f8fff9;border-color:#009345}.filter-range-inputs span{color:#666;font-size:14px;font-weight:600;padding:0 4px;white-space:nowrap}.filter-range-inputs input[type=date]{cursor:pointer;font-family:inherit;max-width:100%;min-width:120px;position:relative;text-align:left;width:100%}.filter-range-inputs input[type=date]::-webkit-calendar-picker-indicator{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23009345" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>') no-repeat;background-size:16px;cursor:pointer;height:16px;margin-left:auto;opacity:.7;transition:opacity .2s;width:16px}.filter-range-inputs input[type=date]:focus::-webkit-calendar-picker-indicator,.filter-range-inputs input[type=date]:hover::-webkit-calendar-picker-indicator{opacity:1}.filter-range-inputs input[type=number]{-moz-appearance:textfield;max-width:80px;min-width:70px}.filter-range-inputs input[type=number]::-webkit-inner-spin-button,.filter-range-inputs input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.filter-dropdown[data-filter=progress] .filter-range-inputs{position:relative}.filter-dropdown[data-filter=progress] .filter-range-inputs input[type=number]{padding-right:24px}.filter-dropdown[data-filter=progress] .filter-range-inputs input[type=number]:after{color:#666;content:"%";pointer-events:none;position:absolute;right:8px}.filter-dropdown[data-filter=activity] .filter-dropdown-option{align-items:center;border-radius:4px;cursor:pointer;display:flex;margin:2px 8px;padding:12px 16px;transition:all .2s ease}.filter-dropdown[data-filter=activity] .filter-dropdown-option:hover{background-color:#e8f5e8;transform:translateX(2px)}.filter-dropdown[data-filter=activity] .filter-dropdown-option input[type=checkbox]{accent-color:#009345;margin-right:12px;transform:scale(1.1)}.filter-dropdown[data-filter=activity] .filter-dropdown-option label{color:#333;cursor:pointer;flex:1;font-size:14px;font-weight:500;margin:0;transition:color .2s}.filter-dropdown[data-filter=activity] .filter-dropdown-option:hover label{color:#009345}.filter-dropdown[data-filter=enrollment] .filter-dropdown-menu,.filter-dropdown[data-filter=progress] .filter-dropdown-menu{border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 8px 25px rgba(0,0,0,.15);min-width:300px;overflow:hidden}.filter-dropdown-group .filter-dropdown[data-filter=enrollment] label{margin:0;padding:0;text-align:left;width:100%}.filter-dropdown[data-filter=enrollment] .filter-range-inputs{flex-direction:column;gap:5px;max-width:100%;width:100%}.filter-dropdown[data-filter=activity] .filter-dropdown-menu{border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 8px 25px rgba(0,0,0,.15);min-width:250px;overflow:hidden}.filter-dropdown-content{background:#fff;padding:4px 0}.filter-range-inputs input:placeholder-shown{background-color:#fafafa;border-style:dashed}.filter-range-inputs input:not(:placeholder-shown){background-color:#fff;border-style:solid;color:#009345;font-weight:600}.filter-dropdown-group{align-items:center;border:1px solid #009345;border-radius:10px;display:flex;flex:1;flex-direction:row;justify-content:space-between;min-width:150px;position:relative}.filter-dropdown-group label{color:#000716;font-size:14px;font-weight:500;padding:5px 10px}.filter-dropdown{position:relative}.filter-dropdown,.filter-dropdown-trigger{align-items:center;display:flex;flex:1;min-width:0}.filter-dropdown-trigger{background-color:#ecf6f1;border-left:1px solid #009345;border-right:1px solid #009345;cursor:pointer;gap:10px;justify-content:space-between;min-height:40px;padding:5px 15px;transition:border-color .2s,box-shadow .2s}.filter-dropdown-trigger:hover{border-color:#009345}.filter-dropdown-trigger.active{border-color:#009345;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.filter-selected-text{color:#000716;flex:1;font-size:14px;font-weight:500;margin-right:8px;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-dropdown-trigger i{color:#009345;transition:transform .2s}.filter-dropdown-trigger.active i{transform:rotate(180deg)}.filter-clear-btn{align-items:center;background:#ecf6f1;border:none;color:#414d5c;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;min-height:40px;opacity:.5;transition:background-color .2s;transition:opacity .2s,background-color .2s;width:32px}.filter-clear-btn,.filter-clear-btn:active,.filter-clear-btn:focus,.filter-clear-btn:hover{border-bottom-left-radius:0;border-bottom-right-radius:9px;border-top-left-radius:0;border-top-right-radius:9px;padding:8px}.filter-clear-btn:active,.filter-clear-btn:focus,.filter-clear-btn:hover{background-color:#ea6514;color:#fff;opacity:1;outline:none;transform:translateY(0)}.filter-clear-btn.has-filters{opacity:1}.filter-dropdown-menu{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:none;left:0;max-height:250px;min-width:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.filter-dropdown-menu.show{display:block}.filter-dropdown-content{padding:8px 0}.filter-dropdown-option{align-items:center;cursor:pointer;display:flex;padding:8px 12px;transition:background-color .2s}.filter-dropdown-option:hover{background-color:#f8f9fa}.filter-dropdown-option input[type=checkbox]{accent-color:#009345;margin-right:8px}.filter-dropdown-option label{cursor:pointer;flex:1;font-size:14px;font-weight:400;margin:0}.filter-actions{align-items:flex-end;display:flex}.clear-filters-btn{background-color:#fff;border:1px solid #009345;border-radius:30px;color:#009345;cursor:pointer;font-size:14px;font-weight:500;height:40px;letter-spacing:0;padding:6px 22px;text-transform:none;transition:background-color .2s;white-space:nowrap}.clear-filters-btn:active,.clear-filters-btn:focus,.clear-filters-btn:hover{background-color:#ea6514;border:1px solid #ea6514;color:#fff;font-size:14px;font-weight:500;letter-spacing:0;outline:none;padding:6px 22px;text-transform:none;transform:translateY(0)}.filter-summary{align-items:center;color:#666;display:flex;font-size:14px;justify-content:space-between}.task-count{color:#333;font-weight:600}.kwaray-portal .course-card{max-width:500px}.kwaray-portal .course-card .item-header{border-top-left-radius:10px;border-top-right-radius:10px;overflow:hidden}.kwaray-portal .course-card .item-section{padding:10px}.kwaray-portal .course-card h3{font-size:14px;font-weight:700;line-height:22px;margin:0}.kwaray-portal .course-card .item-meta{color:#959595;display:flex;flex-direction:row;font-size:14px;font-weight:400;justify-content:space-between;letter-spacing:-.2px}.kwaray-portal .course-card .item-meta-item{min-width:50px}.kwaray-portal .course-card .live-indicator{background-color:#fde75d;border-radius:10px;color:#231f20;padding:2px 7px}.kwaray-portal .course-card .item-actions{display:flex;flex-direction:row;gap:10px}.kwaray-portal .course-metadata{align-items:baseline;display:flex;flex-direction:row;font-size:14px;gap:100px;justify-content:flex-start;margin-bottom:30px}.kwaray-portal .course-metadata strong{color:#959595;display:block;font-size:11px;font-weight:500;letter-spacing:-.2px;line-height:22px}.kwaray-portal .course-description p{font-size:14px;line-height:22px}@media (max-width:768px){.filter-row{align-items:stretch;flex-direction:column}.filter-dropdown-group{margin-bottom:15px;min-width:auto}.search-group{max-width:none}.filter-actions{margin-top:0}.filter-summary{align-items:stretch;flex-direction:column;gap:10px}}.filter-group select[multiple] option{padding:4px 8px}.filter-group select[multiple] option:checked{background-color:#009345;color:#fff}.filter-group input[type=text]::placeholder{color:#999;font-style:italic}.task-list .task-list__table{border-collapse:collapse;border-radius:8px;font-size:14px;margin:20px 0;overflow:hidden;width:100%}.task-list .task-list__table thead{border-bottom:1px solid #e9ebed;color:#232f3e}.task-list .task-list__table thead th{border:none;border-left:1px solid #e9ebed;font-size:14px;font-weight:500;letter-spacing:-.2px;line-height:1.5em;padding:10px 30px 10px 15px;text-align:left;vertical-align:middle}.task-list .task-list__table tbody td:first-child,.task-list .task-list__table thead th:first-child{max-width:200px;min-width:200px;width:200px}.task-list .task-list__table tbody tr{border-bottom:1px solid #e9ebed;transition:background-color .2s ease}.task-list .task-list__table tbody tr:hover{background-color:#f8f9fa}.task-list .task-list__table tbody tr:nth-child(2n):hover{background-color:#f0f0f0}.task-list .task-list__table tbody td{border:none;padding:12px;vertical-align:middle}.task-list .task-list__table tbody td a{color:#009345;font-weight:500;text-decoration:none}.task-list .task-list__table tbody td:last-child{border-right:none}.task-list .task-list__table .assignment-name{color:#333;font-weight:600}.task-list .task-list__table .course-name{color:#009345;font-weight:500}.task-list .task-list__table .status{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px;text-align:center;text-transform:uppercase}.task-list .task-list__table .status.pending{background-color:#fff3cd;color:#856404}.task-list .task-list__table .status.in-review{background-color:#cce5ff;color:#004085}.task-list .task-list__table .status.complete{background-color:#d4edda;color:#155724}.task-list .task-list__table .status.needs-attention{background-color:#f8d7da;color:#721c24}.task-list .task-list__table .learner-name{color:#333;font-weight:500}.task-list .task-list__table .feedback{color:#666;font-style:italic;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-list .task-list__table .attachments{color:#009345;font-weight:500;text-align:center}.task-list .task-list__table .attachments-count{background-color:#009345;border-radius:50%;color:#fff;display:inline-block;font-size:12px;height:20px;line-height:20px;text-align:center;width:20px}.task-list .task-list__table .task-list__empty{animation:pulse 1.5s ease-in-out infinite;background-color:#f8f9fa;border:1px solid #e9ecef;height:40px}.task-list .task-list__table .empty-state{background-color:#f8f9fa;color:#666;font-style:italic;padding:40px 20px;text-align:center}.task-list .task-list__table .loading-state{background-color:#f8f9fa;color:#666;padding:60px 20px;text-align:center}.task-list .task-list__table .loading-text{color:#333;font-size:16px;font-weight:500}.task-list .task-list__table .error-state{background-color:#f8d7da;border:1px solid #f5c6cb;color:#dc3545;padding:60px 20px;text-align:center}.task-list .task-list__table .error-content{align-items:center;display:flex;flex-direction:column;gap:15px}.task-list .task-list__table .error-content i{color:#dc3545;font-size:24px}.task-list .task-list__table .error-message{color:#721c24;font-size:16px;font-weight:500}.task-list .task-list__table .retry-btn{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.task-list .task-list__table .retry-btn:hover{background-color:#c82333;transform:translateY(0)}.task-list .task-list__table .loading-row td{animation:none}.task-list .task-list__table .task-list__empty{display:none}@media (max-width:768px){.task-list .task-list__table{font-size:12px}.task-list .task-list__table tbody td,.task-list .task-list__table thead th{padding:8px 6px}.task-list .task-list__table .feedback{max-width:100px}.task-list .task-list__table .action-buttons{flex-direction:column;gap:4px}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:20px}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#009345;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.stats-dashboard{display:flex;flex-direction:row;gap:60px;justify-content:space-around;padding:40px}.stats-dashboard__item{display:flex;flex-direction:column;text-align:center;width:200px}.stats-dashboard__item h2{margin-bottom:0}.stats-dashboard__item span{display:block}.stats-dashboard__item .stat-value{align-items:center;color:#009345;display:flex;font-size:48px;justify-content:center;line-height:48px;margin-bottom:30px;min-height:48px}.stats-dashboard__item .stat-label{font-size:14px;font-weight:500;line-height:16px}.stat-spinner{animation:statSpin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#009345;height:32px;margin:0 auto;width:32px}@keyframes statSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.stats-dashboard{flex-direction:column;gap:30px;padding:30px 40px}.stats-dashboard__item .stat-value{font-size:40px;line-height:40px;margin-bottom:20px;min-height:40px}.stat-spinner{border-width:2px;height:28px;width:28px}}@media (max-width:480px){.stats-dashboard{padding:20px 30px}.stats-dashboard__item .stat-value{font-size:36px;line-height:36px;min-height:36px}.stat-spinner{height:24px;width:24px}}