@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap";.app-header[data-v-de4b5450]{background:#fff;border-bottom:1px solid #e0e0e8;position:sticky;top:0;z-index:100;box-shadow:0 1px 4px #0000000f}.header-inner[data-v-de4b5450]{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;height:64px}.logo[data-v-de4b5450]{display:flex;align-items:center;gap:.5rem;text-decoration:none}.logo-icon[data-v-de4b5450]{background:linear-gradient(135deg,#c41230,#e8193f);color:#fff;font-weight:900;font-size:.85rem;padding:.3rem .5rem;border-radius:6px;letter-spacing:1px}.logo-text[data-v-de4b5450]{color:#c41230;font-size:1.4rem;font-weight:800;letter-spacing:.5px}.mobile-menu-btn[data-v-de4b5450]{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:8px}.mobile-menu-btn span[data-v-de4b5450]{display:block;width:22px;height:2px;background:#1a1a2e;border-radius:1px}.header-nav[data-v-de4b5450]{display:flex;gap:.25rem;align-items:center}.header-nav a[data-v-de4b5450]{color:#5a5a70;text-decoration:none;padding:.5rem .9rem;border-radius:8px;font-size:.9rem;font-weight:500;transition:all .2s;position:relative}.header-nav a[data-v-de4b5450]:hover{color:#1a1a2e;background:#c4123014}.header-nav a.router-link-active[data-v-de4b5450]{color:#c41230;background:#c4123014}.header-nav a.router-link-active[data-v-de4b5450]:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:20px;height:2px;background:#c41230;border-radius:1px}.btn-logout[data-v-de4b5450]{background:transparent;border:1px solid rgba(196,18,48,.4);color:#c41230;padding:.4rem 1rem;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s;margin-left:.5rem}.btn-logout[data-v-de4b5450]:hover{background:#c41230;color:#fff;border-color:#c41230}.btn-login-nav[data-v-de4b5450]{background:linear-gradient(135deg,#c41230,#e8193f)!important;color:#fff!important;padding:.4rem 1.25rem!important;border-radius:8px!important;font-weight:600!important;font-size:.9rem!important;transition:box-shadow .2s,transform .1s!important}.btn-login-nav[data-v-de4b5450]:hover{box-shadow:0 0 16px #c412304d!important;transform:scale(1.02);background:linear-gradient(135deg,#c41230,#e8193f)!important}.app-main[data-v-de4b5450]{min-height:calc(100vh - 124px)}.app-footer[data-v-de4b5450]{background:#fff;border-top:1px solid #e0e0e8;padding:1rem 2rem}.footer-inner[data-v-de4b5450]{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-brand[data-v-de4b5450]{color:#c41230;font-weight:700;font-size:.9rem}.footer-copy[data-v-de4b5450]{color:#8888a0;font-size:.8rem}.notif-wrapper[data-v-de4b5450]{position:relative}.btn-notif[data-v-de4b5450]{background:transparent;border:none;color:#5a5a70;cursor:pointer;position:relative;padding:.5rem;border-radius:8px;transition:all .2s;display:flex;align-items:center}.btn-notif[data-v-de4b5450]:hover{background:#c4123014;color:#1a1a2e}.notif-badge[data-v-de4b5450]{position:absolute;top:0;right:0;background:#c41230;color:#fff;font-size:.6rem;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;animation:badge-pulse-de4b5450 2s ease-in-out infinite}@keyframes badge-pulse-de4b5450{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.notif-dropdown[data-v-de4b5450]{position:absolute;top:calc(100% + 8px);right:0;width:340px;max-height:420px;background:#fff;border:1px solid #e0e0e8;border-radius:12px;box-shadow:0 12px 40px #0000001f;overflow-y:auto;z-index:100}.notif-header[data-v-de4b5450]{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1rem;border-bottom:1px solid #e0e0e8;color:#1a1a2e;font-weight:600;font-size:.9rem}.btn-mark-all[data-v-de4b5450]{background:none;border:none;color:#c41230;font-size:.8rem;cursor:pointer;padding:0;font-weight:500}.btn-mark-all[data-v-de4b5450]:hover{text-decoration:underline}.notif-empty[data-v-de4b5450]{padding:2rem 1rem;text-align:center;color:#8888a0;font-size:.9rem}.notif-item[data-v-de4b5450]{padding:.85rem 1rem;border-bottom:1px solid #eeeef4;cursor:pointer;transition:background .15s}.notif-item[data-v-de4b5450]:hover{background:#f5f5fa}.notif-item.unread[data-v-de4b5450]{background:#c412300a;border-left:3px solid #c41230}.notif-title[data-v-de4b5450]{font-weight:600;font-size:.85rem;color:#1a1a2e;margin-bottom:.2rem}.notif-body[data-v-de4b5450]{font-size:.8rem;color:#5a5a70;line-height:1.3}.notif-time[data-v-de4b5450]{font-size:.7rem;color:#8888a0;margin-top:.3rem}@media(max-width:768px){.header-inner[data-v-de4b5450]{padding:0 1rem}.mobile-menu-btn[data-v-de4b5450]{display:flex}.header-nav[data-v-de4b5450]{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;border-bottom:1px solid #e0e0e8;flex-direction:column;padding:1rem;gap:.25rem}.header-nav.open[data-v-de4b5450]{display:flex}.header-nav a[data-v-de4b5450]{padding:.75rem 1rem;width:100%}.btn-logout[data-v-de4b5450]{margin-left:0;margin-top:.5rem;width:100%;text-align:center}}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #c41230;--color-primary-dark: #a00e28;--color-primary-light: #e8193f;--color-gold: #d4a007;--color-gold-dark: #b8890a;--color-gold-light: #c49a06;--color-bg-dark: #f0f0f5;--color-bg-card: #ffffff;--color-bg-card-hover: #f5f5fa;--color-bg-surface: #eeeef4;--color-border: #d8d8e4;--color-text: #1a1a2e;--color-text-secondary: #5a5a70;--color-text-muted: #8888a0;--color-success: #16a34a;--color-danger: #dc2626;--color-warning: #d97706;--color-info: #2563eb;font-family:Poppins,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:var(--color-text);background-color:var(--color-bg-dark);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{margin:0;min-width:320px;min-height:100vh;background:var(--color-bg-dark)}#app{width:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-dark)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#b0b0c0}