#app{min-height:100vh}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.notifications-modal[data-v-8dc6da1b]{width:480px;max-height:80vh;display:flex;flex-direction:column}.modal-header[data-v-8dc6da1b]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}.modal-header h3[data-v-8dc6da1b]{font-size:18px}.header-actions[data-v-8dc6da1b]{display:flex;align-items:center;gap:8px}.modal-body[data-v-8dc6da1b]{flex:1;overflow-y:auto}.loading[data-v-8dc6da1b],.empty[data-v-8dc6da1b]{text-align:center;padding:40px;color:var(--text-muted)}.loading i[data-v-8dc6da1b]{font-size:24px}.empty i[data-v-8dc6da1b]{font-size:48px;margin-bottom:16px}.notification-list[data-v-8dc6da1b]{padding:8px}.notification-item[data-v-8dc6da1b]{display:flex;gap:12px;padding:12px;border-radius:8px;cursor:pointer;transition:background .2s}.notification-item[data-v-8dc6da1b]:hover{background:var(--hover-bg)}.notification-item.unread[data-v-8dc6da1b]{background:#d4af371a}.notification-icon[data-v-8dc6da1b]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--hover-bg);border-radius:10px;flex-shrink:0}.notification-icon i[data-v-8dc6da1b]{color:var(--accent-gold)}.notification-content[data-v-8dc6da1b]{flex:1;min-width:0}.notification-title[data-v-8dc6da1b]{font-size:14px;margin-bottom:4px}.notification-text[data-v-8dc6da1b]{font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-time[data-v-8dc6da1b]{font-size:12px;color:var(--text-muted);margin-top:4px}.modal-footer[data-v-8dc6da1b]{padding:12px 20px;border-top:1px solid var(--border-color);text-align:center}.icon-btn-sm[data-v-8dc6da1b]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer}.icon-btn-sm[data-v-8dc6da1b]:hover{background:var(--hover-bg);color:var(--danger)}.btn-ghost-sm[data-v-8dc6da1b]{padding:6px 12px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:13px}.btn-ghost-sm[data-v-8dc6da1b]:hover{color:var(--text-primary)}.layout[data-v-0cc64eaf]{display:flex;min-height:100vh}.sidebar[data-v-0cc64eaf]{width:260px;background:var(--secondary-bg);border-right:1px solid var(--border-color);position:fixed;top:0;left:0;bottom:0;display:flex;flex-direction:column;z-index:100}.sidebar-header[data-v-0cc64eaf]{padding:20px;border-bottom:1px solid var(--border-color);cursor:pointer}.sidebar-header h2[data-v-0cc64eaf]{font-size:18px;background:linear-gradient(135deg,var(--accent-gold),var(--accent-copper));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-user[data-v-0cc64eaf]{padding:16px 20px;display:flex;gap:12px;align-items:center;cursor:pointer;transition:background .2s}.sidebar-user[data-v-0cc64eaf]:hover{background:var(--hover-bg)}.sidebar-user .avatar[data-v-0cc64eaf]{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--accent-gold),var(--accent-copper));display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--primary-bg)}.sidebar-user .user-info[data-v-0cc64eaf]{flex:1;overflow:hidden}.sidebar-user .user-info .username[data-v-0cc64eaf]{display:block;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user .user-info .role[data-v-0cc64eaf]{font-size:12px;color:var(--text-secondary)}.sidebar-nav[data-v-0cc64eaf]{flex:1;overflow-y:auto;padding:10px 0}.nav-section[data-v-0cc64eaf]{padding:8px 12px}.nav-section-title[data-v-0cc64eaf]{font-size:11px;text-transform:uppercase;color:var(--text-muted);padding:8px 12px;letter-spacing:.5px}.nav-item[data-v-0cc64eaf]{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;cursor:pointer;color:var(--text-secondary);transition:all .2s}.nav-item i[data-v-0cc64eaf]{width:20px;text-align:center}.nav-item[data-v-0cc64eaf]:hover{background:var(--hover-bg);color:var(--text-primary)}.nav-item.active[data-v-0cc64eaf]{background:var(--hover-bg);color:var(--accent-gold)}.sidebar-footer[data-v-0cc64eaf]{padding:16px;border-top:1px solid var(--border-color)}.btn-block[data-v-0cc64eaf]{width:100%}.main-content[data-v-0cc64eaf]{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh}.top-bar[data-v-0cc64eaf]{height:60px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:var(--secondary-bg);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:50}.search-box[data-v-0cc64eaf]{display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--primary-bg);border:1px solid var(--border-color);border-radius:8px;width:400px}.search-box i[data-v-0cc64eaf]{color:var(--text-muted)}.search-box input[data-v-0cc64eaf]{flex:1;background:none;border:none;outline:none;color:var(--text-primary)}.search-box input[data-v-0cc64eaf]::placeholder{color:var(--text-muted)}.top-bar-actions[data-v-0cc64eaf]{display:flex;align-items:center;gap:8px}.icon-btn[data-v-0cc64eaf]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--hover-bg);border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;position:relative}.icon-btn[data-v-0cc64eaf]:hover{color:var(--text-primary);background:var(--tertiary-bg)}.icon-btn .badge[data-v-0cc64eaf]{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;background:var(--danger);border-radius:9px;font-size:11px;color:#fff;display:flex;align-items:center;justify-content:center}.content-area[data-v-0cc64eaf]{flex:1;padding:24px;overflow-y:auto}:root{--primary-bg: #0f0e0e;--secondary-bg: #1a1919;--hover-bg: #2d2d2d;--border-color: #3a3a3a;--accent-gold: #d4af37;--accent-copper: #b87333;--text-primary: #e8e6e3;--text-secondary: #a8a5a0;--success: #4caf50;--danger: #f44336;--warning: #ff9800}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--primary-bg);color:var(--text-primary)}a{color:var(--accent-gold);text-decoration:none}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.btn-primary{background:linear-gradient(135deg,var(--accent-gold),var(--accent-copper));color:#000}.btn-secondary{background:var(--hover-bg);border:1px solid var(--border-color);color:var(--text-primary)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-danger{background:var(--danger);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.input{width:100%;padding:12px 16px;background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px}.input:focus{outline:none;border-color:var(--accent-gold)}.toast{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:8px;z-index:9999}.toast.success{background:var(--success);color:#fff}.toast.error{background:var(--danger);color:#fff}