: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}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media(hover:hover){a:hover{background-color:#00bd7e33}}.message-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;pointer-events:none}.message{display:flex;align-items:center;padding:12px 20px;margin-bottom:10px;border-radius:4px;box-shadow:0 2px 12px #00000026;background:#fff;opacity:0;transform:translateY(-20px);transition:all .3s;pointer-events:auto}.message-show{opacity:1;transform:translateY(0)}.message-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;margin-right:10px;font-size:14px;font-weight:700}.message-success .message-icon{background:#52c41a;color:#fff}.message-error .message-icon{background:#ff4d4f;color:#fff}.message-warning .message-icon{background:#faad14;color:#fff}.message-info .message-icon{background:#1890ff;color:#fff}.message-text{font-size:14px;color:#333}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f5f5f5}.login-container[data-v-4e991ec2]{min-height:100vh;display:flex;background:#f0f2f5}.login-left[data-v-4e991ec2]{flex:1;min-width:0;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:60px}.brand-content[data-v-4e991ec2]{position:relative;z-index:2;color:#fff;max-width:700px;width:100%}.brand-title[data-v-4e991ec2]{font-size:64px;font-weight:700;margin-bottom:24px;text-shadow:0 2px 10px rgba(0,0,0,.2);line-height:1.2}.brand-subtitle[data-v-4e991ec2]{font-size:24px;margin-bottom:80px;opacity:.9;letter-spacing:3px}.brand-features[data-v-4e991ec2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.feature-item[data-v-4e991ec2]{display:flex;align-items:center;gap:16px;font-size:20px;background:#ffffff26;padding:20px 28px;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s}.feature-item[data-v-4e991ec2]:hover{background:#ffffff40;transform:translateY(-4px)}.feature-icon[data-v-4e991ec2]{font-size:32px}.bg-decoration[data-v-4e991ec2]{position:absolute;width:100%;height:100%;overflow:hidden}.circle[data-v-4e991ec2]{position:absolute;border-radius:50%;background:#ffffff1a;animation:float-4e991ec2 20s infinite}.circle-1[data-v-4e991ec2]{width:400px;height:400px;top:-100px;left:-100px;animation-delay:0s}.circle-2[data-v-4e991ec2]{width:300px;height:300px;bottom:-80px;right:100px;animation-delay:5s}.circle-3[data-v-4e991ec2]{width:200px;height:200px;top:50%;right:-50px;animation-delay:10s}@keyframes float-4e991ec2{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-50px) rotate(180deg)}}.login-right[data-v-4e991ec2]{width:550px;min-width:550px;display:flex;align-items:center;justify-content:center;background:#fff;padding:80px 60px;box-shadow:-2px 0 20px #0000000d}.login-box[data-v-4e991ec2]{width:100%;max-width:420px}.login-header[data-v-4e991ec2]{margin-bottom:40px}.login-header h2[data-v-4e991ec2]{font-size:32px;color:#333;margin-bottom:12px;font-weight:600}.login-header p[data-v-4e991ec2]{font-size:14px;color:#999}.login-form[data-v-4e991ec2],.form-item[data-v-4e991ec2]{margin-bottom:24px}.form-label[data-v-4e991ec2]{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.input-wrapper[data-v-4e991ec2]{position:relative;display:flex;align-items:center;border:1px solid #e8e8e8;border-radius:8px;padding:0 16px;transition:all .3s;background:#fafafa}.input-wrapper[data-v-4e991ec2]:focus-within{border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.input-icon[data-v-4e991ec2]{font-size:20px;margin-right:12px}.input-wrapper input[data-v-4e991ec2]{flex:1;border:none;outline:none;padding:14px 0;font-size:14px;color:#333;background:transparent}.input-wrapper input[data-v-4e991ec2]::placeholder{color:#bbb}.login-btn[data-v-4e991ec2]{width:100%;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s;letter-spacing:2px;margin-top:32px}.login-btn[data-v-4e991ec2]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.login-btn[data-v-4e991ec2]:disabled{opacity:.6;cursor:not-allowed}@media(max-width:1024px){.login-left[data-v-4e991ec2]{display:none}.login-right[data-v-4e991ec2]{width:100%}}@media(max-width:768px){.login-right[data-v-4e991ec2]{padding:30px 20px}.login-box[data-v-4e991ec2]{max-width:100%}.login-header h2[data-v-4e991ec2]{font-size:24px}}.modal-overlay[data-v-8d9ec828]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-container[data-v-8d9ec828]{background:#fff;border-radius:8px;min-width:400px;max-width:90%;max-height:90vh;overflow:auto;box-shadow:0 4px 20px #00000026}.modal-header[data-v-8d9ec828]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e8e8e8}.modal-header h3[data-v-8d9ec828]{margin:0;font-size:18px;color:#333}.close-btn[data-v-8d9ec828]{background:none;border:none;font-size:28px;color:#999;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:color .3s}.close-btn[data-v-8d9ec828]:hover{color:#333}.modal-body[data-v-8d9ec828]{padding:20px}.modal-footer[data-v-8d9ec828]{padding:15px 20px;border-top:1px solid #e8e8e8;display:flex;justify-content:flex-end;gap:10px}.btn[data-v-8d9ec828]{padding:8px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.btn-cancel[data-v-8d9ec828]{background:#f5f5f5;color:#666}.btn-cancel[data-v-8d9ec828]:hover{background:#e8e8e8}.btn-confirm[data-v-8d9ec828]{background:#1890ff;color:#fff}.btn-confirm[data-v-8d9ec828]:hover{background:#40a9ff}.modal-enter-active[data-v-8d9ec828],.modal-leave-active[data-v-8d9ec828]{transition:opacity .3s}.modal-enter-from[data-v-8d9ec828],.modal-leave-to[data-v-8d9ec828]{opacity:0}.modal-enter-active .modal-container[data-v-8d9ec828],.modal-leave-active .modal-container[data-v-8d9ec828]{transition:transform .3s}.modal-enter-from .modal-container[data-v-8d9ec828],.modal-leave-to .modal-container[data-v-8d9ec828]{transform:scale(.9)}.admin-layout[data-v-1d6cb207]{display:flex;height:100vh;background:#f0f2f5}.sidebar[data-v-1d6cb207]{width:240px;background:linear-gradient(180deg,#1a1f3a,#2d3561);color:#fff;transition:width .3s;display:flex;flex-direction:column;box-shadow:2px 0 8px #0000001a}.sidebar.collapsed[data-v-1d6cb207]{width:70px}.logo[data-v-1d6cb207]{height:64px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.1);font-size:20px;font-weight:700;background:#0003}.logo h2[data-v-1d6cb207]{margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.menu[data-v-1d6cb207]{flex:1;padding:20px 0;overflow-y:auto}.menu-item[data-v-1d6cb207]{display:flex;align-items:center;padding:15px 20px;color:#ffffffb3;text-decoration:none;transition:all .3s;position:relative;margin:5px 10px;border-radius:8px}.menu-item[data-v-1d6cb207]:hover{background:#ffffff1a;color:#fff}.menu-item.active[data-v-1d6cb207]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.menu-item.active[data-v-1d6cb207]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:#fff;border-radius:0 4px 4px 0}.menu-icon[data-v-1d6cb207]{font-size:20px;margin-right:12px;min-width:20px;text-align:center}.collapsed .menu-icon[data-v-1d6cb207]{margin-right:0}.menu-title[data-v-1d6cb207]{font-size:14px;white-space:nowrap}.main-container[data-v-1d6cb207]{flex:1;display:flex;flex-direction:column;overflow:hidden}.header[data-v-1d6cb207]{height:64px;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 24px;box-shadow:0 2px 8px #0000000d;z-index:10}.header-left[data-v-1d6cb207]{display:flex;align-items:center;gap:20px}.collapse-btn[data-v-1d6cb207]{background:none;border:none;font-size:20px;cursor:pointer;color:#333;padding:8px;border-radius:4px;transition:all .3s}.collapse-btn[data-v-1d6cb207]:hover{background:#f5f5f5}.page-title[data-v-1d6cb207]{font-size:18px;font-weight:500;color:#333}.header-right[data-v-1d6cb207]{display:flex;align-items:center;gap:16px}.delete-all-btn[data-v-1d6cb207]{padding:8px 16px;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s;display:flex;align-items:center;gap:6px}.delete-all-btn[data-v-1d6cb207]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b66}.user-info[data-v-1d6cb207]{display:flex;align-items:center;gap:12px}.username[data-v-1d6cb207]{font-size:14px;color:#666}.avatar[data-v-1d6cb207]{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.logout-btn[data-v-1d6cb207]{padding:8px 16px;background:#f5f5f5;border:none;border-radius:4px;cursor:pointer;font-size:14px;color:#666;transition:all .3s}.logout-btn[data-v-1d6cb207]:hover{background:#e8e8e8;color:#333}.content[data-v-1d6cb207]{flex:1;padding:24px;overflow-y:auto;background:#f0f2f5}.menu[data-v-1d6cb207]::-webkit-scrollbar,.content[data-v-1d6cb207]::-webkit-scrollbar{width:6px}.menu[data-v-1d6cb207]::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.content[data-v-1d6cb207]::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.delete-all-content[data-v-1d6cb207]{text-align:center;padding:20px}.delete-all-content .warning-icon[data-v-1d6cb207]{font-size:60px;margin-bottom:20px}.delete-all-content h3[data-v-1d6cb207]{font-size:20px;color:#333;margin-bottom:16px}.delete-all-content .warning-text[data-v-1d6cb207]{color:#ff4d4f;font-size:14px;margin-bottom:8px;font-weight:500}
