.topbar[data-v-93c25b1a]{height:var(--topbar-height);background-color:var(--primary-600);color:var(--on-primary);padding:0 var(--spacing-lg);z-index:1000;border-bottom:1px solid #ffffff1a;justify-content:space-between;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 3px #0000001a}.topbar[data-v-93c25b1a],.topbar-left[data-v-93c25b1a]{align-items:center;display:flex}.brand[data-v-93c25b1a]{color:var(--on-primary);font-size:21px;font-weight:700}.topbar-right[data-v-93c25b1a]{align-items:center;gap:var(--spacing-sm);display:flex}.logout-btn[data-v-93c25b1a]{min-width:72px;height:32px;color:var(--on-primary);cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base);background:#ffffff24;border:1px solid #ffffff73;border-radius:999px;padding:0 12px;font-size:13px;font-weight:600}.logout-btn[data-v-93c25b1a]:hover{background:#ffffff38;border-color:#ffffffb3}.principal-selector[data-v-93c25b1a]{position:relative}.principal-btn[data-v-93c25b1a]{height:32px;color:var(--on-primary);cursor:pointer;white-space:nowrap;background:#ffffff24;border:1px solid #ffffff59;border-radius:999px;align-items:center;gap:8px;padding:0 10px;font-size:13px;display:inline-flex}.principal-btn-meta[data-v-93c25b1a]{opacity:.92;font-weight:600}.caret[data-v-93c25b1a]{opacity:.9;font-size:11px}.principal-popover[data-v-93c25b1a]{color:#111827;z-index:1200;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:280px;padding:10px 10px 8px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 40px #0f172a38}.popover-hint[data-v-93c25b1a]{color:#6b7280;margin-top:-2px;margin-bottom:8px;font-size:12px;line-height:1.4}.popover-title[data-v-93c25b1a]{color:#111827;margin-bottom:6px;font-size:13px;font-weight:600}.popover-list[data-v-93c25b1a]{flex-direction:column;gap:6px;max-height:220px;padding:4px 2px;display:flex;overflow:auto}.popover-item[data-v-93c25b1a]{cursor:pointer;background:#f9fafb;border:1px solid #eef2f7;border-radius:10px;align-items:center;gap:8px;padding:6px 8px;display:flex}.popover-item[data-v-93c25b1a]:hover{background:#f3f4f6}.item-name[data-v-93c25b1a]{flex:auto;font-size:13px;font-weight:600}.item-type[data-v-93c25b1a]{color:#6b7280;font-size:12px}.popover-actions[data-v-93c25b1a]{border-top:1px solid #e5e7eb;justify-content:space-between;gap:8px;margin-top:6px;padding-top:8px;display:flex}.btn-close[data-v-93c25b1a],.btn-reset[data-v-93c25b1a]{cursor:pointer;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;height:28px;padding:0 10px;font-size:13px}.btn-close[data-v-93c25b1a]{color:#fff;background:#10b981;border-color:#059669}.topbar-btn[data-v-93c25b1a]{color:var(--on-primary);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:background-color var(--transition-base);background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:19px;display:flex}.topbar-btn[data-v-93c25b1a]:hover{background-color:#ffffff1f}.app-layout[data-v-882a9fef]{flex-direction:column;height:100%}.app-body[data-v-882a9fef],.app-layout[data-v-882a9fef]{min-height:0;display:flex;overflow:hidden}.app-body[data-v-882a9fef]{flex:0 0 calc(100% - var(--topbar-height));height:calc(100% - var(--topbar-height));margin-top:var(--topbar-height)}.sidebar[data-v-882a9fef]{width:var(--sidebar-width);background-color:var(--surface);border-right:1px solid var(--border);left:0;top:var(--topbar-height);z-index:100;flex-direction:column;flex-shrink:0;transition:width .18s;display:flex;position:fixed;bottom:0}.sidebar--collapsed[data-v-882a9fef]{width:64px}.sidebar-toggle-btn[data-v-882a9fef]{background-color:var(--surface);border:1px solid var(--border);width:28px;height:28px;box-shadow:var(--shadow-sm);cursor:pointer;z-index:101;transition:all var(--transition-base);border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:5.5%;right:-14px;transform:translateY(-50%)}.sidebar-toggle-btn[data-v-882a9fef]:hover{background-color:var(--bg-secondary);box-shadow:var(--shadow-md)}.toggle-icon[data-v-882a9fef]{color:var(--text);-webkit-user-select:none;user-select:none;font-size:17px;font-weight:600;line-height:1}.sidebar-nav[data-v-882a9fef]{padding:var(--spacing-md);padding-top:var(--spacing-lg);scrollbar-width:none;-ms-overflow-style:none;flex:1;overflow-y:auto}.sidebar-nav[data-v-882a9fef]::-webkit-scrollbar{display:none}.nav-item[data-v-882a9fef]{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);color:var(--text);transition:all var(--transition-base);margin-bottom:var(--spacing-xs);justify-content:flex-start;text-decoration:none;display:flex;position:relative}.sidebar--collapsed .nav-item[data-v-882a9fef]{padding:var(--spacing-md);justify-content:center}.nav-item[data-v-882a9fef]:hover{color:var(--text);background-color:#00735014}.nav-item.active[data-v-882a9fef]{background-color:#0073501f}.nav-item.active[data-v-882a9fef],.nav-item.active .nav-icon[data-v-882a9fef]{color:var(--primary-700)}.nav-item.active[data-v-882a9fef]:before{content:"";background-color:var(--primary-600);border-radius:0 2px 2px 0;width:3px;position:absolute;top:0;bottom:0;left:0}.nav-icon[data-v-882a9fef]{color:inherit;flex-shrink:0;font-size:21px;line-height:1}.nav-label[data-v-882a9fef]{white-space:nowrap;font-size:15px;font-weight:500;overflow:hidden}.nav-divider[data-v-882a9fef]{background-color:var(--border);height:1px;margin:var(--spacing-md) 0}.nav-group-label[data-v-882a9fef]{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;padding:var(--spacing-sm) var(--spacing-md);margin-top:var(--spacing-md);margin-bottom:var(--spacing-xs);font-size:13px;font-weight:600}.main-content[data-v-882a9fef]{background-color:var(--bg-secondary);padding-left:var(--spacing-md);flex:1;min-height:0;transition:margin-left .18s;overflow-y:auto}