html,body{margin:0;padding:0;overflow-x:hidden;max-width:100%;position:relative;background:transparent}.wrapper{position:fixed;top:0;left:0;width:100%;height:100%;margin:0;padding:0;background:url("./media/wallpaper-main-L2UVHNG2.jpg");background-size:cover;background-position:center center;background-repeat:no-repeat;overflow:auto;overflow-x:hidden;font-family:Roboto Light;z-index:1}.wrapper.old-bg{background:url("./media/wallpaper-BHHJJYVQ.jpeg");background-size:cover;background-position:center center;background-repeat:no-repeat}.wrapper::-webkit-scrollbar{display:none}.container{position:relative}.btnSettingsRecords{margin-left:5px;color:#fff;background:none;border-radius:10px;border:solid 1px #f6dbff;display:block;cursor:pointer;width:280px;height:40px}.btnSettingsRecords:hover{color:#0221c0;background:#0ff}.btnRecords{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;height:100px;border-radius:20px;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);border:2px solid rgba(0,150,255,.6);cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px #0096ff66,0 0 40px #0096ff33,inset 0 0 15px #ffffff0d;color:#fff;font-size:12px;font-weight:500;text-align:center;position:relative;overflow:hidden}.btnRecords:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(0,150,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,0,150,.1) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(150,0,255,.1) 0%,transparent 50%);pointer-events:none;animation:cosmic-shimmer 4s ease-in-out infinite alternate}.btnRecords:hover{transform:translateY(-2px);box-shadow:0 0 30px #0096ff99,0 0 60px #0096ff4d,inset 0 0 20px #ffffff1a}.btnRecords svg{width:32px;height:32px;margin-bottom:8px}.btnRecords:after{content:"\417\430\43f\438\441\438";white-space:pre-line;margin-top:8px;text-align:center;color:#fff;font-size:12px;font-weight:500}.mainBtnNav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:10px auto;color:#fff;background:none;border:none;width:500px;height:auto;padding:10px;gap:10px}.btnHome{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;height:100px;border-radius:20px;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);border:2px solid rgba(0,150,255,.6);cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px #0096ff66,0 0 40px #0096ff33,inset 0 0 15px #ffffff0d;position:relative;overflow:hidden}.btnHome:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(0,150,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,0,150,.1) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(150,0,255,.1) 0%,transparent 50%);pointer-events:none;animation:cosmic-shimmer 4s ease-in-out infinite alternate}.btnHome:hover{transform:translateY(-2px);box-shadow:0 0 30px #0096ff99,0 0 60px #0096ff4d,inset 0 0 20px #ffffff1a}.btnHome svg{width:32px;height:32px;margin-bottom:8px}.myData{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;height:100px;border-radius:20px;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);border:2px solid rgba(0,150,255,.6);cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px #0096ff66,0 0 40px #0096ff33,inset 0 0 15px #ffffff0d;color:#fff;font-size:12px;font-weight:500;text-align:center;position:relative;overflow:hidden}.myData:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(0,150,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,0,150,.1) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(150,0,255,.1) 0%,transparent 50%);pointer-events:none;animation:cosmic-shimmer 4s ease-in-out infinite alternate}.myData:hover{transform:translateY(-2px);box-shadow:0 0 30px #0096ff99,0 0 60px #0096ff4d,inset 0 0 20px #ffffff1a}.myData svg{width:32px;height:32px;margin-bottom:8px}.btnLogout{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;height:100px;border-radius:20px;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);border:2px solid rgba(0,150,255,.6);cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px #0096ff66,0 0 40px #0096ff33,inset 0 0 15px #ffffff0d;color:#fff;font-size:12px;font-weight:500;text-align:center;position:relative;overflow:hidden}.btnLogout:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(0,150,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,0,150,.1) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(150,0,255,.1) 0%,transparent 50%);pointer-events:none;animation:cosmic-shimmer 4s ease-in-out infinite alternate}.btnLogout:hover{transform:translateY(-2px);box-shadow:0 0 30px #0096ff99,0 0 60px #0096ff4d,inset 0 0 20px #ffffff1a}.btnLogout svg{width:24px;height:24px;margin-bottom:8px}.btnLogout:after{content:"\412\44b\439\442\438";margin-top:8px;text-align:center;color:#fff;font-size:12px;font-weight:500}.btnClients{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;height:100px;border-radius:20px;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);border:2px solid rgba(0,150,255,.6);cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px #0096ff66,0 0 40px #0096ff33,inset 0 0 15px #ffffff0d;color:#fff;font-size:12px;font-weight:500;text-align:center;position:relative;overflow:hidden}.btnClients:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(0,150,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,0,150,.1) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(150,0,255,.1) 0%,transparent 50%);pointer-events:none;animation:cosmic-shimmer 4s ease-in-out infinite alternate}.btnClients:hover{transform:translateY(-2px);box-shadow:0 0 30px #0096ff99,0 0 60px #0096ff4d,inset 0 0 20px #ffffff1a}.btnClients svg{width:32px;height:32px;margin-bottom:8px}.btnMainMenu{display:flex;justify-content:center;margin:10px}.btn{position:static;border-radius:5px;cursor:pointer;color:#00f;font-size:15px;border:none}.selectedTime{margin:auto 10px;text-align:center;background:none;font-size:17px;padding:0 5px;border-radius:10px;color:#fff}.changeDayClass{background:#343333;cursor:pointer;color:red}.changeDayClass:hover{background:#a3f6a3}.errorModal{display:flex;justify-content:center;align-items:center;width:100%;position:fixed;top:215px;font-size:30px;border-radius:10px;height:auto;z-index:111}@media (max-width: 768px){.mainBtnNav{width:380px;padding:8px}.btnHome,.myData,.btnClients,.btnLogout,.btnRecords,.btnCalendar,.btnSettings,.btnExpenses,.btnNotes{width:70px!important;height:90px!important}.btnHome svg{width:28px;height:28px}.myData svg,.btnClients svg,.btnRecords svg,.btnCalendar svg,.btnSettings svg,.btnNotes svg{width:28px;height:28px}.btnLogout svg{width:22px;height:22px}.btnExpenses span{font-size:28px!important;width:28px!important;height:28px!important}.button-label{font-size:11px}}@media (max-width: 480px){.mainBtnNav{width:320px;padding:6px}.btnHome,.myData,.btnClients,.btnLogout,.btnRecords,.btnCalendar,.btnSettings,.btnExpenses,.btnNotes{width:60px!important;height:80px!important}.btnHome svg{width:24px;height:24px}.myData svg,.btnClients svg,.btnRecords svg,.btnCalendar svg,.btnSettings svg,.btnNotes svg{width:24px;height:24px}.btnLogout svg{width:20px;height:20px}.btnExpenses span{font-size:24px!important;width:24px!important;height:24px!important}.button-label{font-size:10px}}.button-container{display:flex;flex-direction:column;align-items:center;margin:0 5px;min-height:120px;justify-content:flex-start}.myData:after{content:"\418\43d\444\43e";white-space:pre-line;margin-top:8px;text-align:center;color:#fff;font-size:12px;font-weight:500}.myData[style*="color: red"]:after{content:"\417\430\43a\440\44b\442\44c";margin-top:8px;text-align:center;color:#fff;font-size:12px;font-weight:500}.btnClients:after{content:"\41a\43b\438\435\43d\442\44b";white-space:pre-line;margin-top:8px;text-align:center;color:#fff;font-size:12px;font-weight:500}.btnCalendar{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;height:100px;border-radius:20px;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);border:2px solid rgba(0,150,255,.6);cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px #0096ff66,0 0 40px #0096ff33,inset 0 0 15px #ffffff0d;color:#fff;font-size:12px;font-weight:500;text-align:center;position:relative;overflow:hidden;margin:0;padding:0;box-sizing:border-box}.btnCalendar:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(0,150,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,0,150,.1) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(150,0,255,.1) 0%,transparent 50%);pointer-events:none;animation:cosmic-shimmer 4s ease-in-out infinite alternate}.btnCalendar:hover{transform:translateY(-2px);box-shadow:0 0 30px #0096ff99,0 0 60px #0096ff4d,inset 0 0 20px #ffffff1a}.btnCalendar svg{width:32px;height:32px;margin-bottom:8px}.btnCalendar:after{content:"\41a\430\43b\435\43d\434\430\440\44c";margin-top:8px;text-align:center;color:#fff;font-size:12px;font-weight:500}.btnHome:after{content:"Home";margin-top:8px;text-align:center;color:#fff;font-size:12px;font-weight:500}.btnSettings{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;height:100px;border-radius:20px;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);border:2px solid rgba(0,150,255,.6);cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px #0096ff66,0 0 40px #0096ff33,inset 0 0 15px #ffffff0d;color:#fff;font-size:12px;font-weight:500;text-align:center;position:relative;overflow:hidden}.btnSettings:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(0,150,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,0,150,.1) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(150,0,255,.1) 0%,transparent 50%);pointer-events:none;animation:cosmic-shimmer 4s ease-in-out infinite alternate}.btnSettings:hover{transform:translateY(-2px);box-shadow:0 0 30px #0096ff99,0 0 60px #0096ff4d,inset 0 0 20px #ffffff1a}.btnSettings svg{width:32px;height:32px;margin-bottom:8px}.btnSettings:after{content:"\41d\430\441\442\440\43e\439\43a\438";margin-top:8px;text-align:center;color:#fff;font-size:12px;font-weight:500}.btnNotes{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;height:100px;border-radius:20px;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);border:2px solid rgba(0,150,255,.6);cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px #0096ff66,0 0 40px #0096ff33,inset 0 0 15px #ffffff0d;color:#fff;font-size:12px;font-weight:500;text-align:center;position:relative;overflow:hidden;margin:0;padding:0;box-sizing:border-box}.btnNotes:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(0,150,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,0,150,.1) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(150,0,255,.1) 0%,transparent 50%);pointer-events:none;animation:cosmic-shimmer 4s ease-in-out infinite alternate}.btnNotes:hover{transform:translateY(-2px);box-shadow:0 0 30px #0096ff99,0 0 60px #0096ff4d,inset 0 0 20px #ffffff1a}.btnNotes svg{width:32px;height:32px;margin-bottom:8px}.btnNotes:after{content:"\417\430\43c\435\442\43a\438";white-space:pre-line;margin-top:8px;text-align:center;color:#fff;font-size:12px;font-weight:500}@keyframes cosmic-shimmer{0%{opacity:.3}50%{opacity:.8}to{opacity:.3}}@media (max-width: 768px){.personalPageStyle.has-records-content{padding-bottom:70px}.personalPageStyle{min-height:auto!important;overflow-x:hidden!important;max-width:100vw!important}.personalPageStyle>*{max-width:100%;box-sizing:border-box}}@media (max-width: 480px){.personalPageStyle.has-records-content{padding-bottom:64px}}