@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.hrm-root,.hrm-root *,.hrm-root :before,.hrm-root :after{box-sizing:border-box;margin:0;padding:0}.hrm-root,.hrm-root{--primary:#2563eb;--primary-h:#1d4ed8;--primary-lt:#eff6ff;--primary-dk:#1e3a8a;--accent:#0ea5e9;--success:#16a34a;--success-lt:#f0fdf4;--warning:#d97706;--warning-lt:#fffbeb;--danger:#dc2626;--danger-lt:#fef2f2;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--bg:#f0f4f8;--card:#fff;--border:#e2e8f0;--text:#1e293b;--muted:#64748b;--font:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--radius:10px;--shadow-sm:0 1px 3px #00000012, 0 1px 2px #0000000a;--shadow:0 4px 12px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 10px 32px #0000001f, 0 4px 8px #0000000f;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:14px}.hrm-root ::-webkit-scrollbar{width:6px;height:6px}.hrm-root ::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:10px}.hrm-root .hrm-topbar{color:#fff;z-index:100;background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 60%,#0ea5e9 100%);align-items:center;gap:12px;height:56px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #2563eb4d}.hrm-root .hrm-topbar-logo{letter-spacing:-.2px;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.hrm-root .hrm-topbar-count{color:#fff;background:#ffffff2e;border-radius:20px;margin-left:auto;padding:3px 12px;font-size:12px;font-weight:600}.hrm-root .hrm-toolbar{background:var(--card);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 24px;display:flex}.hrm-root .hrm-search-wrap{border:1.5px solid var(--gray-300);background:var(--gray-50);border-radius:7px;flex:1;align-items:center;gap:7px;max-width:340px;padding:0 10px;transition:border-color .15s;display:flex}.hrm-root .hrm-search-wrap:focus-within{border-color:var(--primary);background:#fff}.hrm-root .hrm-search-wrap input{font-family:var(--font);color:var(--text);background:0 0;border:none;outline:none;width:100%;padding:7px 0;font-size:13.5px}.hrm-root .hrm-search-wrap input::placeholder{color:var(--muted)}.hrm-root .hrm-select{border:1.5px solid var(--gray-300);height:36px;color:var(--gray-700);cursor:pointer;font-size:13px;font-family:var(--font);background:#fff;border-radius:7px;outline:none;padding:0 10px;transition:border-color .15s}.hrm-root .hrm-select:focus{border-color:var(--primary)}.hrm-root .hrm-view-toggle{border:1.5px solid var(--gray-300);border-radius:7px;margin-left:auto;display:flex;overflow:hidden}.hrm-root .hrm-view-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;align-items:center;padding:6px 12px;transition:all .15s;display:flex}.hrm-root .hrm-view-btn.active{background:var(--primary);color:#fff}.hrm-root .hrm-main{padding:20px 24px}.hrm-root .hrm-kanban{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;display:grid}.hrm-root .emp-card{background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:center;box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:7px;padding:20px 16px 14px;transition:all .18s;display:flex;position:relative}.hrm-root .emp-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 16px #2563eb21}.hrm-root .emp-avatar{background:var(--primary-lt);width:72px;height:72px;color:var(--primary);border:3px solid #dbeafe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:26px;font-weight:700;display:flex;overflow:hidden}.hrm-root .emp-avatar img{object-fit:cover;width:100%;height:100%}.hrm-root .emp-name{color:var(--gray-800);font-size:13.5px;font-weight:700;line-height:1.3}.hrm-root .emp-job{color:var(--muted);font-size:12px}.hrm-root .emp-dept-badge{background:var(--primary-lt);color:var(--primary);border:1px solid #bfdbfe;border-radius:20px;padding:2px 9px;font-size:11px;font-weight:600}.hrm-root .emp-code{color:var(--muted);font-size:10.5px;font-weight:600;position:absolute;top:10px;left:12px}.hrm-root .hrm-table-wrap{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.hrm-root .hrm-table{border-collapse:collapse;width:100%}.hrm-root .hrm-table thead tr{background:var(--gray-50);border-bottom:2px solid var(--border)}.hrm-root .hrm-table th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:700}.hrm-root .hrm-table tbody tr{border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s}.hrm-root .hrm-table tbody tr:last-child{border-bottom:none}.hrm-root .hrm-table tbody tr:hover{background:var(--primary-lt)}.hrm-root .hrm-table td{vertical-align:middle;padding:11px 14px;font-size:13.5px}.hrm-root .td-name{align-items:center;gap:10px;display:flex}.hrm-root .td-avatar-sm{background:var(--primary-lt);width:34px;height:34px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;overflow:hidden}.hrm-root .td-avatar-sm img{object-fit:cover;width:100%;height:100%}.hrm-root .badge{border-radius:12px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-block}.hrm-root .badge-dept{background:var(--primary-lt);color:var(--primary);border:1px solid #bfdbfe}.hrm-root .badge-nam{color:#0369a1;background:#e0f2fe}.hrm-root .badge-nu{color:#be185d;background:#fce7f3}.hrm-root .hrm-pagination{justify-content:center;gap:6px;margin-top:20px;display:flex}.hrm-root .pg-btn{border:1.5px solid var(--border);background:var(--card);cursor:pointer;font-family:var(--font);color:var(--text);border-radius:7px;padding:5px 12px;font-size:13px;transition:all .15s}.hrm-root .pg-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.hrm-root .pg-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.hrm-root .pg-btn:disabled{opacity:.4;cursor:not-allowed}.hrm-root .hrm-spinner-wrap{justify-content:center;align-items:center;min-height:300px;display:flex}.hrm-root .spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.hrm-root .spinner-sm{vertical-align:middle;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{}.hrm-root .hrm-empty{text-align:center;color:var(--muted);padding:80px 20px}.hrm-root .hrm-empty-icon{margin-bottom:14px;font-size:52px}.hrm-root .hrm-empty-title{color:var(--text);font-size:16px;font-weight:600}.hrm-root .hrm-empty-sub{margin-top:6px;font-size:13px}.hrm-root .hrm-error-bar{color:#92400e;background:#fffbeb;border-bottom:1px solid #fcd34d;align-items:center;gap:8px;padding:10px 24px;font-size:13px;display:flex}.hrm-root .btn{cursor:pointer;white-space:nowrap;font-size:13px;font-weight:600;font-family:var(--font);border:none;border-radius:7px;align-items:center;gap:6px;padding:7px 14px;transition:all .15s;display:inline-flex}.hrm-root .btn:disabled{opacity:.5;cursor:not-allowed}.hrm-root .btn-primary{background:var(--primary);color:#fff}.hrm-root .btn-primary:hover:not(:disabled){background:var(--primary-h)}.hrm-root .btn-outline{color:var(--gray-700);border:1.5px solid var(--gray-300);background:#fff}.hrm-root .btn-outline:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.hrm-root .btn-danger{background:var(--danger-lt);color:var(--danger);border:1px solid #fecaca}.hrm-root .btn-danger:hover:not(:disabled){background:var(--danger);color:#fff}.hrm-root .btn-sm{padding:5px 10px;font-size:12px}.hrm-root .detail-overlay{z-index:1000;background:#0f172a66;justify-content:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{}.hrm-root .detail-panel{width:min(700px,100vw);height:100%;box-shadow:var(--shadow-lg);background:#fff;flex-direction:column;animation:.25s cubic-bezier(.4,0,.2,1) slideIn;display:flex}@keyframes slideIn{}.hrm-root .detail-header{z-index:10;background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 100%);flex-shrink:0;align-items:flex-start;gap:16px;padding:22px 24px;display:flex}.hrm-root .detail-avatar{color:#fff;background:#ffffff2e;border:3px solid #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:28px;font-weight:700;display:flex;overflow:hidden}.hrm-root .detail-avatar img{object-fit:cover;width:100%;height:100%}.hrm-root .detail-header-info{flex:1;padding-top:4px}.hrm-root .detail-name{color:#fff;margin-bottom:3px;font-size:20px;font-weight:700}.hrm-root .detail-job{color:#fffc;font-size:13px}.hrm-root .detail-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:background .15s;display:flex}.hrm-root .detail-close:hover{background:#ffffff47}.hrm-root .detail-tabs{border-bottom:1px solid var(--border);background:var(--gray-50);flex-shrink:0;gap:0;padding:0 20px;display:flex;overflow-x:auto}.hrm-root .detail-tabs::-webkit-scrollbar{height:0}.hrm-root .tab-btn{cursor:pointer;font-family:var(--font);color:var(--muted);white-space:nowrap;background:0 0;border:none;border-bottom:2.5px solid #0000;align-items:center;gap:5px;margin-bottom:-1px;padding:11px 14px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.hrm-root .tab-btn:hover{color:var(--primary)}.hrm-root .tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.hrm-root .detail-body{flex:1;padding:24px;overflow-y:auto}.hrm-root .section-title{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);border-bottom:2px solid var(--primary-lt);align-items:center;gap:6px;margin-bottom:14px;padding-bottom:8px;font-size:11px;font-weight:700;display:flex}.hrm-root .section-title:not(:first-child){margin-top:24px}.hrm-root .info-grid{grid-template-columns:1fr 1fr;gap:14px 24px;margin-bottom:20px;display:grid}.hrm-root .info-label{color:var(--gray-400);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px;font-size:11px;font-weight:700}.hrm-root .info-value{color:var(--text);font-size:13.5px;font-weight:500}.hrm-root .info-value.empty{color:var(--muted);font-style:italic;font-weight:400}.hrm-root .info-full{grid-column:1/-1}.hrm-root .loading-tab{justify-content:center;padding:40px;display:flex}.hrm-root .spinner-sm-gray{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin;display:inline-block}.hrm-root .no-data{text-align:center;color:var(--muted);padding:40px 0;font-size:13px}.hrm-root .edit-grid{grid-template-columns:1fr 1fr;gap:14px 18px;display:grid}.hrm-root .edit-full{grid-column:1/-1}.hrm-root .form-group{flex-direction:column;gap:4px;display:flex}.hrm-root .form-label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;font-weight:700}.hrm-root .form-label .req{color:var(--danger);margin-left:2px}.hrm-root .form-input,.hrm-root .form-textarea,.hrm-root .form-select{border:1.5px solid var(--gray-300);color:var(--text);font-size:13.5px;font-family:var(--font);background:#fff;border-radius:7px;outline:none;width:100%;padding:8px 10px;transition:border-color .15s,box-shadow .15s}.hrm-root .form-input:focus,.hrm-root .form-textarea:focus,.hrm-root .form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb14}.hrm-root .form-input:disabled,.hrm-root .form-textarea:disabled,.hrm-root .form-select:disabled{background:var(--gray-100);color:var(--gray-500);cursor:not-allowed}.hrm-root .form-textarea{resize:vertical;min-height:68px}.hrm-root .panel-footer{border-top:1px solid var(--border);background:var(--gray-50);flex-shrink:0;justify-content:flex-end;gap:10px;padding:14px 24px;display:flex}.hrm-root .modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:200;background:#0f172a73;justify-content:center;align-items:center;padding:20px;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.hrm-root .modal-panel{width:100%;max-width:500px;max-height:92vh;box-shadow:var(--shadow-lg);background:#fff;border-radius:14px;animation:.2s slideUp;overflow-y:auto}@keyframes slideUp{}.hrm-root .modal-header{color:#fff;background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 100%);border-radius:14px 14px 0 0;align-items:center;gap:10px;padding:16px 22px;display:flex}.hrm-root .modal-title{flex:1;font-size:15px;font-weight:700}.hrm-root .modal-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:15px;display:flex}.hrm-root .modal-close:hover{background:#ffffff40}.hrm-root .modal-body{padding:22px}.hrm-root .modal-footer{border-top:1px solid var(--border);background:var(--gray-50);border-radius:0 0 14px 14px;justify-content:flex-end;gap:10px;padding:14px 22px;display:flex}.hrm-root .modal-section{color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--primary-lt);align-items:center;gap:6px;margin-bottom:14px;padding:12px 0 8px;font-size:12px;font-weight:700;display:flex}.hrm-root .modal-section:first-child{padding-top:0}.hrm-root .modal-grid{grid-template-columns:1fr 1fr;gap:12px 16px;margin-bottom:6px;display:grid}.hrm-root .modal-full{grid-column:1/-1}@media (max-width:640px){.hrm-root .hrm-main{padding:14px}.hrm-root .edit-grid,.hrm-root .modal-grid,.hrm-root .info-grid{grid-template-columns:1fr}}.phongban-root,.phongban-root *,.phongban-root :before,.phongban-root :after{box-sizing:border-box;margin:0;padding:0}.phongban-root,.phongban-root{--primary:#2563eb;--primary-h:#1d4ed8;--primary-lt:#eff6ff;--primary-dk:#1e3a8a;--success:#16a34a;--success-lt:#f0fdf4;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--bg:#f0f4f8;--card:#fff;--border:#e2e8f0;--text:#1e293b;--muted:#64748b;--font:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--radius:10px;--shadow-sm:0 1px 3px #00000012;--shadow:0 4px 12px #00000014;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:14px}.phongban-root ::-webkit-scrollbar{width:6px}.phongban-root ::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:10px}.phongban-root .pb-topbar{z-index:100;background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 60%,#0ea5e9 100%);align-items:center;gap:12px;height:56px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #2563eb4d}.phongban-root .pb-topbar-logo{color:#fff;letter-spacing:-.2px;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.phongban-root .pb-topbar-count{color:#fff;background:#ffffff2e;border-radius:20px;margin-left:auto;padding:3px 12px;font-size:12px;font-weight:600}.phongban-root .pb-toolbar{background:var(--card);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 24px;display:flex}.phongban-root .pb-search-wrap{border:1.5px solid var(--gray-300);background:var(--gray-50);border-radius:7px;flex:1;align-items:center;gap:7px;max-width:340px;padding:0 10px;transition:border-color .15s;display:flex}.phongban-root .pb-search-wrap:focus-within{border-color:var(--primary);background:#fff}.phongban-root .pb-search-wrap input{font-family:var(--font);color:var(--text);background:0 0;border:none;outline:none;width:100%;padding:7px 0;font-size:13.5px}.phongban-root .pb-search-wrap input::placeholder{color:var(--muted)}.phongban-root .pb-main{padding:20px 24px}.phongban-root .pb-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;display:grid}.phongban-root .pb-card{background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:all .18s;overflow:hidden}.phongban-root .pb-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 16px #2563eb1f}.phongban-root .pb-card-header{align-items:center;gap:14px;padding:18px 20px;display:flex}.phongban-root .pb-card-icon{background:#fff3;border:1px solid #ffffff40;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.phongban-root .pb-card-abbr{color:#fff;letter-spacing:-.5px;font-size:18px;font-weight:800}.phongban-root .pb-card-name{color:#fff;font-size:15px;font-weight:700;line-height:1.3}.phongban-root .pb-card-code{color:#ffffffb8;margin-top:2px;font-size:11px;font-weight:600}.phongban-root .pb-nv-badge{color:#fff;white-space:nowrap;background:#ffffff38;border:1px solid #ffffff4d;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.phongban-root .pb-card-body{padding:14px 20px}.phongban-root .pb-stat-row{border-bottom:1px solid var(--gray-100);align-items:flex-start;gap:10px;padding:10px 0;display:flex}.phongban-root .pb-stat-row:last-child{border-bottom:none}.phongban-root .pb-stat-icon{background:var(--primary-lt);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:1px;display:flex}.phongban-root .pb-stat-label{color:var(--gray-400);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;font-size:10.5px;font-weight:700}.phongban-root .pb-stat-value{color:var(--text);font-size:13.5px;font-weight:600}.phongban-root .pb-stat-empty{color:var(--muted);font-size:13px;font-style:italic;font-weight:400}.phongban-root .pb-nv-count-val{background:var(--success-lt);color:var(--success);border:1px solid #bbf7d0;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:12.5px;font-weight:700;display:inline-flex}.phongban-root .pb-spinner-wrap{justify-content:center;align-items:center;min-height:300px;display:flex}.phongban-root .spinner{border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.phongban-root .pb-empty{text-align:center;color:var(--muted);padding:80px 20px}.phongban-root .pb-empty-icon{margin-bottom:14px;font-size:52px}.phongban-root .pb-empty-title{color:var(--text);font-size:16px;font-weight:600}.phongban-root .pb-empty-sub{margin-top:6px;font-size:13px}.phongban-root .pb-error{color:#92400e;background:#fffbeb;border-bottom:1px solid #fcd34d;align-items:center;gap:8px;padding:10px 24px;font-size:13px;display:flex}@media (max-width:640px){.phongban-root .pb-main{padding:14px}.phongban-root .pb-grid{grid-template-columns:1fr}}.phongban-root .pb-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.phongban-root .pb-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:520px;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000002e}.phongban-root .pb-modal-header{border-bottom:1px solid var(--border);background:var(--gray-50);align-items:center;gap:10px;padding:16px 20px;display:flex}.phongban-root .pb-modal-title{color:var(--text);flex:1;font-size:15px;font-weight:700}.phongban-root .pb-modal-close{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;line-height:1;display:flex}.phongban-root .pb-modal-close:hover{background:var(--gray-200);color:var(--text)}.phongban-root .pb-modal-body{flex-direction:column;gap:14px;padding:20px;display:flex}.phongban-root .pb-modal-footer{border-top:1px solid var(--border);background:var(--gray-50);justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.phongban-root .pb-modal-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:7px;padding:8px 12px;font-size:13px}.phongban-root .pb-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.phongban-root .pb-form-group{flex-direction:column;gap:5px;display:flex}.phongban-root .pb-form-full{grid-column:1/-1}.phongban-root .pb-form-label{color:var(--gray-600);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.phongban-root .pb-form-input{border:1.5px solid var(--gray-300);font-family:var(--font);color:var(--text);background:#fff;border-radius:7px;outline:none;padding:8px 11px;font-size:13.5px;transition:border-color .15s}.phongban-root .pb-form-input:focus{border-color:var(--primary)}.phongban-root .pb-form-textarea{border:1.5px solid var(--gray-300);font-family:var(--font);color:var(--text);resize:vertical;background:#fff;border-radius:7px;outline:none;padding:8px 11px;font-size:13.5px;transition:border-color .15s}.phongban-root .pb-form-textarea:focus{border-color:var(--primary)}.phongban-root .pb-btn{cursor:pointer;font-size:13.5px;font-weight:600;font-family:var(--font);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;transition:all .15s;display:inline-flex}.phongban-root .pb-btn:disabled{opacity:.6;cursor:not-allowed}.phongban-root .pb-btn-primary{background:var(--primary);color:#fff}.phongban-root .pb-btn-primary:hover:not(:disabled){background:var(--primary-h)}.phongban-root .pb-btn-outline{color:var(--gray-700);border:1.5px solid var(--gray-300);background:#fff}.phongban-root .pb-btn-outline:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.phongban-root .pb-btn-danger{color:#fff;background:#dc2626}.phongban-root .pb-btn-danger:hover:not(:disabled){background:#b91c1c}.phongban-root .pb-card-actions{border-top:1px solid var(--gray-100);display:flex}.phongban-root .pb-action-btn{cursor:pointer;font-size:12.5px;font-weight:600;font-family:var(--font);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:5px;padding:9px 0;transition:background .15s;display:flex}.phongban-root .pb-action-edit{color:var(--primary);border-right:1px solid var(--gray-100)}.phongban-root .pb-action-edit:hover{background:var(--primary-lt)}.phongban-root .pb-action-delete{color:#dc2626}.phongban-root .pb-action-delete:hover{background:#fef2f2}.phongban-root .pb-spinner-sm{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}.khtt-root,.khtt-root *,.khtt-root :before,.khtt-root :after{box-sizing:border-box;margin:0;padding:0}.khtt-root{--primary:#2563eb;--primary-h:#1d4ed8;--primary-lt:#eff6ff;--primary-dk:#1e3a8a;--accent:#0ea5e9;--success:#16a34a;--success-h:#15803d;--success-lt:#f0fdf4;--success-bd:#bbf7d0;--warning:#d97706;--warning-h:#b45309;--warning-lt:#fffbeb;--warning-bd:#fde68a;--danger:#dc2626;--danger-lt:#fef2f2;--danger-bd:#fecaca;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--bg:#f0f4f8;--card:#fff;--border:#e2e8f0;--font:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--radius:10px;--shadow-sm:0 1px 3px #00000012, 0 1px 2px #0000000a;--shadow:0 4px 12px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 10px 32px #0000001f, 0 4px 8px #0000000f;font-family:var(--font);background:var(--bg);color:var(--gray-800)}.khtt-root .kh-topbar{color:#fff;z-index:100;background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 60%,#0ea5e9 100%);align-items:center;gap:12px;height:56px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #2563eb4d}.khtt-root .kh-topbar-logo{letter-spacing:-.2px;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.khtt-root .kh-toolbar{background:var(--card);border-bottom:1px solid var(--gray-200);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 24px;display:flex}.khtt-root .kh-main{max-width:1300px;margin:0 auto;padding:24px}.khtt-root .year-section{background:linear-gradient(135deg,#eff6ff 0%,#e0f2fe 100%);border:1.5px solid #bfdbfe;border-radius:14px;margin-bottom:20px;padding:20px 24px 24px}.khtt-root .year-header{border-bottom:1px solid #bfdbfe;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:14px;display:flex}.khtt-root .year-icon{background:var(--primary);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.khtt-root .year-title{color:#1e3a8a;font-size:20px;font-weight:700}.khtt-root .year-meta{color:var(--primary);margin-top:1px;font-size:12.5px;font-weight:500}.khtt-root .dot-section{background:var(--card);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);border-radius:12px;margin-bottom:12px;padding:16px 20px 20px}.khtt-root .dot-header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.khtt-root .dot-title{color:var(--gray-800);flex:1;font-size:15px;font-weight:700}.khtt-root .dot-meta{color:var(--gray-500);font-size:12px}.khtt-root .dot-badge{background:var(--primary-lt);color:var(--primary);border:1px solid #bfdbfe;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600}.khtt-root .kh-cards-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;margin-top:4px;display:grid}.khtt-root .kh-card{background:var(--gray-50);border:1.5px solid var(--gray-200);cursor:pointer;border-radius:10px;padding:14px 16px 12px;transition:all .18s;position:relative}.khtt-root .kh-card:hover{border-color:var(--primary);background:#fff;transform:translateY(-1px);box-shadow:0 4px 14px #2563eb1f}.khtt-root .kh-card-type{color:var(--gray-400);letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px;font-size:10.5px;font-weight:700}.khtt-root .kh-card-title{color:var(--gray-800);margin-bottom:10px;font-size:14.5px;font-weight:700;line-height:1.4}.khtt-root .kh-card-row{color:var(--gray-600);align-items:flex-start;gap:4px;margin-bottom:4px;font-size:12.5px;display:flex}.khtt-root .kh-card-row strong{color:var(--gray-700);white-space:nowrap}.khtt-root .kh-card-actions{border-top:1px solid var(--gray-200);flex-wrap:wrap;gap:6px;margin-top:12px;padding-top:10px;display:flex}.khtt-root .status-badge{border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:12px;right:12px}.khtt-root .status-nhap{color:#a16207;background:#fef9c3;border:1px solid #fde68a}.khtt-root .status-choduyet{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.khtt-root .status-daduyetonly{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.khtt-root .status-daduyet{color:#15803d;background:#dcfce7;border:1px solid #86efac}.khtt-root .status-dacongbo{background:var(--success-lt);color:var(--success);border:1px solid var(--success-bd)}.khtt-root .status-dongkehoach{background:var(--gray-100);color:var(--gray-600);border:1px solid var(--gray-300)}.khtt-root .btn{cursor:pointer;white-space:nowrap;border:none;border-radius:7px;align-items:center;gap:5px;padding:7px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.khtt-root .btn:disabled{opacity:.5;cursor:not-allowed}.khtt-root .btn-primary{background:var(--primary);color:#fff}.khtt-root .btn-primary:hover:not(:disabled){background:var(--primary-h)}.khtt-root .btn-outline{color:var(--gray-700);border:1.5px solid var(--gray-300);background:#fff}.khtt-root .btn-outline:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.khtt-root .btn-success{background:var(--success);color:#fff}.khtt-root .btn-success:hover:not(:disabled){background:var(--success-h)}.khtt-root .btn-warning{background:var(--warning);color:#fff}.khtt-root .btn-warning:hover:not(:disabled){background:var(--warning-h)}.khtt-root .btn-danger{background:var(--danger-lt);color:var(--danger);border:1px solid var(--danger-bd)}.khtt-root .btn-danger:hover:not(:disabled){background:var(--danger);color:#fff}.khtt-root .btn-danger-solid{background:var(--danger);color:#fff;border:none}.khtt-root .btn-danger-solid:hover:not(:disabled){background:#b91c1c}.khtt-root .btn-sm{padding:5px 10px;font-size:12px}.khtt-root .btn-congbo{background:var(--success-lt);color:var(--success);border:1px solid var(--success-bd)}.khtt-root .btn-congbo:hover:not(:disabled){background:var(--success);color:#fff}.khtt-root .btn-huy-congbo{color:var(--warning);border:1px solid var(--warning-bd);background:#fff7ed}.khtt-root .btn-huy-congbo:hover:not(:disabled){background:var(--warning);color:#fff}.khtt-root .btn-congbo-disabled{color:var(--gray-400);background:var(--gray-100);border:1px solid var(--gray-200);cursor:not-allowed;white-space:nowrap;title:"Cần trạng thái Đã duyệt để công bố";border-radius:7px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.khtt-root .modal-header-success{background:linear-gradient(135deg,#14532d,#16a34a)!important}.khtt-root .modal-header-warning{background:linear-gradient(135deg,#92400e,#d97706)!important}.khtt-root .modal-header-danger{background:linear-gradient(135deg,#7f1d1d,#dc2626)!important}.khtt-root .kh-select{border:1.5px solid var(--gray-300);height:36px;color:var(--gray-700);cursor:pointer;background:#fff;border-radius:7px;outline:none;min-width:140px;padding:0 10px;font-size:13px;transition:border-color .15s}.khtt-root .kh-select:focus{border-color:var(--primary)}.khtt-root .modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:200;background:#0f172a73;justify-content:center;align-items:center;padding:20px;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.khtt-root .modal-panel{width:100%;max-width:680px;max-height:90vh;box-shadow:var(--shadow-lg);background:#fff;border-radius:14px;flex-direction:column;animation:.2s slideUp;display:flex}.khtt-root .modal-panel-lg{max-width:860px}.khtt-root .modal-header{color:#fff;background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 100%);border-radius:14px 14px 0 0;align-items:center;gap:12px;padding:18px 24px;display:flex}.khtt-root .modal-title{flex:1;font-size:16px;font-weight:700}.khtt-root .modal-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;transition:background .15s;display:flex}.khtt-root .modal-close:hover{background:#ffffff40}.khtt-root .modal-body{flex:1;padding:24px;overflow-y:auto}.khtt-root .modal-footer{border-top:1px solid var(--gray-200);background:var(--gray-50);border-radius:0 0 14px 14px;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.khtt-root .form-section-title{color:var(--gray-700);border-bottom:2px solid var(--primary-lt);align-items:center;gap:6px;margin-top:20px;margin-bottom:16px;padding:0 0 8px;font-size:13px;font-weight:700;display:flex}.khtt-root .form-section-title:first-child{margin-top:0}.khtt-root .form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.khtt-root .form-full{grid-column:1/-1}.khtt-root .form-group{flex-direction:column;gap:5px;display:flex}.khtt-root .form-label{color:var(--gray-600);font-size:12.5px;font-weight:600}.khtt-root .form-label .req{color:var(--danger);margin-left:2px}.khtt-root .form-input,.khtt-root .form-textarea,.khtt-root .form-select{border:1.5px solid var(--gray-300);color:var(--gray-800);font-size:13.5px;font-family:var(--font);background:#fff;border-radius:7px;outline:none;width:100%;padding:8px 11px;transition:border-color .15s,box-shadow .15s}.khtt-root .form-input:focus,.khtt-root .form-textarea:focus,.khtt-root .form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb14}.khtt-root .form-textarea{resize:vertical;min-height:72px}.khtt-root .cv-table-wrap{overflow-x:auto}.khtt-root .cv-table{border-collapse:collapse;width:100%;font-size:13px}.khtt-root .cv-table th{background:var(--gray-100);color:var(--gray-600);text-transform:uppercase;letter-spacing:.4px;text-align:left;border-bottom:1.5px solid var(--gray-200);padding:8px 10px;font-size:11.5px;font-weight:700}.khtt-root .cv-table td{border-bottom:1px solid var(--gray-100);vertical-align:middle;padding:8px 10px}.khtt-root .cv-table tr:last-child td{border-bottom:none}.khtt-root .cv-table tr:hover td{background:var(--gray-50)}.khtt-root .cv-input{width:100%;font-size:13px;font-family:var(--font);color:var(--gray-800);background:0 0;border:1.5px solid #0000;border-radius:5px;outline:none;padding:5px 7px;transition:all .13s}.khtt-root .cv-input:hover{border-color:var(--gray-300);background:#fff}.khtt-root .cv-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #2563eb14}.khtt-root .kh-empty{text-align:center;padding:48px 24px}.khtt-root .kh-empty-icon{margin-bottom:10px;font-size:40px}.khtt-root .kh-empty-title{color:var(--gray-600);margin-bottom:4px;font-size:15px;font-weight:600}.khtt-root .kh-empty-sub{color:var(--gray-400);font-size:13px}.khtt-root .spinner-wrap{justify-content:center;padding:60px 0;display:flex}.khtt-root .spinner{border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;width:34px;height:34px;animation:.7s linear infinite spin}.khtt-root .spinner-sm{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}.khtt-root .kh-error-bar{color:#92400e;background:#fef3c7;border-bottom:1px solid #fcd34d;align-items:center;gap:8px;padding:10px 24px;font-size:13px;display:flex}.khtt-root .info-grid{grid-template-columns:1fr 1fr;gap:14px 20px;margin-bottom:20px;display:grid}.khtt-root .info-label{color:var(--gray-400);text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px;font-size:11.5px;font-weight:700}.khtt-root .info-value{color:var(--gray-800);font-size:13.5px;font-weight:500}.khtt-root .info-value.empty{color:var(--gray-400);font-style:italic;font-weight:400}.khtt-root .info-full{grid-column:1/-1}.khtt-root .detail-tabs{background:var(--gray-50);border-bottom:1px solid var(--gray-200);gap:2px;padding:0 24px;display:flex}.khtt-root .tab-btn{color:var(--gray-500);cursor:pointer;background:0 0;border:none;border-bottom:2.5px solid #0000;align-items:center;gap:5px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.khtt-root .tab-btn:hover{color:var(--primary)}.khtt-root .tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.khtt-root .stt-circle{background:var(--primary-lt);width:28px;height:28px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.khtt-root .no-dot-msg{color:var(--gray-400);padding:8px 0;font-size:13px;font-style:italic}@media (max-width:640px){.khtt-root .kh-main{padding:16px}.khtt-root .form-grid,.khtt-root .info-grid{grid-template-columns:1fr}.khtt-root .kh-card-actions{flex-wrap:wrap}}.khtt-root .panel-overlay{z-index:1000;background:#0f172a66;justify-content:flex-end;animation:.2s fadein;display:flex;position:fixed;inset:0}.khtt-root .panel-body{background:#fff;flex-direction:column;width:min(680px,100vw);height:100%;animation:.25s cubic-bezier(.4,0,.2,1) slideright;display:flex;box-shadow:-4px 0 32px #00000026}@keyframes slideright{}.khtt-root .panel-header{background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 100%);flex-shrink:0;align-items:flex-start;gap:14px;padding:20px 22px;display:flex}.khtt-root .panel-avatar{color:#fff;background:#ffffff2e;border:2px solid #ffffff4d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:18px;font-weight:700;display:flex}.khtt-root .panel-name{color:#fff;margin-bottom:3px;font-size:16px;font-weight:700}.khtt-root .panel-sub{color:#ffffffbf;font-size:13px}.khtt-root .panel-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-left:auto;font-size:16px;transition:background .15s;display:flex}.khtt-root .panel-close:hover{background:#ffffff47}.khtt-root .panel-tabs{border-bottom:1px solid var(--gray-200);background:var(--gray-50);flex-shrink:0;padding:0 20px;display:flex}.khtt-root .panel-tab{cursor:pointer;color:var(--gray-400);background:0 0;border:none;border-bottom:2.5px solid #0000;align-items:center;gap:5px;margin-bottom:-1px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.khtt-root .panel-tab:hover{color:var(--primary)}.khtt-root .panel-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.khtt-root .panel-content{flex:1;padding:20px 24px;overflow-y:auto}.khtt-root .panel-footer{border-top:1px solid var(--gray-200);background:var(--gray-50);flex-shrink:0;justify-content:flex-end;gap:10px;padding:14px 22px;display:flex}.khtt-root .kh-congbo-section{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:10px;margin-bottom:20px;padding:14px 16px}.khtt-root .kh-congbo-active{color:var(--success);align-items:center;gap:8px;margin-bottom:2px;font-size:13px;font-weight:600;display:flex}.khtt-root .kh-congbo-blocked{color:var(--gray-600);background:#fffbeb;border:1px solid #fde68a;border-radius:8px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:13px;line-height:1.5;display:flex}.khtt-root .kh-congbo-blocked svg{color:#d97706;flex-shrink:0;margin-top:1px}.khtt-root .kh-congbo-confirm{border-radius:8px;margin-top:8px;padding:12px 14px}.khtt-root .kh-congbo-confirm-success{background:var(--success-lt);border:1px solid var(--success-bd)}.khtt-root .kh-congbo-confirm-warning{background:#fffbeb;border:1px solid #fde68a}.khtt-root .kh-delete-confirm{background:var(--danger-lt);border:1px solid #fecaca;border-radius:8px;padding:12px 14px}.khtt-root .btn-warning-solid{background:var(--warning);color:#fff;cursor:pointer;border:none;border-radius:7px;align-items:center;gap:5px;padding:7px 16px;font-size:13px;font-weight:600;display:inline-flex}.khtt-root .btn-warning-solid:hover:not(:disabled){opacity:.88}.khtt-root .btn-success-solid{background:var(--success);color:#fff;cursor:pointer;border:none;border-radius:7px;align-items:center;gap:5px;padding:7px 16px;font-size:13px;font-weight:600;display:inline-flex}.khtt-root .btn-success-solid:hover:not(:disabled){opacity:.88}.khtt-root .btn-warning-solid:disabled,.khtt-root .btn-success-solid:disabled{opacity:.6;cursor:not-allowed}.khtt-root .kh-modal-panel{background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 100%)}.xetduyet-root,.xetduyet-root *,.xetduyet-root :before,.xetduyet-root :after{box-sizing:border-box;margin:0;padding:0}.xetduyet-root,.xetduyet-root{--primary:#2563eb;--primary-h:#1d4ed8;--primary-lt:#eff6ff;--primary-dk:#1e3a8a;--success:#16a34a;--success-lt:#f0fdf4;--success-bd:#bbf7d0;--warning:#d97706;--warning-lt:#fffbeb;--warning-bd:#fde68a;--danger:#dc2626;--danger-lt:#fef2f2;--danger-bd:#fecaca;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--bg:#f0f4f8;--card:#fff;--border:#e2e8f0;--text:#1e293b;--muted:#64748b;--font:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--radius:10px;--shadow-sm:0 1px 3px #00000012;--shadow:0 4px 12px #00000014;--shadow-lg:0 10px 32px #0000001f;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:14px}.xetduyet-root ::-webkit-scrollbar{width:6px;height:6px}.xetduyet-root ::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:10px}.xetduyet-root .xd-topbar{color:#fff;z-index:100;background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 60%,#0ea5e9 100%);align-items:center;gap:12px;height:56px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #2563eb4d}.xetduyet-root .xd-topbar-logo{align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.xetduyet-root .xd-topbar-sub{color:#ffffffa6;font-size:12px}.xetduyet-root .xd-toolbar{background:var(--card);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 24px;display:flex}.xetduyet-root .xd-select{border:1.5px solid var(--gray-300);height:36px;color:var(--gray-700);cursor:pointer;font-size:13px;font-family:var(--font);background:#fff;border-radius:7px;outline:none;min-width:140px;padding:0 10px;transition:border-color .15s}.xetduyet-root .xd-select:focus{border-color:var(--primary)}.xetduyet-root .xd-back{cursor:pointer;color:var(--primary);font-size:13.5px;font-weight:600;font-family:var(--font);background:0 0;border:none;align-items:center;gap:6px;padding:6px 0;transition:opacity .15s;display:inline-flex}.xetduyet-root .xd-back:hover{opacity:.75}.xetduyet-root .xd-main{max-width:1300px;margin:0 auto;padding:24px}.xetduyet-root .year-section{background:linear-gradient(135deg,#eff6ff 0%,#e0f2fe 100%);border:1.5px solid #bfdbfe;border-radius:14px;margin-bottom:20px;padding:20px 24px 24px}.xetduyet-root .year-header{border-bottom:1px solid #bfdbfe;align-items:center;gap:10px;margin-bottom:18px;padding-bottom:14px;display:flex}.xetduyet-root .year-icon{background:var(--primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.xetduyet-root .year-title{color:#1e3a8a;font-size:20px;font-weight:700}.xetduyet-root .year-meta{color:var(--primary);margin-top:1px;font-size:12.5px;font-weight:500}.xetduyet-root .dot-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.xetduyet-root .dot-card{background:var(--card);border:1.5px solid var(--border);text-align:center;box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:24px 20px 18px;transition:all .18s;display:flex}.xetduyet-root .dot-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 16px #2563eb1f}.xetduyet-root .dot-card-icon{background:var(--primary-lt);width:52px;height:52px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;display:flex}.xetduyet-root .dot-card-name{color:var(--gray-800);font-size:18px;font-weight:800}.xetduyet-root .dot-card-sub{color:var(--muted);margin-bottom:10px;font-size:12px}.xetduyet-root .dot-stats{width:100%;margin:8px 0 16px}.xetduyet-root .dot-stat-row{justify-content:space-between;padding:3px 0;font-size:13px;display:flex}.xetduyet-root .dot-stat-label{color:var(--gray-600)}.xetduyet-root .dot-stat-val{font-weight:700}.xetduyet-root .dot-stat-val.chờ{color:var(--warning)}.xetduyet-root .dot-stat-val.duyệt{color:var(--success)}.xetduyet-root .dot-stat-val.từchối{color:var(--danger)}.xetduyet-root .dot-stat-val.total{color:var(--gray-700)}.xetduyet-root .dot-detail-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.xetduyet-root .dot-detail-title{color:var(--gray-800);font-size:22px;font-weight:800}.xetduyet-root .dot-detail-sub{color:var(--muted);margin-top:2px;font-size:13px}.xetduyet-root .stat-cards-row{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px;display:grid}.xetduyet-root .stat-card{border:1.5px solid;border-radius:10px;align-items:center;gap:12px;padding:16px 18px;display:flex}.xetduyet-root .stat-card-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.xetduyet-root .stat-card-label{margin-bottom:2px;font-size:12.5px;font-weight:600}.xetduyet-root .stat-card-num{font-size:24px;font-weight:800;line-height:1}.xetduyet-root .stat-card.cho{background:var(--warning-lt);border-color:var(--warning-bd)}.xetduyet-root .stat-card.cho .stat-card-icon{color:var(--warning);background:#fef3c7}.xetduyet-root .stat-card.cho .stat-card-label,.xetduyet-root .stat-card.cho .stat-card-num{color:var(--warning)}.xetduyet-root .stat-card.duyet{background:var(--success-lt);border-color:var(--success-bd)}.xetduyet-root .stat-card.duyet .stat-card-icon{color:var(--success);background:#dcfce7}.xetduyet-root .stat-card.duyet .stat-card-label,.xetduyet-root .stat-card.duyet .stat-card-num{color:var(--success)}.xetduyet-root .stat-card.tuchoi{background:var(--danger-lt);border-color:var(--danger-bd)}.xetduyet-root .stat-card.tuchoi .stat-card-icon{color:var(--danger);background:#fee2e2}.xetduyet-root .stat-card.tuchoi .stat-card-label,.xetduyet-root .stat-card.tuchoi .stat-card-num{color:var(--danger)}.xetduyet-root .hoso-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.xetduyet-root .hoso-card{background:var(--card);border:1.5px solid var(--border);box-shadow:var(--shadow-sm);border-radius:10px;padding:16px;transition:all .16s}.xetduyet-root .hoso-card:hover{border-color:var(--primary);box-shadow:var(--shadow)}.xetduyet-root .hoso-card-top{align-items:center;gap:10px;margin-bottom:10px;display:flex}.xetduyet-root .hoso-avatar{color:#fff;background:linear-gradient(135deg,#a78bfa,#7c3aed);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;font-weight:700;display:flex}.xetduyet-root .hoso-name{color:var(--gray-800);font-size:14.5px;font-weight:700}.xetduyet-root .hoso-mssv{color:var(--muted);margin-top:1px;font-size:12px}.xetduyet-root .hoso-status-badge{border-radius:20px;align-items:center;gap:4px;margin-bottom:10px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.xetduyet-root .hoso-status-badge.cho{background:var(--warning-lt);color:var(--warning);border:1px solid var(--warning-bd)}.xetduyet-root .hoso-status-badge.duyet{background:var(--success-lt);color:var(--success);border:1px solid var(--success-bd)}.xetduyet-root .hoso-status-badge.tuchoi{background:var(--danger-lt);color:var(--danger);border:1px solid var(--danger-bd)}.xetduyet-root .hoso-info-row{color:var(--gray-600);gap:4px;margin-bottom:4px;font-size:12.5px;display:flex}.xetduyet-root .hoso-info-row strong{color:var(--gray-700);white-space:nowrap;min-width:46px}.xetduyet-root .hoso-card-actions{border-top:1px solid var(--gray-100);gap:8px;margin-top:12px;padding-top:10px;display:flex}.xetduyet-root .btn{cursor:pointer;white-space:nowrap;font-size:13px;font-weight:600;font-family:var(--font);border:none;border-radius:7px;align-items:center;gap:6px;padding:7px 14px;transition:all .15s;display:inline-flex}.xetduyet-root .btn:disabled{opacity:.5;cursor:not-allowed}.xetduyet-root .btn-primary{background:var(--primary);color:#fff}.xetduyet-root .btn-primary:hover:not(:disabled){background:var(--primary-h)}.xetduyet-root .btn-outline{color:var(--gray-700);border:1.5px solid var(--gray-300);background:#fff}.xetduyet-root .btn-outline:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.xetduyet-root .btn-success{background:var(--success);color:#fff}.xetduyet-root .btn-success:hover:not(:disabled){background:#15803d}.xetduyet-root .btn-danger{background:var(--danger-lt);color:var(--danger);border:1px solid var(--danger-bd)}.xetduyet-root .btn-danger:hover:not(:disabled){background:var(--danger);color:#fff}.xetduyet-root .btn-sm{padding:5px 10px;font-size:12px}.xetduyet-root .btn-xs{padding:4px 8px;font-size:11.5px}.xetduyet-root .btn-full{justify-content:center;width:100%}.xetduyet-root .xd-empty{text-align:center;padding:60px 20px}.xetduyet-root .xd-empty-icon{margin-bottom:10px;font-size:44px}.xetduyet-root .xd-empty-title{color:var(--gray-600);font-size:15px;font-weight:600}.xetduyet-root .xd-empty-sub{color:var(--gray-400);margin-top:4px;font-size:13px}.xetduyet-root .spinner-wrap{justify-content:center;padding:60px 0;display:flex}.xetduyet-root .spinner{border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;width:34px;height:34px;animation:.7s linear infinite spin}.xetduyet-root .spinner-sm{vertical-align:middle;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin;display:inline-block}.xetduyet-root .spinner-sm-dark{border:2px solid var(--gray-200);border-top-color:var(--primary);vertical-align:middle;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin;display:inline-block}.xetduyet-root .xd-error-bar{color:#92400e;background:#fffbeb;border-bottom:1px solid #fcd34d;align-items:center;gap:8px;padding:10px 24px;font-size:13px;display:flex}.xetduyet-root .modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:300;background:#0f172a73;justify-content:center;align-items:center;padding:20px;animation:.15s fadein;display:flex;position:fixed;inset:0}@keyframes fadein{}.xetduyet-root .modal-panel{width:100%;max-width:560px;max-height:90vh;box-shadow:var(--shadow-lg);background:#fff;border-radius:14px;animation:.2s slideup;overflow-y:auto}.xetduyet-root .modal-panel-lg{max-width:720px}@keyframes slideup{}.xetduyet-root .modal-header{color:#fff;background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 100%);border-radius:14px 14px 0 0;align-items:center;gap:10px;padding:16px 22px;display:flex}.xetduyet-root .modal-title{flex:1;font-size:15px;font-weight:700}.xetduyet-root .modal-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:15px;display:flex}.xetduyet-root .modal-close:hover{background:#ffffff47}.xetduyet-root .modal-body{padding:22px}.xetduyet-root .modal-footer{border-top:1px solid var(--border);background:var(--gray-50);border-radius:0 0 14px 14px;justify-content:flex-end;gap:10px;padding:14px 22px;display:flex}.xetduyet-root .panel-overlay{z-index:1000;background:#0f172a66;justify-content:flex-end;animation:.2s fadein;display:flex;position:fixed;inset:0}.xetduyet-root .panel-body{width:min(700px,100vw);height:100%;box-shadow:var(--shadow-lg);background:#fff;flex-direction:column;animation:.25s cubic-bezier(.4,0,.2,1) slideright;display:flex}.xetduyet-root .panel-header{z-index:10;background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 100%);flex-shrink:0;align-items:flex-start;gap:14px;padding:22px 24px;display:flex}.xetduyet-root .panel-avatar{color:#fff;background:#ffffff2e;border:3px solid #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:28px;font-weight:700;display:flex}.xetduyet-root .panel-name{color:#fff;margin-bottom:3px;font-size:20px;font-weight:700}.xetduyet-root .panel-sub{color:#fffc;font-size:13px}.xetduyet-root .panel-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-left:auto;font-size:16px;transition:background .15s;display:flex}.xetduyet-root .panel-close:hover{background:#ffffff47}.xetduyet-root .panel-tabs{border-bottom:1px solid var(--border);background:var(--gray-50);flex-shrink:0;padding:0 20px;display:flex;overflow-x:auto}.xetduyet-root .panel-tabs::-webkit-scrollbar{height:0}.xetduyet-root .panel-tab{cursor:pointer;font-family:var(--font);color:var(--muted);white-space:nowrap;background:0 0;border:none;border-bottom:2.5px solid #0000;align-items:center;gap:5px;margin-bottom:-1px;padding:11px 14px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.xetduyet-root .panel-tab:hover{color:var(--primary)}.xetduyet-root .panel-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.xetduyet-root .panel-content{flex:1;padding:24px;overflow-y:auto}.xetduyet-root .panel-footer{border-top:1px solid var(--border);background:var(--gray-50);flex-shrink:0;justify-content:flex-end;gap:10px;padding:14px 24px;display:flex}.xetduyet-root .section-title{text-transform:uppercase;letter-spacing:.07em;color:var(--gray-400);border-bottom:2px solid var(--primary-lt);align-items:center;gap:6px;margin-bottom:12px;padding-bottom:8px;font-size:11px;font-weight:700;display:flex}.xetduyet-root .section-title:not(:first-child){margin-top:22px}.xetduyet-root .info-grid{grid-template-columns:1fr 1fr;gap:14px 24px;margin-bottom:16px;display:grid}.xetduyet-root .info-label{color:var(--gray-400);text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px;font-size:11px;font-weight:700}.xetduyet-root .info-value{color:var(--text);font-size:13.5px;font-weight:500}.xetduyet-root .info-value.empty{color:var(--muted);font-style:italic;font-weight:400}.xetduyet-root .info-full{grid-column:1/-1}.xetduyet-root .xd-section{background:var(--gray-50);border:1.5px solid var(--border);border-radius:10px;margin-top:6px;padding:16px}.xetduyet-root .xd-section-title{color:var(--gray-700);align-items:center;gap:6px;margin-bottom:12px;font-size:13px;font-weight:700;display:flex}.xetduyet-root .form-group{flex-direction:column;gap:4px;display:flex}.xetduyet-root .form-label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;font-weight:700}.xetduyet-root .form-input,.xetduyet-root .form-textarea,.xetduyet-root .form-select{border:1.5px solid var(--gray-300);color:var(--text);font-size:13.5px;font-family:var(--font);background:#fff;border-radius:7px;outline:none;width:100%;padding:8px 10px;transition:border-color .15s,box-shadow .15s}.xetduyet-root .form-input:focus,.xetduyet-root .form-textarea:focus,.xetduyet-root .form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb14}.xetduyet-root .form-textarea{resize:vertical;min-height:80px}.xetduyet-root .err-bar{background:var(--danger-lt);color:var(--danger);border:1px solid var(--danger-bd);border-radius:7px;margin-bottom:14px;padding:8px 12px;font-size:13px}@media (max-width:640px){.xetduyet-root .xd-main{padding:14px}.xetduyet-root .stat-cards-row,.xetduyet-root .info-grid{grid-template-columns:1fr}}.internship-root{--primary:#2563eb;--primary-dk:#1e3a8a;--primary-lt:#eff6ff;--primary-bd:#bfdbfe;--success:#16a34a;--success-lt:#f0fdf4;--danger:#dc2626;--danger-lt:#fef2f2;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-400:#9ca3af;--gray-600:#4b5563;--gray-700:#374151;--gray-900:#111827;--bg:#f0f5ff;--font:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--radius:10px;--shadow:0 2px 16px #00000014}.internship-root,.internship-root *{box-sizing:border-box;margin:0;padding:0}.internship-root{font-family:var(--font)}.internship-root .dk-topbar{background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 60%,#0ea5e9 100%);align-items:center;gap:14px;height:56px;padding:0 28px;display:flex;box-shadow:0 2px 8px #1e3a8a4d}.internship-root .dk-topbar-logo{color:#fff;letter-spacing:-.01em;align-items:center;gap:9px;font-size:15px;font-weight:700;display:flex}.internship-root .dk-topbar-count{color:#fff;background:#ffffff2e;border-radius:20px;margin-left:auto;padding:3px 12px;font-size:12px;font-weight:600}.internship-root .dk-main{max-width:900px;margin:0 auto;padding:28px 20px 60px}.internship-root .dk-year-section{margin-bottom:36px}.internship-root .dk-year-header{border-bottom:2px solid var(--primary-bd);align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;display:flex}.internship-root .dk-year-icon{background:var(--primary-lt);width:38px;height:38px;color:var(--primary);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.internship-root .dk-year-title{color:var(--primary-dk);font-size:17px;font-weight:800}.internship-root .dk-year-meta{color:var(--gray-400);margin-top:1px;font-size:12px}.internship-root .dk-dot-section{margin-bottom:24px}.internship-root .dk-dot-label{background:var(--primary-lt);color:var(--primary);border:1px solid var(--primary-bd);border-radius:20px;align-items:center;gap:6px;margin-bottom:14px;padding:4px 14px;font-size:12px;font-weight:700;display:inline-flex}.internship-root .dk-kh-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;display:grid}.internship-root .dk-kh-card{border:1px solid var(--gray-200);box-shadow:var(--shadow);cursor:pointer;background:#fff;border-radius:14px;padding:20px;transition:box-shadow .18s,border-color .18s}.internship-root .dk-kh-card:hover{border-color:var(--primary-bd);box-shadow:0 6px 24px #2563eb21}.internship-root .dk-kh-card-header{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.internship-root .dk-kh-icon{background:linear-gradient(135deg,#1e3a8a,#2563eb);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.internship-root .dk-kh-title{color:var(--gray-900);font-size:15px;font-weight:700;line-height:1.35}.internship-root .dk-kh-meta{color:var(--gray-400);margin-top:3px;font-size:12px}.internship-root .dk-kh-info{color:var(--gray-600);align-items:baseline;gap:6px;margin-bottom:6px;font-size:13px;display:flex}.internship-root .dk-kh-info strong{color:var(--gray-700);min-width:100px;font-weight:600}.internship-root .dk-kh-badge-congbo{color:#16a34a;background:#dcfce7;border-radius:20px;align-items:center;gap:4px;margin-bottom:10px;padding:2px 10px;font-size:11px;font-weight:700;display:inline-flex}.internship-root .dk-kh-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e3a8a,#2563eb);border:none;border-radius:9px;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:14px;padding:11px 0;font-size:13.5px;font-weight:700;transition:opacity .15s;display:flex}.internship-root .dk-kh-btn:hover{opacity:.88}.internship-root .dk-detail-wrap{max-width:780px;margin:32px auto;padding:0 16px}.internship-root .dk-detail-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 20px #00000017}.internship-root .dk-detail-hero{background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 60%,#0ea5e9 100%);padding:28px 32px 24px}.internship-root .dk-detail-hero-eyebrow{color:#ffffffbf;margin-bottom:6px;font-size:13px}.internship-root .dk-detail-hero-title{color:#fff;font-size:22px;font-weight:800;line-height:1.3}.internship-root .dk-detail-hero-sub{color:#ffffffb3;margin-top:6px;font-size:13px}.internship-root .dk-detail-body{padding:28px 32px}.internship-root .dk-info-block{background:var(--primary-lt);border:1px solid var(--primary-bd);border-radius:12px;margin-bottom:16px;padding:16px 20px}.internship-root .dk-info-block-title{color:var(--primary-dk);align-items:center;gap:7px;margin-bottom:10px;font-size:13.5px;font-weight:700;display:flex}.internship-root .dk-time-badge{background:var(--primary);color:#fff;border-radius:20px;padding:4px 16px;font-size:14px;font-weight:700;display:inline-block}.internship-root .dk-time-notes{color:var(--gray-700);margin-top:12px;font-size:13px;line-height:1.8}.internship-root .dk-time-notes strong{color:var(--primary-dk)}.internship-root .dk-table{border-collapse:collapse;width:100%;font-size:13px}.internship-root .dk-table thead tr{background:var(--primary-lt)}.internship-root .dk-table th{text-align:left;color:var(--primary-dk);padding:9px 12px;font-weight:600}.internship-root .dk-table td{color:var(--gray-700);border-top:1px solid var(--primary-bd);padding:9px 12px}.internship-root .dk-cta-wrap{text-align:center;margin-top:32px}.internship-root .dk-cta-btn{color:#fff;cursor:pointer;letter-spacing:.01em;background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 60%,#0ea5e9 100%);border:none;border-radius:12px;align-items:center;gap:9px;padding:15px 40px;font-size:15px;font-weight:800;transition:opacity .15s,transform .12s;display:inline-flex;box-shadow:0 4px 20px #2563eb66}.internship-root .dk-cta-btn:hover{opacity:.9;transform:translateY(-1px)}.internship-root .dk-form-wrap{border:2px solid var(--primary-bd);background:#f8faff;border-radius:14px;margin-top:24px;padding:26px}.internship-root .dk-form-title{color:var(--primary-dk);align-items:center;gap:8px;margin-bottom:20px;font-size:16px;font-weight:700;display:flex}.internship-root .dk-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.internship-root .dk-form-grid .full{grid-column:1/-1}.internship-root .dk-form-label{color:var(--gray-700);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.internship-root .dk-form-input,.internship-root .dk-form-select{border:1px solid var(--gray-200);width:100%;color:var(--gray-900);background:#fff;border-radius:8px;outline:none;padding:10px 13px;font-size:13px;transition:border-color .15s,box-shadow .15s}.internship-root .dk-form-input:focus,.internship-root .dk-form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.internship-root .dk-form-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.internship-root .btn-cancel{border:1px solid var(--gray-200);color:var(--gray-700);cursor:pointer;background:#fff;border-radius:8px;padding:10px 22px;font-size:13px;font-weight:600}.internship-root .btn-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e3a8a,#2563eb);border:none;border-radius:8px;padding:10px 26px;font-size:13px;font-weight:700}.internship-root .btn-submit:disabled{opacity:.6;cursor:not-allowed}.internship-root .dk-back-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 16px;font-size:13px;font-weight:600;display:flex}.internship-root .dk-back-btn:hover{background:#ffffff40}.internship-root .dk-success{text-align:center;background:#f0fdf4;border:1px solid #86efac;border-radius:12px;margin-bottom:20px;padding:24px}.internship-root .dk-success-icon{margin-bottom:10px;font-size:40px}.internship-root .dk-success-title{color:#166534;font-size:17px;font-weight:800}.internship-root .dk-success-sub{color:#16a34a;margin-top:6px;font-size:13px}.internship-root .dk-error{background:var(--danger-lt);color:var(--danger);border:1px solid #fecaca;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:13px}.internship-root .dk-empty{text-align:center;color:var(--gray-400);padding:80px 24px}.internship-root .dk-empty-icon{margin-bottom:14px;font-size:48px}.internship-root .dk-empty-title{color:var(--gray-700);margin-bottom:6px;font-size:18px;font-weight:700}.internship-root .dk-empty-sub{font-size:14px}.internship-root .dk-spinner-wrap{justify-content:center;align-items:center;padding:80px;display:flex}.internship-root .dk-spinner{border:3px solid #dbeafe;border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}@media (max-width:640px){.internship-root .dk-form-grid{grid-template-columns:1fr}.internship-root .dk-form-grid .full{grid-column:1}.internship-root .dk-kh-grid{grid-template-columns:1fr}.internship-root .dk-detail-hero,.internship-root .dk-detail-body{padding:20px 18px}}