@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=VT323&display=swap);*{box-sizing:0;font-family:Inter,sans-serif;margin:0;padding:0}::selection{background:#000;color:#fff}table{border-collapse:collapse;margin:20px 0;width:100%}table th{font-weight:700;text-align:left}table td,table th{border-bottom:1px solid #e1e1e1;padding:10px}table tr{padding-left:20px}table tr:hover:not(:first-child){background-color:#f9f9f9}button{background:#000;border:none;border-radius:999px;box-shadow:0 10px 15px -3px #0000;color:#fff;cursor:pointer;padding:5px 15px;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}button:hover{background:#0a0a0a;box-shadow:0 10px 15px -3px #0003;transform:translateY(-1px)}button:active{box-shadow:0 10px 15px -3px #0000;transform:translateY(1px)}button.danger{background:#ff4343}input,textarea{background:#eaeaea;border:none;border-radius:999px;color:#000;padding:5px 15px}input[type=number],textarea[type=number]{-webkit-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button,textarea[type=number]::-webkit-inner-spin-button,textarea[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}h3{margin-bottom:1.5rem}.setting{flex-direction:column;margin-bottom:20px}.input,.setting{display:flex;gap:10px}.row,.save{width:100%}.row{display:flex;gap:10px}.row button{width:100%}textarea{border-radius:7px;height:10rem;padding:10px;resize:none}.ModalManager{pointer-events:none;position:fixed;z-index:99999}.ModalManager,.ModalManager .modal{height:100%;isolation:isolate;left:0;top:0;width:100%}.ModalManager .modal{align-items:center;display:flex;justify-content:center;pointer-events:all;position:absolute}.ModalManager .modal .bg{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(0,0,0,.137);height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}@media screen and (max-width:1080){.ModalManager .modal .modalBody{padding:20px!important}}.Account{align-items:center;background:#fff;border-radius:12px;bottom:20px;box-shadow:0 0 15px 1px #0000001a;cursor:pointer;display:flex;gap:15px;justify-content:start;left:20px;min-width:12rem;padding:10px 30px 10px 10px;position:fixed;transition:transform .25s ease,box-shadow .25s ease;-webkit-user-select:none;user-select:none}.Account img{border-radius:12px;box-shadow:0 0 6px 1px #0000001a;height:3rem;object-fit:cover;width:3rem}.Account .info .name{font-size:1.3rem}.Account .info .email{color:gray;font-size:.9rem}.Account .dropdown{background:#fff;border-radius:12px;bottom:100%;box-shadow:0 0 15px 1px #0000001a;left:0;opacity:0;padding:10px;pointer-events:none;position:absolute;transition:bottom .25s ease,opacity .25s ease;width:calc(100% - 17px)}.Account .dropdown .workspaces{display:flex;flex-direction:column;margin-bottom:10px}.Account .dropdown .workspaces .workspace{align-items:center;border-radius:12px;display:flex;gap:10px;padding:5px}.Account .dropdown .workspaces .workspace.active{background:#f2f2f2}.Account .dropdown .workspaces .workspace .icon{background:#e1e1e1;border-radius:12px;color:rgba(0,0,0,.504);display:grid;font-size:1.2rem;font-weight:700;height:3rem;place-items:center;width:3rem}.Account .dropdown .workspaces .workspace:hover{background:#f2f2f2}.Account .dropdown .item{background:none;border-radius:12px;padding:7px}.Account .dropdown .item:hover{background:#f1f1f1}.Account .dropdown .item.logout:hover{background:#ffe6e6}.Account .dropdown .item.logout{color:#ff4343}.Account:hover{transform:translateY(-2px)}.Account:active{transform:translateY(1px)}.Account.open,.Account:focus-within{transform:translateY(-2px)}.Account.open .dropdown,.Account:focus-within .dropdown{bottom:calc(100% + 10px);opacity:1;pointer-events:all}.newWorkspace{align-items:center;background:#fff;border-radius:12px;box-shadow:0 0 15px 8px #0000000d;display:flex;flex-direction:column;gap:20px;overflow:hidden;padding:15px;position:relative}.newWorkspace button{width:-webkit-max-content;width:max-content}.Settings .activeTab h3{margin-bottom:1.5rem}.Settings .activeTab .setting{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.Settings .activeTab .input{display:flex;gap:10px;width:100%}.Settings .activeTab .input input{width:100%}.Settings .activeTab .workspace .icon{background:#e1e1e1;border-radius:12px;color:rgba(0,0,0,.504);display:grid;font-size:1.2rem;font-weight:700;height:3rem;place-items:center;position:relative;width:100%}.Settings .activeTab .workspace .edit{aspect-ratio:1/1;background:#000;border:none;border-radius:12px;padding:0}.Settings .activeTab .workspace .edit .icon{background:none;color:#fff}.Settings{background:#fff;border-radius:12px;box-shadow:0 0 15px 8px #0000000d;display:flex;height:28rem;overflow:hidden;position:relative;width:37rem}.Settings .activeTab,.Settings .tabs{padding:10px}.Settings .tabs{background:#f0f0f0;border-right:1px solid #e3e3e3;flex:1 1;padding-top:3rem}.Settings .tabs .close{border-radius:7px;left:10px;padding:2px;position:absolute;top:10px}.Settings .tabs .close:hover{background:#dcdcdc;cursor:pointer}.Settings .tabs .tab{border-radius:7px;cursor:pointer;padding:7px;-webkit-user-select:none;user-select:none}.Settings .tabs .tab.active{background:#d7d7d7}.Settings .tabs .tab:hover:not(.active){background:#e6e6e6}.Settings .activeTab{flex:2 1;overflow:auto}.Settings .activeTab .account .settings .profilePicture{border-radius:12px;height:60px;overflow:hidden;position:relative;width:60px}.Settings .activeTab .account .settings .profilePicture button{background:rgba(41,41,41,.275);border-radius:inherit;color:#fff;height:100%;left:0;position:absolute;top:0;width:100%}.Settings .activeTab .account .settings .profilePicture button:hover{background:#29292980}.Settings .activeTab .account .settings .profilePicture img{height:100%;object-fit:cover;width:100%}@media screen and (max-width:1050px){.Settings{border-radius:none;height:100vh;width:100vw}}.WorksDetails{background:#fff;border-radius:12px;height:15rem;overflow-y:auto;padding:10px;width:20rem}.WorksDetails h3{margin-bottom:0}.WorksDetails .header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.WorksDetails .header .icon{border-radius:5px;cursor:pointer}.WorksDetails .header .icon:hover{background:#e7e7e7}.WorksDetails .settings,.WorksDetails .settings .setting{display:flex;flex-direction:column}.WorksDetails .settings .setting input{width:100%}.Dashboard{display:flex;height:100vh;width:100%}.Dashboard .backlog,.Dashboard .timer{flex:1 1}.Dashboard .timer{background:#fff;display:grid;place-items:center;transition:background .25s ease}.Dashboard .timer.active{background:#f2fff2}.Dashboard .timer .wrapper{align-items:center;display:flex;flex-direction:column;gap:20px}.Dashboard .timer .wrapper h1{font-family:Roboto Mono,sans-serif;font-size:5rem;transition:font-size .15s ease}.Dashboard .timer .wrapper h1.active{font-size:5.5rem}.Dashboard .timer .wrapper button{font-size:1.2rem;padding:10px 25px}.Dashboard .backlog{align-items:center;background:#fff;box-shadow:-10px 0 15px -3px #0000000d;display:flex;flex-direction:column;overflow-y:auto;padding-top:2rem}.Dashboard .backlog .title{color:#686868;margin-bottom:30px}.Dashboard .backlog .day{width:100%}.Dashboard .backlog .day .seperator{display:flex;isolation:isolate;justify-content:center;position:-webkit-sticky;position:sticky;top:-32px;width:100%}.Dashboard .backlog .day .seperator:after{background:none;background:#fff;border-bottom:1px solid #939393;content:"";height:calc(50% - 1px);left:0;position:absolute;top:0;width:100%;z-index:-1}.Dashboard .backlog .day .seperator .date{background:#fff;border:1px solid #939393;border-radius:999px;color:#000;cursor:pointer;isolation:isolate;padding:5px 10px;-webkit-user-select:none;user-select:none;width:-webkit-max-content;width:max-content}.Dashboard .backlog .day .seperator .date:hover{background:#e9e9e9}.Dashboard .backlog .day table{padding:0 20rem}.Dashboard .backlog .day table .actions{display:flex;gap:10px}.viewBacklog{display:none}@media screen and (max-width:1080px){.backlog:not(.mobileView){display:none!important}.backlog.mobileView{height:100%;left:0;position:fixed;top:0;width:100%}.Account.mobileView{display:none}.viewBacklog{background:#000;bottom:20px;color:#fff;display:flex;position:fixed;right:20px;z-index:2}}@media screen and (max-width:515px){.timer h1{font-size:4rem!important}}
/*# sourceMappingURL=main.63710b8e.css.map*/