.nuoi-lo-de-khung-frontend{font-family:Arial,sans-serif;line-height:1.6;color:#333}.nuoi-lo-de-khung-khung{background:#fff;border:1px solid #ddd;border-radius:8px;padding:20px;margin:20px 0;box-shadow:0 2px 4px rgb(0 0 0 / .1)}.nuoi-lo-de-khung-khung h3{margin:0 0 15px 0;color:#0073aa;font-size:18px;border-bottom:2px solid #0073aa;padding-bottom:10px}.nuoi-lo-de-khung-khung-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.nuoi-lo-de-khung-info-item{display:flex;flex-direction:column}.nuoi-lo-de-khung-info-label{font-weight:700;color:#666;font-size:14px;margin-bottom:5px}.nuoi-lo-de-khung-info-value{color:#333;font-size:16px}.nuoi-lo-de-khung-so-lo{background:#f9f9f9;border:1px solid #ddd;border-radius:4px;padding:15px;margin:15px 0}.nuoi-lo-de-khung-so-lo h4{margin:0 0 10px 0;color:#0073aa;font-size:16px}.nuoi-lo-de-khung-so-lo-items{display:flex;flex-wrap:wrap;gap:8px}.nuoi-lo-de-khung-so-lo-item{background:#0073aa;color:#fff;padding:6px 12px;border-radius:4px;font-size:14px;font-weight:700;display:inline-block}.nuoi-lo-de-khung-ket-qua{background:#f0f8ff;border:1px solid #0073aa;border-radius:4px;padding:15px;margin:15px 0}.nuoi-lo-de-khung-ket-qua h4{margin:0 0 10px 0;color:#0073aa;font-size:16px}.nuoi-lo-de-khung-ket-qua-content{color:#333;font-size:14px;line-height:1.8}.nuoi-lo-de-khung-ket-qua.no-result{background:#fff3cd;border-color:#ffc107;color:#856404}.nuoi-lo-de-khung-ket-qua.success{background:#d4edda;border-color:#28a745;color:#155724}.nuoi-lo-de-khung-ket-qua.error{background:#f8d7da;border-color:#dc3545;color:#721c24}.nuoi-lo-de-khung-status{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;text-transform:uppercase}.nuoi-lo-de-khung-status.dang-nuoi{background:#28a745;color:#fff}.nuoi-lo-de-khung-status.ket-thuc{background:#dc3545;color:#fff}.nuoi-lo-de-khung-progress{background:#f0f0f0;border-radius:4px;height:8px;margin:10px 0;overflow:hidden}.nuoi-lo-de-khung-progress-bar{background:#0073aa;height:100%;transition:width 0.3s ease}.nuoi-lo-de-khung-timeline{position:relative;padding-left:30px;margin:20px 0}.nuoi-lo-de-khung-timeline::before{content:'';position:absolute;left:15px;top:0;bottom:0;width:2px;background:#ddd}.nuoi-lo-de-khung-timeline-item{position:relative;margin-bottom:20px;padding-left:20px}.nuoi-lo-de-khung-timeline-item::before{content:'';position:absolute;left:-8px;top:5px;width:14px;height:14px;border-radius:50%;background:#0073aa;border:3px solid #fff;box-shadow:0 0 0 2px #ddd}.nuoi-lo-de-khung-timeline-item.completed::before{background:#28a745}.nuoi-lo-de-khung-timeline-item.current::before{background:#ffc107}.nuoi-lo-de-khung-timeline-date{font-weight:700;color:#0073aa;font-size:14px}.nuoi-lo-de-khung-timeline-content{color:#666;font-size:14px;margin-top:5px}.nuoi-lo-de-khung-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin:20px 0}.nuoi-lo-de-khung-stat-item{background:#f9f9f9;border:1px solid #ddd;border-radius:4px;padding:15px;text-align:center}.nuoi-lo-de-khung-stat-number{font-size:24px;font-weight:700;color:#0073aa;display:block}.nuoi-lo-de-khung-stat-label{font-size:12px;color:#666;text-transform:uppercase;margin-top:5px}.nuoi-lo-de-khung-filters{background:#f9f9f9;border:1px solid #ddd;border-radius:4px;padding:15px;margin:20px 0}.nuoi-lo-de-khung-filters h4{margin:0 0 15px 0;color:#333;font-size:16px}.nuoi-lo-de-khung-filter-row{display:flex;gap:15px;align-items:center;margin-bottom:10px;flex-wrap:wrap}.nuoi-lo-de-khung-filter-row:last-child{margin-bottom:0}.nuoi-lo-de-khung-filter-row label{font-weight:700;min-width:80px;color:#666}.nuoi-lo-de-khung-filter-row select,.nuoi-lo-de-khung-filter-row input{min-width:150px;padding:5px;border:1px solid #ddd;border-radius:4px}.nuoi-lo-de-khung-filter-row .button{padding:5px 15px;background:#0073aa;color:#fff;border:none;border-radius:4px;cursor:pointer}.nuoi-lo-de-khung-filter-row .button:hover{background:#005a87}.nuoi-lo-de-khung-list{margin:20px 0}.nuoi-lo-de-khung-list-item{background:#fff;border:1px solid #ddd;border-radius:4px;padding:15px;margin-bottom:15px;transition:box-shadow 0.3s ease}.nuoi-lo-de-khung-list-item:hover{box-shadow:0 2px 8px rgb(0 0 0 / .1)}.nuoi-lo-de-khung-list-item h4{margin:0 0 10px 0;color:#0073aa;font-size:16px}.nuoi-lo-de-khung-list-item-meta{display:flex;gap:20px;margin-bottom:10px;font-size:14px;color:#666}.nuoi-lo-de-khung-list-item-meta span{display:flex;align-items:center;gap:5px}.nuoi-lo-de-khung-list-item-meta .icon{width:16px;height:16px}.nuoi-lo-de-khung-pagination{display:flex;justify-content:center;align-items:center;margin:20px 0;gap:5px}.nuoi-lo-de-khung-pagination a,.nuoi-lo-de-khung-pagination span{display:inline-block;padding:8px 12px;border:1px solid #ddd;text-decoration:none;color:#0073aa;border-radius:4px;transition:all 0.3s ease}.nuoi-lo-de-khung-pagination a:hover{background:#f5f5f5;border-color:#0073aa}.nuoi-lo-de-khung-pagination .current{background:#0073aa;color:#fff;border-color:#0073aa}.nuoi-lo-de-khung-loading{text-align:center;padding:20px;color:#666}.nuoi-lo-de-khung-loading::before{content:"⏳";margin-right:10px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.nuoi-lo-de-khung-error{background:#f8d7da;color:#721c24;padding:15px;border:1px solid #f5c6cb;border-radius:4px;margin:20px 0}.nuoi-lo-de-khung-success{background:#d4edda;color:#155724;padding:15px;border:1px solid #c3e6cb;border-radius:4px;margin:20px 0}.nuoi-lo-de-khung-no-results{text-align:center;padding:40px 20px;color:#666;background:#f9f9f9;border:1px solid #ddd;border-radius:4px;margin:20px 0}.nuoi-lo-de-khung-no-results h3{margin:0 0 10px 0;color:#333}.nuoi-lo-de-khung-no-results p{margin:0;font-size:14px}@media (max-width:768px){.nuoi-lo-de-khung-khung-info{grid-template-columns:1fr}.nuoi-lo-de-khung-stats{grid-template-columns:repeat(2,1fr)}.nuoi-lo-de-khung-filter-row{flex-direction:column;align-items:flex-start}.nuoi-lo-de-khung-filter-row label{min-width:auto;margin-bottom:5px}.nuoi-lo-de-khung-filter-row select,.nuoi-lo-de-khung-filter-row input{min-width:100%}.nuoi-lo-de-khung-list-item-meta{flex-direction:column;gap:10px}.nuoi-lo-de-khung-so-lo-items{justify-content:center}}@media (max-width:480px){.nuoi-lo-de-khung-khung{padding:15px}.nuoi-lo-de-khung-stats{grid-template-columns:1fr}.nuoi-lo-de-khung-so-lo-item{font-size:12px;padding:4px 8px}}@media print{.nuoi-lo-de-khung-filters,.nuoi-lo-de-khung-pagination{display:none}.nuoi-lo-de-khung-khung{border:1px solid #000;box-shadow:none;page-break-inside:avoid}.nuoi-lo-de-khung-list-item{page-break-inside:avoid;border:1px solid #000}}