*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif}.portal-app{min-height:100vh;background:#f5f7fb}.app-layout[data-v-243bd903]{min-height:100vh;background:#f5f7fb;padding-bottom:4rem}.top-nav[data-v-243bd903]{background:#fff;box-shadow:0 1px 3px #0000000f;position:sticky;top:0;z-index:100}.top-nav-inner[data-v-243bd903]{max-width:1400px;margin:0 auto;padding:.75rem 1.5rem;display:flex;align-items:center;gap:1.5rem}.logo[data-v-243bd903]{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#1a1e42;font-weight:700;font-size:1.15rem}.logo-main-site[data-v-243bd903]{font-size:.95rem;font-weight:600;color:#6c757d}.logo-main-site[data-v-243bd903]:hover{color:#1a1e42}.logo-icon[data-v-243bd903]{font-size:1.5rem}.search-wrap[data-v-243bd903]{flex:1;max-width:400px;display:flex;align-items:center;gap:.5rem;background:#f5f7fb;border-radius:10px;padding:.5rem 1rem}.search-icon[data-v-243bd903]{opacity:.6}.search-input[data-v-243bd903]{border:none;background:none;width:100%;font-size:.9rem;outline:none}.top-nav-right[data-v-243bd903]{display:flex;align-items:center;gap:.5rem}.icon-btn[data-v-243bd903]{width:40px;height:40px;border:none;background:transparent;border-radius:10px;cursor:pointer;font-size:1.1rem;position:relative}.icon-btn[data-v-243bd903]:hover{background:#f0f2f5}.badge-wrap[data-v-243bd903]{position:relative}.badge[data-v-243bd903]{position:absolute;top:4px;right:4px;min-width:18px;height:18px;background:#5b7fff;color:#fff;font-size:.7rem;font-weight:600;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}.badge-green .badge[data-v-243bd903]{background:#00d084}.user-menu[data-v-243bd903]{display:flex;align-items:center;gap:.75rem;margin-left:.5rem;padding-left:.75rem;border-left:1px solid #eee}.user-avatar[data-v-243bd903]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#5b7fff,#8b9fff);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.user-info[data-v-243bd903]{display:flex;flex-direction:column;align-items:flex-start}.user-name[data-v-243bd903]{font-weight:600;color:#1a1e42;font-size:.9rem}.user-role[data-v-243bd903]{font-size:.75rem;color:#6c757d}.secondary-menu[data-v-243bd903]{background:#fff;border-bottom:1px solid #eee}.secondary-menu-inner[data-v-243bd903]{max-width:1400px;margin:0 auto;padding:0 1.5rem;display:flex;gap:.25rem;overflow-x:auto}.menu-item[data-v-243bd903]{display:flex;align-items:center;gap:.4rem;padding:.75rem 1rem;color:#6c757d;text-decoration:none;font-size:.9rem;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px}.menu-item[data-v-243bd903]:hover{color:#1a1e42}.menu-item.active[data-v-243bd903]{color:#5b7fff;font-weight:600;border-bottom-color:#5b7fff}.menu-arrow[data-v-243bd903]{font-size:.6rem;opacity:.7}.main-content[data-v-243bd903]{max-width:1400px;margin:0 auto;padding:1.5rem}.fab[data-v-243bd903]{position:fixed;bottom:1.5rem;right:1.5rem;width:56px;height:56px;border-radius:50%;border:none;background:#5b7fff;color:#fff;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 12px #5b7fff66}.fab[data-v-243bd903]:hover{transform:scale(1.05)}@media (max-width: 768px){.search-wrap[data-v-243bd903],.user-info[data-v-243bd903]{display:none}}.user-dropdown[data-v-243bd903]{position:absolute;top:100%;right:0;width:160px;background:#fff;box-shadow:0 5px 15px #0000001a;border-radius:8px;padding:.5rem 0;margin-top:.5rem;z-index:1000}.dropdown-item[data-v-243bd903]{display:flex;align-items:center;gap:8px;padding:.75rem 1rem;color:#1a1e42;text-decoration:none;font-size:.9rem;transition:background .2s}.dropdown-item[data-v-243bd903]:hover{background:#f5f7fb;color:#5b7fff}