@import url(https://fonts.googleapis.com/css2?family=Funnel+Display:wght@300..800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;margin:0}body,button,input,select,textarea{font-family:Funnel Display,sans-serif}.FlexCon{flex:1 1}.App{background-color:var(--bg);display:flex;height:100vh;overflow:hidden;width:100vw}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-main);-webkit-box-shadow:0 0 0 1000px var(--left-tab-color) inset;color:var(--text-main);-webkit-transition:background-color 5000s ease-in-out 0s,color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s,color 5000s ease-in-out 0s}.Light_Theme{--logo:url(/static/media/Zlize%20logo%202.b8bd32a0a07834dde518.png);--bg:#fff;--bg1:#fff;--dot-sidebar-bg:#fff;--dot-sidebar-color:#fff;--dot-bg:#fff;--dot-color:#fff;--dot-size:1px;--dot-space:4px;--sidebar-shadow:#e9e9e9;--sidebar-no-shadow:#ddd0;--sidebar-hover-shadow:#efefef;--sidebar-icon-color:#686868;--sidebar-icon-hover-color:#868686;--left-tab-color:#f7f7f7;--text-main:#000;--text-sub:#6d6d6d;--primary-main:#000;--primary-text:#dbffa1;--border-main-color:#e6e6e6;--border-sub-color:#f6f6f6;--outline-modal-color:#f0f0f0;--outline-main-color:#efefef;--outline-sub-color:#e3e3e3;--placeholder:#797979;--overlay:#ffffffa5;--yellow:#d2c800;--red:#ee7676;--green:#77cc62;--blue:#41adff;--violet:#a876ff;--orange:#ffac70}.Dark_Theme{--logo:url(/static/media/Zlize%20logo%201.dc6d2fa81f64b6597660.png);--bg:#000;--bg1:#0b0b0b;--dot-sidebar-bg:#000;--dot-sidebar-color:#121212;--dot-bg:#000;--dot-color:#121212;--dot-size:1px;--dot-space:4px;--sidebar-shadow:#2f2f2f;--sidebar-no-shadow:#2f2f2f00;--sidebar-hover-shadow:#39393968;--sidebar-icon-color:#7a7a7a;--sidebar-icon-hover-color:#aaa;--left-tab-color:#151515;--text-main:#e1e1e1;--text-sub:#9d9d9d;--primary-main:#dbffa1;--primary-text:#000;--border-main-color:#2b2b2b;--border-sub-color:#0f0f0f;--outline-modal-color:#181818;--outline-main-color:#181818;--outline-sub-color:#1b1b1b;--placeholder:#797979;--overlay:#000000a5;--yellow:#fffa96;--red:#ff9696;--green:#abff96;--blue:#96d1ff;--violet:#bc96ff;--orange:#ffc296}.Dark_Blue_Theme{--logo:url(/static/media/Zlize%20logo%201.dc6d2fa81f64b6597660.png);--bg:#050022;--bg1:#060018;--dot-sidebar-bg:#050022;--dot-sidebar-color:#000154;--dot-bg:#050022;--dot-color:#00093a;--dot-size:1px;--dot-space:4px;--sidebar-shadow:#000763;--sidebar-no-shadow:#2f2f2f00;--sidebar-hover-shadow:#13004668;--sidebar-icon-color:#8f8faa;--sidebar-icon-hover-color:#9b9bb6;--left-tab-color:#201b51;--text-main:#e6e6ff;--text-sub:#8f8faa;--border-main-color:#191575;--border-sub-color:#181334;--outline-modal-color:#171343;--outline-main-color:#171343;--outline-sub-color:#171343;--placeholder:#8f8faa;--overlay:#000000a5;--yellow:#fffa96;--red:#ff9696;--green:#abff96;--blue:#96d1ff;--violet:#bc96ff;--orange:#ffc296}.SideBar{background:linear-gradient(90deg,var(--dot-sidebar-bg) calc(var(--dot-space) - var(--dot-size)),#0000 1%) 50% /var(--dot-space) var(--dot-space),linear-gradient(var(--dot-sidebar-bg) calc(var(--dot-space) - var(--dot-size)),#0000 1%) 50% /var(--dot-space) var(--dot-space),var(--dot-sidebar-color);border-right:1px solid var(--border-main-color);flex-direction:column;gap:5px 0;position:relative;width:75px}.SideBar,.SideBar_Logo{align-items:center;display:flex}.SideBar_Logo{background-image:var(--logo);background-position:50%;background-repeat:no-repeat;background-size:80%;border-radius:10px;font-size:27px;font-weight:600;height:45px;justify-content:center;margin:15px;width:45px}.SideBar_Logo img{height:100%;object-fit:contain}.SideBar_Item{background:radial-gradient(var(--sidebar-no-shadow) 0,#0000 80%);border-radius:8px;color:var(--sidebar-icon-color);cursor:pointer;padding:12px;position:relative;transition:.3s ease}.SideBar_Item,.SideBar_Item_Badge{align-items:center;display:flex;justify-content:center}.SideBar_Item_Badge{background-color:var(--primary-main);border-radius:10px;color:var(--primary-text);font-size:12px;font-weight:500;min-width:8px;opacity:0;padding:0 3.5px;position:absolute;right:0;top:0;transform:scale(10%);transition:.2s ease;visibility:hidden}.SideBar_Item_Badge_Show{opacity:1;transform:scale(100%);visibility:visible}.SideBar_Item:hover{background:radial-gradient(var(--sidebar-hover-shadow) 0,#0000 80%);color:var(--sidebar-icon-hover-color)}.SideBar_Item_Select,.SideBar_Item_Select:hover{background:radial-gradient(var(--sidebar-shadow) 0,#0000 80%);color:var(--text-main)}.SideBar_Indicator{background-color:var(--text-main);border-radius:0 5px 5px 0;height:30px;left:0;position:absolute;top:10px;transition:.3s ease;width:3px}.SideBar_Space{height:10px}.SideBar_Theme_Modal{align-items:center;background-color:var(--bg1);display:flex;height:100vh;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:.5s ease;visibility:hidden;width:100vw;z-index:2000}.SideBar_Theme_Modal_Show{opacity:1;visibility:visible}.SideBar_Theme_Logo{background-image:var(--logo);background-position:50%;background-repeat:no-repeat;background-size:100%;border-radius:10px;font-size:27px;font-weight:600;height:55px;justify-content:center;margin:15px;transition:.2s ease;width:55px}.RightBar,.SideBar_Theme_Logo{align-items:center;display:flex}.RightBar{background:linear-gradient(90deg,var(--dot-sidebar-bg) calc(var(--dot-space) - var(--dot-size)),#0000 1%) 50% /var(--dot-space) var(--dot-space),linear-gradient(var(--dot-sidebar-bg) calc(var(--dot-space) - var(--dot-size)),#0000 1%) 50% /var(--dot-space) var(--dot-space),var(--dot-sidebar-color);border-left:1px solid var(--border-main-color);flex-direction:column;gap:5px 0;min-width:75px;position:relative;width:75px}.RightBar_Profile{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-size:27px;font-weight:600;height:45px;justify-content:center;margin:15px;width:45px}.RightBar_Profile img{border-radius:60%;height:30px;width:30px}.RightBar_Note{background-color:var(--bg);border:1px solid var(--border-main-color);border-radius:8px;display:flex;flex-direction:column;height:calc(100vh - 40px);opacity:0;overflow:hidden;position:absolute;right:0;top:20px;transition:.3s ease;visibility:hidden;width:350px}.RightBar_Note_Open{opacity:1;right:90px;transition:.3s ease;visibility:visible;width:350px}.RightBar_Note_Close{color:var(--text-main);cursor:pointer;margin-right:10px;padding:5px}.RightBar_Note_Head{align-items:center;display:flex;height:45px;min-height:45px;position:relative}.RightBar_Note_Head h2{font-size:16px}.RightBar_Note_Head h2,.RightBar_Note_Head h3{color:var(--text-main);font-weight:500;margin:0 15px}.RightBar_Note_Head h3{font-size:14px}.RightBar_Note_Body{display:flex;flex:1 1;flex-direction:column;overflow:auto}.RightBar_Note_Empty{align-items:center;color:var(--text-sub);display:flex;flex:1 1;font-size:16px;justify-content:center;margin-bottom:25px}.RightBar_Note_Item{background-color:var(--bg1);border-radius:8px;display:flex;flex-direction:column;font-size:15px;height:-webkit-fit-content;height:fit-content;margin:10px 15px 0;outline:1px solid var(--outline-modal-color);position:relative;transition:.2s ease}.RightBar_Note_Option{border-radius:20px;bottom:10px;color:var(--text-main);cursor:pointer;position:absolute;right:10px}.RightBar_Note_Item textarea{all:unset;background-color:initial;box-sizing:border-box;caret-color:var(--primary-main);color:var(--text-main);font-size:15px;padding:10px;resize:none}.RightBar_Note_Item_Time{color:var(--text-sub);font-size:13px;margin:5px 10px 10px}.RightBar_Note_Item:focus-within{outline:1px solid var(--border-main-color)}.RightBar_AI{align-items:center;animation-fill-mode:forwards;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:.2s ease;visibility:hidden;width:100vw;z-index:300}.RightBar_AI_Show{animation:showAI 3s ease forwards,AIGradient 2s ease forwards}.RightBar_AI h3{color:#fff;font-size:25px;margin:0}.RightBar_AI h3 b{font-size:13px;font-weight:400}.RightBar_AI h4{color:#fff;font-size:16px;font-weight:400;margin:10px 0 0}.RightBar_AI_Input{align-items:center;background-color:#fff;border-radius:8px;display:flex;height:40px;opacity:0;overflow:hidden;width:400px}.RightBar_AI_Input input{all:unset;caret-color:#000;font-size:15px;height:100%;padding:0 15px;width:100%}.RightBar_AI_Input button{all:unset;cursor:pointer;margin-right:10px;padding:5px 3px 3px}.RightBar_AI_Input{opacity:1}.RightBar_AI_Close{color:#fff;cursor:pointer;position:absolute;right:20px;top:20px}@keyframes showAI{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@keyframes AIGradient{0%{background-image:radial-gradient(0 0 at 0 0,#5febe460 7%,#073aff00 100%),radial-gradient(0 0 at 0 0,#ffffff59 6%,#073aff00 100%),radial-gradient(0 0 at 0 0,#73f2ff90 0,#073aff00 100%),radial-gradient(0 0 at 0 0,#ffffff90 7%,#073aff00 100%),radial-gradient(0 0 at 0 0,#ffffff90 7%,#073aff00 100%),radial-gradient(0 0 at 0 0,#ffffff90 7%,#073aff00 100%),radial-gradient(0 0 at 0 0,#ffffff90 24%,#073aff00 100%),radial-gradient(0 0 at 0 0,#d3ff6d90 24%,#073aff00 100%),radial-gradient(0 0 at 0 0,#8a4fff90 9%,#073aff00 100%),radial-gradient(0 0 at 0 0,#00ffb790 24%,#073aff00 100%),linear-gradient(125deg,#4eb5ff90 1%,#006dfc90);background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0;background-size:50% 50%}to{background-image:radial-gradient(18% 28% at 24% 50%,#5febe460 7%,#073aff00 100%),radial-gradient(18% 28% at 18% 71%,#ffffff59 6%,#073aff00 100%),radial-gradient(70% 53% at 36% 76%,#73f2ff90 0,#073aff00 100%),radial-gradient(42% 53% at 15% 94%,#ffffff90 7%,#073aff00 100%),radial-gradient(42% 53% at 34% 72%,#ffffff90 7%,#073aff00 100%),radial-gradient(18% 28% at 35% 87%,#ffffff90 7%,#073aff00 100%),radial-gradient(31% 43% at 7% 98%,#ffffff90 24%,#073aff00 100%),radial-gradient(21% 37% at 72% 23%,#d3ff6d90 24%,#073aff00 100%),radial-gradient(35% 56% at 91% 74%,#8a4fff90 9%,#073aff00 100%),radial-gradient(74% 86% at 67% 38%,#00ffb790 24%,#073aff00 100%),linear-gradient(125deg,#4eb5ff90 1%,#006dfc90);background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0;background-size:200% 200%}}.RightBar_Time{background-color:var(--primary-main);border-radius:10px;color:var(--primary-text);padding:10px 0;text-align:center;width:calc(100% - 30px)}.RightBar_Time,.RightBar_Time_Con{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:15px}.RightBar_Time_Con{border:1px solid var(--border-main-color);border-radius:8px;color:var(--text-main);cursor:pointer;height:45px;opacity:0;overflow:hidden;position:relative;transition:.3s ease;-webkit-user-select:none;user-select:none;width:45px}.RightBar_Time_Con_Show{height:120px;opacity:1}.RightBar_Time_Text{align-items:center;display:flex;justify-content:center;transform:rotate(90deg);width:120px}.RightBar_Time_Light{background-color:var(--primary-main);border-radius:50%;filter:blur(40px);height:40px;position:absolute;right:-20px;top:-20px;width:40px}.Calendar_Con{border-radius:10px;height:-webkit-fit-content;height:fit-content;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%}.Calendar_Loading{align-items:center;background-color:var(--overlay);color:var(--text-sub);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:.2s ease;visibility:hidden;width:100%;z-index:200}.Calendar_Loading_Show{opacity:1;visibility:visible}.Calendar_Head{align-items:center;display:flex;gap:5px;margin:10px 15px 3px}.Calendar_Con_Full .Calendar_Head{height:30px}.Project_Overview_Gap{min-height:15px}.Calendar_Head_Text{color:var(--text-main);font-size:16px;margin:0}.Calender_Arrow{color:var(--text-main);cursor:pointer;margin-left:5px}.Calender_Con1{display:grid;grid-template-columns:14% 14% 14% 14% 14% 14% 14%;justify-content:space-between;margin:0 6px;width:calc(100% - 12px)}.Calender_Con1_Text{color:var(--text-sub);font-size:15px;margin:10px 0 0;text-align:center;-webkit-user-select:none;user-select:none}.Calender_Con2{display:flex;flex-direction:column;margin-top:8px}.Calendar_Week{display:grid;grid-template-columns:14% 14% 14% 14% 14% 14% 14%;height:35px;justify-content:space-between;margin:0 6px;width:calc(100% - 12px)}.Calendar_Con_Full .Calendar_Week{height:auto}.Reminder{align-items:center;display:flex;justify-content:center}.Reminder_Dot{background-color:var(--primary-main);border-radius:3px;bottom:2px;height:3px;position:absolute;width:3px}.Empty{height:30px;width:30px}.Calendar_Con_Full .Empty{aspect-ratio:1.5;height:auto;margin:10px 5px 0;width:100%}.Calendar_Day_Con{width:100%}.Calendar_Day,.Calendar_Day_Con{align-items:center;display:flex;justify-content:center}.Calendar_Day{background-color:initial;border-radius:10px;color:var(--text-main);cursor:pointer;font-size:15px;height:30px;outline:1px solid #0000;position:relative;transition:.2s ease;width:30px}.Calendar_Con_Full .Calendar_Day{aspect-ratio:1.7;font-size:16px;height:auto;margin:10px 5px 0;width:100%}.Selected{outline:1px solid var(--primary-main)}.Current_Day{background-color:var(--primary-main);color:var(--primary-text)}.Current_Day .Reminder_Dot{background-color:var(--bg)}.Alerts{align-items:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#00000017;display:flex;height:100vh;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:.2s ease;visibility:hidden;width:100vw;z-index:200}.Alerts_Show{opacity:1;visibility:visible}.Alerts_Con{background-color:var(--left-tab-color);border-radius:15px;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;margin-top:10px;outline:3px solid var(--outline-modal-color);padding:15px 0;position:absolute;transition:.2s ease;width:350px}.Alerts_Show .Alerts_Con{margin-top:0}.Alerts_Con_Icon{color:var(--text-main);font-size:30px}.Alerts_Con_Text_Con{display:flex;margin:0 15px}.Alerts_Con_Text{color:var(--text-main);font-size:15px;margin-left:8px}.Alerts_Btn_Con{align-items:center;display:flex;gap:0 10px;justify-content:flex-end;margin:10px 15px 0}.Alerts_Btn{all:unset;align-items:center;border:1px solid var(--primary-main);border-radius:7px;color:var(--text-main);cursor:pointer;display:flex;font-size:14px;gap:0 8px;height:28px;justify-content:center;padding:0 10px;transition:.2s ease;-webkit-user-select:none;user-select:none}.Alerts_Btn1{all:unset;align-items:center;background-color:var(--primary-main);border:1px solid var(--primary-main);border-radius:7px;color:var(--primary-text);cursor:pointer;display:flex;font-size:14px;gap:0 8px;height:28px;justify-content:center;padding:0 10px;transition:.2s ease;-webkit-user-select:none;user-select:none}.OptionBtn{position:relative}.OptionBtn_Icon{align-items:center;color:var(--text-main);cursor:pointer;display:flex;justify-content:center}.OptionBtn_Con{background:linear-gradient(90deg,var(--dot-bg) calc(var(--dot-space) - var(--dot-size)),#0000 1%) 50% /var(--dot-space) var(--dot-space),linear-gradient(var(--dot-bg) calc(var(--dot-space) - var(--dot-size)),#0000 1%) 50% /var(--dot-space) var(--dot-space),var(--dot-color);border-radius:7px;cursor:default;max-height:0;opacity:0;outline:1px solid var(--outline-main-color);overflow:auto;padding:0;position:absolute;transition:.3s ease;visibility:hidden;width:180px;z-index:1000}.OptionBtn_Con_Open{height:-webkit-fit-content;height:fit-content;max-height:1000px;opacity:1;padding:5px 0;visibility:visible}.OptionBtn_Sep{background-color:var(--outline-main-color);height:1px;margin:0 10px}.OptionBtn_Item{align-items:center;border-radius:6px;box-sizing:border-box;color:var(--text-main);cursor:pointer;display:flex;font-size:15px;gap:0 8px;margin:0 5px;padding:8px 10px;position:relative;-webkit-user-select:none;user-select:none}.OptionBtn_Item:hover{background-color:var(--left-tab-color)}.OptionBtn_Delete{color:var(--red)}.Modal{align-items:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#00000017;display:flex;height:100vh;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .2s ease,visibility .2s ease;visibility:hidden;width:100vw;z-index:100}.Modal_Show{opacity:1;visibility:visible}.Welcome_Modal{align-items:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#00000017;display:flex;height:100vh;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .2s ease,visibility .2s ease;visibility:hidden;width:100vw;z-index:100}.Welcome_Modal_Show{opacity:1;visibility:visible}.Welcome_Modal_Con{align-items:center;background:linear-gradient(90deg,var(--dot-sidebar-bg) calc(var(--dot-space) - var(--dot-size)),#0000 1%) 50% /var(--dot-space) var(--dot-space),linear-gradient(var(--dot-sidebar-bg) calc(var(--dot-space) - var(--dot-size)),#0000 1%) 50% /var(--dot-space) var(--dot-space),var(--dot-sidebar-color);border:1px solid var(--border-main-color);border-radius:12px;display:flex;flex-direction:column;height:300px;justify-content:center;overflow:hidden;position:relative;width:500px}.Welcome_Modal_Logo{background-image:var(--logo);background-position:50%;background-repeat:no-repeat;background-size:80%;border-radius:10px;box-shadow:0 0 8px var(--primary-main);font-size:27px;font-weight:600;height:45px;width:45px}.Welcome_Modal_Con h3{color:var(--text-main);font-size:22px;font-weight:500;margin:15px 0 0}.Welcome_Modal_Con p{color:var(--text-sub);font-size:14px;margin:10px 33px 0;text-align:center}.Welcome_Modal_Con button{all:unset;align-items:center;background-color:var(--primary-main);border-radius:7px;color:var(--primary-text);cursor:pointer;display:flex;font-size:14px;gap:0 8px;height:35px;justify-content:center;margin-top:25px;padding:0 12.5px;transition:.2s ease}.Welcome_Modal_Light{background-color:var(--primary-main);border-radius:0 0 10px 10px;filter:blur(50px);height:20px;position:absolute;top:0;width:100%}.ImageView_Modal{display:flex;height:100vh;left:0;opacity:0;position:fixed;top:0;visibility:hidden;width:100vw;z-index:2000}.ImageView_Modal_Show{opacity:1;transition:.2s ease;visibility:visible}.ImageView_Modal_Open{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ImageView_Modal img{object-fit:contain;position:absolute;transition:.2s ease}.RichText{border:none;color:var(--text-main);outline:none}.RichText_Con{position:relative}.RichText_Placeholder{color:#9d9d9d;left:0;pointer-events:none;position:absolute;top:0;-webkit-user-select:none;user-select:none}.Loading{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;position:relative;width:100vw}.Loading_Logo{font-size:50px;font-weight:400;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.Loading_Logo:first-child{-webkit-text-stroke:1px var(--primary-main);color:#0000}.Loading_Logo:nth-child(2){animation:animate 4s ease-in-out infinite;color:var(--primary-main)}@keyframes animate{0%,to{-webkit-clip-path:polygon(0 45%,16% 44%,33% 50%,54% 60%,70% 61%,84% 59%,100% 52%,100% 100%,0 100%);clip-path:polygon(0 45%,16% 44%,33% 50%,54% 60%,70% 61%,84% 59%,100% 52%,100% 100%,0 100%)}50%{-webkit-clip-path:polygon(0 60%,15% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0 100%);clip-path:polygon(0 60%,15% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0 100%)}}.Loader{animation:l1 1s linear infinite}.NoPage{align-items:center;color:var(--text-main);justify-content:center;text-align:center}.NoPage,.Project{display:flex;flex:1 1}.Project{position:relative}.Project_Left_Show_Btn{align-items:center;background-color:var(--bg);border-radius:10px;color:var(--text-main);cursor:pointer;display:flex;height:20px;justify-content:center;left:-10px;outline:1px solid var(--outline-main-color);position:absolute;top:25px;width:20px;z-index:100}.Project_Left{animation-fill-mode:forwards;border-right:1px solid var(--border-sub-color);display:flex;flex-direction:column;overflow:hidden;width:280px}.Project_Left_Hide{animation:hides1 .4s ease forwards}.Project_Left_Show{animation:shows1 .4s ease forwards}@keyframes hides1{0%{opacity:1;width:280px}50%{opacity:0;width:280px}to{opacity:0;width:0}}@keyframes shows1{0%{opacity:0;width:0}50%{opacity:0;width:280px}to{opacity:1;width:280px}}.Project_Left_Head{align-items:center;display:flex;justify-content:space-between;margin:22.5px 20px 0}.Project_Left_Head svg{color:var(--text-main);cursor:pointer}.Project_Left a{text-decoration:none}.Project_Left h2{color:var(--text-main);font-size:19px;font-weight:400;margin:0}.Project_Left h3{font-size:13px;font-weight:500;margin:0;text-transform:uppercase}.Project_Left_Sub_Head{color:var(--text-sub);cursor:pointer;margin:22.5px 20px 2px}.Project_Left_Search,.Project_Left_Sub_Head{align-items:center;display:flex;gap:0 8px;-webkit-user-select:none;user-select:none}.Project_Left_Search{border:1px solid var(--border-main-color);border-radius:7px;box-sizing:border-box;color:var(--text-main);height:37px;margin:15px 20px 0;padding:0 10px;position:relative;transition:.2s ease}.Project_Left_Search input{all:unset;caret-color:var(--primary-main);color:var(--text-main);flex:1 1;font-size:15px;height:100%}.Project_Left button{all:unset;align-items:center;background-color:var(--border-sub-color);border-radius:7px;color:var(--text-main);cursor:pointer;display:flex;font-size:15px;gap:0 8px;height:37px;justify-content:center;margin:0 20px 15px;transition:.2s ease}.Project_Left button:hover{background-color:var(--outline-sub-color)}.Project_Left_Search_Shortcut{align-items:center;background-color:var(--border-main-color);border-radius:4px;color:var(--text-sub);display:flex;font-size:12px;height:16px;justify-content:center;padding:2px;pointer-events:none;position:absolute;right:8px;transition:.2s ease;-webkit-user-select:none;user-select:none;width:16px}.Project_Left_Search_Shortcut1{right:32px}.Project_Left_Search:focus-within{border:1px solid var(--text-sub)}.Project_Left_Search:focus-within .Project_Left_Search_Shortcut{opacity:0}.Project_Left_Item_Empty{align-items:center;color:var(--text-main);display:flex;font-size:15px;margin:15px 41px 0}.Project_Left_Item{align-items:center;background-color:initial;border-radius:5px;cursor:pointer;display:flex;gap:0 8px;margin:3px 12px 0;padding:7.5px 8px;transition:.2s ease;-webkit-user-select:none;user-select:none}.Project_Left_Item_Loading{animation:l1 1s infinite;aspect-ratio:1;border:2px solid;border-color:var(--text-main) var(--bg);border-radius:50%;margin-right:3px;width:10px}@keyframes l1{to{transform:rotate(.5turn)}}.Project_Left_Item_Plus{border-radius:5px;color:var(--text-main);cursor:pointer;padding:2px 3px;transform:rotate(-90deg);transition:.2s ease}.Project_Left_Item_Select .Project_Left_Item_Plus{opacity:1;transform:rotate(0deg);visibility:visible}.Project_Left_Item h4{color:var(--text-main);font-size:15px;font-weight:400;margin:0}.Project_Left_Item_Con{display:flex;margin:0 20px;max-height:0;overflow:hidden}.Project_Left_Item_Con_Open{max-height:-webkit-fit-content;max-height:fit-content;padding-bottom:5px}.Project_Left_Item_Con1{display:flex;flex:1 1;flex-direction:column;gap:2.5px 0}.Project_Left_Item_Line{border-bottom:1px solid var(--border-main-color);border-left:1px solid var(--border-main-color);border-radius:0 0 0 10px;height:calc(100% - 8px);margin-left:6px;width:8px}.Project_Left_Sub_Item{border-left:1px solid #0000;border-radius:5px;box-sizing:border-box;color:var(--text-sub);cursor:pointer;display:flex;gap:0 8px;padding:5px;transition:.2s ease;-webkit-user-select:none;user-select:none}.Project_Left_Sub_Item svg{margin-top:3px}.Project_Left_Sub_Item h4{font-size:15px;font-weight:400;margin:0;-webkit-text-decoration-color:#0000;text-decoration-color:#0000;transition:.2s ease}.Project_Left_Sub_Item_Select{background-color:var(--left-tab-color);color:var(--text-main)}.Project_Left_Sub_Add_Item{border-left:1px solid #0000;color:var(--primary-main);cursor:pointer;display:flex;font-size:14px;gap:0 8px;margin-top:5px;padding-left:5px;-webkit-user-select:none;user-select:none}.Project_Left_Sub_Add_Item svg{margin-top:3px}.Project_Middle{background-color:var(--bg1);display:flex;flex:1 1;flex-direction:column;max-width:calc(100vw - 433px);opacity:1;transition:.2s ease;visibility:visible}.Project_Middle_Show{max-width:calc(100vw - 152.5px)}.Project_Middle_Empty{align-items:center;background-color:var(--bg1);display:flex;flex:1 1;flex-direction:column;justify-content:center}.Project_Middle_Empty a{color:var(--primary-main);transition:.2s ease}.Project_Middle_Empty a:hover{opacity:.8}.Project_Middle_Empty svg{color:var(--text-main)}.Project_Middle_Empty p{color:var(--text-sub);font-size:17px;margin:0}.Project_Middle_Empty button{all:unset;align-items:center;background:linear-gradient(60deg,#0f0f0fbb,#1e1e1ebb);border:1px solid #2b2b2b2a;border-radius:7px;color:#fff;cursor:pointer;display:flex;font-size:15px;gap:0 8px;height:37px;justify-content:center;margin-top:20px;padding:0 15px;transition:.2s ease}.Project_Middle_Head{align-items:center;box-sizing:border-box;display:flex;height:-webkit-fit-content;height:fit-content;margin-bottom:10px;margin-top:20px;min-height:-webkit-fit-content;min-height:fit-content;padding:0 20px}.Project_Middle_Head h2{color:var(--text-main);font-size:17px;font-weight:400;margin:0 0 0 5px}.Project_Middle_Head h2 b{color:var(--text-sub);font-weight:400}.Project_Middle_Head a{border-radius:4px;color:var(--text-main);cursor:pointer;margin-right:2px;padding:0 5px;text-decoration:none}.Project_Middle_Head a:hover{background-color:var(--outline-main-color)}.Project_Middle_Head p{color:var(--text-main);margin:0}.Project_Middle_Head_Profile{cursor:pointer;display:flex;margin-left:25px}.Project_Middle_Head_Profile img{border:3px solid var(--border-sub-color);border-radius:60%;height:23px;margin-left:-15px;object-fit:cover;width:23px}.Project_Middle_Head button{all:unset;align-items:center;border:1px solid var(--border-main-color);border-radius:7px;display:flex;font-size:14px;gap:0 8px;height:28px;justify-content:center;padding:0 10px;transition:.2s ease}.Project_Middle_Head button,.Project_Middle_Head_Icon{color:var(--text-main);cursor:pointer;margin-left:12px}.Project_Middle_Head_Icon{border-radius:5px;padding:3px}.Project_Middle_Body{animation:hidess .2s ease forwards;display:flex;flex:1 1;flex-direction:column}.Project_Middle_Tab_Con{align-items:center;border-bottom:1px solid var(--border-main-color);display:flex;gap:0 25px;height:45px;margin:0 20px;min-height:45px;position:relative}.Project_Middle_Tab{align-items:center;color:var(--text-sub);cursor:pointer;display:flex;gap:0 5px;height:100%;min-width:-webkit-fit-content;min-width:fit-content;transition:.2s ease;-webkit-user-select:none;user-select:none;z-index:100}.Project_Middle_Tab_Select{color:var(--text-main)}.Project_Middle_Tab h3{font-size:16px;font-weight:400;margin:0}.Project_Middle_Tab_Select1{align-items:center;border:1px solid var(--border-main-color);border-radius:7px;color:var(--text-main);display:flex;font-size:14px;height:28px;justify-content:center;padding:0 10px}.Project_Middle_Tab_Indicator{background-color:var(--primary-main);height:2.5px;width:91px}.Project_Middle_Tab_Indicator,.Project_Middle_Tab_Tab{border-radius:3px 3px 0 0;bottom:0;position:absolute;transition:.2s ease}.Project_Middle_Tab_Tab{background-color:var(--outline-main-color);border-radius:7px;bottom:7.5px;height:37.5px;width:147.5px}.Project_Middle_Tab1_Con{align-items:center;border-bottom:1px solid var(--border-main-color);display:flex;gap:0 10px;height:55px;margin:0 20px;min-height:55px;position:relative}.Project_Middle_Tab_Con button{all:unset;align-items:center;border:1px solid var(--border-main-color);border-radius:7px;color:var(--text-main);cursor:pointer;display:flex;font-size:14px;gap:0 8px;height:28px;justify-content:center;margin-left:12px;padding:0 10px;transition:.2s ease}.Project_Middle_Tab2_Con{align-items:center;background-color:var(--border-sub-color);border-radius:8px;display:flex;height:40px;margin-bottom:5px;min-height:40px;opacity:0;position:relative;transition:.2s ease;visibility:hidden}.Project_Middle_Tab2_Con_Show{opacity:1;visibility:visible}.Project_Overview_Con{display:flex;flex:1 1;flex-direction:column;height:calc(100vh - 105px);overflow:auto}.Project_Overview_Con h2{color:var(--text-sub);font-size:13px;font-weight:500;margin:20px 20px 0;text-transform:uppercase}.Project_Overview_Con p{color:var(--text-main);margin:10px 20px 0}.Project_Overview_Top_Con{display:flex;justify-content:space-between;margin:15px 20px 0;width:calc(100% - 40px)}.Project_Overview_Top_Stat_Con{grid-gap:10px 0;display:grid;gap:10px 0;grid-template-columns:calc(50% - 5px) calc(50% - 5px);justify-content:space-between;width:calc(45% - 10px)}.Project_Overview_Top_Stat{background:linear-gradient(90deg,var(--dot-bg) calc(var(--dot-space) - var(--dot-size)),#0000 1%) 50% /var(--dot-space) var(--dot-space),linear-gradient(var(--dot-bg) calc(var(--dot-space) - var(--dot-size)),#0000 1%) 50% /var(--dot-space) var(--dot-space),var(--dot-color);border-radius:8px;display:flex;flex-direction:column;justify-content:center;outline:1px solid var(--outline-main-color);padding:22px 0;width:100%}.Project_Overview_Top_Stat h3{color:var(--text-main);font-size:19px;font-weight:500;margin:0 15px}.Project_Overview_Top_Stat h4{color:var(--text-sub);font-size:15px;font-weight:400;margin:3px 15px 0}.Project_Overview_Detail_Con{border-radius:8px;height:-webkit-fit-content;height:fit-content;width:calc(55% - 10px)}.Project_Overview_Detail_Con h2{margin:0}.Project_Overview_Detail_Con p{margin:10px 0 15px}.Project_Overview_Stat_Con{display:flex;gap:12.5px;height:-webkit-fit-content;height:fit-content;margin:15px 20px 0;width:calc(100% - 40px)}.Project_Overview_Stat{aspect-ratio:2.4;width:20%}.Project_Overview_Stat,.Project_Overview_Stat1{background:linear-gradient(90deg,var(--dot-bg) calc(var(--dot-space) - var(--dot-size)),#0000 1%) 50% /var(--dot-space) var(--dot-space),linear-gradient(var(--dot-bg) calc(var(--dot-space) - var(--dot-size)),#0000 1%) 50% /var(--dot-space) var(--dot-space),var(--dot-color);border-radius:8px;display:flex;flex-direction:column;justify-content:center;outline:1px solid var(--outline-main-color)}.Project_Overview_Stat1{flex:1 1}.Project_Overview_Stat h3{color:var(--text-main);font-size:19px;font-weight:500;margin:0 15px}.Project_Overview_Stat h4{color:var(--text-sub);font-size:15px;font-weight:400;margin:3px 15px 0}.Project_Overview_Stat1 h4{color:var(--text-sub);font-size:15px;font-weight:400;margin:12px 15px 0}.Project_Overview_Progress_Con{background-color:var(--border-main-color);border-radius:5px;height:6px;margin:5px 15px 0;overflow:hidden}.Project_Overview_Progress{background:repeating-linear-gradient(45deg,var(--primary-main),#cecece 3px,var(--primary-main) 2px,var(--primary-main) 4px);height:100%;opacity:1;transition:.2s ease;width:1%}.Project_Overview_Con1{display:flex;gap:0 12.5px;margin:20px 20px 0}.Project_Overview_Due{border-radius:8px;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;padding-bottom:10px;width:calc(60% + 10px)}.Project_Overview_Due h2{margin:0}.Project_Overview_Due1{border-radius:8px;display:flex;flex:1 1;flex-direction:column;height:-webkit-fit-content;height:fit-content}.Project_Overview_Due1 h2{margin:0}.Project_Overview_Calendar{margin-top:15px;padding-bottom:10px;padding-top:5px}.Project_Overview_Calendar,.Project_Overview_Task{border-radius:8px;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;justify-content:center;outline:1px solid var(--outline-sub-color)}.Project_Overview_Task{margin-top:10px;padding:15px 0}.Project_Overview_Task_Empty{border-radius:8px;color:var(--text-main);font-size:15px;margin-top:15px;outline:1px solid var(--outline-main-color);padding:15px}.Project_Overview_Task h3{color:var(--text-main);font-size:16px;font-weight:400;margin:0 15px}.Project_Overview_Task h4{color:var(--text-sub);font-size:15px;font-weight:400;margin:5px 15px 0}.Project_Overview_Task_Img{display:flex;margin:10px 15px 0}.Project_Overview_Task_Img img{border-radius:8px;cursor:zoom-in;height:70px;object-fit:cover;width:70px}.Project_Overview_Task_Con{align-items:center;display:flex;margin:10px 15px 0}.Project_Overview_Task_Tag_Con{display:flex;flex:1 1;flex-wrap:wrap;gap:7px}.Project_Overview_Task_Tag_Red{border:1px solid var(--red);border-radius:7px;color:var(--red)}.Project_Overview_Task_Tag_Red,.Project_Overview_Task_Tag_Yellow{align-items:center;display:flex;font-size:13px;gap:0 4px;height:-webkit-fit-content;height:fit-content;padding:3px 8px;-webkit-user-select:none;user-select:none;width:-webkit-fit-content;width:fit-content}.Project_Overview_Task_Tag_Yellow{border:1px solid var(--yellow);border-radius:7px;color:var(--yellow)}.Project_Overview_Task_Tag_Blue{border:1px solid var(--blue);border-radius:7px;color:var(--blue)}.Project_Overview_Task_Tag_Blue,.Project_Overview_Task_Tag_Green{align-items:center;display:flex;font-size:13px;gap:0 4px;height:-webkit-fit-content;height:fit-content;padding:3px 8px;-webkit-user-select:none;user-select:none;width:-webkit-fit-content;width:fit-content}.Project_Overview_Task_Tag_Green{border:1px solid var(--green);border-radius:7px;color:var(--green)}.Project_Overview_Task_Tag_Count{align-items:center;border:1px solid var(--text-sub);border-radius:7px;color:var(--text-sub);display:flex;font-size:12px;height:22px;justify-content:center;width:25px}.Project_Overview_Task_Profile{display:flex;margin-left:22px}.Project_Overview_Task_Profile img{border:3px solid var(--border-sub-color);border-radius:50%;height:24px;margin-left:-15px;object-fit:cover;width:24px}.Project_Overview_Task_Icon{color:var(--text-main);cursor:pointer;display:flex;font-size:15px;gap:0 5px;margin-left:15px;-webkit-user-select:none;user-select:none}.Project_Flow_Con{flex:1 1;overflow:auto;position:relative}.Project_Flow_Con::-webkit-scrollbar{display:none}.Project_Flow_Con canvas{background-position:30px 30px;background-size:60px 60px}.Project_Flow,.Project_Flow_Con canvas{background-color:var(--bg1);background-image:linear-gradient(var(--outline-main-color) 1px,#0000 1px),linear-gradient(to right,var(--outline-main-color) 1px,var(--bg1) 1px);height:2250px;width:2250px}.Project_Flow{background-position:22.5px 22.5px;background-size:45px 45px;opacity:.8}.Project_Flow_Tools_Con{align-items:center;background-color:var(--bg);border:1px solid var(--outline-main-color);border-radius:8px;bottom:20px;display:flex;gap:0 5px;height:52.5px;padding:0 11.5px;position:fixed;right:50%;transform:translateX(calc(50% + 140px));width:-webkit-fit-content;width:fit-content}.Project_Flow_Tool{border-radius:7px;color:var(--text-main);cursor:pointer;font-size:20px;padding:8px;transition:.2s ease}.Project_Flow_Tool:hover{background-color:var(--border-sub-color)}.Project_Flow_Tool_Select{background-color:var(--bg1);color:var(--primary-main)}.Project_Flow_Tool_Select:hover{background-color:var(--left-tab-color)}.Project_Todo_Kanban_Con{display:flex;flex:1 1;overflow-x:auto}.Project_Todo_Kanban_Con1{display:flex;flex-direction:column;margin-left:20px;min-width:300px;width:300px}.Project_Todo_Kanban_Head{align-items:center;display:flex;margin-bottom:5px;margin-top:15px}.Project_Todo_Kanban_Head h3{color:var(--text-main);font-size:15px;font-weight:400;margin:0}.Project_Todo_Kanban_Head_Icon,.Project_Todo_Kanban_Head_Icon1{border-radius:5px;color:var(--text-main);cursor:pointer;padding:3px}.Project_Todo_Kanban_Head_Icon1{margin-right:10px}.Project_Todo_Kanban_Indicator{background-color:var(--red);border-radius:10px;height:6px;margin-left:5px;margin-right:10px;width:6px}.Project_Todo_Kanban_Task_Drop{border-radius:8px;display:flex;flex-direction:column;height:calc(100vh - 160px);margin:10px 2px 0;overflow:auto}.Project_Todo_Kanban_Task_Drop::-webkit-scrollbar{display:none}.Project_Todo_Kanban_Task_Drop_Start:hover{outline:1px dashed var(--border-main-color)}.Project_Todo_Kanban_Task{background:linear-gradient(90deg,var(--dot-bg) calc(var(--dot-space) - var(--dot-size)),#0000 1%) 50% /var(--dot-space) var(--dot-space),linear-gradient(var(--dot-bg) calc(var(--dot-space) - var(--dot-size)),#0000 1%) 50% /var(--dot-space) var(--dot-space),var(--dot-color);border:1px solid var(--outline-main-color);border-radius:8px;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;margin-bottom:12.5px;padding-top:15px;position:relative;width:calc(100% - 2px)}.Project_Todo_Kanban_Task_Img{display:flex;gap:0 5px;margin:10px 15px 5px}.Project_Todo_Kanban_Task_Drag{outline:1px solid var(--border-main-color)}.Project_Todo_Kanban_Task_Img img{border-radius:6px;cursor:zoom-in;height:40px;object-fit:cover;width:40px}.Project_Todo_Kanban_Task h3{color:var(--text-main);font-size:16px;font-weight:400;margin:0 15px}.Project_Todo_Kanban_Task h4{color:var(--text-sub);font-size:15px;font-weight:400;margin:5px 15px 0}.Project_Todo_Kanban_Task h5{color:var(--text-sub);font-size:14px}.Project_Todo_Kanban_Task h5,.Project_Todo_Kanban_Task h6{align-items:center;display:flex;font-weight:400;gap:0 5px;margin:5px 15px 0}.Project_Todo_Kanban_Task h6{color:var(--text-main);font-size:15px;position:absolute;right:0;top:10px}.Project_Todo_Kanban_Tag_Con{display:flex;flex:1 1;flex-wrap:wrap;gap:7px;margin:10px 15px 0}.Project_Todo_Kanban_Tag_Con1{display:flex;flex:1 1;flex-wrap:wrap;gap:7px;margin:0 15px 10px}.Project_Todo_Kanban_Task_Footer{align-items:center;border-top:1px solid var(--outline-main-color);box-sizing:border-box;display:flex;height:42.5px;margin-top:15px;padding:0 15px}.Project_Todo_Kanban_Task_Footer_Icon{align-items:center;color:var(--text-main);cursor:pointer;display:flex;font-size:15px;gap:0 5px;margin-left:10px;-webkit-user-select:none;user-select:none}.Project_Todo_Kanban_Task_Profile{display:flex;margin-left:10px}.Project_Todo_Kanban_Task_Profile img{border:3px solid var(--border-sub-color);border-radius:50%;height:24px;margin-left:-10px;object-fit:cover;width:24px}.Project_Todo_Kanban_Task_User{align-items:center;color:var(--text-main);display:flex;gap:0 6px;margin:5px 15px 15px}.Project_Todo_Kanban_Task_User img{border:3px solid var(--border-sub-color);border-radius:50%;height:24px;object-fit:cover;width:24px}.Project_Todo_Kanban_Invoice_User{align-items:center;color:var(--text-main);display:flex;gap:0 9px;margin:8px 15px 15px}.Project_Todo_Kanban_Invoice_User img{border-radius:50%;height:24px;object-fit:cover;width:24px}.Project_Todo_List_Con{display:flex;flex-direction:column;height:calc(100vh - 106px);overflow:auto}.Project_Todo_List_Head{align-items:center;display:flex;margin:15.5px 20px 0}.Project_Todo_List_Indicator{background-color:var(--red);border-radius:10px;height:6px;margin-left:5px;margin-right:10px;width:6px}.Project_Todo_List_Con h2{color:var(--text-main);font-size:15px;font-weight:400;margin:0}.Project_Todo_List_Item{display:flex;margin:0 20px}.Project_Todo_List_Item_Left{border-bottom:1px solid var(--border-main-color);border-left:1px solid var(--border-main-color);border-radius:0 0 0 10px;height:calc(100% - 8px);margin-left:7.5px;width:8px}.Project_Todo_List_Item_Right{display:flex;flex-direction:column;margin-left:8px}.Project_Todo_List_Item_Right p{color:var(--text-main);font-size:15px;margin:10px 0 0}.Project_Todo_List_Item_Right h3{color:var(--primary-main);cursor:pointer;font-size:15px;font-weight:400;margin:10px 0 0;-webkit-user-select:none;user-select:none;width:-webkit-fit-content;width:fit-content}.Project_Todo_Table_Con{display:flex;height:calc(100vh - 106px);overflow:auto}.Project_Todo_Table_Con table{border-radius:6px;border-spacing:0;color:var(--text-main);height:-webkit-fit-content;height:fit-content;margin-left:20px;margin-top:15px;min-width:calc(100% - 40px);outline:1px solid var(--outline-main-color);overflow:hidden}.Project_Todo_Table_Con table th{background-color:var(--border-sub-color);border-left:1px solid var(--outline-main-color);color:var(--text-sub);font-size:13px;font-weight:400;padding:10px;text-align:left;text-transform:uppercase}.Project_Todo_Table_Con table td{border-left:1px solid var(--outline-main-color);border-top:1px solid var(--outline-main-color);cursor:pointer;font-size:15px;padding:8px 10px}.Project_Todo_Table_Con table tr{position:relative}.Project_Todo_Table_Con select{all:unset;border:none;outline:none;width:-webkit-fit-content;width:fit-content}.Project_Todo_Table_Con select,.Project_Todo_Table_Con_Select{background-color:var(--border-sub-color);border-radius:7px;color:var(--text-main);font-size:13px;outline:1px solid var(--outline-main-color);padding:5px 8px}.Project_Todo_Table_Con_Select_Con{display:flex;position:relative;width:-webkit-fit-content;width:fit-content}.Project_Todo_Table_Con table input{all:unset;caret-color:var(--primary-main);cursor:text;height:45px;width:calc(100% - 10px)}.Project_Todo_Kanban_Table_Icon_Con{align-items:center;display:flex;gap:0 10px}.Project_Todo_Kanban_Table_Icon{align-items:center;display:flex;gap:0 4px}.Project_Docs_Con{animation:hidess .2s ease forwards;caret-color:var(--primary-main);display:flex;flex-direction:column;height:calc(100vh - 60px);overflow:auto;position:relative}.Project_Docs_Con_Body{align-self:center;display:flex;flex-direction:column;width:80%}.Project_Docs_Bottom{min-height:80px}.Project_Docs_Bottom_Option{align-items:center;background-color:var(--left-tab-color);border-radius:6px;bottom:-42px;display:flex;gap:0 5px;height:41px;left:50%;outline:1px solid var(--outline-modal-color);padding:0 2.5px;position:fixed;transform:translateX(calc(-50% + 125px));transition:.2s ease;width:-webkit-fit-content;width:fit-content}.Project_Docs_Bottom_Option_Open{bottom:20px}.Project_Docs_Cover{aspect-ratio:5;object-fit:cover}.Project_Docs_Icon{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:var(--sidebar-hover-shadow);border-radius:10px;cursor:pointer;display:flex;font-size:50px;height:70px;justify-content:center;margin:0 15px;-webkit-user-select:none;user-select:none;width:70px}.Project_Docs_Icon input{all:unset;caret-color:var(--primary-main);color:var(--text-main);font-size:35px;text-align:center;width:40px}.Project_Docs_Con_Title_Con{margin-top:40px}.Project_Docs_Con_Title_Con,.Project_Docs_Con_Title_Con1{display:flex;flex-direction:column;position:relative}.Project_Docs_Con_Title{all:unset;color:var(--text-main);font-size:25px;font-weight:500;margin:0 15px;transition:.2s ease}.Project_Docs_Con_Title_Icons{color:var(--text-sub);display:flex;gap:0 10px;opacity:0;position:absolute;width:-webkit-fit-content;width:fit-content}.Project_Docs_Con_Title_Icon{align-items:center;background-color:var(--border-sub-color);border-radius:20px;cursor:pointer;display:flex;font-size:14px;gap:0 7px;padding:3px 6px 3px 4px;-webkit-user-select:none;user-select:none}.Project_Docs_Con_Title_Con1:focus-within .Project_Docs_Con_Title_Icons,.Project_Docs_Con_Title_Con1:hover .Project_Docs_Con_Title_Icons,.Project_Docs_Con_Title_Con:focus-within .Project_Docs_Con_Title_Icons,.Project_Docs_Con_Title_Con:hover .Project_Docs_Con_Title_Icons{opacity:1}.Project_Docs_Con_Add{color:#797979;cursor:text;margin-left:15px}.Project_Docs_Element_Con{display:flex;margin-top:10px;position:relative;transition:.2s ease;-webkit-user-select:none;user-select:none}.Project_Docs_Con_Add_Icon{color:var(--text-main);cursor:pointer;opacity:0;transform:rotate(0deg);transition:.2s ease}.Project_Docs_Element_Con:focus-within .Project_Docs_Con_Add_Icon,.Project_Docs_Element_Con:hover .Project_Docs_Con_Add_Icon{opacity:1}.Project_Docs_Con_Add_Icon_Open{opacity:1;transform:rotate(45deg)}.Project_Docs_Con_Dots_Icon{color:var(--text-main);cursor:pointer;left:-3px;opacity:0;position:absolute;top:2px;transition:.2s ease}.Project_Docs_Element_Con:focus-within .Project_Docs_Con_Dots_Icon,.Project_Docs_Element_Con:hover,.Project_Docs_Element_Con:hover .Project_Docs_Con_Dots_Icon{opacity:1}.Project_Docs_Element_Con button{all:unset;background-color:var(--border-main-color);border-radius:5px;color:var(--text-main);cursor:pointer;font-size:15px;margin:0 15px;padding:5px 8px}.Project_Docs_Element_Con img{border-radius:10px;margin:5px 15px 0;width:calc(100% - 30px)}.Project_Docs_Element_Space{height:1px;margin:10px 15px;width:100%}.Project_Docs_Element_CheckList_Con{display:flex;flex-direction:column;gap:5px 0;margin:0 15px;width:calc(100% - 30px)}.Project_Docs_Element_CheckList{display:flex}.Project_Docs_Element_CheckList input{all:unset;color:var(--text-main);flex:1 1;font-size:16px;height:auto;margin:0 10px}.Project_Docs_Element_CheckBox{align-items:center;border:1px solid var(--text-sub);border-radius:5px;color:var(--bg);cursor:pointer;display:flex;height:12px;justify-content:center;margin-top:3.5px;position:relative;width:12px}.Project_Docs_Element_Check{background-color:var(--primary-main);border:1px solid var(--primary-main)}.Project_Docs_Element_Divider{background-color:var(--border-main-color);height:1px;margin:10px 15px;width:100%}.Project_Docs_Con_SubTitle{all:unset;color:var(--text-main);font-size:18px;font-weight:500;margin-top:10px}.Project_Docs_Con_Paragraph{all:unset;color:var(--text-main);flex:1 1;font-size:16px;height:auto;margin:0 15px}.Project_Docs_Con_Heading{all:unset;color:var(--text-main);flex:1 1;font-size:19px;font-weight:500;height:auto;line-height:20px;margin:0 15px}::placeholder{color:var(--placeholder)}.Project_Docs_Add_Con{background-color:var(--border-sub-color);border-radius:20px;color:var(--text-main);cursor:pointer;display:flex;font-size:14px;gap:0 5px;height:18px;margin-top:25px;outline:1px solid var(--outline-main-color);overflow:hidden;padding:4px 12.5px 4px 4px;position:relative;transition:.2s ease;-webkit-user-select:none;user-select:none;width:115px}.Project_Docs_Add_Con p{margin:0;opacity:1;transition:.2s ease}.Project_Docs_Con_Add_Option_Outer_Con{left:-20px;position:absolute;top:2px}.Project_Docs_Con_Add_Option1_Outer_Con{left:0;position:absolute}.Project_Docs_Con_Add_Option_Con{background:linear-gradient(90deg,var(--dot-bg) calc(var(--dot-space) - var(--dot-size)),#0000 1%) 50% /var(--dot-space) var(--dot-space),linear-gradient(var(--dot-bg) calc(var(--dot-space) - var(--dot-size)),#0000 1%) 50% /var(--dot-space) var(--dot-space),var(--dot-color);border-radius:7px;cursor:default;height:0;left:20px;opacity:0;outline:1px solid var(--outline-main-color);overflow:hidden;padding:0;position:absolute;top:-2px;transition:.2s ease;visibility:hidden;width:180px;z-index:100}.Project_Docs_Con_Add_Option_Con_Open{height:278px;opacity:1;padding:5px 0;visibility:visible}.Project_Docs_Con_Add_Option1_Con{background:linear-gradient(90deg,var(--dot-bg) calc(var(--dot-space) - var(--dot-size)),#0000 1%) 50% /var(--dot-space) var(--dot-space),linear-gradient(var(--dot-bg) calc(var(--dot-space) - var(--dot-size)),#0000 1%) 50% /var(--dot-space) var(--dot-space),var(--dot-color);border-radius:7px;cursor:default;height:0;left:16px;opacity:0;outline:1px solid var(--outline-main-color);overflow:hidden;padding:0;position:absolute;top:-2px;transition:.2s ease;visibility:hidden;width:180px;z-index:100}.Project_Docs_Con_Add_Option1_Con_Open{height:119px;opacity:1;padding:5px 0;visibility:visible}.Project_Docs_Add_Con_Open{border-radius:14px;height:50px;width:200px}.Project_Docs_Con_Add_Option{align-items:center;border-radius:6px;box-sizing:border-box;color:var(--text-main);cursor:pointer;display:flex;font-size:15px;gap:0 8px;margin:0 5px;padding:10px}.Project_Docs_Con_Add_Option:hover{background-color:var(--left-tab-color)}.Project_Docs_Con_Add_Option_Sep{background-color:var(--outline-main-color);height:1px;margin:0 10px}.Project_Docs_Add_Con_Open p{opacity:0}.Project_Docs_Add_Icon{color:var(--text-main);cursor:pointer;transform:rotate(0deg);transition:.2s ease}.Project_Docs_Add_Con_Open .Project_Docs_Add_Icon{color:var(--text-sub);transform:rotate(45deg)}.Project_Docs_Con_Icons{display:flex;gap:0 15px;left:32px;opacity:0;overflow:hidden;position:absolute;top:14px;transition:.2s ease;visibility:hidden}.Project_Docs_Add_Con_Open .Project_Docs_Con_Icons{opacity:1;visibility:visible}.Project_Docs_Con_Icons svg{border-radius:5px;cursor:pointer;padding:5px;transition:.2s ease}.Modal_Con,.Project_Docs_Con_Icons svg:hover{background-color:var(--left-tab-color)}.Modal_Con{border-radius:12px;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;outline:3px solid var(--outline-modal-color);position:absolute;transform:scale(90%);transition:.2s ease;width:500px}.Modal_Show .Modal_Con{margin-top:0;transform:scale(100%)}.Modal_Close{color:var(--text-main);cursor:pointer;margin-right:10px;padding:5px}.Modal_Con1{width:450px}.Modal_Con2{padding-bottom:5px;width:400px}.Modal_Con3{padding-bottom:5px;width:500px}.Modal_Con2_Btn{all:unset;border:1px solid var(--border-main-color);border-radius:6px;color:var(--text-main);cursor:pointer;font-size:15px;margin:10px 15px 15px;padding:6px 12px;width:-webkit-fit-content;width:fit-content}.Modal_Con_Input{all:unset;background-color:var(--left-tab-color);border:1px solid var(--border-main-color);border-radius:8px;caret-color:var(--primary-main);color:var(--text-main);height:38px;margin:5px 15px 10px;padding:0 10px;transition:.2s ease}.Modal_Con p{color:var(--text-main);font-size:15px;margin:0 15px}.Modal_Con_Input:focus{border:1px solid var(--text-sub)}.Modal_Task_Con{grid-gap:15px 0;align-items:flex-start;display:grid;flex:1 1;flex-direction:column;gap:15px 0;grid-template-columns:28% 70%;margin:5px 15px 15px}.Modal_Task_Con p{color:var(--text-sub)}.Modal_Task_Con h4,.Modal_Task_Con p{align-items:center;display:flex;font-size:15px;gap:0 6px;margin:0}.Modal_Task_Con h4{color:var(--text-main);font-weight:400}.Modal_Task_Dot_todo{background-color:var(--red);border-radius:5px;height:5px;width:5px}.Modal_Task_Dot_progress{background-color:var(--blue);border-radius:5px;height:5px;width:5px}.Modal_Task_Dot_complete{background-color:var(--green);border-radius:5px;height:5px;width:5px}.Modal_Task_Tags_Con{display:flex;flex-wrap:wrap;gap:8px}.Modal_Head{align-items:center;display:flex;height:45px;position:relative}.Modal_Head h2{color:var(--text-main);font-size:16px;font-weight:500;margin:0 15px}.Modal_Head_Icon{border-radius:5px;color:var(--text-main);margin-left:15px}.Modal_Head_Sep{background-color:var(--border-main-color);height:1px;margin:0 15px}.Modal_Head_Add_Con{display:flex;gap:0 10px;margin:0 15px 10px}.Modal_Head_Add_Input_Con{all:unset;background-color:var(--left-tab-color);border:1px solid var(--border-main-color);border-radius:8px;caret-color:var(--primary-main);color:var(--text-main);display:flex;flex:1 1;height:38px;overflow:hidden;transition:.2s ease}.Modal_Head_Add_Input_Con input{all:unset;height:100%;padding:0 10px;width:calc(100% - 100px)}.Modal_Head_Add_Input_Con select{background-color:initial;border:none;color:var(--text-main);outline:none;width:70px}.Modal_Head_Add_Input_Con:focus-within{border:1px solid var(--text-sub)}.Modal_Head_Add_Con button{all:unset;background-color:var(--border-main-color);border-radius:5px;color:var(--text-main);cursor:pointer;font-size:15px;padding:0 12.5px}.Modal_Input_Con{display:flex;flex-wrap:wrap;gap:10px 0;justify-content:space-between;margin:0 15px}.Modal_Input{width:calc(50% - 5px)}.Modal_Input,.Modal_Input1{display:flex;flex-direction:column}.Modal_Input1{width:100%}.Modal_Input_Con label{color:var(--text-sub);font-size:14px;margin:0}.Modal_Input_Head{align-items:center;display:flex;gap:0 8px}.Modal_Input_Head svg{cursor:pointer;opacity:0;transition:.2s ease}.Modal_Input1:focus-within svg,.Modal_Input1:hover svg,.Modal_Input:focus-within svg,.Modal_Input:hover svg{opacity:1}.Modal_Input select{background-color:var(--left-tab-color);border:none;border-radius:8px;border-right:10px solid #0000;caret-color:var(--primary-main);color:var(--text-main);font-size:15px;height:35px;margin-top:8px;outline:1px solid var(--border-main-color);padding:0 8px;transition:.2s ease;z-index:100}.Modal_Input_Select{align-items:center;background-color:var(--left-tab-color);border:1px solid var(--border-main-color);border-radius:8px;color:var(--text-main);cursor:pointer;display:flex;flex:1 1;font-size:15px;height:35px;justify-content:space-between;margin-top:8px;padding:0 10px}.Modal_Input_Con input{all:unset;background-color:var(--left-tab-color);border:1px solid var(--border-main-color);border-radius:8px;caret-color:var(--primary-main);color:var(--text-main);display:flex;font-size:15px;height:35px;margin-top:8px;padding:0 10px;transition:.2s ease;z-index:100}.Modal_Input button{all:unset;align-items:center;border:1px solid var(--border-main-color);border-radius:6px;color:var(--text-main);cursor:pointer;display:flex;font-size:15px;height:35px;justify-content:center;margin-top:8px;padding:0 10px}.Modal_Input_Con input:focus{border:1px solid var(--text-sub)}.Modal_Input_Con textarea{all:unset;background-color:var(--left-tab-color);border:1px solid var(--border-main-color);border-radius:8px;caret-color:var(--primary-main);color:var(--text-main);display:flex;font-size:15px;height:35px;margin-top:8px;padding:10px;resize:none;transition:.2s ease;z-index:100}.Modal_Input_Con textarea:focus{border:1px solid var(--text-sub)}.Modal_Input_Tag{align-items:center;background-color:var(--left-tab-color);border:1px solid var(--border-main-color);border-radius:8px;color:var(--text-main);display:flex;font-size:15px;gap:0 5px;height:25px;justify-content:center;margin-bottom:4px;margin-right:8px;margin-top:4px;padding:0 7px;-webkit-user-select:none;user-select:none}.Modal_Input_Tag svg{cursor:pointer}.Modal_Input_Tag_Con{background-color:var(--left-tab-color);border:1px solid var(--border-main-color);border-radius:8px;display:flex;flex-wrap:wrap;margin-top:8px;min-height:55px;padding:3px 7px}.Modal_Input_Tag_Con input{border:none;border-radius:0;height:25px;margin:4px 3px 6px;outline:none;padding:0;width:100%}.Modal_Input_Tag_Con input:focus{border:none;outline:none}.Modal_Input_Sub{align-items:center;color:var(--text-main);display:flex;gap:0 5px;margin-bottom:3px;margin-top:7px}.Modal_Input_Sub p{margin:0}.Modal_Input_Sub_Del{cursor:pointer}.Modal_Sub_Title{display:flex;margin-bottom:10px;margin-top:10px}.Modal_Choose_Icon{border:1px solid var(--border-main-color);border-radius:7px;font-size:18px;margin:0 15px;padding:6px;position:relative;width:-webkit-fit-content;width:fit-content}.Modal_Choose_Icons{display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content}.Modal_Choose_Icon_Color_Con{display:flex;gap:0 16px;margin:10px 15px 0}.Modal_Choose_Icon_Color{background-color:var(--red);border:1px solid #0000;border-radius:20px;cursor:pointer;height:13px;outline:1px solid #0000;width:13px}.Modal_Choose_Icon_Color_Select{border:1px solid var(--bg);outline:1px solid var(--text-main)}.Modal_Choose_Icon_Con{grid-gap:5px 0;display:grid;gap:5px 0;grid-template-columns:calc(16.66% - 5px) calc(16.66% - 5px) calc(16.66% - 5px) calc(16.66% - 5px) calc(16.66% - 5px) calc(16.66% - 5px);justify-content:space-between;margin:10px 0 10px 10px;width:calc(100% - 20px)}.Modal_Choose_Icon_Con_Svg{align-items:center;border-radius:4px;color:var(--text-main);cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:3px 0;width:100%}.Modal_Choose_Icon_Con_Svg_Select{background-color:var(--left-tab-color);outline:1px solid var(--text-sub)}::-webkit-calendar-picker-indicator{color:var(--text-main);opacity:0}.Modal_Member_Con{align-items:center;border-radius:8px;box-sizing:border-box;display:flex;height:-webkit-fit-content;height:fit-content;margin:0 17.5px;padding-bottom:12.5px;padding-top:12.5px}.Modal_Member_Con img{border-radius:25px;height:35px;object-fit:cover;width:35px}.Modal_Member_Con h3{color:var(--text-main);font-size:15px;font-weight:500;margin:0 8px}.Modal_Member_Con h4{color:var(--text-sub);font-size:13px;font-weight:400;margin:0 8px}.Modal_Member_Icon{color:var(--text-main);cursor:pointer;padding:5px}.Modal_Images_Con{grid-gap:10px 0;display:grid;gap:10px 0;grid-template-columns:calc(50% - 5px) calc(50% - 5px);height:-webkit-fit-content;height:fit-content;justify-content:space-between;margin:5px 15px 0}.Modal_Images_Con img{aspect-ratio:5;border-radius:6px;cursor:pointer;object-fit:cover;width:100%}.Modal_Btn_Con{align-items:center;display:flex;gap:0 10px;height:60px;justify-content:flex-end;margin:0 15px}.Modal_Btn_Con_Error{color:var(--red);font-size:15px}.Modal_Btn_Del{all:unset;border:1px solid var(--red);border-radius:6px;color:var(--red);cursor:pointer;font-size:15px;padding:7px 10px}.Modal_Btn1{all:unset;border:1px solid var(--border-main-color);border-radius:6px;color:var(--text-main);cursor:pointer;font-size:15px;padding:7px 10px}.Modal_Btn2{all:unset;background-color:var(--primary-main);border-radius:6px;color:var(--primary-text);cursor:pointer;font-size:15px;padding:7px 10px}.Modal_Tab_Con{border-bottom:1px solid var(--border-main-color);gap:0 20px;height:-webkit-fit-content;height:fit-content;margin:5px 15px 10px;position:relative}.Modal_Tab,.Modal_Tab_Con{align-items:center;display:flex}.Modal_Tab{color:var(--text-sub);cursor:pointer;font-size:15px;gap:0 5px;height:100%;min-width:-webkit-fit-content;min-width:fit-content;padding-bottom:12.5px;transition:.2s ease;-webkit-user-select:none;user-select:none;z-index:100}.Modal_Tab_Select{color:var(--text-main)}.Modal_Tab h3{font-size:15px;font-weight:400;margin:0}.Modal_Tab_Indicator{background-color:var(--primary-main);height:2.5px;width:91px}.Modal_Tab_Indicator,.Modal_Tab_Tab{border-radius:3px 3px 0 0;bottom:0;position:absolute;transition:.2s ease}.Modal_Tab_Tab{background-color:var(--outline-main-color);border-radius:7px;bottom:7.5px;height:37.5px;width:147.5px}.Modal_Tab1_Con{align-items:center;border-bottom:1px solid var(--border-main-color);display:flex;gap:0 10px;height:55px;margin:0 20px;min-height:55px;position:relative}.Modal_Tab_Con_Empty{color:var(--text-sub);font-size:15px;margin:0 15px}.Modal_Tab_Task_Con{display:flex;flex-direction:column;gap:10px 0}.Modal_Tab_Task{color:var(--text-main);cursor:pointer;display:flex;font-size:15px;gap:0 8px;margin:0 15px;transition:.2s ease;-webkit-user-select:none;user-select:none;width:-webkit-fit-content;width:fit-content}.Modal_Tab_Task_Checked{color:var(--text-sub);text-decoration:line-through}.Modal_Tab_Task_Check{align-items:center;border:1px solid var(--border-main-color);border-radius:5px;display:flex;height:12px;justify-content:center;margin-top:2.5px;width:12px}.Modal_Tab_Task_Checked .Modal_Tab_Task_Check{background-color:var(--primary-main)}.Modal_New_Invoice_Con{background-color:var(--left-tab-color);border-radius:12px;display:flex;flex-direction:column;height:85vh;max-width:85vh;outline:3px solid var(--outline-modal-color);position:relative;transform:scale(90%);transition:.2s ease}.Modal_Show .Modal_New_Invoice_Con{transform:scale(100%)}.Modal_Invoice_Con1{background-color:var(--left-tab-color);border-radius:12px;display:flex;flex-direction:column;height:85vh;max-height:85vh;outline:3px solid var(--outline-modal-color);position:relative;transform:scale(90%);transition:.2s ease;width:650px}.Modal_Input_Con1_Head{align-items:center;display:flex;height:50px;padding:0 20px}.Modal_Input_Con1_Head h2{color:var(--text-main);display:flex;font-size:16px;font-weight:500;margin:0}.Modal_Input_Con1_Select{align-items:center;border:1px solid var(--text-sub);border-radius:6px;color:var(--text-sub);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:0 5px;margin-left:10px;padding:3px 5px;width:-webkit-fit-content;width:fit-content}.Modal_Input_Con1_Head_Icon{color:var(--text-main);cursor:pointer;margin-left:10px;padding:3px}.Modal_Input_Con1_Body{display:flex;flex:1 1;overflow-x:hidden;overflow-y:auto;width:650px}.Modal_Input_Con1_Body::-webkit-scrollbar{display:none}.Modal_Invoice_Con1_Options{background-color:var(--left-tab-color);border-radius:8px;bottom:7.5vh;height:200px;outline:3px solid var(--outline-modal-color);position:absolute;right:50%;transform:translateX(395px);width:50px}.Modal_Invoice_Overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);height:100%;left:0;opacity:1;position:absolute;top:0;transition:.2s ease;visibility:visible;width:100%}.Modal_Invoice_Overlay_Hide{opacity:0;visibility:hidden}.Modal_Invoice_Close{cursor:pointer;position:absolute;right:8px;top:8px}.Modal_Show .Modal_Invoice_Con1{transform:scale(100%)}.Modal_Invoice_Con{background-color:var(--left-tab-color);border-radius:12px;display:flex;height:85vh;max-height:85vh;outline:3px solid var(--outline-modal-color);position:absolute;transform:scale(90%);transition:.2s ease;width:1100px}.Modal_Show .Modal_Invoice_Con{transform:scale(100%)}.Modal_Invoice_Left{display:flex;flex-direction:column;height:100%;min-width:500px;width:500px}.Modal_Invoice_Left_Head{align-items:center;display:flex;height:45px}.Modal_Invoice_Left_Body{display:flex;flex:1 1;flex-direction:column;gap:15px 0;overflow:auto;padding-bottom:10px}.Modal_Invoice_Left_Body::-webkit-scrollbar{display:none}.Modal_Invoice_Left_Footer{align-items:center;box-sizing:border-box;display:flex;gap:0 10px;padding:10px 15px}.Modal_Invoice_Btn{all:unset;border:1px solid var(--border-main-color);border-radius:6px;color:var(--text-main);cursor:pointer;font-size:15px;padding:7px 10px}.Modal_Invoice_Btn1{all:unset;background-color:var(--primary-main);border-radius:6px;color:var(--primary-text);cursor:pointer;font-size:15px;padding:7px 10px}.Modal_Invoice_Left_Head h2{color:var(--text-main);font-size:16px;font-weight:500;margin:0 15px}.Modal_Input_Add_Items{margin:0 15px}.Modal_Input_Add_Items label{color:var(--text-sub);font-size:14px;margin:0}.Modal_Input_Add_Item_Con1{display:flex;flex-direction:column;gap:10px 0;margin-top:8px}.Modal_Input_Add_Item_Con{align-items:center;border-radius:10px;box-sizing:border-box;display:grid;grid-template-columns:35% 20% 25% 15%;height:-webkit-fit-content;height:fit-content;justify-content:space-between}.Modal_Input_Add_Item_Con2{grid-template-columns:45% 37% 15%}.Modal_Input_Add_Item_Con1 input{all:unset;background-color:var(--left-tab-color);border:1px solid var(--border-main-color);border-radius:8px;box-sizing:border-box;caret-color:var(--primary-main);color:var(--text-main);display:flex;font-size:15px;height:35px;padding:0 10px;transition:.2s ease;width:100%;z-index:100}.Modal_Input_Add_Item_Con input:focus{border:1px solid var(--text-sub)}.Modal_Input_Add_Item_Con_DelBtn{all:unset;align-items:center;border:1px solid var(--red);border-radius:6px;color:var(--red);cursor:pointer;display:flex;font-size:15px;height:35px;justify-content:center;width:100%}.Modal_Input_Add_Item_Con_Btn{all:unset;align-items:center;border:1px solid var(--border-main-color);border-radius:6px;color:var(--text-main);cursor:pointer;display:flex;font-size:15px;height:35px;justify-content:center;width:100%}.Modal_Invoice_Right{border-left:1px solid var(--border-main-color);display:flex;flex-direction:column;width:600px}.Modal_Invoice_Right_Head h2{color:var(--text-main);font-size:16px;font-weight:500;margin:0}.Modal_Invoice_Right_Head{align-items:center;display:flex;height:45px;padding:0 20px}.Modal_Invoice_Right_Head svg{color:var(--text-main);cursor:pointer;margin-left:10px;padding:3px}.Modal_Invoice_Right_Body{flex:1 1;overflow-x:hidden;overflow-y:auto}.Modal_Invoice_Right canvas{background-color:#fff}.Modal_Invoice_Right::-webkit-scrollbar{display:none}.Modal_Invoice_Preview{background-color:#fff;border-radius:10px;display:flex;height:1123px;margin:20px;min-width:794px;overflow-x:hidden;transform-origin:top left;width:794px}.Modal_Invoice_Template1{border-top:.4cm solid #fff;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;padding:1cm}.Modal_Invoice_Template1_Head{display:flex;height:-webkit-fit-content;height:fit-content;justify-content:space-between;margin-bottom:.8cm}.Modal_Invoice_Template1_Head_Con{display:flex;flex-direction:column;gap:.2cm 0}.Modal_Invoice_Template1_Head_Con1{grid-gap:.1cm .5cm;display:grid;gap:.1cm .5cm;grid-template-columns:auto auto;margin-top:15px}.Modal_Invoice_Template1_Head h2{font-size:.9cm;font-weight:500;margin:0}.Modal_Invoice_Template1_Head h3{color:#797979;font-size:.5cm;font-weight:500;margin:0}.Modal_Invoice_Template1_Head h3 b{min-width:100px}.Modal_Invoice_Template1_Head h4{font-size:.7cm;font-weight:500;margin:0}.Modal_Invoice_Template1_Head p{color:#797979;font-size:.47cm;font-weight:500;margin:0}.Modal_Invoice_Template1_Head p b{color:#000;font-weight:500}.Modal_Invoice_Template1_Two_Row{grid-gap:0 .4cm;display:grid;gap:0 .4cm;grid-template-columns:40% 40%;margin-bottom:.8cm;width:100%}.Modal_Invoice_Template1_Two_Row_Con{display:flex;flex-direction:column;width:100%}.Modal_Invoice_Template1_Two_Row_Con h3{font-size:.5cm;font-weight:600;margin:0}.Modal_Invoice_Template1_Two_Row_Con p{font-size:.5cm;margin:5px 0 0}.Modal_Invoice_Template1_Two_Row_Con p b{font-weight:500}.Modal_Invoice_Template1_Table{display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;width:100%}.Modal_Invoice_Template1_Table_Head{border-bottom:1px solid #b7b7b7;display:grid;grid-template-columns:45% 13% 18.5% 18.5%;height:1.2cm;width:100%}.Modal_Invoice_Template1_Table_Head span{align-items:center;box-sizing:border-box;display:flex;font-size:.48cm;width:100%}.Modal_Invoice_Template1_Table_Head span b{font-weight:500}.Modal_Invoice_Template1_Table_Footer{align-self:flex-end;border-bottom:1px solid #b7b7b7;display:grid;grid-template-columns:59.2% 40%;height:1.3cm;width:55%}.Modal_Invoice_Template1_Note{font-size:.48cm}.Modal_Invoice_Template1_Table_Footer span{align-items:center;box-sizing:border-box;display:flex;font-size:.48cm;width:100%}.Modal_Invoice_Template1_Table_Footer span b{font-weight:500}.Modal_Invoice_Hidden{position:absolute;right:-30cm;top:-30cm}.Chats{display:flex;flex:1 1;position:relative}.Chats_Left{animation-fill-mode:forwards;border-right:1px solid var(--border-sub-color);display:flex;flex-direction:column;overflow:hidden;width:300px}.Chats_Left_Hide{animation:hides .4s ease forwards}.Chats_Left_Show{animation:shows .4s ease forwards}@keyframes hides{0%{opacity:1;width:300px}50%{opacity:0;width:300px}to{opacity:0;width:0}}@keyframes shows{0%{opacity:0;width:0}50%{opacity:0;width:300px}to{opacity:1;width:300px}}.Chats_Left a{text-decoration:none}.Chats_Left_Head{align-items:center;display:flex;justify-content:space-between;margin:22.5px 20px 0}.Chats_Left_Head svg{color:var(--text-main);cursor:pointer}.Chats_Left h2{color:var(--text-main);font-size:19px;font-weight:400;margin:0}.Chats_Left h3{font-size:13px;font-weight:500;margin:0;text-transform:uppercase}.Chats_Left_Item{align-items:center;border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;margin:5px 12px 0;padding:7.5px 8px;transition:.2s ease;-webkit-user-select:none;user-select:none}.Chats_Left_Item_Img{align-items:center;background-color:var(--border-main-color);border-radius:50%;color:var(--text-main);display:flex;font-size:18px;height:42px;justify-content:center;min-width:42px;width:42px}.Chats_Left_Item_Con{display:flex;flex-direction:column;margin-left:8px;width:100%}.Chats_Left_Item_Select{background-color:var(--left-tab-color)}.Chats_Left_Item_Con h4{color:var(--text-main);font-size:15px;font-weight:500;margin:0}.Chats_Left_Item_Con p{align-items:center;color:var(--text-sub);display:flex;font-size:14px;gap:0 5px;margin:2px 0 0}.Chats_Left_Option_Con{align-items:flex-end;display:flex;flex-direction:column;gap:5px 0;height:-webkit-fit-content;height:fit-content;justify-content:space-between;margin-right:5px;width:-webkit-fit-content;width:fit-content}.Chats_Left_Option_Con h4{color:var(--text-sub);font-size:13px;font-weight:400;margin:0}.Chats_Left_Option_Con p{background-color:var(--primary-main);border-radius:8px;color:var(--primary-text);font-size:13px;font-weight:500;margin:0;padding:0 5px;width:-webkit-fit-content;width:fit-content}.Chats_Left_Item img{border-radius:50%;height:42px;min-width:42px;object-fit:cover;width:42px}.Chats_Middle{animation:hidess .4s ease forwards}.Chats_Middle,.Chats_Middle_Empty{background-color:var(--bg1);display:flex;flex:1 1;flex-direction:column}.Chats_Middle_Empty{align-items:center;justify-content:center}.Chats_Middle_Empty a{color:var(--text-sub);transition:.2s ease}.Chats_Middle_Empty a:hover,.Chats_Middle_Empty svg{color:var(--text-main)}.Chats_Middle_Empty p{color:var(--text-sub);font-size:17px;margin:0}.Chats_Middle_Head{align-items:center;box-sizing:border-box;display:flex;height:70px;min-height:70px;padding:0 20px}.Chats_Middle_Head h2{color:var(--text-main);font-size:18px;font-weight:400;margin:0 0 0 12.5px}.Chats_Middle_Head img{border-radius:50%;height:32px;object-fit:cover;width:32px}.Chats_Middle_Body{display:flex;flex-direction:column-reverse;gap:10px 0;height:calc(100vh - 140px);overflow-y:auto}.Chats_Middle_Body1{display:flex;flex:1 1;flex-direction:column}.Chats_Middle_Body_Day{display:flex;flex-direction:column;gap:10px 0;width:100%}.Chats_Middle_Date{align-self:center;background-color:var(--sidebar-hover-shadow);border-radius:5px;color:var(--text-main);font-size:15px;opacity:.8;padding:5px 10px;position:-webkit-sticky;position:sticky;top:5px;-webkit-user-select:none;user-select:none;width:-webkit-fit-content;width:fit-content}.Chats_Middle_Footer{height:70px;min-height:70px;padding:0 20px}.Chats_Middle_Footer,.Chats_Middle_Input{align-items:center;box-sizing:border-box;display:flex;gap:0 10px}.Chats_Middle_Input{background-color:var(--left-tab-color);border-radius:8px;color:var(--text-main);flex:1 1;height:45px;outline:1px solid #0000;padding:0 15px}.Chats_Middle_Footer input{all:unset;caret-color:var(--primary-main);color:var(--text-main);flex:1 1;font-size:15px;height:100%}.Chats_Middle_Input:focus-within{outline:1px solid var(--border-main-color)}.Chats_Bubble_Con{align-items:flex-end;display:flex;flex-direction:column;margin:0 20px}.Chats_Bubble_Con img{border:2px solid var(--primary-main);border-radius:10px;cursor:zoom-in;margin-bottom:5px;width:300px}.Chats_Bubble_Con1{align-items:flex-start}.Chats_Bubble_Con1 img{border:2px solid var(--border-main-color)}.Chats_Bubble_Time{color:var(--text-sub);font-size:13px;font-weight:500;margin-top:5px}.Chats_Bubble{background-color:var(--primary-main);border:1px solid var(--outline-main-color);border-radius:8px 8px 2px 8px;color:var(--bg);max-width:40%;padding:10px 15px;width:-webkit-fit-content;width:fit-content}.Chats_Bubble1{background-color:var(--left-tab-color);border-radius:8px 8px 8px 2px;color:var(--text-main)}.Times,.Times_Body{display:flex;flex:1 1}.Times_Body{animation:hidess .4s ease forwards;background-color:var(--bg1);flex-direction:column;opacity:0;position:relative}.Times_SideBar{animation:hidess .2s ease forwards;opacity:1;width:300px}@keyframes hidess{0%{opacity:0}to{opacity:1}}.Times_Top{align-items:center;display:flex;margin:22.5px 20px 10px}.Times_Top h2{color:var(--text-main);font-size:19px;font-weight:400;margin:0}.Times_Top_Icon{border-radius:5px;color:var(--text-main);cursor:pointer;margin-left:12px;padding:3px}.Times_Top button{all:unset;align-items:center;border:1px solid var(--border-main-color);border-radius:7px;color:var(--text-main);cursor:pointer;display:flex;font-size:14px;gap:0 8px;height:28px;justify-content:center;margin-left:12px;padding:0 10px;transition:.2s ease}.Times_Middle{display:flex;flex:1 1;flex-direction:column;height:calc(100vh - 70px);overflow:auto}.Times_Middle_Btn{all:unset;align-items:center;align-self:center;border:1px solid var(--border-main-color);border-radius:7px;color:var(--text-main);cursor:pointer;display:flex;font-size:14px;gap:0 8px;justify-content:center;margin-top:20px;min-height:32px;padding:0 12.5px;transition:.2s ease}.Times_Middle_Top{align-items:center;display:flex;margin:2px 20px 0}.Times_Middle_Stat_Con{grid-gap:12.5px 0;display:grid;gap:12.5px 0;grid-template-columns:calc(50% - 6.25px) calc(50% - 6.25px);justify-content:space-between;min-width:35%;width:35%}.Times_Middle_Stat{background:linear-gradient(90deg,var(--dot-bg) calc(var(--dot-space) - var(--dot-size)),#0000 1%) 50% /var(--dot-space) var(--dot-space),linear-gradient(var(--dot-bg) calc(var(--dot-space) - var(--dot-size)),#0000 1%) 50% /var(--dot-space) var(--dot-space),var(--dot-color);border-radius:8px;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;justify-content:center;outline:1px solid var(--outline-main-color);padding:25px 0;width:100%}.Times_Middle_Stat h3{color:var(--text-main);font-size:20px;font-weight:500;margin:4px 15px 0}.Times_Middle_Stat h4{color:var(--text-sub);font-size:15px;font-weight:400;margin:0 15px}.Times_Middle_Chart_Con{align-items:center;background-color:var(--bg);border-radius:8px;display:flex;flex:1 1;height:100%;margin-left:15px;outline:1px solid var(--outline-main-color)}.Times_Middle_Chart{display:flex;gap:0 10px;height:-webkit-fit-content;height:fit-content;margin:15px;width:100%}.Times_Middle_Chart_Month{grid-gap:5px;display:grid;flex:1 1;gap:5px;grid-template-columns:repeat(7,calc(14.2% - 5px));height:-webkit-fit-content;height:fit-content;justify-content:space-between}.Times_Middle_Chart_Item{aspect-ratio:1;background-color:var(--outline-main-color);border-radius:7px;cursor:pointer;height:100%}.Times_Middle_Title{color:var(--text-sub);font-size:13px;font-weight:400;margin:15px 20px 0}.Times_Middle_Title b{font-weight:400;text-transform:uppercase}.Times_Middle_Table_Con{width:100%}.Times_Middle_Table_Con table{border-radius:6px;border-spacing:0;color:var(--text-main);margin-left:20px;margin-top:15px;min-width:calc(100% - 40px);outline:1px solid var(--outline-main-color);overflow:hidden}.Times_Middle_Table_Con table th{background-color:var(--border-sub-color);color:var(--text-sub);font-size:13px;font-weight:400;text-align:left;text-transform:uppercase}.Times_Middle_Table_Con table td,.Times_Middle_Table_Con table th{border-left:1px solid var(--outline-main-color);padding:12.5px 10px}.Times_Middle_Table_Con table td{border-top:1px solid var(--outline-main-color);font-size:15px}.Times_Middle_Table_Con table tr{cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.Times_Middle_Table_Empty_Text{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.Times_Middle_Time_Con{align-items:center;background-color:var(--bg1);display:flex;height:-webkit-fit-content;height:fit-content;padding:10px 20px 18px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.Times_Middle_Time_Sep{background-color:var(--border-main-color);height:30px;margin-right:10px;width:1px}.Times_Middle_Time_Icon_Con{align-items:center;display:flex;justify-content:center;margin-right:8px;padding:4px}.Times_Middle_Time_Icon_Con svg{color:var(--text-sub);cursor:pointer;transition:.2s ease}.Times_Middle_Time_Icon_Con:hover svg{color:var(--text-main)}.Times_Middle_Time_Icon_Badge{align-items:center;background-color:var(--primary-main);border-radius:20px;color:var(--primary-text);display:flex;font-size:10px;height:-webkit-fit-content;height:fit-content;justify-content:center;padding:1px 4px;position:absolute;right:5px;top:-5px;width:-webkit-fit-content;width:fit-content}.Times_Middle_Time_Icon{border-radius:20px;color:var(--text-sub);cursor:pointer;margin-right:8px;padding:4px;transition:.2s ease}.Times_Middle_Time_Icon:hover{color:var(--text-main)}.Times_Middle_Time_Input{all:unset;caret-color:var(--primary-main);color:var(--text-main);flex:1 1;font-size:16px}.Times_Middle_Time_Con select{all:unset;background-color:initial;border:1px solid var(--border-main-color);border-radius:6px;color:var(--text-main);font-size:15px;margin-right:10px;outline:none;padding:7px 10px}.Times_Middle_Tag_Con{display:flex;flex-direction:column;padding:10px 0}.Times_Middle_Tags{margin:0 15px}.Times_Middle_Table_Tags,.Times_Middle_Tags{display:flex;flex-wrap:wrap;gap:8px}.Times_Middle_Tag{border:1px solid var(--primary-main);border-radius:6px;color:var(--primary-main);cursor:pointer;font-size:13px;gap:0 5px;padding:3px 5px;transition:.2s ease;width:-webkit-fit-content;width:fit-content}.Times_Middle_Tag_Select{align-items:center;background-color:var(--primary-main);border:1px solid var(--primary-main);color:var(--bg);cursor:text;display:flex;font-size:13px}.Times_Middle_Tag svg{cursor:pointer}.Times_Middle_Tag_Con input{all:unset;background-color:initial;caret-color:var(--primary-main);color:var(--text-main);cursor:text;font-size:15px;margin:10px 15px 0}.Times_Middle_Time_Btn1{all:unset;align-items:center;background-color:var(--primary-main);border:1px solid var(--primary-main);border-radius:7px;color:var(--primary-text);cursor:pointer;display:flex;font-size:14px;gap:0 8px;height:28px;justify-content:center;padding:0 10px;transition:.2s ease;-webkit-user-select:none;user-select:none}.Times_Middle_Time_Btn2{all:unset;border:1px solid var(--red);border-radius:7px;color:var(--red);cursor:pointer;font-size:14px;gap:0 8px;height:28px;justify-content:center;padding:0 10px;transition:.2s ease}.Times_Middle_Time,.Times_Middle_Time_Btn2{align-items:center;display:flex;-webkit-user-select:none;user-select:none}.Times_Middle_Time{color:var(--text-main);font-size:18px;font-weight:400;gap:0 5px}.Times_Middle_Time_Btn_Con{align-items:center;display:flex;gap:0 12.5px;margin-left:15px}.Times_Middle_Calendar_Con{border-radius:8px;display:flex;height:-webkit-fit-content;height:fit-content;margin:20px;outline:1px solid var(--outline-main-color);padding-bottom:15px}.Users,.Users_Body{display:flex;flex:1 1;position:relative}.Users_Body{animation:hidess .4s ease forwards;background-color:var(--bg1);flex-direction:column;opacity:0}.Users_Top{align-items:center;display:flex;margin:22.5px 20px 10px}.Users_Top h2{color:var(--text-main);font-size:19px;font-weight:400;margin:0}.Users_Top_Icon{border-radius:5px;color:var(--text-main);cursor:pointer;margin-left:12px;padding:3px}.Users_Top button{all:unset;align-items:center;border:1px solid var(--border-main-color);border-radius:7px;color:var(--text-main);cursor:pointer;display:flex;font-size:14px;gap:0 8px;height:28px;justify-content:center;margin-left:12px;padding:0 10px;transition:.2s ease}.Users_Middle{display:flex;flex:1 1;flex-direction:column;height:calc(100vh - 70px);overflow:auto;width:calc(100vw - 152px)}.Users_Middle_Title{color:var(--text-sub);font-size:13px;font-weight:400;margin:15px 20px 0}.Users_Middle_Title b{font-weight:400;text-transform:uppercase}.Users_Middle_Table_Con{width:100%}.Users_Middle_Table_Con table{border-radius:6px;border-spacing:0;color:var(--text-main);margin-left:20px;margin-top:15px;min-width:calc(100% - 40px);outline:1px solid var(--outline-main-color);overflow:hidden}.Users_Middle_Table_Con table th{background-color:var(--border-sub-color);color:var(--text-sub);font-size:13px;font-weight:400;text-align:left;text-transform:uppercase}.Users_Middle_Table_Con table td,.Users_Middle_Table_Con table th{border-left:1px solid var(--outline-main-color);padding:12.5px 10px}.Users_Middle_Table_Con table td{border-top:1px solid var(--outline-main-color);font-size:15px}.Users_Middle_Table_Con table tr{cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.Users_Middle_Stat_Con{display:grid;grid-template-columns:repeat(5,calc(20% - 10px));justify-content:space-between;margin-left:20px;margin-top:15px;width:calc(100% - 40px)}.Users_Middle_Stat,.Users_Middle_Stat_Con{height:-webkit-fit-content;height:fit-content}.Users_Middle_Stat{background:linear-gradient(90deg,var(--dot-bg) calc(var(--dot-space) - var(--dot-size)),#0000 1%) 50% /var(--dot-space) var(--dot-space),linear-gradient(var(--dot-bg) calc(var(--dot-space) - var(--dot-size)),#0000 1%) 50% /var(--dot-space) var(--dot-space),var(--dot-color);border-radius:8px;display:flex;flex-direction:column;justify-content:center;outline:1px solid var(--outline-main-color);padding:20px 0;width:100%}.Users_Middle_Stat h3{color:var(--text-main);font-size:20px;font-weight:500;margin:4px 15px 0}.Users_Middle_Stat h4{color:var(--text-sub);font-size:15px;font-weight:400;margin:0 15px}.Users_Middle_Table_CheckBox_Con{align-items:center;display:flex;flex:1 1;justify-content:center}.Users_Middle_Table_CheckBox{align-items:center;border:1px solid var(--border-main-color);border-radius:4px;cursor:pointer;display:flex;height:11px;justify-content:center;width:11px}.Users_Middle_Table_Check{background-color:var(--primary-main);border-radius:2px;height:6px;width:6px}.Times_Middle_Table_Name_Con{align-items:center;display:flex;gap:0 8px}.Times_Middle_Table_Name_Con img{border-radius:20px;height:25px;object-fit:cover;width:25px}.Users_Middle_Card_Con{align-items:center;display:grid;grid-template-columns:calc(25% - 10px) calc(25% - 10px) calc(25% - 10px) calc(25% - 10px);justify-content:space-between;margin:15px 20px 0;width:calc(100% - 40px)}.Users_Middle_Empty_Card_Con{align-items:center;color:var(--text-sub);display:flex;flex:1 1;gap:0 7px;justify-content:center}.Users_Middle_Empty_Card_Con b{cursor:pointer;font-weight:400;text-decoration:underline;transition:.2s ease;-webkit-user-select:none;user-select:none}.Users_Middle_Empty_Card_Con b:hover{color:var(--text-main)}.Users_Middle_Card{background-color:var(--border-sub-color);border-radius:10px;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;justify-content:center;outline:1px solid var(--outline-main-color);padding:15px 0;position:relative;width:100%}.Users_Middle_Card img{border-radius:50%;height:60px;margin:0 15px;object-fit:cover;width:60px}.Users_Middle_Card h3{color:var(--text-main);font-weight:400;margin:10px 15px 0}.Users_Middle_Card h4,.Users_Middle_Card h5{color:var(--text-sub);font-size:15px;font-weight:400;margin:5px 15px 0}.Users_Middle_Card_Status{position:absolute;right:10px;top:10px}.Users_Middle_Card_Status,.Users_Middle_Table_Status{border:1px solid var(--green);border-radius:6px;color:var(--green);font-size:13px;padding:3px 5px}.Users_Middle_Table_Status{width:-webkit-fit-content;width:fit-content}.Users_Middle_Table_Status_Red{border:1px solid var(--red);color:var(--red)}.Users_Middle_Table_Status_Blue{border:1px solid var(--blue);color:var(--blue)}.Users_Middle_Table_Empty_Text{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.Invoices{display:flex;flex:1 1;position:relative}.Invoices_Middle_Stat_Con{display:grid;grid-template-columns:repeat(4,calc(25% - 10px));height:-webkit-fit-content;height:fit-content;justify-content:space-between;margin-left:20px;margin-top:15px;width:calc(100% - 40px)}.Invoice_Template_Con{display:grid;grid-template-columns:calc(16.66% - 10px) calc(16.66% - 10px) calc(16.66% - 10px) calc(16.66% - 10px) calc(16.66% - 10px) calc(16.66% - 10px);justify-content:space-between;margin:15px 20px 0}.Invoice_Template{aspect-ratio:.707;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;cursor:pointer;display:flex;overflow:hidden;width:100%}.Invoice_Template_Overlay{align-items:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#0000000f;display:flex;height:100%;justify-content:center;opacity:0;transition:.2s ease;width:100%}.Invoice_Template:hover .Invoice_Template_Overlay{opacity:1}.Invoice_Left_Item{align-items:center;background-color:initial;border-radius:5px;color:var(--text-sub);cursor:pointer;display:flex;gap:0 8px;margin:3px 12px 0;padding:7.5px 8px;transition:.2s ease;-webkit-user-select:none;user-select:none}.Invoice_Left_Item h4{font-size:15px;font-weight:400;margin:0}.Invoice_Left_Item_Select{background-color:var(--left-tab-color);color:var(--text-main)}.Login{display:flex;height:100vh;width:100vw}.Login_Left{flex:1 1}.Login_Left,.Login_Logo{align-items:center;display:flex;justify-content:center}.Login_Logo{background:linear-gradient(60deg,var(--border-sub-color),var(--border-sub-color));border-radius:8px;height:45px;-webkit-user-select:none;user-select:none;width:45px}.Login_Logo_Img{background-image:var(--logo);background-position:50%;background-repeat:no-repeat;background-size:contain;height:45px;width:45px}.Login_Logo img{height:45px;object-fit:contain;pointer-events:none;width:45px;z-index:100}.Login_Light{background-color:var(--primary-main);filter:blur(80px);height:80px;position:absolute;right:0;top:0;width:80px;z-index:50}@keyframes grow{0%{height:60px;width:60px}50%{height:80px;width:80px}to{height:60px;width:60px}}.Login_Left_Con{background:linear-gradient(90deg,var(--dot-sidebar-bg) calc(var(--dot-space) - var(--dot-size)),#0000 1%) 50% /var(--dot-space) var(--dot-space),linear-gradient(var(--dot-sidebar-bg) calc(var(--dot-space) - var(--dot-size)),#0000 1%) 50% /var(--dot-space) var(--dot-space),var(--dot-sidebar-color);border:1px solid var(--border-main-color);border-radius:14px;display:flex;flex-direction:column;overflow:hidden;padding:20px;position:relative;width:320px}.Login h1,.Login h2{color:var(--text-main);font-size:22px;font-weight:500;margin:10px 0 0}.Login_Right{background-color:var(--outline-sub-color);border-radius:15px;margin:20px 20px 20px 0;width:calc(45% - 20px)}.Login form{display:flex;flex-direction:column}.Login input{all:unset;background-color:var(--bg);border:1px solid var(--border-main-color);border-radius:8px;caret-color:var(--primary-main);color:var(--text-main);display:flex;font-size:15px;height:35px;margin-top:8px;padding:0 10px;transition:.2s ease;z-index:100}.Login input:focus{border:1px solid var(--text-sub)}.Login_Btn{all:unset;align-items:center;background-color:var(--primary-main);border-radius:7px;color:var(--primary-text);cursor:pointer;display:flex;font-size:15px;gap:0 8px;height:35px;justify-content:center;margin-top:15px;transition:.2s ease}.Login_Btn1{all:unset;align-items:center;background-color:var(--border-main-color);border-radius:7px;color:var(--text-main);cursor:pointer;display:flex;font-size:15px;gap:0 8px;height:35px;justify-content:center;margin-top:15px;transition:.2s ease}.Login p{color:var(--text-sub);font-size:14px;margin:10px 0 0}.Login a{margin-top:15px}.Login a,.Login h3{color:var(--text-main);font-size:15px;text-align:center}.Login h3{font-weight:400;margin:15px 0 0}.Login h3 b{font-weight:400;text-decoration:underline}.Login_Sep{align-items:center;color:var(--text-sub);display:flex;font-size:14px;justify-content:center;margin-top:15px}.Login_Sep:before{margin-right:10px}.Login_Sep:after,.Login_Sep:before{background-color:var(--border-main-color);content:"";flex:1 1;height:1px}.Login_Sep:after{margin-left:10px}.ToastCon button{all:unset;align-items:center;background-color:var(--dot-sidebar-color);border-radius:7px;color:var(--text-main);cursor:pointer;display:flex;font-size:14px;gap:0 8px;height:28px;justify-content:center;margin-top:10px;padding:0 10px;transition:.2s ease}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{background-color:#333;border-radius:4px;color:#fff;font-size:14px;line-height:1.4;outline:0;position:relative;transition-property:transform,visibility,opacity;white-space:normal}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{border-top-color:initial;border-width:8px 8px 0;bottom:-7px;left:0;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:initial;border-width:0 8px 8px;left:0;top:-7px;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-left-color:initial;border-width:8px 0 8px 8px;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{border-right-color:initial;border-width:8px 8px 8px 0;left:-7px;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{color:#333;height:16px;width:16px}.tippy-arrow:before{border-color:#0000;border-style:solid;content:"";position:absolute}.tippy-content{padding:5px 9px;position:relative;z-index:1}