:root{--primary-color:#667eea;--secondary-color:#764ba2;--text-color:#1e293b;--text-secondary:#64748b;--border-color:#e1e8ed;--bg-color:#f5f7fa}body{color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Segoe UI,Roboto,sans-serif}#app{width:100%;min-height:100vh}.login-layout[data-v-de1b5508]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-container[data-v-de1b5508]{background:#fff;border-radius:12px;width:100%;max-width:400px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.login-header[data-v-de1b5508]{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:30px}.login-header h1[data-v-de1b5508]{margin:0 0 10px;font-size:28px;font-weight:600}.login-header p[data-v-de1b5508]{opacity:.9;margin:0;font-size:14px}.login-content[data-v-de1b5508]{padding:30px}.login-footer[data-v-de1b5508]{text-align:center;color:#6c757d;background:#f8f9fa;border-top:1px solid #e9ecef;padding:15px;font-size:12px}.login-footer p[data-v-de1b5508]{margin:0}.toast-alert[data-v-0dc12ed3]{z-index:10000;opacity:0;background:#fff;border-radius:16px;min-width:320px;max-width:500px;transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;top:24px;left:50%;overflow:hidden;transform:translate(-50%)translateY(-20px);box-shadow:0 12px 48px #00000026}.toast-success[data-v-0dc12ed3]{border-left:4px solid #10b981}.toast-success .toast-icon[data-v-0dc12ed3]{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.toast-error[data-v-0dc12ed3]{border-left:4px solid #ef4444}.toast-error .toast-icon[data-v-0dc12ed3]{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.toast-warning[data-v-0dc12ed3]{border-left:4px solid #f59e0b}.toast-warning .toast-icon[data-v-0dc12ed3]{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.toast-info[data-v-0dc12ed3]{border-left:4px solid #3b82f6}.toast-info .toast-icon[data-v-0dc12ed3]{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.toast-content[data-v-0dc12ed3]{align-items:center;gap:12px;padding:16px 20px;display:flex}.toast-icon[data-v-0dc12ed3]{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex;box-shadow:0 4px 12px #00000026}.toast-message[data-v-0dc12ed3]{color:#1e293b;flex:1;margin:0;font-size:14px;font-weight:500;line-height:1.5}.toast-close[data-v-0dc12ed3]{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.toast-close[data-v-0dc12ed3]:hover{color:#1e293b;background:#e2e8f0}.toast-progress[data-v-0dc12ed3]{background:linear-gradient(90deg, var(--progress-color,#667eea) 0%, var(--progress-color-end,#764ba2) 100%);transform-origin:0;height:3px;animation:linear forwards toast-progress-0dc12ed3;position:absolute;bottom:0;left:0}@keyframes toast-progress-0dc12ed3{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast-success .toast-progress[data-v-0dc12ed3]{--progress-color:#10b981;--progress-color-end:#059669}.toast-error .toast-progress[data-v-0dc12ed3]{--progress-color:#ef4444;--progress-color-end:#dc2626}.toast-warning .toast-progress[data-v-0dc12ed3]{--progress-color:#f59e0b;--progress-color-end:#d97706}.toast-info .toast-progress[data-v-0dc12ed3]{--progress-color:#3b82f6;--progress-color-end:#2563eb}.toast-enter-active[data-v-0dc12ed3]{animation:.3s cubic-bezier(.4,0,.2,1) forwards toast-in-0dc12ed3}.toast-leave-active[data-v-0dc12ed3]{animation:.3s cubic-bezier(.4,0,1,1) forwards toast-out-0dc12ed3}@keyframes toast-in-0dc12ed3{0%{opacity:0;transform:translate(-50%)translateY(-20px)scale(.95)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes toast-out-0dc12ed3{0%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-10px)scale(.95)}}@media (width<=640px){.toast-alert[data-v-0dc12ed3]{min-width:calc(100% - 32px);max-width:calc(100% - 32px);left:16px;transform:translate(0)translateY(-20px)}@keyframes toast-in-0dc12ed3{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-out-0dc12ed3{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-10px)scale(.95)}}}.dashboard-layout[data-v-dda1c446]{background:#f5f7fa;min-height:100vh;display:flex}.sidebar[data-v-dda1c446]{background:#fff;border-right:1px solid #e1e8ed;flex-direction:column;width:260px;height:100vh;display:flex;position:fixed}.sidebar-header[data-v-dda1c446]{border-bottom:1px solid #e1e8ed;padding:24px}.sidebar-header h2[data-v-dda1c446]{color:#667eea;margin:0;font-size:20px;font-weight:600}.sidebar-nav[data-v-dda1c446]{flex-direction:column;flex:1;gap:4px;padding:16px;display:flex}.nav-item[data-v-dda1c446]{color:#64748b;cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;transition:all .2s;display:flex}.nav-item[data-v-dda1c446]:hover{color:#475569;background:#f8fafc}.nav-item.active[data-v-dda1c446],.nav-item.active[data-v-dda1c446]:hover{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.nav-icon[data-v-dda1c446]{text-align:center;width:24px;font-size:20px}.nav-text[data-v-dda1c446]{font-size:14px;font-weight:500}.sidebar-footer[data-v-dda1c446]{border-top:1px solid #e1e8ed;padding:16px}.logout-btn[data-v-dda1c446]{color:#ef4444;cursor:pointer;background:#f8fafc;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-weight:500;transition:all .2s;display:flex}.logout-btn[data-v-dda1c446]:hover{background:#fef2f2}.main-content[data-v-dda1c446]{flex-direction:column;flex:1;margin-left:260px;display:flex}.top-bar[data-v-dda1c446]{background:#fff;border-bottom:1px solid #e1e8ed;justify-content:space-between;align-items:center;padding:20px 32px;display:flex}.breadcrumb h1[data-v-dda1c446]{color:#1e293b;margin:0;font-size:24px;font-weight:600}.user-info[data-v-dda1c446]{align-items:center;gap:12px;display:flex}.user-avatar[data-v-dda1c446]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex;overflow:hidden}.user-avatar img[data-v-dda1c446]{object-fit:cover;width:100%;height:100%}.user-details[data-v-dda1c446]{text-align:right}.user-name[data-v-dda1c446]{color:#1e293b;margin:0;font-size:14px;font-weight:500}.user-role[data-v-dda1c446]{color:#64748b;margin:0;font-size:12px}.content-area[data-v-dda1c446]{flex:1;padding:32px;overflow-y:auto}@media (width<=768px){.sidebar[data-v-dda1c446]{width:60px}.sidebar-header h2[data-v-dda1c446],.nav-text[data-v-dda1c446]{display:none}.nav-item[data-v-dda1c446]{justify-content:center;padding:12px}.main-content[data-v-dda1c446]{margin-left:60px}.user-details[data-v-dda1c446]{display:none}}