:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr 1fr;padding:0 2rem}}.login-container[data-v-51c1c2a4]{min-height:100vh;width:100vw;background:linear-gradient(135deg,#80cbc4,#4db6ac,#26a69a);background-attachment:fixed;display:flex;align-items:center;justify-content:center;padding:0;margin:0;position:fixed;inset:0;overflow:hidden}.login-container[data-v-51c1c2a4]:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none}.login-card[data-v-51c1c2a4]{background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:2px dashed rgba(76,182,172,.3);box-shadow:0 20px 40px #0000001a,0 0 0 1px #ffffff4d,inset 0 1px #fff6;padding:50px 40px;width:100%;max-width:420px;position:relative;z-index:1;transition:all .3s ease}.login-card[data-v-51c1c2a4]:hover{transform:translateY(-5px);background:#fffffffc;box-shadow:0 25px 50px #00000026,0 0 0 1px #fff6,inset 0 1px #ffffff80}.logo-section[data-v-51c1c2a4]{text-align:center;margin-bottom:40px}.logo[data-v-51c1c2a4]{display:inline-block;position:relative}.logo-image[data-v-51c1c2a4]{max-width:140px;height:auto;display:block;filter:none;transition:all .3s ease}.logo-image[data-v-51c1c2a4]:hover{transform:scale(1.05);filter:none}.login-form[data-v-51c1c2a4]{display:flex;flex-direction:column;gap:25px}.input-group[data-v-51c1c2a4]{position:relative;display:flex;align-items:center}.input-icon[data-v-51c1c2a4]{position:absolute;left:15px;z-index:2;display:flex;align-items:center;justify-content:center;color:#4db6ac;transition:color .3s ease}.form-input[data-v-51c1c2a4]{width:100%;padding:16px 20px 16px 50px;border:2px solid rgba(77,182,172,.2);border-radius:12px;font-size:15px;transition:all .3s ease;background:#fffffff2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#333;font-weight:500}.form-input[data-v-51c1c2a4]:focus{outline:none;border-color:#4db6ac;background:#fffffffa;box-shadow:0 0 0 3px #4db6ac1a;transform:translateY(-2px)}.form-input:focus+.input-icon[data-v-51c1c2a4]{color:#26a69a}.form-input[data-v-51c1c2a4]::placeholder{color:#999;font-weight:400}.lightning-icon[data-v-51c1c2a4]{display:none}.captcha-container[data-v-51c1c2a4]{display:flex;gap:12px;width:100%}.captcha-input[data-v-51c1c2a4]{flex:1}.captcha-code[data-v-51c1c2a4]{width:90px;height:48px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid rgba(77,182,172,.2);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#333;cursor:pointer;-webkit-user-select:none;user-select:none;letter-spacing:2px;transform:rotate(-1deg);transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.captcha-code[data-v-51c1c2a4]:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);transform:rotate(0) scale(1.05);box-shadow:0 4px 8px #00000026}.captcha-image[data-v-51c1c2a4]{width:100%;height:100%;object-fit:cover;border-radius:4px}.captcha-loading[data-v-51c1c2a4]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:12px;color:#666}.error-message[data-v-51c1c2a4]{color:#dc3545;font-size:14px;text-align:center;margin-top:10px;padding:8px;background:#dc35451a;border-radius:6px;border:1px solid rgba(220,53,69,.2)}.login-btn[data-v-51c1c2a4]{width:100%;padding:20px 24px;background:linear-gradient(135deg,#4caf50,#45a049,#388e3c);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #4caf504d,inset 0 1px #fff3;position:relative;overflow:hidden;letter-spacing:1px}.login-btn[data-v-51c1c2a4]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.login-btn[data-v-51c1c2a4]:hover{background:linear-gradient(135deg,#45a049,#388e3c,#2e7d32);transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066,inset 0 1px #ffffff4d}.login-btn[data-v-51c1c2a4]:hover:before{left:100%}.login-btn[data-v-51c1c2a4]:active{transform:translateY(0);box-shadow:0 2px 10px #4caf504d,inset 0 1px #fff3}.login-btn[data-v-51c1c2a4]:disabled{background:linear-gradient(135deg,#ccc,#999,#666);cursor:not-allowed;transform:none;box-shadow:0 2px 5px #0000001a}.login-btn[data-v-51c1c2a4]:disabled:hover{background:linear-gradient(135deg,#ccc,#999,#666);transform:none;box-shadow:0 2px 5px #0000001a}@media (max-width: 480px){.login-container[data-v-51c1c2a4]{padding:15px}.login-card[data-v-51c1c2a4]{padding:40px 25px;margin:10px;border-radius:16px}.logo-image[data-v-51c1c2a4]{max-width:120px}.form-input[data-v-51c1c2a4]{padding:14px 20px 14px 45px;font-size:14px}.login-btn[data-v-51c1c2a4]{padding:16px 20px;font-size:15px}}.user-management[data-v-a787325b]{width:100%;height:100%;padding:30px 40px;background:#fff;overflow-y:auto}.page-header[data-v-a787325b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px;padding-bottom:25px;border-bottom:2px solid #e9ecef;flex-wrap:wrap;gap:25px;width:100%;min-width:0}.page-title[data-v-a787325b]{font-size:28px;font-weight:700;color:#2c3e50;margin:0;letter-spacing:.5px}.page-actions[data-v-a787325b]{display:flex;gap:15px;align-items:center}.search-section[data-v-a787325b]{display:flex;align-items:center;gap:15px}.search-label[data-v-a787325b]{font-size:16px;font-weight:600;color:#495057;white-space:nowrap}.search-input[data-v-a787325b]{width:200px;padding:8px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:14px;transition:all .2s ease}.search-input[data-v-a787325b]:focus{outline:none;border-color:#4db6ac;box-shadow:0 0 0 2px #4db6ac1a}.search-btn[data-v-a787325b]{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#4db6ac,#26a69a);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #4db6ac33}.search-btn[data-v-a787325b]:hover{background:linear-gradient(135deg,#26a69a,#00897b);transform:translateY(-1px);box-shadow:0 4px 8px #4db6ac4d}.add-btn[data-v-a787325b]{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #4caf5033}.add-btn[data-v-a787325b]:hover{background:linear-gradient(135deg,#45a049,#388e3c);transform:translateY(-1px);box-shadow:0 4px 8px #4caf504d}.table-container[data-v-a787325b]{max-height:800px;overflow-y:auto;overflow-x:hidden;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;position:relative;transition:filter .3s ease;scrollbar-width:thin;scrollbar-color:#4DB6AC #f1f3f4;box-sizing:border-box}.table-container[data-v-a787325b]::-webkit-scrollbar{width:8px}.table-container[data-v-a787325b]::-webkit-scrollbar-track{background:#f1f3f4;border-radius:4px}.table-container[data-v-a787325b]::-webkit-scrollbar-thumb{background:#4db6ac;border-radius:4px;transition:background .3s ease}.table-container[data-v-a787325b]::-webkit-scrollbar-thumb:hover{background:#26a69a}.data-table[data-v-a787325b]{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.data-table thead[data-v-a787325b]{position:sticky;top:0;z-index:10;box-shadow:0 2px 4px #0000000d}.data-table th[data-v-a787325b]{background:linear-gradient(135deg,#4db6ac,#26a69a);padding:18px 20px;text-align:left;color:#fff;font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.5px;border:none}.data-table th[data-v-a787325b]:first-child{border-top-left-radius:12px}.data-table th[data-v-a787325b]:last-child{border-top-right-radius:12px}.data-table td[data-v-a787325b]{padding:18px 20px;border-bottom:1px solid #f1f3f5;color:#495057;font-size:15px;font-weight:500;height:60px;vertical-align:middle}.data-table tbody tr[data-v-a787325b]:not(.empty-row):hover{background:linear-gradient(90deg,#4db6ac0d,#4db6ac05);transform:scale(1.001);box-shadow:0 2px 8px #0000000d}.data-table tbody tr:last-child td[data-v-a787325b]{border-bottom:none}.empty-row[data-v-a787325b]{background:transparent}.col-username[data-v-a787325b],.col-permission[data-v-a787325b]{width:15%}.col-time[data-v-a787325b]{width:25%}.col-status[data-v-a787325b]{width:15%}.col-actions[data-v-a787325b]{width:30%}.status-badge[data-v-a787325b]{display:inline-block;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;letter-spacing:.5px}.status-active[data-v-a787325b]{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 2px 6px #4caf504d}.status-inactive[data-v-a787325b]{background:linear-gradient(135deg,#9e9e9e,#757575);color:#fff;box-shadow:0 2px 6px #9e9e9e4d}.action-buttons[data-v-a787325b]{display:flex;gap:10px}.btn-edit[data-v-a787325b],.btn-delete[data-v-a787325b]{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-edit[data-v-a787325b]{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;box-shadow:0 2px 6px #2196f34d}.btn-edit[data-v-a787325b]:hover{background:linear-gradient(135deg,#1976d2,#1565c0);transform:translateY(-2px);box-shadow:0 4px 10px #2196f366}.btn-delete[data-v-a787325b]{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;box-shadow:0 2px 6px #f443364d}.btn-delete[data-v-a787325b]:hover{background:linear-gradient(135deg,#d32f2f,#c62828);transform:translateY(-2px);box-shadow:0 4px 10px #f4433666}.modal-overlay[data-v-a787325b]{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-a787325b .3s ease}.modal-container[data-v-a787325b]{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp-a787325b .3s ease}.modal-header[data-v-a787325b]{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;background:linear-gradient(135deg,#4db6ac,#26a69a);color:#fff;border-radius:16px 16px 0 0}.modal-title-section[data-v-a787325b]{display:flex;align-items:center;gap:15px}.modal-icon[data-v-a787325b]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-icon svg[data-v-a787325b]{color:#fff}.modal-title[data-v-a787325b]{font-size:24px;font-weight:700;margin:0;letter-spacing:.5px}.modal-close[data-v-a787325b]{width:36px;height:36px;border:none;background:#fff3;color:#fff;font-size:28px;line-height:1;cursor:pointer;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.modal-close[data-v-a787325b]:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-body[data-v-a787325b]{padding:30px}.form-group[data-v-a787325b]{margin-bottom:25px}.form-group[data-v-a787325b]:last-child{margin-bottom:0}.form-label[data-v-a787325b]{display:block;margin-bottom:10px;font-weight:600;color:#2c3e50;font-size:15px}.form-input[data-v-a787325b],.form-select[data-v-a787325b]{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:15px;transition:all .3s ease;background:#fff;color:#495057}.form-input[data-v-a787325b]:focus,.form-select[data-v-a787325b]:focus{outline:none;border-color:#4db6ac;box-shadow:0 0 0 3px #4db6ac1a}.form-select[data-v-a787325b]{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23495057' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.form-hint[data-v-a787325b]{margin:8px 0 0;font-size:13px;color:#6c757d;font-style:italic}.delete-message[data-v-a787325b]{font-size:18px;color:#2c3e50;text-align:center;margin:10px 0;font-weight:600;line-height:1.6}.modal-footer[data-v-a787325b]{display:flex;justify-content:flex-end;gap:12px;padding:20px 30px;background:#f8f9fa;border-radius:0 0 16px 16px}.btn-modal[data-v-a787325b]{padding:12px 28px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;letter-spacing:.5px}.btn-primary[data-v-a787325b]{background:linear-gradient(135deg,#4db6ac,#26a69a);color:#fff;box-shadow:0 4px 12px #4db6ac66}.btn-primary[data-v-a787325b]:hover{background:linear-gradient(135deg,#26a69a,#00897b);transform:translateY(-2px);box-shadow:0 6px 16px #4db6ac80}.btn-danger[data-v-a787325b]{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;box-shadow:0 4px 12px #f4433666}.btn-danger[data-v-a787325b]:hover{background:linear-gradient(135deg,#d32f2f,#c62828);transform:translateY(-2px);box-shadow:0 6px 16px #f4433680}.btn-secondary[data-v-a787325b]{background:#e9ecef;color:#495057;box-shadow:0 2px 6px #0000001a}.btn-secondary[data-v-a787325b]:hover{background:#dee2e6;transform:translateY(-2px);box-shadow:0 4px 10px #00000026}@keyframes fadeIn-a787325b{0%{opacity:0}to{opacity:1}}@keyframes slideUp-a787325b{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.toast-notification[data-v-a787325b]{position:fixed;top:80px;right:30px;min-width:320px;max-width:500px;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;display:flex;align-items:center;gap:15px;padding:18px 20px;z-index:9999;animation:slideInRight-a787325b .3s ease}.toast-success[data-v-a787325b]{border-left:4px solid #4CAF50}.toast-error[data-v-a787325b]{border-left:4px solid #f44336}.toast-warning[data-v-a787325b]{border-left:4px solid #FF9800}.toast-icon[data-v-a787325b]{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.toast-success .toast-icon[data-v-a787325b]{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.toast-error .toast-icon[data-v-a787325b]{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.toast-warning .toast-icon[data-v-a787325b]{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.toast-content[data-v-a787325b]{flex:1;min-width:0}.toast-message[data-v-a787325b]{margin:0;font-size:15px;font-weight:500;color:#2c3e50;line-height:1.5;word-wrap:break-word}.toast-close[data-v-a787325b]{flex-shrink:0;width:28px;height:28px;border:none;background:#f1f3f5;color:#868e96;font-size:20px;line-height:1;cursor:pointer;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.toast-close[data-v-a787325b]:hover{background:#e9ecef;color:#495057}.toast-fade-enter-active[data-v-a787325b],.toast-fade-leave-active[data-v-a787325b]{transition:all .3s ease}.toast-fade-enter-from[data-v-a787325b],.toast-fade-leave-to[data-v-a787325b]{opacity:0;transform:translate(100px)}@keyframes slideInRight-a787325b{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.user-management[data-v-a787325b]{padding:20px}.toolbar[data-v-a787325b]{flex-direction:column;gap:15px}.search-section[data-v-a787325b]{width:100%;flex-direction:column}.search-input[data-v-a787325b]{width:100%}.modal-container[data-v-a787325b]{width:95%}.action-buttons[data-v-a787325b]{flex-direction:column}.toast-notification[data-v-a787325b]{right:10px;left:10px;min-width:auto}}.pagination-container[data-v-a787325b]{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding:20px 0;border-top:1px solid #e9ecef;flex-wrap:wrap;gap:20px}.pagination-info[data-v-a787325b]{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.pagination-text[data-v-a787325b]{font-size:14px;color:#6c757d;font-weight:500}.page-size-selector[data-v-a787325b]{display:flex;align-items:center;gap:8px}.page-size-label[data-v-a787325b]{font-size:14px;color:#495057;font-weight:500}.page-size-select[data-v-a787325b]{padding:6px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:14px;background:#fff;color:#495057;cursor:pointer;transition:all .2s ease}.page-size-select[data-v-a787325b]:focus{outline:none;border-color:#4db6ac;box-shadow:0 0 0 2px #4db6ac1a}.pagination-controls[data-v-a787325b]{display:flex;align-items:center;gap:8px}.pagination-btn[data-v-a787325b]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #dee2e6;background:#fff;color:#495057;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.pagination-btn[data-v-a787325b]:hover:not(:disabled){background:#4db6ac;color:#fff;border-color:#4db6ac;transform:translateY(-1px);box-shadow:0 2px 6px #4db6ac4d}.pagination-btn[data-v-a787325b]:disabled{background:#f8f9fa;color:#adb5bd;border-color:#e9ecef;cursor:not-allowed;transform:none;box-shadow:none}.pagination-btn.active[data-v-a787325b]{background:linear-gradient(135deg,#4db6ac,#26a69a);color:#fff;border-color:#4db6ac;box-shadow:0 2px 6px #4db6ac4d}.page-numbers[data-v-a787325b]{display:flex;align-items:center;gap:4px}.page-number[data-v-a787325b]{min-width:36px}.page-ellipsis[data-v-a787325b]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:#6c757d;font-size:14px;font-weight:500}@media (max-width: 768px){.pagination-container[data-v-a787325b]{flex-direction:column;align-items:stretch;gap:15px}.pagination-info[data-v-a787325b],.pagination-controls[data-v-a787325b]{justify-content:center;flex-wrap:wrap}.pagination-btn[data-v-a787325b],.page-ellipsis[data-v-a787325b]{width:32px;height:32px;font-size:13px}}.file-type-icon[data-v-9d28c5ff]{display:inline-flex;align-items:center;justify-content:center}.sub-chapters[data-v-15571f7a]{animation:slideDown-15571f7a .3s ease}@keyframes slideDown-15571f7a{0%{opacity:0;max-height:0;overflow:hidden}to{opacity:1;max-height:2000px}}.sub-chapter-item[data-v-15571f7a]{background:#fff;border-radius:8px;margin:8px 0;overflow:hidden;transition:all .3s ease}.sub-chapter-item.level-2[data-v-15571f7a]{margin-left:40px;border-left:3px solid #64B5F6;background:linear-gradient(to right,#64b5f60d,#fff)}.sub-chapter-item.level-3[data-v-15571f7a]{margin-left:60px;border-left:3px solid #81C784;background:linear-gradient(to right,#81c7840d,#fff)}.sub-chapter-item.level-4[data-v-15571f7a]{margin-left:80px;border-left:3px solid #FFB74D;background:linear-gradient(to right,#ffb74d0d,#fff)}.sub-chapter-item.level-5[data-v-15571f7a]{margin-left:100px;border-left:3px solid #BA68C8;background:linear-gradient(to right,#ba68c80d,#fff)}.sub-chapter-header[data-v-15571f7a]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;cursor:pointer;transition:all .3s ease}.sub-chapter-header[data-v-15571f7a]:hover{background:#00000005}.level-2-header[data-v-15571f7a]{background:linear-gradient(135deg,#64b5f61a,#64b5f60d)}.level-3-header[data-v-15571f7a]{background:linear-gradient(135deg,#81c7841a,#81c7840d)}.level-4-header[data-v-15571f7a]{background:linear-gradient(135deg,#ffb74d1a,#ffb74d0d)}.level-5-header[data-v-15571f7a]{background:linear-gradient(135deg,#ba68c81a,#ba68c80d)}.chapter-left[data-v-15571f7a]{display:flex;align-items:center;gap:12px;flex:1}.toggle-btn[data-v-15571f7a]{width:24px;height:24px;padding:0;border:none;background:#64b5f61a;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.toggle-btn[data-v-15571f7a]:hover{background:#64b5f633}.toggle-btn svg[data-v-15571f7a]{transition:transform .3s ease;color:#64b5f6}.toggle-btn svg.rotated[data-v-15571f7a]{transform:rotate(90deg)}.toggle-placeholder[data-v-15571f7a]{width:24px;height:24px;flex-shrink:0}.level-indicator[data-v-15571f7a]{display:flex;align-items:center;gap:8px;flex-shrink:0}.level-2-indicator .level-bar[data-v-15571f7a]{width:4px;height:20px;background:linear-gradient(to bottom,#64b5f6,#42a5f5);border-radius:2px}.level-3-indicator .level-bar[data-v-15571f7a]{width:4px;height:20px;background:linear-gradient(to bottom,#81c784,#66bb6a);border-radius:2px}.level-4-indicator .level-bar[data-v-15571f7a]{width:4px;height:20px;background:linear-gradient(to bottom,#ffb74d,#ffa726);border-radius:2px}.level-5-indicator .level-bar[data-v-15571f7a]{width:4px;height:20px;background:linear-gradient(to bottom,#ba68c8,#ab47bc);border-radius:2px}.level-connector[data-v-15571f7a]{width:12px;height:2px;background:#e0e0e0}.sub-chapter-info[data-v-15571f7a]{display:flex;align-items:center;gap:18px;flex:1}.chapter-number[data-v-15571f7a]{font-size:17px;font-weight:700;color:#fff;min-width:65px;text-align:center;background:linear-gradient(135deg,#64b5f6,#42a5f5);padding:6px 16px;border-radius:8px;letter-spacing:.5px;box-shadow:0 2px 6px #64b5f64d;border:1px solid rgba(255,255,255,.2)}.level-3 .chapter-number[data-v-15571f7a]{background:linear-gradient(135deg,#81c784,#66bb6a);box-shadow:0 2px 6px #81c7844d}.level-4 .chapter-number[data-v-15571f7a]{background:linear-gradient(135deg,#ffb74d,#ffa726);box-shadow:0 2px 6px #ffb74d4d}.level-5 .chapter-number[data-v-15571f7a]{background:linear-gradient(135deg,#ba68c8,#ab47bc);box-shadow:0 2px 6px #ba68c84d}.chapter-name[data-v-15571f7a]{font-size:16px;font-weight:600;color:#2c3e50}.chapter-actions[data-v-15571f7a]{display:flex;gap:8px;flex-shrink:0}.btn-action[data-v-15571f7a]{padding:6px 16px;border:1px solid #E0E0E0;background:#fff;border-radius:6px;font-size:13px;font-weight:500;color:#2c3e50;cursor:pointer;transition:all .3s ease}.btn-action[data-v-15571f7a]:hover{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border-color:transparent;transform:translateY(-1px);box-shadow:0 2px 6px #2196f34d}.btn-move[data-v-15571f7a]{background:linear-gradient(135deg,#ffa726,#ff9800);color:#fff;border:none;box-shadow:0 2px 6px #ffa7264d}.btn-move[data-v-15571f7a]:hover{background:linear-gradient(135deg,#ff9800,#fb8c00);color:#fff;transform:translateY(-1px);box-shadow:0 4px 10px #ffa72666}.btn-action.btn-delete-chapter[data-v-15571f7a]{color:#dc3545}.btn-action.btn-delete-chapter[data-v-15571f7a]:hover{background:#dc3545;color:#fff;border-color:#dc3545}.btn-add-sub[data-v-15571f7a]{background:linear-gradient(135deg,#66bb6a,#4caf50);color:#fff;border:none}.btn-add-sub[data-v-15571f7a]:hover{background:linear-gradient(135deg,#4caf50,#43a047);box-shadow:0 2px 6px #4caf5066}.course-list[data-v-15571f7a]{padding:12px 20px 12px 90px;background:#00000005;border-top:1px solid #f0f0f0}.course-item[data-v-15571f7a]{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:1px solid #E0E0E0;border-radius:6px;margin-bottom:8px;transition:all .3s ease}.course-item[data-v-15571f7a]:hover{border-color:#2196f3;box-shadow:0 2px 8px #2196f326;transform:translate(4px)}.course-icon[data-v-15571f7a]{flex-shrink:0}.course-name[data-v-15571f7a]{font-size:14px;color:#2c3e50;font-weight:500;flex-shrink:0}.permission-badge[data-v-15571f7a]{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;margin-left:8px;white-space:nowrap;flex-shrink:0}.spacer[data-v-15571f7a]{flex:1}.permission-level-1[data-v-15571f7a]{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 2px 4px #4caf504d}.permission-level-2[data-v-15571f7a]{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;box-shadow:0 2px 4px #ff98004d}.course-actions[data-v-15571f7a]{display:flex;gap:6px;flex-shrink:0}.btn-small[data-v-15571f7a]{padding:4px 12px;border:1px solid #E0E0E0;background:#fff;border-radius:4px;font-size:12px;font-weight:500;color:#2c3e50;cursor:pointer;transition:all .3s ease}.btn-small[data-v-15571f7a]:hover{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border-color:transparent;transform:translateY(-1px)}.btn-small.btn-course-move[data-v-15571f7a]{background:linear-gradient(135deg,#ffa726,#ff9800);color:#fff;border:none;box-shadow:0 2px 6px #ffa7264d}.btn-small.btn-course-move[data-v-15571f7a]:hover{background:linear-gradient(135deg,#ff9800,#fb8c00);color:#fff;transform:translateY(-1px);box-shadow:0 4px 10px #ffa72666}.btn-small.btn-delete[data-v-15571f7a]{color:#dc3545}.btn-small.btn-delete[data-v-15571f7a]:hover{background:#dc3545;color:#fff;border-color:#dc3545}.training-edit[data-v-f5fe109d]{width:100%;height:100%;padding:30px 40px;background:#fff;overflow-y:auto}.page-header[data-v-f5fe109d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e9ecef}.header-left[data-v-f5fe109d]{display:flex;align-items:center;gap:20px}.btn-back[data-v-f5fe109d]{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#e9ecef;color:#495057;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-back[data-v-f5fe109d]:hover{background:#dee2e6}.page-title[data-v-f5fe109d]{font-size:28px;font-weight:700;color:#2c3e50;margin:0}.btn-upload-cover[data-v-f5fe109d]{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#5c6bc0,#3f51b5);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #5c6bc04d}.btn-upload-cover[data-v-f5fe109d]:hover{background:linear-gradient(135deg,#3f51b5,#303f9f);transform:translateY(-1px);box-shadow:0 4px 8px #5c6bc066}.header-right[data-v-f5fe109d]{display:flex;align-items:center;gap:20px}.radio-group[data-v-f5fe109d]{display:flex;gap:15px;padding:8px 16px;background:#f8f9fa;border-radius:8px}.radio-label[data-v-f5fe109d]{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:14px;color:#495057;font-weight:600}.radio-label input[type=radio][data-v-f5fe109d]{width:16px;height:16px;cursor:pointer}.btn-add-chapter[data-v-f5fe109d]{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #4caf5033}.btn-add-chapter[data-v-f5fe109d]:hover{background:linear-gradient(135deg,#45a049,#388e3c);transform:translateY(-1px);box-shadow:0 4px 8px #4caf504d}.chapter-tree[data-v-f5fe109d]{display:flex;flex-direction:column;gap:20px}.chapter-item.level-1[data-v-f5fe109d]{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:12px;padding:0;box-shadow:0 2px 8px #0000000f;border:2px solid #e9ecef;overflow:hidden}.chapter-header.level-1-header[data-v-f5fe109d]{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:linear-gradient(135deg,#4db6ac,#26a69a);color:#fff}.chapter-left[data-v-f5fe109d]{display:flex;align-items:center;gap:12px;flex:1}.toggle-btn[data-v-f5fe109d]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:6px;cursor:pointer;transition:all .3s ease;flex-shrink:0}.toggle-btn[data-v-f5fe109d]:hover{background:#ffffff4d;transform:scale(1.05)}.toggle-btn svg[data-v-f5fe109d]{color:#fff;transition:transform .3s ease}.toggle-btn svg.rotated[data-v-f5fe109d]{transform:rotate(90deg)}.toggle-placeholder[data-v-f5fe109d]{width:32px;height:32px;flex-shrink:0}.level-indicator[data-v-f5fe109d]{position:relative;display:flex;align-items:center}.level-1-indicator[data-v-f5fe109d]{width:4px;height:40px;background:transparent}.level-1-indicator .level-bar[data-v-f5fe109d]{width:4px;height:100%;background:#fff6;border-radius:2px}.chapter-info[data-v-f5fe109d]{display:flex;align-items:center;gap:20px;flex:1}.chapter-number[data-v-f5fe109d]{font-size:22px;font-weight:700;color:#fff;min-width:50px;text-shadow:0 2px 4px rgba(0,0,0,.15);background:#ffffff40;padding:8px 18px;border-radius:10px;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 6px #0000001a}.chapter-name[data-v-f5fe109d]{font-size:18px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.chapter-password[data-v-f5fe109d]{font-size:13px;color:#fff;padding:6px 14px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.3);font-weight:500}.chapter-actions[data-v-f5fe109d]{display:flex;gap:8px}.btn-action[data-v-f5fe109d]{padding:6px 12px;background:#fff;color:#495057;border:1px solid #dee2e6;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-action[data-v-f5fe109d]:hover{background:#f8f9fa;border-color:#4db6ac;color:#4db6ac}.btn-move[data-v-f5fe109d]{background:linear-gradient(135deg,#ffa726,#ff9800);color:#fff;border:none;box-shadow:0 2px 6px #ffa7264d}.btn-move[data-v-f5fe109d]:hover{background:linear-gradient(135deg,#ff9800,#fb8c00);color:#fff;transform:translateY(-1px);box-shadow:0 4px 10px #ffa72666}.btn-action.btn-delete-chapter[data-v-f5fe109d]{color:#dc3545}.btn-action.btn-delete-chapter[data-v-f5fe109d]:hover{background:#dc3545;color:#fff;border-color:#dc3545}.btn-add-sub[data-v-f5fe109d]{background:linear-gradient(135deg,#66bb6a,#4caf50);color:#fff;border:none;box-shadow:0 2px 6px #4caf504d}.btn-add-sub[data-v-f5fe109d]:hover{background:linear-gradient(135deg,#4caf50,#43a047);color:#fff;transform:translateY(-1px);box-shadow:0 4px 10px #4caf5066}.course-list[data-v-f5fe109d]{display:flex;flex-direction:column;gap:10px;margin:15px 20px 15px 75px}.course-item[data-v-f5fe109d]{display:flex;align-items:center;gap:12px;padding:10px 15px;background:#fff;border-radius:6px;border:1px solid #e9ecef}.course-icon[data-v-f5fe109d]{flex-shrink:0}.course-name[data-v-f5fe109d]{font-size:14px;color:#2c3e50;font-weight:500;flex-shrink:0}.permission-badge[data-v-f5fe109d]{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;margin-left:8px;white-space:nowrap;flex-shrink:0}.spacer[data-v-f5fe109d]{flex:1}.permission-level-1[data-v-f5fe109d]{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 2px 4px #4caf504d}.permission-level-2[data-v-f5fe109d]{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;box-shadow:0 2px 4px #ff98004d}.course-actions[data-v-f5fe109d]{display:flex;gap:6px}.btn-small[data-v-f5fe109d]{padding:4px 10px;background:#f8f9fa;color:#495057;border:1px solid #dee2e6;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease}.btn-small[data-v-f5fe109d]:hover{background:#e9ecef}.btn-small.btn-course-move[data-v-f5fe109d]{background:linear-gradient(135deg,#ffa726,#ff9800);color:#fff;border:none;box-shadow:0 2px 6px #ffa7264d}.btn-small.btn-course-move[data-v-f5fe109d]:hover{background:linear-gradient(135deg,#ff9800,#fb8c00);color:#fff;transform:translateY(-1px);box-shadow:0 4px 10px #ffa72666}.btn-small.btn-download[data-v-f5fe109d]{background:linear-gradient(135deg,#42a5f5,#1e88e5);color:#fff;border:none;box-shadow:0 2px 6px #42a5f54d}.btn-small.btn-download[data-v-f5fe109d]:hover{background:linear-gradient(135deg,#1e88e5,#1976d2);color:#fff;transform:translateY(-1px);box-shadow:0 4px 10px #42a5f566}.btn-small.btn-delete[data-v-f5fe109d]{color:#dc3545}.btn-small.btn-delete[data-v-f5fe109d]:hover{background:#dc3545;color:#fff;border-color:#dc3545}.sub-chapters[data-v-f5fe109d]{margin:15px 20px;display:flex;flex-direction:column;gap:12px;animation:slideDown-f5fe109d .3s ease}@keyframes slideDown-f5fe109d{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sub-chapter-item.level-2[data-v-f5fe109d]{background:#fff;border-radius:8px;padding:0;border-left:4px solid #4DB6AC;box-shadow:0 1px 4px #00000014;overflow:hidden}.sub-chapter-header.level-2-header[data-v-f5fe109d]{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:linear-gradient(90deg,#4db6ac14,#fff)}.level-2-indicator[data-v-f5fe109d]{width:40px;height:30px;position:relative}.level-2-indicator .level-bar[data-v-f5fe109d]{position:absolute;left:0;top:0;width:3px;height:100%;background:linear-gradient(180deg,#4db6ac,#26a69a);border-radius:2px}.level-2-indicator .level-connector[data-v-f5fe109d]{position:absolute;left:3px;top:50%;width:20px;height:2px;background:linear-gradient(90deg,#4DB6AC 0%,transparent 100%);transform:translateY(-50%)}.sub-chapter-info[data-v-f5fe109d]{display:flex;align-items:center;gap:12px;flex:1}.sub-chapter-info .chapter-number[data-v-f5fe109d]{font-size:17px;font-weight:700;color:#4db6ac;min-width:50px}.sub-chapter-info .chapter-name[data-v-f5fe109d]{font-size:16px;font-weight:600;color:#2c3e50}.modal-overlay[data-v-f5fe109d]{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container[data-v-f5fe109d]{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:600px;width:90%;max-height:90vh;overflow-y:auto}.modal-header[data-v-f5fe109d]{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;background:linear-gradient(135deg,#4db6ac,#26a69a);color:#fff;border-radius:16px 16px 0 0}.modal-title[data-v-f5fe109d]{font-size:20px;font-weight:700;margin:0}.modal-close[data-v-f5fe109d]{width:32px;height:32px;border:none;background:#fff3;color:#fff;font-size:24px;cursor:pointer;border-radius:6px;transition:all .2s ease}.modal-close[data-v-f5fe109d]:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-body[data-v-f5fe109d]{padding:25px}.form-group[data-v-f5fe109d]{margin-bottom:20px}.form-label[data-v-f5fe109d]{display:block;margin-bottom:8px;font-weight:600;color:#2c3e50;font-size:14px}.form-input[data-v-f5fe109d]{width:100%;padding:10px 14px;border:2px solid #e9ecef;border-radius:6px;font-size:14px;transition:all .2s ease}.form-input[data-v-f5fe109d]:focus{outline:none;border-color:#4db6ac;box-shadow:0 0 0 3px #4db6ac1a}.form-select[data-v-f5fe109d]{width:100%;padding:10px 14px;border:2px solid #e9ecef;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;transition:all .2s ease}.form-select[data-v-f5fe109d]:focus{outline:none;border-color:#4db6ac;box-shadow:0 0 0 3px #4db6ac1a}.form-hint[data-v-f5fe109d]{margin:8px 0 0;font-size:12px;color:#6c757d;font-style:italic}.modal-footer[data-v-f5fe109d]{display:flex;justify-content:flex-end;gap:10px;padding:15px 25px;background:#f8f9fa;border-radius:0 0 16px 16px}.btn-modal[data-v-f5fe109d]{padding:10px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary[data-v-f5fe109d]{background:linear-gradient(135deg,#4db6ac,#26a69a);color:#fff}.btn-primary[data-v-f5fe109d]:hover{background:linear-gradient(135deg,#26a69a,#00897b);transform:translateY(-1px)}.btn-primary[data-v-f5fe109d]:disabled{opacity:.5;cursor:not-allowed}.btn-secondary[data-v-f5fe109d]{background:#e9ecef;color:#495057}.btn-secondary[data-v-f5fe109d]:hover{background:#dee2e6}.btn-danger[data-v-f5fe109d]{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;box-shadow:0 4px 12px #f4433666}.btn-danger[data-v-f5fe109d]:hover{background:linear-gradient(135deg,#d32f2f,#c62828);transform:translateY(-2px);box-shadow:0 6px 16px #f4433680}.delete-modal .modal-header[data-v-f5fe109d]{background:linear-gradient(135deg,#f44336,#d32f2f)}.modal-title-section[data-v-f5fe109d]{display:flex;align-items:center;gap:15px}.modal-icon[data-v-f5fe109d]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#fff3}.modal-icon svg[data-v-f5fe109d]{color:#fff}.delete-message[data-v-f5fe109d]{font-size:18px;color:#2c3e50;text-align:center;margin:10px 0;font-weight:600}.delete-warning[data-v-f5fe109d]{font-size:14px;color:#e74c3c;text-align:center;margin:15px 0 0;font-weight:500}.upload-area[data-v-f5fe109d]{border:2px dashed #4DB6AC;border-radius:8px;padding:40px;text-align:center;cursor:pointer;transition:all .2s ease}.upload-area[data-v-f5fe109d]:hover{background:#f0f9f8;border-color:#26a69a}.upload-text[data-v-f5fe109d]{margin:15px 0 5px;font-size:16px;font-weight:600;color:#2c3e50}.upload-hint[data-v-f5fe109d]{font-size:13px;color:#6c757d;margin:0}.file-list[data-v-f5fe109d]{margin-top:20px;display:flex;flex-direction:column;gap:8px}.file-item[data-v-f5fe109d]{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:#f8f9fa;border-radius:6px}.file-name[data-v-f5fe109d]{font-size:14px;color:#2c3e50}.btn-remove[data-v-f5fe109d]{width:24px;height:24px;border:none;background:#dc3545;color:#fff;border-radius:4px;cursor:pointer;font-size:18px;line-height:1}.btn-remove[data-v-f5fe109d]:hover{background:#c82333}.upload-area-small[data-v-f5fe109d]{border:2px dashed #4DB6AC;border-radius:8px;padding:20px;text-align:center;cursor:pointer;transition:all .2s ease;background:#fafafa}.upload-area-small[data-v-f5fe109d]:hover{background:#f0f9f8;border-color:#26a69a}.upload-text-small[data-v-f5fe109d]{margin:8px 0 4px;font-size:14px;font-weight:600;color:#2c3e50}.file-preview[data-v-f5fe109d]{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:8px 12px;background:#e8f5e9;border-radius:6px;border:1px solid #4CAF50}.btn-remove-small[data-v-f5fe109d]{width:20px;height:20px;border:none;background:#dc3545;color:#fff;border-radius:4px;cursor:pointer;font-size:16px;line-height:1;padding:0}.btn-remove-small[data-v-f5fe109d]:hover{background:#c82333}.toast-notification[data-v-f5fe109d]{position:fixed;top:80px;right:30px;min-width:320px;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;display:flex;align-items:center;gap:15px;padding:18px 20px;z-index:9999}.toast-success[data-v-f5fe109d]{border-left:4px solid #4CAF50}.toast-error[data-v-f5fe109d]{border-left:4px solid #f44336}.toast-icon[data-v-f5fe109d]{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.toast-success .toast-icon[data-v-f5fe109d]{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.toast-error .toast-icon[data-v-f5fe109d]{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.toast-message[data-v-f5fe109d]{flex:1;margin:0;font-size:15px;font-weight:500;color:#2c3e50}.toast-close[data-v-f5fe109d]{flex-shrink:0;width:28px;height:28px;border:none;background:#f1f3f5;color:#868e96;font-size:20px;cursor:pointer;border-radius:6px;transition:all .2s ease}.toast-close[data-v-f5fe109d]:hover{background:#e9ecef;color:#495057}.toast-fade-enter-active[data-v-f5fe109d],.toast-fade-leave-active[data-v-f5fe109d]{transition:all .3s ease}.toast-fade-enter-from[data-v-f5fe109d],.toast-fade-leave-to[data-v-f5fe109d]{opacity:0;transform:translate(100px)}.current-cover-section[data-v-f5fe109d]{margin-bottom:25px}.current-cover-preview[data-v-f5fe109d]{margin-top:10px;border:2px solid #e9ecef;border-radius:8px;overflow:hidden;background:#f8f9fa;display:flex;justify-content:center;align-items:center;max-height:300px}.current-cover-preview img[data-v-f5fe109d]{max-width:100%;max-height:300px;object-fit:contain;display:block}.cover-url-hint[data-v-f5fe109d]{margin:10px 0 0;font-size:12px;color:#6c757d;font-style:italic;display:flex;align-items:center;gap:6px}.cover-url-hint svg[data-v-f5fe109d]{flex-shrink:0}.current-cover-loading[data-v-f5fe109d]{margin-top:10px;border:2px dashed #dee2e6;border-radius:8px;padding:40px;background:#f8f9fa;text-align:center;color:#6c757d;font-size:14px;display:flex;flex-direction:column;align-items:center;gap:15px}.loading-spinner[data-v-f5fe109d]{width:40px;height:40px;border:4px solid #e9ecef;border-top-color:#5c6bc0;border-radius:50%;animation:spin-f5fe109d .8s linear infinite}@keyframes spin-f5fe109d{to{transform:rotate(360deg)}}.upload-area-cover[data-v-f5fe109d]{border:2px dashed #5C6BC0;border-radius:8px;padding:40px;text-align:center;cursor:pointer;transition:all .2s ease;background:#fafafa}.upload-area-cover[data-v-f5fe109d]:hover{background:#f0f3ff;border-color:#3f51b5}.upload-area-cover.drag-over[data-v-f5fe109d]{background:#e8eaf6;border-color:#3f51b5;border-width:3px;transform:scale(1.02)}.selected-cover-preview[data-v-f5fe109d]{margin-top:20px}.preview-image-container[data-v-f5fe109d]{position:relative;margin-top:10px;border:2px solid #4CAF50;border-radius:8px;overflow:hidden;background:#f8f9fa;display:inline-block;max-width:100%}.preview-image-container img[data-v-f5fe109d]{max-width:100%;max-height:300px;object-fit:contain;display:block}.btn-remove-preview[data-v-f5fe109d]{position:absolute;top:10px;right:10px;width:32px;height:32px;border:none;background:#dc3545;color:#fff;border-radius:50%;cursor:pointer;font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #dc354566;transition:all .2s ease}.btn-remove-preview[data-v-f5fe109d]:hover{background:#c82333;transform:scale(1.1)}.training-management[data-v-e0d6d2d5]{width:100%;height:100%;padding:30px 40px;background:#fff;overflow-y:auto}.page-header[data-v-e0d6d2d5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px;padding-bottom:25px;border-bottom:2px solid #e9ecef;flex-wrap:wrap;gap:25px;width:100%;min-width:0}.page-title[data-v-e0d6d2d5]{font-size:28px;font-weight:700;color:#2c3e50;margin:0;letter-spacing:.5px}.page-actions[data-v-e0d6d2d5]{display:flex;gap:15px;align-items:center}.add-btn[data-v-e0d6d2d5]{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #4caf5033}.add-btn[data-v-e0d6d2d5]:hover{background:linear-gradient(135deg,#45a049,#388e3c);transform:translateY(-1px);box-shadow:0 4px 8px #4caf504d}.table-container[data-v-e0d6d2d5]{max-height:800px;overflow-y:auto;overflow-x:hidden;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;position:relative;transition:filter .3s ease;scrollbar-width:thin;scrollbar-color:#4DB6AC #f1f3f4;box-sizing:border-box}.data-table[data-v-e0d6d2d5]{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.data-table thead[data-v-e0d6d2d5]{position:sticky;top:0;z-index:10;box-shadow:0 2px 4px #0000000d}.data-table th[data-v-e0d6d2d5]{background:linear-gradient(135deg,#4db6ac,#26a69a);padding:18px 20px;text-align:left;color:#fff;font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.5px;border:none}.data-table th[data-v-e0d6d2d5]:first-child{border-top-left-radius:12px}.data-table th[data-v-e0d6d2d5]:last-child{border-top-right-radius:12px}.data-table td[data-v-e0d6d2d5]{padding:18px 20px;border-bottom:1px solid #f1f3f5;color:#495057;font-size:15px;font-weight:500;height:60px;vertical-align:middle}.data-table tbody tr[data-v-e0d6d2d5]:not(.empty-row):hover{background:linear-gradient(90deg,#4db6ac0d,#4db6ac05);transform:scale(1.001);box-shadow:0 2px 8px #0000000d}.data-table tbody tr:last-child td[data-v-e0d6d2d5]{border-bottom:none}.table-container[data-v-e0d6d2d5]::-webkit-scrollbar{width:8px}.table-container[data-v-e0d6d2d5]::-webkit-scrollbar-track{background:#f1f3f4;border-radius:4px}.table-container[data-v-e0d6d2d5]::-webkit-scrollbar-thumb{background:#4db6ac;border-radius:4px;transition:background .3s ease}.table-container[data-v-e0d6d2d5]::-webkit-scrollbar-thumb:hover{background:#26a69a;transition:filter .3s ease}.col-name[data-v-e0d6d2d5]{width:30%}.col-time[data-v-e0d6d2d5]{width:25%}.col-status[data-v-e0d6d2d5]{width:20%}.col-actions[data-v-e0d6d2d5]{width:25%}.status-badge[data-v-e0d6d2d5]{display:inline-block;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;letter-spacing:.5px}.status-enabled[data-v-e0d6d2d5]{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 2px 6px #4caf504d}.status-disabled[data-v-e0d6d2d5]{background:linear-gradient(135deg,#9e9e9e,#757575);color:#fff;box-shadow:0 2px 6px #9e9e9e4d}.action-buttons[data-v-e0d6d2d5]{display:flex;gap:12px;justify-content:flex-start}.btn-edit[data-v-e0d6d2d5],.btn-delete[data-v-e0d6d2d5]{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-edit[data-v-e0d6d2d5]{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;box-shadow:0 2px 6px #2196f34d}.btn-edit[data-v-e0d6d2d5]:hover{background:linear-gradient(135deg,#1976d2,#1565c0);transform:translateY(-2px);box-shadow:0 4px 10px #2196f366}.btn-delete[data-v-e0d6d2d5]{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;box-shadow:0 2px 6px #f443364d}.btn-delete[data-v-e0d6d2d5]:hover{background:linear-gradient(135deg,#d32f2f,#c62828);transform:translateY(-2px);box-shadow:0 4px 10px #f4433666}.modal-overlay[data-v-e0d6d2d5]{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-e0d6d2d5 .3s ease}.modal-container[data-v-e0d6d2d5]{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp-e0d6d2d5 .3s ease}.modal-header[data-v-e0d6d2d5]{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;background:linear-gradient(135deg,#4db6ac,#26a69a);color:#fff;border-radius:16px 16px 0 0}.modal-title-section[data-v-e0d6d2d5]{display:flex;align-items:center;gap:15px}.modal-icon[data-v-e0d6d2d5]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#fff3}.modal-icon svg[data-v-e0d6d2d5]{color:#fff}.modal-title[data-v-e0d6d2d5]{font-size:24px;font-weight:700;margin:0}.modal-close[data-v-e0d6d2d5]{width:36px;height:36px;border:none;background:#fff3;color:#fff;font-size:28px;cursor:pointer;border-radius:8px;transition:all .3s ease}.modal-close[data-v-e0d6d2d5]:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-body[data-v-e0d6d2d5]{padding:30px}.form-group[data-v-e0d6d2d5]{margin-bottom:25px}.form-label[data-v-e0d6d2d5]{display:block;margin-bottom:10px;font-weight:600;color:#2c3e50;font-size:15px}.form-input[data-v-e0d6d2d5]{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:15px;transition:all .3s ease}.form-input[data-v-e0d6d2d5]:focus{outline:none;border-color:#4db6ac;box-shadow:0 0 0 3px #4db6ac1a}.radio-group[data-v-e0d6d2d5]{display:flex;gap:20px}.radio-label[data-v-e0d6d2d5]{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:15px;color:#495057}.radio-label input[type=radio][data-v-e0d6d2d5]{width:18px;height:18px;cursor:pointer}.delete-message[data-v-e0d6d2d5]{font-size:18px;color:#2c3e50;text-align:center;margin:10px 0;font-weight:600}.delete-warning[data-v-e0d6d2d5]{font-size:14px;color:#e74c3c;text-align:center;margin:15px 0 0;font-weight:500}.modal-footer[data-v-e0d6d2d5]{display:flex;justify-content:flex-end;gap:12px;padding:20px 30px;background:#f8f9fa;border-radius:0 0 16px 16px}.btn-modal[data-v-e0d6d2d5]{padding:12px 28px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary[data-v-e0d6d2d5]{background:linear-gradient(135deg,#4db6ac,#26a69a);color:#fff;box-shadow:0 4px 12px #4db6ac66}.btn-primary[data-v-e0d6d2d5]:hover{background:linear-gradient(135deg,#26a69a,#00897b);transform:translateY(-2px);box-shadow:0 6px 16px #4db6ac80}.btn-danger[data-v-e0d6d2d5]{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;box-shadow:0 4px 12px #f4433666}.btn-danger[data-v-e0d6d2d5]:hover{background:linear-gradient(135deg,#d32f2f,#c62828);transform:translateY(-2px);box-shadow:0 6px 16px #f4433680}.btn-secondary[data-v-e0d6d2d5]{background:#e9ecef;color:#495057;box-shadow:0 2px 6px #0000001a}.btn-secondary[data-v-e0d6d2d5]:hover{background:#dee2e6;transform:translateY(-2px);box-shadow:0 4px 10px #00000026}.toast-notification[data-v-e0d6d2d5]{position:fixed;top:80px;right:30px;min-width:320px;max-width:500px;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;display:flex;align-items:center;gap:15px;padding:18px 20px;z-index:9999;animation:slideInRight-e0d6d2d5 .3s ease}.toast-success[data-v-e0d6d2d5]{border-left:4px solid #4CAF50}.toast-error[data-v-e0d6d2d5]{border-left:4px solid #f44336}.toast-warning[data-v-e0d6d2d5]{border-left:4px solid #FF9800}.toast-icon[data-v-e0d6d2d5]{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.toast-success .toast-icon[data-v-e0d6d2d5]{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.toast-error .toast-icon[data-v-e0d6d2d5]{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.toast-warning .toast-icon[data-v-e0d6d2d5]{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.toast-content[data-v-e0d6d2d5]{flex:1}.toast-message[data-v-e0d6d2d5]{margin:0;font-size:15px;font-weight:500;color:#2c3e50}.toast-close[data-v-e0d6d2d5]{flex-shrink:0;width:28px;height:28px;border:none;background:#f1f3f5;color:#868e96;font-size:20px;cursor:pointer;border-radius:6px;transition:all .2s ease}.toast-close[data-v-e0d6d2d5]:hover{background:#e9ecef;color:#495057}@keyframes fadeIn-e0d6d2d5{0%{opacity:0}to{opacity:1}}@keyframes slideUp-e0d6d2d5{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight-e0d6d2d5{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.toast-fade-enter-active[data-v-e0d6d2d5],.toast-fade-leave-active[data-v-e0d6d2d5]{transition:all .3s ease}.toast-fade-enter-from[data-v-e0d6d2d5],.toast-fade-leave-to[data-v-e0d6d2d5]{opacity:0;transform:translate(100px)}.pagination-container[data-v-e0d6d2d5]{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding:20px 0;border-top:1px solid #e9ecef;flex-wrap:wrap;gap:20px}.pagination-info[data-v-e0d6d2d5]{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.pagination-text[data-v-e0d6d2d5]{font-size:14px;color:#6c757d;font-weight:500}.page-size-selector[data-v-e0d6d2d5]{display:flex;align-items:center;gap:8px}.page-size-label[data-v-e0d6d2d5]{font-size:14px;color:#495057;font-weight:500}.page-size-select[data-v-e0d6d2d5]{padding:6px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:14px;background:#fff;color:#495057;cursor:pointer;transition:all .2s ease}.page-size-select[data-v-e0d6d2d5]:focus{outline:none;border-color:#4db6ac;box-shadow:0 0 0 2px #4db6ac1a}.pagination-controls[data-v-e0d6d2d5]{display:flex;align-items:center;gap:8px}.pagination-btn[data-v-e0d6d2d5]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #dee2e6;background:#fff;color:#495057;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-btn[data-v-e0d6d2d5]:hover:not(:disabled){background:#4db6ac;color:#fff;border-color:#4db6ac;transform:translateY(-1px);box-shadow:0 2px 6px #4db6ac4d}.pagination-btn[data-v-e0d6d2d5]:disabled{background:#f8f9fa;color:#adb5bd;border-color:#e9ecef;cursor:not-allowed;transform:none;box-shadow:none}.pagination-btn.active[data-v-e0d6d2d5]{background:linear-gradient(135deg,#4db6ac,#26a69a);color:#fff;border-color:#4db6ac;box-shadow:0 2px 6px #4db6ac4d}.page-numbers[data-v-e0d6d2d5]{display:flex;align-items:center;gap:4px}.page-ellipsis[data-v-e0d6d2d5]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:#adb5bd;font-size:14px;font-weight:500}@media (max-width: 768px){.pagination-container[data-v-e0d6d2d5]{flex-direction:column;align-items:stretch;gap:15px}.pagination-info[data-v-e0d6d2d5],.pagination-controls[data-v-e0d6d2d5]{justify-content:center;flex-wrap:wrap}.pagination-btn[data-v-e0d6d2d5],.page-ellipsis[data-v-e0d6d2d5]{width:32px;height:32px;font-size:13px}}[data-v-a5a6379d]{margin:0;padding:0;box-sizing:border-box}html[data-v-a5a6379d],body[data-v-a5a6379d]{margin:0;padding:0;width:100%;height:100%;overflow-x:visible}.dashboard[data-v-a5a6379d]{width:100vw;height:100vh;display:flex;flex-direction:column;background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow:hidden;position:fixed;top:0;left:0}.top-header[data-v-a5a6379d]{width:100%;height:70px;background:linear-gradient(135deg,#00897b,#26a69a,#4db6ac);color:#fff;display:flex;align-items:center;box-shadow:0 4px 20px #00000026;z-index:1000;flex-shrink:0;position:relative}.top-header[data-v-a5a6379d]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#80cbc4,#b2dfdb,#80cbc4);opacity:.6}.header-content[data-v-a5a6379d]{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 35px}.header-left[data-v-a5a6379d]{display:flex;align-items:center;gap:20px}.logo-section[data-v-a5a6379d]{display:flex;align-items:center}.header-logo[data-v-a5a6379d]{height:50px;width:auto;border-radius:8px;box-shadow:0 2px 8px #0003;transition:all .3s ease}.header-logo[data-v-a5a6379d]:hover{transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.title-section[data-v-a5a6379d]{display:flex;flex-direction:column;gap:2px}.system-title[data-v-a5a6379d]{font-size:24px;font-weight:700;margin:0;letter-spacing:1px;background:linear-gradient(135deg,#fff,#e3f2fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.system-subtitle[data-v-a5a6379d]{font-size:11px;font-weight:500;margin:0;color:#ffffffb3;letter-spacing:2px;text-transform:uppercase}.header-right[data-v-a5a6379d]{display:flex;align-items:center;gap:25px}.user-info[data-v-a5a6379d]{display:flex;align-items:center;gap:12px;padding:8px 18px;background:#ffffff1a;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.user-info[data-v-a5a6379d]:hover{background:#ffffff26;border-color:#ffffff4d}.user-avatar[data-v-a5a6379d]{width:32px;height:32px;background:linear-gradient(135deg,#4db6ac,#26a69a);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #4db6ac66}.user-avatar svg[data-v-a5a6379d]{color:#fff}.user-name[data-v-a5a6379d]{font-size:14px;font-weight:600;color:#fff;letter-spacing:.5px}.logout-btn[data-v-a5a6379d]{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;padding:10px 22px;border-radius:25px;cursor:pointer;font-size:14px;font-weight:600;display:flex;align-items:center;gap:10px;transition:all .3s ease;box-shadow:0 3px 12px #e74c3c66;border:2px solid transparent}.logout-btn[data-v-a5a6379d]:hover{background:linear-gradient(135deg,#c0392b,#a93226);transform:translateY(-2px);box-shadow:0 5px 16px #e74c3c80;border-color:#ffffff4d}.logout-btn[data-v-a5a6379d]:active{transform:translateY(0)}.main-layout[data-v-a5a6379d]{flex:1;display:flex;width:100%;height:calc(100vh - 70px);overflow:hidden;min-width:0;flex-wrap:nowrap}.sidebar[data-v-a5a6379d]{width:280px;min-width:200px;max-width:320px;background:linear-gradient(180deg,#fff,#f8f9fa);border-right:1px solid #e9ecef;box-shadow:2px 0 15px #0000000d;z-index:100;flex-shrink:0;overflow-y:auto;transition:width .3s ease}.nav-menu[data-v-a5a6379d]{padding:25px 0}.nav-item[data-v-a5a6379d]{display:flex;align-items:center;padding:15px 25px;cursor:pointer;transition:all .3s ease;position:relative;color:#495057;font-weight:500;border-radius:0 25px 25px 0;margin-right:15px}.nav-item[data-v-a5a6379d]:hover{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);color:#4db6ac;transform:translate(5px)}.nav-item.active[data-v-a5a6379d]{background:linear-gradient(135deg,#e8f5e8,#f0f8f0);color:#4db6ac;border-right:4px solid #4DB6AC;font-weight:600;box-shadow:0 2px 8px #4db6ac33}.nav-parent[data-v-a5a6379d]{font-weight:600;font-size:15px}.nav-child[data-v-a5a6379d]{padding-left:50px;font-size:14px;margin-left:10px;border-radius:15px}.nav-child.active[data-v-a5a6379d]{background:linear-gradient(135deg,#4db6ac,#26a69a);color:#fff;border-right:none;box-shadow:0 2px 8px #4db6ac4d}.nav-icon[data-v-a5a6379d]{margin-right:15px;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.nav-text[data-v-a5a6379d]{flex:1;font-size:15px}.nav-arrow[data-v-a5a6379d]{transition:transform .3s ease;opacity:.7}.nav-arrow.expanded[data-v-a5a6379d]{transform:rotate(90deg)}.nav-submenu[data-v-a5a6379d]{max-height:0;overflow:hidden;transition:max-height .3s ease}.nav-submenu.expanded[data-v-a5a6379d]{max-height:200px}.main-content[data-v-a5a6379d]{flex:1;background:#fff;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;min-width:0;width:100%;max-width:none}.content-page[data-v-a5a6379d]{padding:40px;width:100%;box-sizing:border-box}.page-header[data-v-a5a6379d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px;padding-bottom:25px;border-bottom:2px solid #e9ecef;flex-wrap:wrap;gap:25px;width:100%;min-width:0}.page-title[data-v-a5a6379d]{font-size:28px;font-weight:700;color:#2c3e50;margin:0;letter-spacing:.5px}.page-actions[data-v-a5a6379d]{display:flex;align-items:center;gap:25px;flex-wrap:wrap;min-width:0;flex-shrink:0}.search-section[data-v-a5a6379d]{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.search-label[data-v-a5a6379d]{font-size:15px;color:#495057;white-space:nowrap;font-weight:600}.search-input[data-v-a5a6379d]{padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;width:250px;transition:all .3s ease;background:#fff;box-shadow:0 2px 4px #0000000d}.search-input[data-v-a5a6379d]:focus{outline:none;border-color:#4db6ac;box-shadow:0 0 0 3px #4db6ac1a;transform:translateY(-1px)}.search-btn[data-v-a5a6379d]{background:linear-gradient(135deg,#4db6ac,#26a69a);color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 3px 10px #4db6ac4d}.search-btn[data-v-a5a6379d]:hover{background:linear-gradient(135deg,#26a69a,#1e7d72);transform:translateY(-2px);box-shadow:0 5px 15px #4db6ac66}.add-btn[data-v-a5a6379d]{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;padding:14px 24px;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 3px 10px #3498db4d}.add-btn[data-v-a5a6379d]:hover{background:linear-gradient(135deg,#2980b9,#1f618d);transform:translateY(-2px);box-shadow:0 5px 15px #3498db66}.loading-overlay[data-v-a5a6379d]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;text-align:center;background:#fffffff2;padding:30px 50px;border-radius:12px;box-shadow:0 4px 20px #00000026}.loading-spinner[data-v-a5a6379d]{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #4DB6AC;border-radius:50%;animation:spin-a5a6379d 1s linear infinite;margin:0 auto 15px}@keyframes spin-a5a6379d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text[data-v-a5a6379d]{font-size:16px;color:#4db6ac;font-weight:600;margin:0}.loading-blur[data-v-a5a6379d]{filter:blur(2px);pointer-events:none}.table-container[data-v-a5a6379d]{width:100%;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow-y:auto;overflow-x:hidden;border:1px solid #e9ecef;scrollbar-width:thin;scrollbar-color:#4DB6AC #f1f3f4;box-sizing:border-box;max-height:900px;display:flex;flex-direction:column;position:relative;transition:filter .3s ease}.table-container[data-v-a5a6379d]::-webkit-scrollbar{width:8px}.table-container[data-v-a5a6379d]::-webkit-scrollbar-track{background:#f1f3f4;border-radius:4px}.table-container[data-v-a5a6379d]::-webkit-scrollbar-thumb{background:#4db6ac;border-radius:4px;transition:background .3s ease}.table-container[data-v-a5a6379d]::-webkit-scrollbar-thumb:hover{background:#26a69a;transition:filter .3s ease}.data-table[data-v-a5a6379d]{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.data-table thead[data-v-a5a6379d]{position:sticky;top:0;z-index:10;box-shadow:0 2px 4px #0000000d}.data-table th[data-v-a5a6379d]{background:linear-gradient(135deg,#4db6ac,#26a69a);padding:20px 24px;text-align:left;font-weight:700;color:#fff;font-size:16px;letter-spacing:1px;white-space:nowrap;text-transform:uppercase;border:none}.data-table th[data-v-a5a6379d]:first-child{border-top-left-radius:12px}.data-table th[data-v-a5a6379d]:last-child{border-top-right-radius:12px}.data-table tbody[data-v-a5a6379d]{background:#fff}.data-table td[data-v-a5a6379d]{padding:20px 24px;border-bottom:1px solid #f1f3f4;color:#2c3e50;font-size:15px;font-weight:500;white-space:nowrap;height:62px;vertical-align:middle;letter-spacing:.3px}.data-table tbody tr[data-v-a5a6379d]{transition:all .2s ease}.data-table tbody tr[data-v-a5a6379d]:not(.empty-row):hover{background:linear-gradient(135deg,#f8f9fa,#e3f2fd);transform:scale(1.01);box-shadow:0 2px 8px #00000014}.data-table tbody tr:last-child td[data-v-a5a6379d]{border-bottom:none}.col-username[data-v-a5a6379d]{width:25%;min-width:120px}.col-time[data-v-a5a6379d]{width:50%;min-width:200px}.col-actions[data-v-a5a6379d]{width:25%;min-width:150px}.action-buttons[data-v-a5a6379d]{display:flex;gap:12px;justify-content:flex-start}.btn-edit[data-v-a5a6379d],.btn-delete[data-v-a5a6379d]{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-edit[data-v-a5a6379d]{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;box-shadow:0 2px 6px #2196f34d}.btn-edit[data-v-a5a6379d]:hover:not(:disabled){background:linear-gradient(135deg,#1976d2,#1565c0);transform:translateY(-2px);box-shadow:0 4px 10px #2196f366}.btn-delete[data-v-a5a6379d]{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;box-shadow:0 2px 6px #f443364d}.btn-delete[data-v-a5a6379d]:hover:not(:disabled){background:linear-gradient(135deg,#d32f2f,#c62828);transform:translateY(-2px);box-shadow:0 4px 10px #f4433666}.btn-edit[data-v-a5a6379d]:disabled,.btn-delete[data-v-a5a6379d]:disabled{opacity:.5;cursor:not-allowed;transform:none}.empty-row[data-v-a5a6379d]{background:#fafbfc;opacity:.5}.empty-row td[data-v-a5a6379d]{color:transparent;-webkit-user-select:none;user-select:none}.current-user-badge[data-v-a5a6379d]{display:inline-block;margin-left:10px;padding:4px 12px;background:linear-gradient(135deg,#4db6ac,#26a69a);color:#fff;font-size:12px;font-weight:600;border-radius:12px;letter-spacing:.5px;box-shadow:0 2px 6px #4db6ac4d}.modal-overlay[data-v-a5a6379d]{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn-a5a6379d .3s ease}@keyframes fadeIn-a5a6379d{0%{opacity:0}to{opacity:1}}.modal-container[data-v-a5a6379d]{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:90%;max-width:550px;animation:slideUp-a5a6379d .3s ease;overflow:hidden}@keyframes slideUp-a5a6379d{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-container.delete-modal[data-v-a5a6379d]{max-width:450px}.modal-header[data-v-a5a6379d]{background:linear-gradient(135deg,#4db6ac,#26a69a);padding:20px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #80CBC4}.modal-title-section[data-v-a5a6379d]{display:flex;align-items:center;gap:15px}.modal-icon[data-v-a5a6379d]{width:48px;height:48px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.modal-icon.edit[data-v-a5a6379d]{background:#fff3}.modal-icon.delete[data-v-a5a6379d]{background:#e74c3c33}.modal-title[data-v-a5a6379d]{font-size:22px;font-weight:700;color:#fff;margin:0;letter-spacing:.5px}.modal-close[data-v-a5a6379d]{background:transparent;border:none;color:#fff;font-size:36px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;line-height:1}.modal-close[data-v-a5a6379d]:hover{background:#fff3;transform:rotate(90deg)}.modal-body[data-v-a5a6379d]{padding:35px 30px}.form-group[data-v-a5a6379d]{margin-bottom:25px}.form-group[data-v-a5a6379d]:last-child{margin-bottom:0}.form-label[data-v-a5a6379d]{display:block;font-size:15px;font-weight:600;color:#2c3e50;margin-bottom:10px;letter-spacing:.3px}.form-input[data-v-a5a6379d]{width:100%;padding:14px 18px;border:2px solid #e9ecef;border-radius:10px;font-size:15px;transition:all .3s ease;background:#f8f9fa;box-sizing:border-box}.form-input[data-v-a5a6379d]:focus{outline:none;border-color:#4db6ac;background:#fff;box-shadow:0 0 0 4px #4db6ac1a}.form-input[data-v-a5a6379d]::placeholder{color:#adb5bd}.form-hint[data-v-a5a6379d]{font-size:13px;color:#6c757d;margin:8px 0 0;line-height:1.4}.delete-message[data-v-a5a6379d]{font-size:18px;color:#2c3e50;text-align:center;margin:20px 0;font-weight:500;line-height:1.6}.modal-footer[data-v-a5a6379d]{padding:20px 30px;background:#f8f9fa;display:flex;justify-content:center;gap:15px;border-top:1px solid #e9ecef}.btn-modal[data-v-a5a6379d]{padding:12px 40px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;letter-spacing:.5px;min-width:120px}.btn-primary[data-v-a5a6379d]{background:linear-gradient(135deg,#64b5f6,#42a5f5);color:#fff;box-shadow:0 4px 12px #42a5f566}.btn-primary[data-v-a5a6379d]:hover{background:linear-gradient(135deg,#42a5f5,#2196f3);transform:translateY(-2px);box-shadow:0 6px 16px #42a5f580}.btn-danger[data-v-a5a6379d]{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;box-shadow:0 4px 12px #e74c3c66}.btn-danger[data-v-a5a6379d]:hover{background:linear-gradient(135deg,#c0392b,#a93226);transform:translateY(-2px);box-shadow:0 6px 16px #e74c3c80}.btn-secondary[data-v-a5a6379d]{background:#e9ecef;color:#495057;box-shadow:0 2px 6px #0000001a}.btn-secondary[data-v-a5a6379d]:hover{background:#dee2e6;transform:translateY(-2px);box-shadow:0 4px 10px #00000026}.logout-modal[data-v-a5a6379d]{max-width:480px}.logout-header[data-v-a5a6379d]{background:linear-gradient(135deg,#ff9800,#f57c00)}.modal-icon.logout[data-v-a5a6379d]{background:#fff3}.logout-message[data-v-a5a6379d]{font-size:18px;color:#2c3e50;text-align:center;margin:10px 0;font-weight:600;line-height:1.6}.logout-hint[data-v-a5a6379d]{font-size:14px;color:#6c757d;text-align:center;margin:15px 0 0;line-height:1.5}.btn-logout[data-v-a5a6379d]{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;box-shadow:0 4px 12px #ff980066}.btn-logout[data-v-a5a6379d]:hover{background:linear-gradient(135deg,#f57c00,#e65100);transform:translateY(-2px);box-shadow:0 6px 16px #ff980080}.home-content[data-v-a5a6379d]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 200px);text-align:center;padding:60px 20px}.home-logo[data-v-a5a6379d]{margin-bottom:40px;animation:fadeInDown-a5a6379d 1s ease-out}.logo-image[data-v-a5a6379d]{max-width:400px;width:100%;height:auto;border-radius:16px;box-shadow:0 10px 40px #00000026;transition:all .3s ease}.logo-image[data-v-a5a6379d]:hover{transform:translateY(-5px);box-shadow:0 15px 50px #0003}.home-title[data-v-a5a6379d]{font-size:36px;font-weight:700;color:#2c3e50;margin-bottom:20px;letter-spacing:1px;animation:fadeInUp-a5a6379d 1s ease-out .2s both}.home-subtitle[data-v-a5a6379d]{font-size:18px;color:#6c757d;font-weight:400;animation:fadeInUp-a5a6379d 1s ease-out .4s both}@keyframes fadeInDown-a5a6379d{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp-a5a6379d{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.placeholder-content[data-v-a5a6379d]{text-align:center;padding:80px 20px;color:#6c757d}.placeholder-icon[data-v-a5a6379d]{margin-bottom:30px}.placeholder-content h3[data-v-a5a6379d]{font-size:28px;margin-bottom:15px;color:#495057;font-weight:600}.placeholder-content p[data-v-a5a6379d]{font-size:16px;color:#adb5bd}@media (max-width: 1400px){.sidebar[data-v-a5a6379d]{width:250px;min-width:200px}.content-page[data-v-a5a6379d]{padding:30px}.search-input[data-v-a5a6379d]{width:200px}.logo-image[data-v-a5a6379d]{max-width:350px}.home-title[data-v-a5a6379d]{font-size:32px}}@media (max-width: 1200px){.sidebar[data-v-a5a6379d]{width:220px;min-width:180px}.content-page[data-v-a5a6379d]{padding:25px}.data-table[data-v-a5a6379d]{min-width:500px}.logo-image[data-v-a5a6379d]{max-width:300px}.home-title[data-v-a5a6379d]{font-size:28px}.home-subtitle[data-v-a5a6379d]{font-size:16px}}@media (max-width: 768px){.sidebar[data-v-a5a6379d]{width:200px;min-width:180px}.content-page[data-v-a5a6379d]{padding:20px}.page-header[data-v-a5a6379d]{flex-direction:column;align-items:flex-start;gap:20px}.page-actions[data-v-a5a6379d]{width:100%;flex-direction:column;align-items:stretch}.search-section[data-v-a5a6379d]{flex-direction:column;align-items:stretch}.search-input[data-v-a5a6379d]{width:100%}.data-table[data-v-a5a6379d]{min-width:400px}.col-username[data-v-a5a6379d]{width:120px;min-width:100px}.col-time[data-v-a5a6379d],.col-actions[data-v-a5a6379d]{width:150px;min-width:120px}.logo-image[data-v-a5a6379d]{max-width:250px}.home-title[data-v-a5a6379d]{font-size:24px}.home-subtitle[data-v-a5a6379d]{font-size:15px}.home-content[data-v-a5a6379d]{padding:40px 20px}}@media (max-width: 480px){.main-layout[data-v-a5a6379d]{flex-direction:column}.sidebar[data-v-a5a6379d]{width:100%;height:auto;max-width:none}.content-page[data-v-a5a6379d]{padding:15px}.nav-menu[data-v-a5a6379d]{display:flex;flex-wrap:wrap;padding:15px}.nav-item[data-v-a5a6379d]{flex:1;min-width:120px;justify-content:center;padding:12px;margin-right:5px}.nav-text[data-v-a5a6379d]{font-size:13px}.data-table[data-v-a5a6379d]{min-width:400px}.col-username[data-v-a5a6379d]{width:120px;min-width:100px}.col-time[data-v-a5a6379d],.col-actions[data-v-a5a6379d]{width:150px;min-width:120px}.action-buttons[data-v-a5a6379d]{flex-direction:column;gap:5px}.btn-edit[data-v-a5a6379d],.btn-delete[data-v-a5a6379d]{padding:6px 12px;font-size:12px}.logo-image[data-v-a5a6379d]{max-width:200px}.home-title[data-v-a5a6379d]{font-size:22px}.home-subtitle[data-v-a5a6379d]{font-size:14px}.home-content[data-v-a5a6379d]{padding:30px 15px}}@media (max-width: 320px){.header-content[data-v-a5a6379d]{padding:0 15px}.system-title[data-v-a5a6379d]{font-size:18px}.logout-btn[data-v-a5a6379d]{padding:8px 16px;font-size:12px}.content-page[data-v-a5a6379d]{padding:10px}.page-title[data-v-a5a6379d]{font-size:24px}.data-table[data-v-a5a6379d]{min-width:350px}.col-username[data-v-a5a6379d]{width:100px;min-width:80px}.col-time[data-v-a5a6379d],.col-actions[data-v-a5a6379d]{width:120px;min-width:100px}}.toast-notification[data-v-a5a6379d]{position:fixed;top:80px;right:30px;min-width:320px;max-width:500px;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;display:flex;align-items:center;gap:15px;padding:18px 20px;z-index:9999;animation:slideInRight-a5a6379d .3s ease}.toast-success[data-v-a5a6379d]{border-left:4px solid #4CAF50}.toast-error[data-v-a5a6379d]{border-left:4px solid #f44336}.toast-warning[data-v-a5a6379d]{border-left:4px solid #FF9800}.toast-icon[data-v-a5a6379d]{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.toast-success .toast-icon[data-v-a5a6379d]{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.toast-error .toast-icon[data-v-a5a6379d]{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.toast-warning .toast-icon[data-v-a5a6379d]{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.toast-content[data-v-a5a6379d]{flex:1;min-width:0}.toast-message[data-v-a5a6379d]{margin:0;font-size:15px;font-weight:500;color:#2c3e50;line-height:1.5;word-wrap:break-word}.toast-close[data-v-a5a6379d]{flex-shrink:0;width:28px;height:28px;border:none;background:#f1f3f5;color:#868e96;font-size:20px;line-height:1;cursor:pointer;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.toast-close[data-v-a5a6379d]:hover{background:#e9ecef;color:#495057}.toast-fade-enter-active[data-v-a5a6379d],.toast-fade-leave-active[data-v-a5a6379d]{transition:all .3s ease}.toast-fade-enter-from[data-v-a5a6379d],.toast-fade-leave-to[data-v-a5a6379d]{opacity:0;transform:translate(100px)}@keyframes slideInRight-a5a6379d{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.pagination-container[data-v-a5a6379d]{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding:20px 0;border-top:1px solid #e9ecef;flex-wrap:wrap;gap:20px}.pagination-info[data-v-a5a6379d]{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.pagination-text[data-v-a5a6379d]{font-size:14px;color:#6c757d;font-weight:500}.page-size-selector[data-v-a5a6379d]{display:flex;align-items:center;gap:8px}.page-size-label[data-v-a5a6379d]{font-size:14px;color:#495057;font-weight:500}.page-size-select[data-v-a5a6379d]{padding:6px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:14px;background:#fff;color:#495057;cursor:pointer;transition:all .2s ease}.page-size-select[data-v-a5a6379d]:focus{outline:none;border-color:#4db6ac;box-shadow:0 0 0 2px #4db6ac1a}.pagination-controls[data-v-a5a6379d]{display:flex;align-items:center;gap:8px}.pagination-btn[data-v-a5a6379d]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #dee2e6;background:#fff;color:#495057;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.pagination-btn[data-v-a5a6379d]:hover:not(:disabled){background:#4db6ac;color:#fff;border-color:#4db6ac;transform:translateY(-1px);box-shadow:0 2px 6px #4db6ac4d}.pagination-btn[data-v-a5a6379d]:disabled{background:#f8f9fa;color:#adb5bd;border-color:#e9ecef;cursor:not-allowed;transform:none;box-shadow:none}.pagination-btn.active[data-v-a5a6379d]{background:linear-gradient(135deg,#4db6ac,#26a69a);color:#fff;border-color:#4db6ac;box-shadow:0 2px 6px #4db6ac4d}.page-numbers[data-v-a5a6379d]{display:flex;align-items:center;gap:4px}.page-number[data-v-a5a6379d]{min-width:36px}.page-ellipsis[data-v-a5a6379d]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:#6c757d;font-size:14px;font-weight:500}@media (max-width: 768px){.pagination-container[data-v-a5a6379d]{flex-direction:column;align-items:stretch;gap:15px}.pagination-info[data-v-a5a6379d],.pagination-controls[data-v-a5a6379d]{justify-content:center;flex-wrap:wrap}.pagination-btn[data-v-a5a6379d],.page-ellipsis[data-v-a5a6379d]{width:32px;height:32px;font-size:13px}}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100vw;height:100vh;margin:0;padding:0;overflow-x:hidden}