.sidebar[data-v-85af510a]{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:16px 14px;z-index:50;overflow-y:auto}.sidebar__logo[data-v-85af510a]{padding:6px 6px 22px;color:var(--sidebar-text-active);font-weight:700;font-size:1rem;letter-spacing:-.01em}.sidebar__nav[data-v-85af510a]{flex:1}.sidebar__nav ul[data-v-85af510a]{list-style:none;display:flex;flex-direction:column;gap:1px}.sidebar__link[data-v-85af510a]{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius);color:var(--sidebar-text);font-size:13px;font-weight:500;transition:background .12s ease,color .12s ease;text-decoration:none}.sidebar__link[data-v-85af510a]:hover{background:var(--sidebar-hover);color:var(--sidebar-text-active)}.sidebar__link--active[data-v-85af510a]{background:#5046e514;color:var(--sidebar-accent)}.sidebar__icon[data-v-85af510a]{flex-shrink:0}.sidebar__divider[data-v-85af510a]{border:none;border-top:1px solid var(--border);margin:12px 4px}.sidebar__user[data-v-85af510a]{display:flex;align-items:center;gap:10px;padding:9px 8px;border-radius:var(--radius);margin-top:10px;border:1px solid var(--border)}.sidebar__avatar[data-v-85af510a]{width:30px;height:30px;border-radius:50%;background:var(--sidebar-accent);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar__user-name[data-v-85af510a]{font-size:12px;font-weight:600;color:var(--sidebar-text-active)}.sidebar__user-role[data-v-85af510a]{font-size:11px;color:var(--sidebar-text)}.topbar[data-v-f8bf6cd6]{position:fixed;top:0;left:var(--sidebar-width);right:0;height:var(--header-h);background:var(--bg-card);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding-inline:24px;z-index:40}.topbar__title[data-v-f8bf6cd6]{font-size:1rem;font-weight:600}.topbar__actions[data-v-f8bf6cd6]{display:flex;align-items:center;gap:12px}.topbar__search-wrap[data-v-f8bf6cd6],.topbar__notif-wrap[data-v-f8bf6cd6]{position:relative}.topbar__search[data-v-f8bf6cd6]{display:flex;align-items:center;gap:8px;background:var(--bg-page);border:1px solid var(--border);border-radius:6px;padding:7px 12px;color:var(--text-muted)}.topbar__search-input[data-v-f8bf6cd6]{border:none;background:transparent;font-size:13px;color:var(--text-primary);outline:none;width:220px}.topbar__icon-btn[data-v-f8bf6cd6]{position:relative;background:transparent;border:none;color:var(--text-secondary);padding:6px;border-radius:6px;display:flex;align-items:center;transition:background .15s;cursor:pointer}.topbar__icon-btn[data-v-f8bf6cd6]:hover{background:var(--bg-page)}.topbar__notif-badge[data-v-f8bf6cd6]{position:absolute;top:2px;right:2px;min-width:14px;height:14px;padding-inline:2px;background:var(--color-danger);color:#fff;font-size:9px;font-weight:700;border-radius:999px;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-card)}.topbar__profile[data-v-f8bf6cd6]{background:none;border:none;cursor:pointer}.topbar__avatar[data-v-f8bf6cd6]{width:32px;height:32px;border-radius:50%;background:var(--color-info);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.search-panel[data-v-f8bf6cd6]{position:absolute;top:calc(100% + 6px);left:0;width:340px;max-height:60vh;overflow-y:auto;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-md);padding:6px;z-index:100}.search-group[data-v-f8bf6cd6]{margin-bottom:4px}.search-group__label[data-v-f8bf6cd6]{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:8px 10px 4px}.search-result[data-v-f8bf6cd6]{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;font-size:13px;color:var(--text-primary);transition:background .12s}.search-result[data-v-f8bf6cd6]:hover{background:var(--bg-page)}.search-result__title[data-v-f8bf6cd6]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result__meta[data-v-f8bf6cd6]{color:var(--text-muted);font-size:12px;flex-shrink:0}.search-empty[data-v-f8bf6cd6]{padding:14px 10px;font-size:13px;color:var(--text-muted);text-align:center}.notif-panel[data-v-f8bf6cd6]{position:absolute;top:calc(100% + 6px);right:0;width:320px;max-height:70vh;overflow-y:auto;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-md);z-index:100}.notif-panel__header[data-v-f8bf6cd6]{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--border);font-size:13px;font-weight:600;position:sticky;top:0;background:var(--bg-card)}.notif-panel__mark-all[data-v-f8bf6cd6]{background:none;border:none;color:var(--color-info);font-size:12px;font-weight:500;cursor:pointer}.notif-item[data-v-f8bf6cd6]{display:flex;align-items:flex-start;gap:10px;width:100%;padding:12px 14px;background:none;border:none;border-bottom:1px solid var(--border);text-align:left;cursor:pointer;transition:background .12s;font-family:inherit}.notif-item[data-v-f8bf6cd6]:last-child{border-bottom:none}.notif-item[data-v-f8bf6cd6]:hover{background:var(--bg-page)}.notif-item__dot[data-v-f8bf6cd6]{width:7px;height:7px;border-radius:50%;margin-top:5px;flex-shrink:0;background:transparent}.notif-item--unread .notif-item__dot[data-v-f8bf6cd6]{background:var(--color-info)}.notif-item__body[data-v-f8bf6cd6]{display:flex;flex-direction:column;gap:2px;min-width:0}.notif-item__title[data-v-f8bf6cd6]{font-size:13px;font-weight:600;color:var(--text-primary)}.notif-item--unread .notif-item__title[data-v-f8bf6cd6]{font-weight:700}.notif-item__desc[data-v-f8bf6cd6]{font-size:12px;color:var(--text-secondary);line-height:1.4}.notif-item__time[data-v-f8bf6cd6]{font-size:11px;color:var(--text-muted);margin-top:2px}@media (max-width: 700px){.topbar__search-input[data-v-f8bf6cd6]{width:140px}.search-panel[data-v-f8bf6cd6],.notif-panel[data-v-f8bf6cd6]{width:280px}}.fade-enter-active,.fade-leave-active{transition:opacity .15s ease}.fade-enter-from,.fade-leave-to{opacity:0}:root{--sidebar-width: 232px;--sidebar-bg: #ffffff;--sidebar-text: #6b7280;--sidebar-text-active: #0a0e17;--sidebar-accent: #5046e5;--sidebar-hover: #f4f4f6;--bg-page: #fafafa;--bg-card: #ffffff;--bg-hover: #f5f5f7;--text-primary: #0a0e17;--text-secondary: #5b616e;--text-muted: #8a8f98;--border: #e7e7ea;--color-success: #0a8a5f;--color-warning: #b25e09;--color-danger: #cc3340;--color-info: #5046e5;--font: "Inter", system-ui, sans-serif;--header-h: 58px;--radius: 7px;--shadow-sm: 0 1px 2px rgba(10, 14, 23, .05);--shadow-md: 0 2px 5px rgba(10, 14, 23, .06), 0 8px 20px rgba(10, 14, 23, .04)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font);background:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-size:14px}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img{max-width:100%;display:block}.dashboard-layout{display:flex;min-height:100vh}.dashboard-content{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-width:0}.page-body{flex:1;padding:24px;margin-top:var(--header-h)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm)}.section-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:16px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600}.badge--success{background:#d1fae5;color:#065f46}.badge--warning{background:#fef3c7;color:#92400e}.badge--danger{background:#fee2e2;color:#991b1b}.badge--info{background:#dbeafe;color:#1e40af}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;font-size:13px;font-weight:500;border:none;transition:all .15s ease}.btn--primary{background:var(--color-info);color:#fff}.btn--primary:hover{background:#4038c4}.btn--ghost{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.btn--ghost:hover{background:var(--bg-hover)}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:10px 12px;border-bottom:1px solid var(--border)}.data-table td{padding:12px;border-bottom:1px solid var(--border);color:var(--text-secondary)}.data-table tbody tr:hover{background:var(--bg-hover)}.data-table tbody tr:last-child td{border-bottom:none}@media (max-width: 768px){.dashboard-content{margin-left:0}}