.notification-center[data-v-957c8c38]{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:400px;pointer-events:none}.notification[data-v-957c8c38]{pointer-events:auto;padding:16px;border-radius:8px;box-shadow:0 4px 12px #00000026;animation:slideIn-957c8c38 .3s ease-out;display:flex;gap:12px;align-items:center;min-width:250px}.notification-content[data-v-957c8c38]{display:flex;gap:8px;align-items:center;justify-content:space-between;width:100%}.notification-message[data-v-957c8c38]{flex:1;font-weight:500}.notification-close[data-v-957c8c38]{background:none;border:none;color:currentColor;cursor:pointer;font-size:18px;padding:0;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s}.notification-close[data-v-957c8c38]:hover{opacity:1}.notification-success[data-v-957c8c38]{background-color:#4caf50;color:#fff}.notification-error[data-v-957c8c38]{background-color:#f44336;color:#fff}.notification-info[data-v-957c8c38]{background-color:#2196f3;color:#fff}.notification-warning[data-v-957c8c38]{background-color:#ff9800;color:#fff}@keyframes slideIn-957c8c38{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.notification-list-enter-active[data-v-957c8c38],.notification-list-leave-active[data-v-957c8c38]{transition:all .3s ease}.notification-list-enter-from[data-v-957c8c38],.notification-list-leave-to[data-v-957c8c38]{transform:translate(400px);opacity:0}.app[data-v-2e34882a]{display:flex;flex-direction:column;height:100vh;background-color:#f5f5f5}.navbar[data-v-2e34882a]{background-color:#1976d2;color:#fff;padding:1rem;box-shadow:0 2px 4px #0000001a}.navbar .navbar-content[data-v-2e34882a]{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.navbar .navbar-title[data-v-2e34882a]{margin:0;font-size:1.5rem}.navbar .navbar-menu[data-v-2e34882a]{display:flex;gap:1rem;align-items:center}.navbar .nav-link[data-v-2e34882a]{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:background-color .2s}.navbar .nav-link[data-v-2e34882a]:hover{background-color:#0000001a}.navbar .nav-link.router-link-active[data-v-2e34882a]{background-color:#0003}.navbar .btn-logout[data-v-2e34882a]{background-color:#d32f2f;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:background-color .2s}.navbar .btn-logout[data-v-2e34882a]:hover{background-color:#c62828}.main-content[data-v-2e34882a]{flex:1;overflow-y:auto;padding:0}@media (max-width: 600px){.navbar-content[data-v-2e34882a]{flex-direction:column;gap:1rem}.navbar-menu[data-v-2e34882a]{width:100%;justify-content:center}}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#fafafa;color:#333;line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}