html{box-sizing:border-box;scroll-behavior:smooth}*,:before,:after{box-sizing:inherit;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;font-family:system-ui,sans-serif;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}:root{--bg:#fff;--bg2:#f2f4f7;--color-text:#1a1a1a;--color-text-secondary:#555;--color-text-muted:#888;--color-text-inverse:#fff;--color-border:#e0e0e0;--color-border-strong:#c7c7c7;--color-btn-bg:#007bff;--color-btn-bg-hover:#0069d9;--color-btn-text:#fff;--color-btn-neutral-bg:#e9e9e9;--color-btn-neutral-bg-hover:#dcdcdc;--color-btn-neutral-text:#1a1a1a;--color-accent:#4a90e2;--color-accent-hover:#3a78c2;--color-success:#28a745;--color-warning:#ffc107;--color-error:#dc3545;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 10px #0000001f;--shadow-lg:0 10px 25px #00000026}:root[data-theme=dark]{--bg:#1a1a1a;--bg2:#333}.login-container{background-color:#131313;justify-content:center;align-items:center;height:100vh;display:flex}#Header{z-index:2;display:flex}.menuIcon div{background-color:#000;width:20px;height:2px;margin:0 0 4px;transition:all .4s}.profileLinks-controller{margin-left:auto;margin-right:20px;position:relative}.profileLinks-controller .dropdown-menu{background:#fff;flex-direction:column;padding:10px;display:flex;position:absolute;right:0}#HeaderAvatarBlock{cursor:pointer;align-items:end;display:flex}#HeaderAvatarBlock img{border-radius:50%;width:50px;height:50px}#Sidebar{background-color:var(--bs-base-color);flex-direction:column;align-items:center;width:100%;height:100vh;padding-top:20px;display:flex;overflow:hidden}.sidebar-parent{cursor:pointer;justify-content:space-between;padding:8px 12px;display:flex}.submenu{max-height:0;padding-top:0;padding-bottom:0;transition:max-height .25s,padding .25s;overflow:hidden}.submenu-open{max-height:500px;padding-top:.25rem;padding-bottom:.25rem}.messages-container{height:10px;max-width:10px 50px;z-index:2147483647;z-index:5;background:green;width:100%;position:fixed;top:0;left:0}.alert{color:#fff;pointer-events:auto;z-index:2147483647;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:14px 18px;transition:opacity .5s ease-in-out;display:flex}.alert-success{background:#16a34a}.alert-error,.alert-danger{background:#dc2626}.alert-warning{background:#f59e0b}.alert-info{background:#2563eb}.alert-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:18px}#topLayer-child{z-index:4}#topLayerBackground{z-index:2147483647;z-index:4;background:#00000080;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:absolute;top:0;left:0}#topLayerBackground .popup-close{cursor:pointer;z-index:10;color:#00f;font-size:28px;position:absolute;top:0;right:2px}#topLayerBackground .popup-close:hover{color:red}#topLayerContent{text-align:center;background:#fff;border-radius:8px;width:80%;max-width:420px;padding:20px;position:relative;box-shadow:0 2px 10px #0000001a}#topLoader{z-index:999999999;background:linear-gradient(90deg,#0f0f0f,#2c2c2c);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0;overflow:hidden}.loader{box-sizing:border-box;border:4px solid #fff;border-radius:50%;width:70px;height:70px;animation:1s linear infinite rotation;display:inline-block;position:relative}.loader:after{content:"";box-sizing:border-box;border:4px solid #ff3d00;border-color:#ff3d00 #0000;border-radius:50%;width:56px;height:56px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button{all:unset;font:inherit;color:inherit;cursor:pointer;appearance:none;text-indent:0%;background:0 0;border:none;outline:none;margin:0;padding:0;line-height:normal}.upload-container{text-align:center;cursor:pointer;color:#007bff;background-color:#f0f7ff;border:2px dashed #007bff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:10px 20px 20px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.upload-container>input{display:none}.upload-container img{max-width:100%;max-height:100%;margin-top:5px}#AvatarBlock{background:red;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:relative}#AvatarBlock .upload-button{opacity:0;background:#fa6e6e9c;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:30px;transition:all .4s;display:flex;position:absolute;top:0;left:0;overflow:hidden}#AvatarBlock:hover{cursor:pointer}#AvatarBlock:hover .upload-button{opacity:1;display:flex}#AvatarImageBlock{background:red;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}#AvatarImageBlock>img{width:100%;height:100%}#MediaList{display:flex}#MediaList>div{border:1px solid green;width:40px;height:40px}.mediaList1{border:1px solid red}.mediaList2{border:1px solid #0004ff}*{box-sizing:border-box;color:#000;margin:0;padding:0;font-family:Outfit,sans-serif;font-weight:600}i{color:inherit}body{background-color:var(--bg2);color:#fff;font-family:Open Sans,sans-serif;font-size:16px;position:relative}#Header{background-color:var(--bg);grid-area:header;height:100%;padding:10px;display:flex}#Sidebar{background-color:var(--bg);grid-area:sidebar}#Sidebar>nav{flex-direction:column;display:flex}#Main{background-color:var(--bg);grid-area:main;margin:20px;padding:10px}#Footer{grid-area:footer}#AppLayout{z-index:2;grid-template:"sidebar header""sidebar main"1fr"sidebar footer"0/250px 1fr;transition:all .3s ease-in-out;display:grid;position:relative}#AppLayout.closed{grid-template-columns:0 1fr}