@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap";.app-header[data-v-38d51679]{background:linear-gradient(180deg,#0d0d14,#0a0a0f);border-bottom:1px solid rgba(196,18,48,.3);position:sticky;top:0;z-index:100}.header-inner[data-v-38d51679]{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;height:64px}.logo[data-v-38d51679]{display:flex;align-items:center;gap:.5rem;text-decoration:none}.logo-icon[data-v-38d51679]{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-38d51679]{color:#ffc107;font-size:1.4rem;font-weight:800;letter-spacing:.5px}.mobile-menu-btn[data-v-38d51679]{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:8px}.mobile-menu-btn span[data-v-38d51679]{display:block;width:22px;height:2px;background:#e8e8f0;border-radius:1px}.header-nav[data-v-38d51679]{display:flex;gap:.25rem;align-items:center}.header-nav a[data-v-38d51679]{color:#9898b0;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-38d51679]:hover{color:#e8e8f0;background:#c4123026}.header-nav a.router-link-active[data-v-38d51679]{color:#ffc107;background:#ffc1071a}.header-nav a.router-link-active[data-v-38d51679]:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:20px;height:2px;background:#ffc107;border-radius:1px}.btn-logout[data-v-38d51679]{background:transparent;border:1px solid rgba(196,18,48,.5);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-38d51679]:hover{background:#c41230;color:#fff;border-color:#c41230}.app-main[data-v-38d51679]{min-height:calc(100vh - 124px)}.app-footer[data-v-38d51679]{background:#0d0d14;border-top:1px solid #1e1e30;padding:1rem 2rem}.footer-inner[data-v-38d51679]{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-brand[data-v-38d51679]{color:#ffc107;font-weight:700;font-size:.9rem}.footer-copy[data-v-38d51679]{color:#6868808;font-size:.8rem}.notif-wrapper[data-v-38d51679]{position:relative}.btn-notif[data-v-38d51679]{background:transparent;border:none;color:#9898b0;cursor:pointer;position:relative;padding:.5rem;border-radius:8px;transition:all .2s;display:flex;align-items:center}.btn-notif[data-v-38d51679]:hover{background:#c4123026;color:#e8e8f0}.notif-badge[data-v-38d51679]{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-38d51679 2s ease-in-out infinite}@keyframes badge-pulse-38d51679{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.notif-dropdown[data-v-38d51679]{position:absolute;top:calc(100% + 8px);right:0;width:340px;max-height:420px;background:#141420;border:1px solid #2a2a3e;border-radius:12px;box-shadow:0 12px 40px #00000080;overflow-y:auto;z-index:100}.notif-header[data-v-38d51679]{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1rem;border-bottom:1px solid #2a2a3e;color:#e8e8f0;font-weight:600;font-size:.9rem}.btn-mark-all[data-v-38d51679]{background:none;border:none;color:#ffc107;font-size:.8rem;cursor:pointer;padding:0;font-weight:500}.btn-mark-all[data-v-38d51679]:hover{text-decoration:underline}.notif-empty[data-v-38d51679]{padding:2rem 1rem;text-align:center;color:#6868808;font-size:.9rem}.notif-item[data-v-38d51679]{padding:.85rem 1rem;border-bottom:1px solid #1e1e30;cursor:pointer;transition:background .15s}.notif-item[data-v-38d51679]:hover{background:#1a1a2e}.notif-item.unread[data-v-38d51679]{background:#c4123014;border-left:3px solid #c41230}.notif-title[data-v-38d51679]{font-weight:600;font-size:.85rem;color:#e8e8f0;margin-bottom:.2rem}.notif-body[data-v-38d51679]{font-size:.8rem;color:#9898b0;line-height:1.3}.notif-time[data-v-38d51679]{font-size:.7rem;color:#6868808;margin-top:.3rem}@media(max-width:768px){.header-inner[data-v-38d51679]{padding:0 1rem}.mobile-menu-btn[data-v-38d51679]{display:flex}.header-nav[data-v-38d51679]{display:none;position:absolute;top:64px;left:0;right:0;background:#0d0d14;border-bottom:1px solid #2a2a3e;flex-direction:column;padding:1rem;gap:.25rem}.header-nav.open[data-v-38d51679]{display:flex}.header-nav a[data-v-38d51679]{padding:.75rem 1rem;width:100%}.btn-logout[data-v-38d51679]{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: #ffc107;--color-gold-dark: #e5a800;--color-gold-light: #ffd54f;--color-bg-dark: #0a0a0f;--color-bg-card: #141420;--color-bg-card-hover: #1a1a2e;--color-bg-surface: #1e1e30;--color-border: #2a2a3e;--color-text: #e8e8f0;--color-text-secondary: #9898b0;--color-text-muted: #6868808;--color-success: #22c55e;--color-danger: #ef4444;--color-warning: #f59e0b;--color-info: #3b82f6;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:#3a3a50}