: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);--color-primary: #3498db;--color-primary-light: rgba(52, 152, 219, .1);--color-primary-light-plus: rgba(52, 152, 219, .5);--color-success: #2ecc71;--color-accent: #9b59b6;--color-warning: #f39c12;--color-danger: #e74c3c;--color-info: #c0c4cc;--color-desc: #dcdfe6;--color-dark: #34495e;--color-light: #ecf0f1;--color-light-plus: #FFFFFF;--color-box-shadow: rgba(148, 148, 148, .5) }: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}*,*:before,*:after{box-sizing:border-box;margin:0}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}@keyframes rotateAnimation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#app{margin:0 auto}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}.btn-group{display:flex;gap:10px}.btn{padding:8px 16px;border-radius:4px;font-weight:500;text-decoration:none;transition:all .3s;white-space:nowrap;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer}.btn-circle{border-radius:50%;padding:10px}.btn:disabled{background-color:var(--color-light);color:var(--color-info);border:1px solid var(--color-desc);cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--color-light)}.btn-success{background-color:var(--color-success);color:#fff}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-warning{background-color:var(--color-warning);color:#fff}.btn-info{background-color:var(--color-light)}.btn-base{background-color:var(--color-light-plus);border:1px solid var(--color-info)}.btn-small{padding:6px 12px!important;font-size:.8rem}.btn-cancel{background-color:var(--color-light);color:var(--color-dark)}.btn-icon{background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background-color:#0000000d}.btn-select{background-color:var(--color-primary);color:#fff;padding:8px 16px;width:auto}.btn-select:disabled{background-color:#a0a0a0;color:#fff}.btn-delete:hover{color:var(--color-danger)}.btn-toggle{background:none;border:none;cursor:pointer;color:#6c757d}.btn-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6c757d}.btn-google{display:flex;align-items:center;justify-content:center;gap:10px;background-color:var(--color-primary-light);color:var(--color-primary)}.btn-google:hover{background-color:var(--color-primary-light-plus);color:var(--color-light-plus)}.btn-login{background-color:var(--color-primary-light);color:var(--color-primary)}.btn-login:hover{background-color:var(--color-primary);color:var(--color-light)}.btn-register,.btn-dashboard{background-color:var(--color-primary);color:#fff}.btn-register:hover,.btn-dashboard:hover{background-color:var(--color-primary);opacity:.9}.btn-logout{background-color:transparent;color:#e74c3c;border:1px solid #e74c3c}.btn-logout:hover{background-color:#e74c3c1a}.text-danger{color:var(--color-danger)!important}.text-font-500{font-weight:500}.text-font-bold{font-weight:700}.text-font-bolder{font-weight:bolder}.form-group{display:flex;flex-direction:column;gap:10px}.form-item{display:flex;align-items:center;gap:10px}.form-item label{white-space:nowrap;width:96px}.form-item button{width:100%}.form-item .base-input,.form-item .base-input-auth,.form-item .base-select{flex:1}.no-scrollbar::-webkit-scrollbar{width:0;height:0}.au-message-container[data-v-94c663ad]{position:fixed;top:40px;left:50%;transform:translate(-50%);z-index:9999;pointer-events:none}.au-message[data-v-94c663ad]{display:flex;align-items:flex-start;min-width:380px;max-width:500px;margin-bottom:16px;padding:16px 20px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;border-left:4px solid;pointer-events:auto;transition:all .3s cubic-bezier(.4,0,.2,1)}.au-message--success[data-v-94c663ad]{border-left-color:#52c41a}.au-message--error[data-v-94c663ad]{border-left-color:#ff4d4f}.au-message--warning[data-v-94c663ad]{border-left-color:#faad14}.au-message--info[data-v-94c663ad]{border-left-color:#1890ff}.au-message__icon[data-v-94c663ad]{flex-shrink:0;width:20px;height:20px;margin-right:12px;margin-top:2px}.au-message--success .au-message__icon[data-v-94c663ad]{color:#52c41a}.au-message--error .au-message__icon[data-v-94c663ad]{color:#ff4d4f}.au-message--warning .au-message__icon[data-v-94c663ad]{color:#faad14}.au-message--info .au-message__icon[data-v-94c663ad]{color:#1890ff}.au-message__content[data-v-94c663ad]{flex:1;min-width:0}.au-message__title[data-v-94c663ad]{font-size:16px;font-weight:600;color:#262626;margin-bottom:4px;line-height:1.4}.au-message__text[data-v-94c663ad]{font-size:14px;color:#595959;line-height:1.5;word-wrap:break-word}.au-message__close[data-v-94c663ad]{flex-shrink:0;width:20px;height:20px;margin-left:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:#8c8c8c;transition:color .2s}.au-message__close[data-v-94c663ad]:hover{color:#262626}.message-enter-active[data-v-94c663ad],.message-leave-active[data-v-94c663ad]{transition:all .3s cubic-bezier(.4,0,.2,1)}.message-enter-from[data-v-94c663ad],.message-leave-to[data-v-94c663ad]{opacity:0;transform:translateY(-20px) scale(.95)}.message-move[data-v-94c663ad]{transition:transform .3s cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.au-message-container[data-v-94c663ad]{left:16px;right:16px;transform:none}.au-message[data-v-94c663ad]{min-width:auto;max-width:none;width:100%}}.dropdown[data-v-17e043f5]{position:relative}.dropdown-btn[data-v-17e043f5]{display:flex;align-items:center;gap:8px;background-color:#f8f9fa;border:1px solid #dee2e6;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500;transition:all .3s ease}.dropdown-btn[data-v-17e043f5]:hover{background-color:#e9ecef}.dropdown-trigger[data-v-17e043f5]{cursor:pointer}.dropdown-icon[data-v-17e043f5]{position:relative;width:10px;height:10px;transition:transform .3s ease}.dropdown-icon[data-v-17e043f5]:before,.dropdown-icon[data-v-17e043f5]:after{content:"";position:absolute;background-color:#333;width:8px;height:2px;transition:transform .3s ease}.dropdown-icon[data-v-17e043f5]:before{transform:rotate(45deg);left:0}.dropdown-icon[data-v-17e043f5]:after{transform:rotate(-45deg);right:0}.dropdown-icon.open[data-v-17e043f5]:before{transform:rotate(-45deg)}.dropdown-icon.open[data-v-17e043f5]:after{transform:rotate(45deg)}.dropdown-content[data-v-17e043f5]{position:absolute;top:100%;min-width:100%;background-color:#fff;border-radius:4px;box-shadow:0 2px 10px #0000001a;z-index:1000;margin-top:5px;overflow:hidden}.dropdown-content-left[data-v-17e043f5]{left:0}.dropdown-content-right[data-v-17e043f5]{right:0}.dropdown-content-top[data-v-17e043f5]{top:-10px;transform:translateY(-100%)}.dropdown-enter-active[data-v-17e043f5],.dropdown-leave-active[data-v-17e043f5]{transition:opacity .3s,transform .3s}.dropdown-enter-from[data-v-17e043f5],.dropdown-leave-to[data-v-17e043f5]{opacity:0;transform:translateY(-10px)}[data-v-17e043f5] .dropdown-item{padding:5px;cursor:pointer;transition:background-color .3s;display:block;text-decoration:none;color:#333;white-space:nowrap}[data-v-17e043f5] .dropdown-item-info{padding:0;cursor:pointer;transition:background-color .3s;display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:#555}[data-v-17e043f5] .dropdown-item:hover{background-color:#f8f9fa}[data-v-17e043f5] .dropdown-divider{height:1px;background-color:#e9ecef;margin:5px 0}.base-select[data-v-58bdfa0c]{position:relative;font-size:14px}.select-trigger[data-v-58bdfa0c]{display:flex;align-items:center;justify-content:space-between;min-height:36px;padding:0 12px;background-color:var(--color-light-plus);border:1px solid var(--color-info);border-radius:4px;cursor:pointer;transition:all .2s}.select-trigger[data-v-58bdfa0c]:hover{border-color:var(--color-info)}.is-disabled .select-trigger[data-v-58bdfa0c]{background-color:var(--color-light);border-color:var(--color-desc);color:var(--color-info);cursor:not-allowed}.select-value[data-v-58bdfa0c]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 0}.placeholder[data-v-58bdfa0c]{color:var(--color-desc)}.select-icon[data-v-58bdfa0c]{display:flex;align-items:center;justify-content:center;width:20px;height:20px;transition:transform .3s;margin-left:10px}.select-icon.is-open[data-v-58bdfa0c]{transform:rotate(180deg)}.select-dropdown[data-v-58bdfa0c]{width:100%;max-height:300px;padding:5px 0}.select-search[data-v-58bdfa0c]{padding:5px 10px;border-bottom:1px solid var(--color-desc)}.select-search input[data-v-58bdfa0c]{width:100%;height:30px;padding:0 10px;border:1px solid var(--color-desc);border-radius:4px;outline:none}.select-search input[data-v-58bdfa0c]:focus{border-color:var(--color-primary)}.select-options[data-v-58bdfa0c]{max-height:250px;overflow-y:auto}.select-option[data-v-58bdfa0c]{display:flex;align-items:center;padding:8px 12px;cursor:pointer;white-space:nowrap;transition:background-color .2s}.select-option[data-v-58bdfa0c]:hover{background-color:var(--color-light)}.select-option.is-selected[data-v-58bdfa0c]{color:var(--color-primary);font-weight:500}.select-option.is-disabled[data-v-58bdfa0c]{color:var(--color-info);cursor:not-allowed}.checkbox[data-v-58bdfa0c]{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-right:8px;border:1px solid var(--color-desc);border-radius:2px}.checkbox-inner[data-v-58bdfa0c]{width:10px;height:10px;background-color:var(--color-primary);border-radius:1px}.option-label[data-v-58bdfa0c]{flex:1}.no-options[data-v-58bdfa0c]{padding:8px 12px;color:var(--color-desc);text-align:center}.tags-container[data-v-58bdfa0c]{display:flex;flex-wrap:wrap;gap:4px}.tag[data-v-58bdfa0c]{display:inline-flex;align-items:center;padding:0 8px;height:24px;line-height:24px;background-color:var(--color-light);border-radius:4px;font-size:12px;color:var(--color-dark)}.tag-close[data-v-58bdfa0c]{margin-left:4px;font-size:14px;cursor:pointer}.tag-close[data-v-58bdfa0c]:hover{color:var(--color-primary)}.select-custom-button[data-v-58bdfa0c]{padding:8px 12px;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:5px}.dropdown-divider[data-v-58bdfa0c]{height:1px;background-color:var(--color-desc);margin:5px 0}.app-header[data-v-0308ea93]{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:transparent;transition:background-color .3s,box-shadow .3s;padding:15px 0}.app-header.scrolled[data-v-0308ea93]{background-color:#fff;box-shadow:0 2px 10px #0000001a}.container[data-v-0308ea93]{width:auto;min-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.logo a[data-v-0308ea93]{text-decoration:none;margin-right:2rem;display:flex;align-items:center;gap:10px}.logo a img[data-v-0308ea93]{max-height:2rem}.main-nav[data-v-0308ea93]{flex:auto;display:flex;gap:20px}.nav-link[data-v-0308ea93]{color:#333;text-decoration:none;font-weight:500;padding:5px 10px;border-radius:4px;transition:color .3s,background-color .3s}.nav-link[data-v-0308ea93]:hover,.nav-link.router-link-active[data-v-0308ea93]{color:var(--07205bbb);background-color:#3498db1a}.user-avatar[data-v-0308ea93]{width:2rem;height:2rem;border-radius:1rem}.auth-buttons[data-v-0308ea93]{display:flex;align-items:center;gap:10px}.custom-button[data-v-0308ea93]{display:flex;align-items:center;gap:5px}.dropdown-item-info[data-v-0308ea93]{gap:10px;margin-bottom:10px}.dropdown-item-info-title[data-v-0308ea93]{font-size:.8rem;line-height:1rem}.dropdown-item-info-content[data-v-0308ea93]{font-size:1rem;color:var(--color-dark)}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex-grow:1;padding-top:4rem;overflow:hidden}.container{width:80%;min-width:1200px;margin:0 auto;padding:0 20px}