diff --git a/app/globals.css b/app/globals.css
index 6f6b26d..a80ecfc 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -5344,3 +5344,7 @@ h4 {
   margin-bottom: 0.5em;
   margin-top: 0.5em;
 }
+
+.is-open-add-account-modal {
+  opacity: 0.4;
+}
\ No newline at end of file
diff --git a/app/testnet/account/testnet.tsx b/app/testnet/account/testnet.tsx
index 2899acc..2142f75 100644
--- a/app/testnet/account/testnet.tsx
+++ b/app/testnet/account/testnet.tsx
@@ -40,20 +40,16 @@ const PublicNet: FC<Props> = ({ id }) => {
             try {
                 await server.loadAccount(account);
                 setExists(true);
-                console.log('valid')
                 // Navigate to the account page if the account exists
             } catch (e) {
                 if (e instanceof StellarSdk.NotFoundError) {
                     setExists(false);
                     setErrorvalid('Error: Account does not exist on the network. Make sure that you copied account address correctly and there was at least one payment to this address.')
-                } else {
-                    console.error(e);
                 }
             }
         };
 
         if (StellarSdk.StrKey.isValidEd25519PublicKey(account)) {
-            console.log('true')
             checkAccount();
 
         } else {
diff --git a/package.json b/package.json
index 4941525..f8e7779 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
     "name": "mtl-stellar-multisig",
     "version": "0.1.0",
     "private": true,
-    "homepage": "https://stellar-multisig.montelibero.org",
+    "homepage": "https://monobladegg.github.io/stellar-multisig-stanging",
     "scripts": {
         "dev": "next dev",
         "build": "next build",
diff --git a/src/features/store/index.ts b/src/features/store/index.ts
index 163c25a..d815cad 100644
--- a/src/features/store/index.ts
+++ b/src/features/store/index.ts
@@ -2,7 +2,7 @@ import { create } from "zustand";
 import { devtools, subscribeWithSelector } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
 
-import { netSlice, themeSlice } from "./slices";
+import { netSlice, themeSlice, accountSlice } from "./slices";
 import { Store } from "@/shared/types"
 
 export const useStore = create<Store>()(
@@ -10,7 +10,8 @@ export const useStore = create<Store>()(
     subscribeWithSelector(
       immer((...a) => ({
         ...netSlice(...a),
-        ...themeSlice(...a)
+        ...themeSlice(...a),
+        ...accountSlice(...a)
       }))
     )
   )
diff --git a/src/features/store/slices/accountsSlice/index.ts b/src/features/store/slices/accountsSlice/index.ts
new file mode 100644
index 0000000..362b866
--- /dev/null
+++ b/src/features/store/slices/accountsSlice/index.ts
@@ -0,0 +1,38 @@
+import { IAccountsSlice, IAccount } from "@/shared/types";
+import { StateCreator } from "zustand";
+
+export const accountSlice: StateCreator<
+  IAccountsSlice,
+  [["zustand/immer", never]],
+  [],
+  IAccountsSlice
+> = (set/*, get*/) => {
+  const accounts: IAccount[] = [];
+  const isOpenAddAccountModal = false;
+  const currentAccount = null
+  const isAuth = false
+
+  const setIsAuth = (isAuth: boolean) => {
+    set({ isAuth: isAuth });
+  };
+
+  const setAccounts = (accounts: IAccount[]) => {
+    set({ accounts: accounts });
+    localStorage.setItem("accounts", JSON.stringify(accounts));
+  };
+
+  const setIsOpenAddAccountModal = (isOpenAddAccountModal: boolean) => {
+    set({ isOpenAddAccountModal: isOpenAddAccountModal });
+  };
+
+
+  return {
+    accounts,
+    setAccounts,
+    isOpenAddAccountModal,
+    setIsOpenAddAccountModal,
+    isAuth,
+    currentAccount,
+    setIsAuth
+  };
+};
diff --git a/src/features/store/slices/index.ts b/src/features/store/slices/index.ts
index 9ae2306..1f899b3 100644
--- a/src/features/store/slices/index.ts
+++ b/src/features/store/slices/index.ts
@@ -1,2 +1,3 @@
 export { netSlice } from "./netSlice"
-export { themeSlice } from "./themeSlice"
\ No newline at end of file
+export { themeSlice } from "./themeSlice"
+export { accountSlice } from "./accountsSlice"
\ No newline at end of file
diff --git a/src/pages/Layout/layout.tsx b/src/pages/Layout/layout.tsx
index 1f41ca9..61040b3 100644
--- a/src/pages/Layout/layout.tsx
+++ b/src/pages/Layout/layout.tsx
@@ -4,6 +4,9 @@ import { FC, useEffect, useState } from "react";
 import { useStore } from "@/features/store";
 import { Footer, Header } from "@/widgets";
 import { useShallow } from "zustand/react/shallow";
+import AddAccountModal from "@/widgets/shared/layouts/Header/ui/AddAccountModal";
+import Script from "next/script";
+import Head from "next/head";
 
 type Props = {
   children: React.ReactNode;
@@ -12,22 +15,41 @@ type Props = {
 const PageLayout: FC<Props> = ({ children }) => {
   const [isWindowDefined, setIsWindowDefined] = useState(false);
 
-  const { theme, setTheme, setNet } = useStore(
-    useShallow((state) => ({
-      theme: state.theme,
-      setTheme: state.setTheme,
-      setNet: state.setNet,
-    }))
-  );
+  const {
+    theme,
+    setTheme,
+    setNet,
+    setAccounts,
+    accounts,
+    isOpenAddAccountModal,
+    setIsAuth,
+    net,
+  } = useStore(useShallow((state) => state));
 
   useEffect(() => {
     setIsWindowDefined(typeof window !== "undefined");
     if (isWindowDefined) {
-      if (localStorage.getItem("theme"))
+      if (localStorage.getItem("theme")) {
         setTheme(localStorage.getItem("theme")!);
-      if (localStorage.getItem("net")) setNet(localStorage.getItem("net")!);
+      }
+
+      if (localStorage.getItem("net")) {
+        setNet(localStorage.getItem("net")!);
+      }
+
+      if (localStorage.getItem("accounts")) {
+        setAccounts(JSON.parse(localStorage.getItem("accounts")!));
+      }
     }
-  }, [setTheme, setNet, isWindowDefined]);
+  }, [isWindowDefined, setTheme, setNet, setAccounts]);
+
+  useEffect(() => {
+    setIsAuth(
+      accounts
+        .filter((account) => account.net === net)
+        .filter((account) => account.isCurrent).length > 0
+    );
+  }, [accounts, net, setIsAuth]);
 
   const themeLS: string | undefined | null = isWindowDefined
     ? window.localStorage.getItem("theme")
@@ -38,7 +60,7 @@ const PageLayout: FC<Props> = ({ children }) => {
   if (!isWindowDefined) {
     return (
       <html>
-        <head>
+        <Head>
           <meta
             name="viewport"
             content="width=device-width, initial-scale=1.0"
@@ -48,7 +70,7 @@ const PageLayout: FC<Props> = ({ children }) => {
             content={process.env.NEXT_PUBLIC_COMMIT_HASH || ""}
           />
           <title>Stellar Multisig</title>
-        </head>
+        </Head>
         <body></body>
       </html>
     );
@@ -56,21 +78,30 @@ const PageLayout: FC<Props> = ({ children }) => {
 
   return (
     <html lang="en" data-theme={!theme || themeLS}>
-      <head>
+      <Head>
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <meta
           name="commit-hash"
           content={process.env.NEXT_PUBLIC_COMMIT_HASH || ""}
         />
         <title>Stellar Multisig</title>
-      </head>
+      </Head>
       <body>
-        <main className="flex min-h-screen flex-col">
+        <main
+          className={`flex min-h-screen flex-col ${
+            isOpenAddAccountModal && "is-open-add-account-modal"
+          }`}
+        >
           <hr className="blue-ribbon" />
           <Header />
           {children}
           <Footer />
         </main>
+        {isOpenAddAccountModal && <AddAccountModal />}
+        <Script
+          src="https://kit.fontawesome.com/b02b92140a.js"
+          crossOrigin="anonymous"
+        />
       </body>
     </html>
   );
diff --git a/src/pages/public/account/publicnet.tsx b/src/pages/public/account/publicnet.tsx
index aab7ee2..6965b49 100644
--- a/src/pages/public/account/publicnet.tsx
+++ b/src/pages/public/account/publicnet.tsx
@@ -1,3 +1,4 @@
+
 "use client";
 
 import { MainLayout } from "@/widgets";
@@ -21,6 +22,15 @@ interface Props {
   id: string | undefined | null;
 }
 
+export const collapseAccount = (accountId: string) => {
+  if (accountId == "" || accountId == null || accountId == undefined) {
+    return <br />;
+  }
+  const first4Str = accountId.substring(0, 4);
+  const last4Str = accountId.substr(-4);
+  return first4Str + "..." + last4Str;
+};
+
 const PublicNet: FC<Props> = ({ id }) => {
   const account = id
   const { net } = useStore(useShallow((state) => ({ net: state.net })));
@@ -125,14 +135,6 @@ const PublicNet: FC<Props> = ({ id }) => {
     handler();
   }, [account]);
 
-  const collapseAccount = (accountId: string) => {
-    if (accountId == "" || accountId == null || accountId == undefined) {
-      return <br />;
-    }
-    const first4Str = accountId.substring(0, 4);
-    const last4Str = accountId.substr(-4);
-    return first4Str + "..." + last4Str;
-  };
 
   return (
     <MainLayout>
diff --git a/src/pages/public/assets/AssetsListItem.tsx b/src/pages/public/assets/AssetsListItem.tsx
index 28c48bb..7e78a21 100644
--- a/src/pages/public/assets/AssetsListItem.tsx
+++ b/src/pages/public/assets/AssetsListItem.tsx
@@ -76,4 +76,4 @@ const AssetsListItem: FC<Props> = ({ item, tags }) => {
   );
 };
 
-export default AssetsListItem;
+export default AssetsListItem;
\ No newline at end of file
diff --git a/src/shared/lib/processKeys/index.ts b/src/shared/lib/processKeys/index.ts
index 3240939..556b9e2 100644
--- a/src/shared/lib/processKeys/index.ts
+++ b/src/shared/lib/processKeys/index.ts
@@ -58,4 +58,4 @@ const processKeys = (
   return { processedKey, processedValue };
 };
 
-export default processKeys;
+export default processKeys;
\ No newline at end of file
diff --git a/src/shared/types/index.ts b/src/shared/types/index.ts
index 585f95c..004b259 100644
--- a/src/shared/types/index.ts
+++ b/src/shared/types/index.ts
@@ -2,7 +2,7 @@
 // @ts-ignore
 
 export { type default as Store } from "./store";
-export type { INetSlice, IThemeSlice } from "@/shared/types/store/slices";
+export type { INetSlice, IThemeSlice, IAccountsSlice, IAccount } from "@/shared/types/store/slices";
 export type {
     Information,
     Issuer,
diff --git a/src/shared/types/store/index.ts b/src/shared/types/store/index.ts
index 39ba13a..5ac9f66 100644
--- a/src/shared/types/store/index.ts
+++ b/src/shared/types/store/index.ts
@@ -1,5 +1,5 @@
-import { INetSlice, IThemeSlice } from "@/shared/types/store/slices";
+import { IAccountsSlice, INetSlice, IThemeSlice } from "@/shared/types/store/slices";
 
-interface Store extends INetSlice, IThemeSlice {}
+interface Store extends INetSlice, IThemeSlice, IAccountsSlice {}
 
 export default Store;
\ No newline at end of file
diff --git a/src/shared/types/store/slices/accountsSlice/index.ts b/src/shared/types/store/slices/accountsSlice/index.ts
new file mode 100644
index 0000000..256783e
--- /dev/null
+++ b/src/shared/types/store/slices/accountsSlice/index.ts
@@ -0,0 +1,24 @@
+export type IAccount = {
+  id: string
+  accountID: string
+  isMultiSig: boolean
+  isCurrent: boolean
+  net: string
+}
+
+export interface AccountState {
+  accounts: IAccount[]
+  isOpenAddAccountModal: boolean
+  isAuth: boolean
+  currentAccount: IAccount | null
+}
+
+export interface AccountActions {
+  setAccounts: (Accounts: IAccount[]) => void
+  setIsOpenAddAccountModal: (isOpenAddAccountModal: boolean) => void
+  setIsAuth: (isAuth: boolean) => void
+}
+
+interface IAccountsSlice extends AccountState, AccountActions {}
+
+export default IAccountsSlice
\ No newline at end of file
diff --git a/src/shared/types/store/slices/index.ts b/src/shared/types/store/slices/index.ts
index 52c875f..7529b4f 100644
--- a/src/shared/types/store/slices/index.ts
+++ b/src/shared/types/store/slices/index.ts
@@ -1,2 +1,3 @@
 export {type default as INetSlice} from "./netSlice"
-export {type default as IThemeSlice} from "./themeSlice"
\ No newline at end of file
+export {type default as IThemeSlice} from "./themeSlice"
+export {type default as IAccountsSlice, type IAccount} from "./accountsSlice"
diff --git a/src/widgets/shared/layouts/Header/ui/AccountItem/index.ts b/src/widgets/shared/layouts/Header/ui/AccountItem/index.ts
new file mode 100644
index 0000000..420c9d2
--- /dev/null
+++ b/src/widgets/shared/layouts/Header/ui/AccountItem/index.ts
@@ -0,0 +1 @@
+export {default} from "./ui"
\ No newline at end of file
diff --git a/src/widgets/shared/layouts/Header/ui/AccountItem/ui/index.tsx b/src/widgets/shared/layouts/Header/ui/AccountItem/ui/index.tsx
new file mode 100644
index 0000000..05315a4
--- /dev/null
+++ b/src/widgets/shared/layouts/Header/ui/AccountItem/ui/index.tsx
@@ -0,0 +1,70 @@
+import { FC } from "react";
+import Link from "next/link";
+import { useStore } from "@/features/store";
+import { useShallow } from "zustand/react/shallow";
+import { collapseAccount } from "@/pages/public/account/publicnet";
+import { IAccount } from "@/shared/types";
+
+interface Props {
+  id: string;
+  isOpenAccount: boolean;
+  setIsOpenAccount: (isOpenAccount: boolean) => void;
+  isMain?: boolean;
+  account: IAccount;
+}
+
+const AccountItem: FC<Props> = ({
+  id,
+  isOpenAccount,
+  setIsOpenAccount,
+  isMain = true,
+  account,
+}) => {
+  const { net, theme, accounts, setAccounts } = useStore(
+    useShallow((state) => ({
+      net: state.net,
+      theme: state.theme,
+      accounts: state.accounts,
+      setAccounts: state.setAccounts,
+    }))
+  );
+
+  const handleAccount = () => {
+    setIsOpenAccount(!isOpenAccount);
+
+    // Обновляем аккаунты только если они находятся на одном и том же 'net'
+    const updatedAccounts = accounts.map(
+      (account) =>
+        account.net === net
+          ? account.accountID === id
+            ? { ...account, isCurrent: true }
+            : { ...account, isCurrent: false }
+          : account // Не трогаем аккаунты с другим 'net'
+    );
+
+    setAccounts(updatedAccounts);
+  };
+
+  return (
+    <Link href={`/${net}/account?id=${id}`}>
+      <li
+        className={
+          theme === "night"
+            ? `dropdown-item ${isMain && "selected"}`
+            : `dropdown-item-light ${isMain && "selected"}`
+        }
+        style={{ textAlign: "center" }}
+        onClick={handleAccount}
+      >
+        {account?.isMultiSig ? (
+          <i className="fa-solid fa-users"></i>
+        ) : (
+          <i className="fa-solid fa-user"></i>
+        )}{" "}
+        {collapseAccount(id)}
+      </li>
+    </Link>
+  );
+};
+
+export default AccountItem;
diff --git a/src/widgets/shared/layouts/Header/ui/AddAccountModal/index.ts b/src/widgets/shared/layouts/Header/ui/AddAccountModal/index.ts
new file mode 100644
index 0000000..420c9d2
--- /dev/null
+++ b/src/widgets/shared/layouts/Header/ui/AddAccountModal/index.ts
@@ -0,0 +1 @@
+export {default} from "./ui"
\ No newline at end of file
diff --git a/src/widgets/shared/layouts/Header/ui/AddAccountModal/ui/index.scss b/src/widgets/shared/layouts/Header/ui/AddAccountModal/ui/index.scss
new file mode 100644
index 0000000..d32bdca
--- /dev/null
+++ b/src/widgets/shared/layouts/Header/ui/AddAccountModal/ui/index.scss
@@ -0,0 +1,54 @@
+.add-account-container {
+  display: flex;
+  position: absolute;
+  top: 0;
+  width: 100vw;
+  height: 100vh;
+  justify-content: center;
+  align-items: center;
+}
+
+.add-account-container-light {
+  display: flex;
+  position: absolute;
+  top: 0;
+  width: 100vw;
+  height: 100vh;
+  justify-content: center;
+  align-items: center;
+}
+
+.add-account-container-content {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  padding: 40px;
+  background-color: #1f515e;
+  outline: #08B5E5 2px solid;
+}
+
+.add-account-container-content-light {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  padding: 40px;
+  background-color: #f5f5f5;
+  outline: #888 2px solid;
+}
+.add-account-container-content-close {
+  position: absolute;
+  right: 6px;
+  top: 8px;
+  cursor: pointer;
+}
+
+.add-account-container-content-close-light {
+  position: absolute;
+  right: 6px;
+  top: 8px;
+  cursor: pointer;
+}
+
+.add-account-container-content-button-disabled::before {
+  background-color: #7dc7db;
+}
\ No newline at end of file
diff --git a/src/widgets/shared/layouts/Header/ui/AddAccountModal/ui/index.tsx b/src/widgets/shared/layouts/Header/ui/AddAccountModal/ui/index.tsx
new file mode 100644
index 0000000..bba8c3a
--- /dev/null
+++ b/src/widgets/shared/layouts/Header/ui/AddAccountModal/ui/index.tsx
@@ -0,0 +1,143 @@
+"use client";
+
+import { FC, useEffect, useState, useRef, FormEvent } from "react";
+import "./index.scss";
+import { useStore } from "@/features/store";
+import { useShallow } from "zustand/react/shallow";
+import StellarSdk from "stellar-sdk";
+import { IAccount } from "@/shared/types";
+import { useRouter } from "next/navigation";
+
+type AccountType = "Personal" | "Corporate";
+
+const AddAccountModal: FC = () => {
+  const [accountType, setAccountType] = useState<AccountType>("Personal");
+  const [accountIdInput, setAccountIdInput] = useState<string>("");
+  const [error, setError] = useState<string>("");
+  const modalRef = useRef<HTMLDivElement>(null);
+  const router = useRouter();
+
+  const { setIsOpenAddAccountModal, net, accounts, setAccounts, setIsAuth, theme } =
+    useStore(useShallow((state) => state));
+
+  const handleAccountTypeChange = (type: AccountType) => {
+    setAccountType(type);
+  };
+  
+  const handleSubmit = (e: FormEvent<HTMLFormElement>) => {
+    e.preventDefault();
+
+    // Проверяем валидность публичного ключа
+    if (StellarSdk.StrKey.isValidEd25519PublicKey(accountIdInput)) {
+      // Проверка на наличие аккаунта в текущей сети
+      const accountExistsInCurrentNet = accounts
+        .filter((account) => account.net === net)
+        .map((account) => account.accountID)
+        .includes(accountIdInput);
+
+      if (accountExistsInCurrentNet) {
+        setError(`Account already exists`);
+
+        return;
+      }
+
+      // Убираем статус isCurrent только для аккаунтов в текущей сети
+      const updatedAccounts = accounts.map((account) =>
+        account.net === net ? { ...account, isCurrent: false } : account
+      );
+
+      // Создаем новый аккаунт
+      const newAccount: IAccount = {
+        id: (accounts.length + 1).toString(),
+        accountID: accountIdInput,
+        net: net,
+        isMultiSig: accountType === "Corporate",
+        isCurrent: true,
+      };
+
+      // Обновляем список аккаунтов и добавляем новый
+      setAccounts([...updatedAccounts, newAccount]);
+
+      // Очищаем ошибки и закрываем модалку
+      setError("");
+      setIsOpenAddAccountModal(false);
+
+      // Устанавливаем статус авторизованного пользователя
+      setIsAuth(true);
+
+      router.push(`/${net}/account?id=${accountIdInput}`);
+
+    } else {
+      setError("Invalid account ID");
+    }
+  };
+
+  useEffect(() => {
+    const handleClickOutside = (event: MouseEvent) => {
+      if (
+        modalRef.current &&
+        !modalRef.current.contains(event.target as Node)
+      ) {
+        setIsOpenAddAccountModal(false);
+      }
+    };
+
+    document.addEventListener("mousedown", handleClickOutside);
+    return () =>
+      document.removeEventListener("mousedown", handleClickOutside);
+  }, [setIsOpenAddAccountModal]);
+
+  return (
+    <div className={theme === "night" ? "add-account-container" : "add-account-container-light"}>
+      <div className={theme === "night" ? "add-account-container-content" : "add-account-container-content-light"} ref={modalRef}>
+        <form onSubmit={handleSubmit}>
+          <span
+            onClick={() => setIsOpenAddAccountModal(false)}
+            className={theme === "night" ? "add-account-container-content-close" : "add-account-container-content-close-light"}
+            aria-label="Close"
+          >
+            <i
+              className="fa-regular fa-circle-xmark"
+              style={{ fontSize: "2rem", color: theme === "night" ? "#08b5e5" : "#666" }}
+            />
+          </span>
+          <div className={theme === "night" ? "add-account-container-content-title" : "add-account-container-content-title-light"}>
+            {["Personal", "Corporate"].map((type) => (
+              <button
+                key={type}
+                type="button"
+                className={accountType === type ? "button disabled add-account-container-content-button-disabled" : "button"}
+                onClick={() => handleAccountTypeChange(type as AccountType)}
+              >
+                {type}
+              </button>
+            ))}
+          </div>
+          <div>
+            <input
+              type="text"
+              placeholder="Account ID"
+              value={accountIdInput}
+              onChange={(e) => setAccountIdInput(e.target.value)}
+              required
+            />
+          </div>
+          <div className="flex justify-center">
+            <button className="button" type="submit">
+              Add
+            </button>
+          </div>
+          {error && (
+            <div>
+              <p className="text-center" style={{ color: "red" }}>
+                {error}
+              </p>
+            </div>
+          )}
+        </form>
+      </div>
+    </div>
+  );
+};
+
+export default AddAccountModal;
diff --git a/src/widgets/shared/layouts/Header/ui/header.scss b/src/widgets/shared/layouts/Header/ui/header.scss
index e41ec9d..98bea7b 100644
--- a/src/widgets/shared/layouts/Header/ui/header.scss
+++ b/src/widgets/shared/layouts/Header/ui/header.scss
@@ -76,6 +76,13 @@ header {
     background-color: #fff;
     border: 1px solid #ccc;
     border-radius: 8px;
+    position: absolute;
+    top: 100%;
+    right: 0;
+    border-radius: 8px;
+    margin-top: 5px;
+    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
+    z-index: 1;
 }
 
 .dropdown-item {
@@ -142,4 +149,8 @@ header {
 
 .text-color {
     color: #333;
+}
+
+.dd-list-item-hover:hover {
+    background-color: #272C2E;
 }
\ No newline at end of file
diff --git a/src/widgets/shared/layouts/Header/ui/index.tsx b/src/widgets/shared/layouts/Header/ui/index.tsx
index ef45141..0f08d9a 100644
--- a/src/widgets/shared/layouts/Header/ui/index.tsx
+++ b/src/widgets/shared/layouts/Header/ui/index.tsx
@@ -7,188 +7,402 @@ import Link from "next/link";
 import { useRouter } from "next/navigation";
 import { useStore } from "@/features/store";
 import { useShallow } from "zustand/react/shallow";
+import { IAccount } from "@/shared/types";
+import AccountItem from "./AccountItem";
+import { collapseAccount } from "@/pages/public/account/publicnet";
 
 export const Header: FC = () => {
-    const router = useRouter();
-    const { net, setNet, theme } = useStore(
-        useShallow((state) => ({
-            net: state.net,
-            setNet: state.setNet,
-            theme: state.theme,
-        }))
-    );
-    const [isOpen, setIsOpen] = useState<boolean>(false);
-    const dropdownRef = useRef<HTMLDivElement>(null);
-
-    useEffect(() => {
-        function handleClickOutside(event: MouseEvent) {
-            if (
-                dropdownRef.current &&
-                !dropdownRef.current.contains(event.target as Node)
-            ) {
-                setIsOpen(false); // Close dropdown if clicked outside
-            }
-        }
-
-        // Bind the event listener
-        document.addEventListener("mousedown", handleClickOutside);
-
-        return () => {
-            // Unbind the event listener on cleanup
-            document.removeEventListener("mousedown", handleClickOutside);
-        };
-    }, []);
-
-    const toggleDropdown = () => setIsOpen(!isOpen);
-
-    const handleSelect = (network: string) => {
-        setNet(network);
-        localStorage.setItem("net", network); // Store the network in localStorage
-        setIsOpen(false);
-
-        const currentPath = window.location.pathname;
-        // Check if the current path contains 'public' or 'testnet'
-        if (currentPath === "/public" || currentPath === "/testnet") {
-            const newPath = `/${network}`;
-            router.push(newPath);
-        } else if (
-            currentPath.includes("/public/") ||
-            currentPath.includes("/testnet/")
-        ) {
-            // Construct the new path with updated network segment
-            const newPath = `/${network}${currentPath.substring(
-                currentPath.indexOf("/", 1)
-            )}`;
-            router.push(newPath);
-        }
+  const {
+    net,
+    setNet,
+    theme,
+    setAccounts,
+    accounts,
+    setIsOpenAddAccountModal,
+    isOpenAddAccountModal,
+    isAuth,
+  } = useStore(
+    useShallow((state) => ({
+      net: state.net,
+      setNet: state.setNet,
+      setAccounts: state.setAccounts,
+      theme: state.theme,
+      accounts: state.accounts,
+      setIsOpenAddAccountModal: state.setIsOpenAddAccountModal,
+      isOpenAddAccountModal: state.isOpenAddAccountModal,
+      isAuth: state.isAuth,
+    }))
+  );
+  const [isOpenNet, setIsOpenNet] = useState<boolean>(false);
+  const [isOpenAccount, setIsOpenAccount] = useState<boolean>(false);
+  const dropdownRefNet = useRef<HTMLDivElement>(null);
+  const dropdownRefAccount = useRef<HTMLDivElement>(null);
+  const dropdownRefAddAccount = useRef<HTMLDivElement>(null);
+  const router = useRouter();
+
+  useEffect(() => {
+    function handleClickOutside(event: MouseEvent) {
+      if (isOpenAddAccountModal) {
+        return;
+      }
+
+      if (
+        dropdownRefNet.current &&
+        !dropdownRefNet.current.contains(event.target as Node)
+      ) {
+        setIsOpenNet(false);
+      }
+
+      if (
+        dropdownRefAccount.current &&
+        !dropdownRefAccount.current.contains(event.target as Node)
+      ) {
+        setIsOpenAccount(false);
+      }
+
+      if (
+        dropdownRefAddAccount.current &&
+        !dropdownRefAddAccount.current.contains(event.target as Node)
+      ) {
+        setIsOpenAddAccountModal(false);
+      }
+    }
+
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
     };
+  }, [isOpenAddAccountModal, setIsOpenAddAccountModal]); // Добавляем зависимость
+
+  const toggleDropdownNet = () => setIsOpenNet(!isOpenNet);
+  const toggleDropdownAccount = () => setIsOpenAccount(!isOpenAccount);
+
+  const handleSelectNet = (network: string) => {
+    setNet(network);
+    localStorage.setItem("net", network);
+    setIsOpenNet(false);
+
+    const currentPath = window.location.pathname;
+    if (currentPath === "/public" || currentPath === "/testnet") {
+      const newPath = `/${network}`;
+      router.push(newPath);
+    } else if (
+      currentPath.includes("/public/") ||
+      currentPath.includes("/testnet/")
+    ) {
+      // Construct the new path with updated network segment
+      const newPath = `/${network}`
+      router.push(newPath);
+    }
+  };
+
+  // const handleSelectAccount = (account: IAccount) => {
+  //   setAccounts([...accounts, account]);
+  //   const accountLS = JSON.parse(localStorage.getItem("accounts")!) as
+  //     | IAccount[]
+  //     | null;
+  //   localStorage.setItem(
+  //     "accounts",
+  //     JSON.stringify([account, ...(accountLS ?? [])])
+  //   );
+  //   setIsOpenAccount(false);
+  // };
 
-    return (
-        <div className="top-block">
-            <div className="container nav relative">
-                <Link href="/" className="logo" style={{ paddingTop: "7px" }}>
-                    <Image
-                        src="../montelibero-small-logo.png"
-                        alt="Montelibero Logo"
-                        className="dark:invert"
-                        width={30}
-                        height={30}
-                        priority
-                    />{" "}
-                    &nbsp; MTL Stellar Multisig
-                </Link>
-                <div className="nav-menu-dropdown false">
-                    <div className="main-menu top-menu-block">
-                        <Link href={"/" + net + "/assets"}>
-                            {theme === "day" ? (
-                                <span
-                                    style={{ marginTop: "-6px", color: "#333" }}
-                                >
-                                    {" "}
-                                    Assets
-                                </span>
-                            ) : (
-                                <span style={{ marginTop: "-6px" }}>
-                                    {" "}
-                                    Assets
-                                </span>
-                            )}
-                        </Link>
-                    </div>
-                    <div
-                        className="top-menu-block right"
-                        style={{ float: "right" }}
+  const logout = () => {
+    // Удаляем текущий аккаунт
+    const updatedAccounts = accounts.filter((account) => !account.isCurrent);
+
+    // Определяем новый текущий аккаунт
+    const newCurrentAccount = updatedAccounts[0];
+
+    // Если новый текущий аккаунт существует, устанавливаем его как текущий
+    if (newCurrentAccount) {
+      setAccounts(
+        updatedAccounts.map((account) => ({
+          ...account,
+          isCurrent: account.id === newCurrentAccount.id,
+        }))
+      );
+    } else {
+      setAccounts(updatedAccounts);
+    }
+  };
+
+  return (
+    <div className="top-block">
+      <div className="container nav relative">
+        <Link href="/" className="logo" style={{ paddingTop: "7px" }}>
+          <Image
+            src="../montelibero-small-logo.png"
+            alt="Montelibero Logo"
+            className="dark:invert"
+            width={30}
+            height={30}
+            priority
+          />{" "}
+          &nbsp; MTL Stellar Multisig
+        </Link>
+        <div className="nav-menu-dropdown false">
+          <div className="main-menu top-menu-block">
+            <Link href={"/" + net + "/assets"}>
+              {theme === "day" ? (
+                <span style={{ marginTop: "-6px", color: "#333" }}>
+                  {" "}
+                  Assets
+                </span>
+              ) : (
+                <span style={{ marginTop: "-6px" }}> Assets</span>
+              )}
+            </Link>
+          </div>
+          {isAuth ? (
+            <div className="top-menu-block right" style={{ float: "right" }}>
+              <div className="dropdown" ref={dropdownRefAccount}>
+                <div
+                  className={
+                    theme === "day"
+                      ? "dropdown-header-light"
+                      : "dropdown-header"
+                  }
+                  onClick={toggleDropdownAccount}
+                >
+                  <span
+                    className={
+                      theme === "day" ? "network-text-light" : "network-text"
+                    }
+                  >
+                    Current account:{" "}
+                  </span>
+                  {theme !== "day" ? (
+                    <span className="dropdown-selected">
+                      {collapseAccount(
+                        accounts
+                          .filter(
+                            (account: IAccount) => account.isCurrent === true
+                          )
+                          .filter((account: IAccount) => account.net === net)
+                          .map((account: IAccount) => account.accountID)[0]
+                      )}
+                    </span>
+                  ) : (
+                    <span
+                      style={{
+                        marginInline: "5px",
+                        color: "#666",
+                      }}
                     >
-                        <div className="dropdown" ref={dropdownRef}>
-                            <div
-                                className={
-                                    theme === "day"
-                                        ? "dropdown-header-light"
-                                        : "dropdown-header"
-                                }
-                                onClick={toggleDropdown}
-                            >
-                                <span
-                                    className={
-                                        theme === "day"
-                                            ? "network-text-light"
-                                            : "network-text"
-                                    }
-                                >
-                                    Network{" "}
-                                </span>
-                                {theme !== "day" ? (
-                                    <span className={`dropdown-selected`}>
-                                        {net}
-                                    </span>
-                                ) : (
-                                    <span
-                                        style={{
-                                            marginInline: "5px",
-                                            color: "#666",
-                                        }}
-                                    >
-                                        {net}
-                                    </span>
-                                )}
-                                <span
-                                    className={`${
-                                        isOpen
-                                            ? theme === "day"
-                                                ? "dd-toggle-light visible"
-                                                : "dd-toggle visible"
-                                            : theme === "day"
-                                            ? "dd-toggle-light"
-                                            : "dd-toggle"
-                                    }`}
-                                ></span>
-                            </div>
-                            {isOpen && (
-                                <div
-                                    className={
-                                        theme === "day"
-                                            ? "dropdown-menu-light"
-                                            : "dropdown-menu"
-                                    }
-                                >
-                                    <div
-                                        className={
-                                            theme === "night"
-                                                ? `dropdown-item ${
-                                                      net === "testnet" &&
-                                                      "selected"
-                                                  }`
-                                                : `dropdown-item-light ${
-                                                      net === "testnet" &&
-                                                      "selected"
-                                                  }`
-                                        }
-                                        onClick={() => handleSelect("public")}
-                                    >
-                                        public
-                                    </div>
-                                    <div
-                                        className={
-                                            theme === "night"
-                                                ? `dropdown-item ${
-                                                      net === "public" &&
-                                                      "selected"
-                                                  }`
-                                                : `dropdown-item-light ${
-                                                      net === "public" &&
-                                                      "selected"
-                                                  }`
-                                        }
-                                        onClick={() => handleSelect("testnet")}
-                                    >
-                                        testnet
-                                    </div>
-                                </div>
-                            )}
-                        </div>
-                    </div>
+                      {net}
+                    </span>
+                  )}
+                  <span
+                    className={`${
+                      isOpenAccount
+                        ? theme === "day"
+                          ? "dd-toggle-light visible"
+                          : "dd-toggle visible"
+                        : theme === "day"
+                        ? "dd-toggle-light"
+                        : "dd-toggle"
+                    }`}
+                  ></span>
+                </div>
+                {isOpenAccount && (
+                  <div
+                    className={
+                      theme === "day" ? "dropdown-menu-light" : "dropdown-menu"
+                    }
+                  >
+                    <ul style={{ margin: "0" }}>
+                      <div
+                        key={
+                          accounts
+                            .filter(
+                              (account: IAccount) => account.isCurrent === true
+                            )
+                            .map((account: IAccount) => account.id)[0]
+                        }
+                      >
+                        <AccountItem
+                          id={
+                            accounts
+                              .filter(
+                                (account: IAccount) =>
+                                  account.isCurrent === true
+                              )
+                              .filter(
+                                (account: IAccount) => account.net === net
+                              )
+                              .map((account: IAccount) => account.accountID)[0]
+                          }
+                          isOpenAccount={isOpenAccount}
+                          setIsOpenAccount={setIsOpenAccount}
+                          isMain={false}
+                          account={
+                            accounts
+                              .filter(
+                                (account: IAccount) =>
+                                  account.isCurrent === true
+                              )
+                              .filter(
+                                (account: IAccount) => account.net === net
+                              )
+                              .map((account: IAccount) => account)[0]
+                            }
+                        />
+                      </div>
+                      <hr />
+                      {accounts
+                        .filter((account: IAccount) => account.net === net)
+                        .filter((account: IAccount) => account.isMultiSig)
+                        .map((account: IAccount, index: number) => (
+                          <div key={index}>
+                            <AccountItem
+                              key={index}
+                              id={account.accountID}
+                              isOpenAccount={isOpenAccount}
+                              setIsOpenAccount={setIsOpenAccount}
+                              isMain={!account.isCurrent}
+                              account={account}
+                            />
+                          </div>
+                        ))}
+
+                      <hr />
+                      {accounts
+                        .filter((account: IAccount) => account.net === net)
+                        .filter((account: IAccount) => !account.isMultiSig)
+                        .map((account: IAccount, index: number) => (
+                          <div key={index}>
+                            <AccountItem
+                              key={index}
+                              id={account.accountID}
+                              isOpenAccount={isOpenAccount}
+                              setIsOpenAccount={setIsOpenAccount}
+                              isMain={!account.isCurrent}
+                              account={account}
+                            />
+                          </div>
+                        ))}
+
+                      <hr />
+                      <li
+                        className={
+                          theme === "night"
+                            ? `dropdown-item selected`
+                            : `dropdown-item-light selected`
+                        }
+                        style={{ textAlign: "center" }}
+                      >
+                        <span
+                          onClick={() => {
+                            setIsOpenAddAccountModal(true);
+                            setIsOpenAccount(false);
+                          }}
+                        >
+                          Add account
+                        </span>
+                      </li>
+                      <li
+                        className={
+                          theme === "night"
+                            ? `dropdown-item selected`
+                            : `dropdown-item-light selected`
+                        }
+                        style={{ textAlign: "center" }}
+                      >
+                        <span onClick={logout}>Logout</span>
+                      </li>
+                    </ul>
+                  </div>
+                )}
+              </div>
+            </div>
+          ) : (
+            <div className="top-menu-block right" style={{ float: "right" }}>
+              <div
+                className={
+                  theme === "day" ? "dropdown-header-light" : "dropdown-header"
+                }
+              >
+                <span
+                  className="dropdown-selected"
+                  onClick={() => setIsOpenAddAccountModal(true)}
+                  style={{ cursor: "pointer", marginTop: "-4px" }}
+                >
+                  Login
+                </span>
+              </div>
+            </div>
+          )}
+          <div className="top-menu-block right" style={{ float: "right" }}>
+            <div className="dropdown" ref={dropdownRefNet}>
+              <div
+                className={
+                  theme === "day" ? "dropdown-header-light" : "dropdown-header"
+                }
+                onClick={toggleDropdownNet}
+              >
+                <span
+                  className={
+                    theme === "day" ? "network-text-light" : "network-text"
+                  }
+                >
+                  Network{" "}
+                </span>
+                {theme !== "day" ? (
+                  <span className={`dropdown-selected`}>{net}</span>
+                ) : (
+                  <span
+                    style={{
+                      marginInline: "5px",
+                      color: "#666",
+                    }}
+                  >
+                    {net}
+                  </span>
+                )}
+                <span
+                  className={`${
+                    isOpenNet
+                      ? theme === "day"
+                        ? "dd-toggle-light visible"
+                        : "dd-toggle visible"
+                      : theme === "day"
+                      ? "dd-toggle-light"
+                      : "dd-toggle"
+                  }`}
+                ></span>
+              </div>
+              {isOpenNet && (
+                <div
+                  className={
+                    theme === "day" ? "dropdown-menu-light" : "dropdown-menu"
+                  }
+                >
+                  <div
+                    className={`dropdown-item${
+                      theme === "night" ? "" : "-light"
+                    } ${net !== "testnet" ? "selected" : ""}`}
+                    onClick={() => handleSelectNet("testnet")}
+                  >
+                    Testnet
+                  </div>
+                  <div
+                    className={`dropdown-item${
+                      theme === "night" ? "" : "-light"
+                    } ${net !== "public" ? "selected" : ""}`}
+                    onClick={() => handleSelectNet("public")}
+                  >
+                    Public
+                  </div>
                 </div>
+              )}
             </div>
+          </div>
         </div>
-    );
+      </div>
+    </div>
+  );
 };
+
+export default Header;
diff --git a/src/widgets/shared/layouts/Main/ui/index.tsx b/src/widgets/shared/layouts/Main/ui/index.tsx
index d2495f6..67cf577 100644
--- a/src/widgets/shared/layouts/Main/ui/index.tsx
+++ b/src/widgets/shared/layouts/Main/ui/index.tsx
@@ -1,11 +1,11 @@
 import React, { FC } from "react";
 
 interface Props {
-    children: React.ReactNode
+  children: React.ReactNode;
 }
 
 const MainLayout: FC<Props> = ({ children }) => {
-    return <div className="page-container">{children}</div>;
+  return <div className="page-container">{children}</div>;
 };
 
-export default MainLayout;
\ No newline at end of file
+export default MainLayout;