@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{--var-blue: #1b414e;--var-font: "video", serif;--var-body: "futura-pt", sans-serif;--var-white: #ffffff;--var-black: #1c1c1c;--var-grey: #F5F6F1;--var-yellowgray: #EBEDE5;--var-green: #38D178;--var-green-opac: #38D17840;--var-border: #E6E6E6;--var-yellow: #E0ED99;--var-red: #D13737;--var-red-opac: #D1373740}h1,h2,h3,h4,h5,h6{font-weight:500}h1,h2,h3,h4,h5,h6,label,button,span,a,td,th{font-family:var(--var-font)}h1{font-size:2.986rem}h2{font-size:2.488rem}h3{font-size:2.074rem}h4{font-size:1.728rem}h5{font-size:1.44rem}h6{font-size:1.2rem}.page-title{display:flex;flex-direction:column;gap:0}.page-title.w-btn{display:flex;flex-direction:row;justify-content:space-between;align-items:center}button.create-btn{background:var(--var-yellow);font-size:1.15rem;display:flex;gap:10px;border:2px solid transparent;padding:10px 15px;border-radius:10px;align-items:center;line-height:1;transition:all .25s}button.create-btn.danger{background:var(--var-red-opac);border:2px solid var(--var-red-opac)}button.create-btn.danger:hover{border:2px solid var(--var-red);background:var(--var-red)}button.create-btn.info{background:var(--var-green-opac);border:2px solid var(--var-green-opac);margin-left:auto}.logout-btn{color:var(--var-black);text-decoration:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:all .25s;padding:5px 10px;border-radius:10px;display:flex;gap:5px;align-items:center;width:100%;background:transparent;border:none}.logout-btn:hover{background:var(--var-yellowgray);cursor:pointer}button.create-btn.info:hover{background:var(--var-green);border:2px solid var(--var-green)}.task-full-table{width:100%;margin-top:35px;border-collapse:collapse}.task-full-table th{font-weight:400;text-transform:uppercase;opacity:.4;text-align:left;padding:10px;border-top:1px solid var(--var-border);border-bottom:1px solid var(--var-border);border-right:1px solid var(--var-border)}.task-full-table td{font-weight:400;font-family:var(--var-body)}.task-full-table td.main-task .inner,.project-table td.main-task .inner{display:flex;gap:10px;align-items:center}.task-full-table th:last-child{border-right:none}.task-full-table tbody td{padding:10px;border-bottom:1px solid var(--var-border)}.task-full-table tr.mainrow:hover td{background:var(--var-yellowgray);cursor:pointer}.task-full-table tr td.main-task.task-row-table:hover .circle{background:transparent}.task-full-table tr td.main-task.task-row-table:hover .circle.active,.task-full-table tr td.main-task.task-row-table .circle:hover{background:var(--var-green)}.task-full-table tr td.main-task.task-row-table .circle.active:hover{background:transparent}.task-full-table tbody td.large{padding:15px 10px;font-size:1.5rem;font-family:var(--var-font);-webkit-user-select:none;-ms-user-select:none;user-select:none}button.create-btn:hover{background:transparent;border:2px solid var(--var-yellow);cursor:pointer}.custom-progress-bar{width:100%;height:15px;border-radius:10px;background:#38d17840;position:relative;max-width:200px}.edit-sidebar .custom-progress-bar,.create-sidebar .custom-progress-bar{max-width:100%;width:100%;margin:15px 0;height:25px;border-radius:25px}.project-table.w-hover tr:hover td{background:#e0ed9950}.hours-col{display:flex;align-items:center;gap:10px;font-family:var(--var-body)}.hours-col span{font-family:inherit}.task-row td{transition:all .25s}.task-row:hover td{cursor:pointer;background:#e0ed9950}.trash{margin-left:auto;opacity:0;transition:all .25s}td:hover .trash{opacity:1}.trash:hover{cursor:pointer}td.flex-person{display:flex;align-items:center;gap:10px}.edit-sidebar .custom-progress-bar .inner-bar,.create-sidebar .custom-progress-bar .inner-bar{border-radius:inherit}.custom-progress-bar .inner-bar.red{background:var(--var-red)}.todo-monthly-wrapper{display:flex;flex-direction:column;gap:10px;margin:20px 0}.monthly-task{display:flex;width:100%;gap:5px}.monthly-task input,.monthly-task select{flex:1;padding:15px;font-size:15px;font-family:var(--var-body);box-sizing:border-box;border-radius:10px;border:1px solid var(--var-border)}small{font-family:var(--var-body);font-size:14px;opacity:.8}.css-1p3m7a8-multiValue{background:var(--var-yellow)!important;padding:5px 12px;border-radius:15px!important;font-size:15px!important;font-family:var(--var-body)!important}button.remove{background:transparent;border:none;color:var(--var-red-opac);transition:all .25s}button.remove:hover{cursor:pointer;color:var(--var-red)}.custom-progress-bar .inner-bar{position:absolute;top:0;left:0;height:100%;background:var(--var-green);border-radius:10px}.mainrow.old td{background:var(--var-red-opac)}.page-title h4{text-transform:capitalize}.page-title h1,.page-title h2,.page-title h3,.page-title h4,.page-title h5,.page-title h6{margin:0}html,body{margin:0;padding:0;box-sizing:border-box}.appBody{display:flex}header{background:var(--var-grey);flex:1 0 123px;max-width:123px;width:123px}.wrapper{max-width:1170px;display:flex;margin:0 auto;align-items:center}ul.navigation{display:flex;flex-direction:column;gap:30px;align-items:center;justify-content:flex-start;list-style:none;margin:55px 0;padding:0}ul.navigation .circle-wrapper{position:relative;background:transparent;border-radius:10px;width:50px;height:50px;transition:all .25s}ul.navigation li a:hover .circle-wrapper{background:#e0ed9950}.task-full-table tbody td{font-family:var(--var-body)}ul.navigation .circle-wrapper.current{background:#e0ed9950}ul.navigation .circle-wrapper i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}ul.navigation li a{display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center;text-decoration:none;color:var(--var-black)}ul.navigation li span,ul.navigation li i{display:block}ul.navigation li span{white-space:wrap;word-break:break-all;-webkit-hyphens:auto;hyphens:auto;text-align:center;font-size:12px}ul.navigation li i{font-size:1.75rem}header .wrapper{min-height:95vh;position:sticky;top:0}header .wrapper img{max-width:100%;height:auto}.user-wrapper{margin-top:auto;display:flex;align-items:center;gap:10px;position:relative}.admin-menu{position:absolute;bottom:0;right:-50%;transform:translate(100%);background:var(--var-white);padding:10px;border-radius:10px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.admin-menu ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.admin-menu ul li{white-space:nowrap}.admin-menu ul li a,.admin-menu ul li span{color:var(--var-black);text-decoration:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:all .25s;padding:5px 10px;border-radius:10px;display:flex;gap:5px;align-items:center}.action-btns{display:flex;gap:10px;align-items:center}.admin-menu ul li a:hover{background:var(--var-yellowgray)}.user-avatar{width:50px;height:50px;border-radius:100%;border:2px solid var(--var-green);overflow:hidden}.user-avatar:hover{cursor:pointer}.grid-container{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:100%;margin:25px auto}.grid-container .card{background:var(--var-yellowgray);border-radius:8px;padding:1rem;display:flex;flex-direction:column;justify-content:flex-start}.grid-container .card .number{font-size:2rem;font-family:var(--var-body);font-weight:500;margin-bottom:10px}.grid-container .card .label{font-family:var(--var-font);text-transform:uppercase;margin-bottom:5px;font-size:.875rem}.grid-container .card .change{font-family:var(--var-body);font-weight:600;text-transform:uppercase;font-size:.875rem;margin-top:auto}.grid-container .card .change.positive{color:var(--var-green)}.grid-container .card .change.negative{color:var(--var-red)}.flex-info-card{display:flex;flex-direction:row;flex-wrap:wrap;gap:50px}.flex-info{flex:0 0 auto}.flex-info .label{text-transform:uppercase;font-family:var(--var-font);font-weight:500;font-size:.875rem}.flex-info .number{font-family:var(--var-body);font-size:2rem}.flex-bar-info{flex:0 0 auto;margin-top:auto}.flex-bar-info small{font-family:var(--var-body);margin-top:-8px;display:block}.flex-bar-labels{display:flex;gap:15px;margin-top:25px;align-items:center}.flex-bar-label{display:flex;gap:5px;align-items:center}.flex-bar-label .circle{width:15px;height:15px;background:var(--var-green);border-radius:100%}.flex-bar-label .circle.green{background:var(--var-green)}.flex-bar-label .circle.greenopac{background:var(--var-green-opac)}.flex-bar-label .circle.red{background:var(--var-red)}.flex-bar-label .flex-bar-label-text{text-transform:uppercase;font-size:.875rem;font-weight:500;font-family:var(--var-font)}.grid-container .budget-card{grid-column:3 / span 2;grid-row:1 / span 2;padding:1rem 2rem;background:var(--var-yellowgray);border-radius:8px;font-size:.9rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.avatar{width:100%;height:100%;background:url(/img/avatar.png) no-repeat;background-size:cover;background-position:center center}p{margin:0}.user-wrapper .text{text-align:right;color:var(--var-white);opacity:.9}.user-wrapper .text h2{margin:0;font-size:1.25rem}header img{width:100px;height:auto}.form-login-wrapper{width:100%;height:100vh;background:#f8f8f8;position:relative}.form-login-container{background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:520px;padding:25px;display:flex;flex-direction:column;gap:20px;border-radius:15px;box-shadow:#00000014 0 1px 6px,#0000000d 0 1px 2px}.form-login-container h1{margin:0;padding-bottom:1px}.form-login-container input{background:#fff;border:2px solid transparent;border:1px solid var(--var-black);padding:15px;font-size:16px;color:#2a2a2a;border-radius:4px}.form-login-container input:disabled{background:#f4f6f7;border:1px solid #ccc}.form-login-container button{align-self:flex-start;padding:8px 12px;background:var(--var-blue);color:var(--var-white);border:2px solid transparent;border-radius:3px;font-size:16px;transition:all .25s;font-weight:500;display:flex;gap:5px}.form-login-container button:hover{color:var(--var-black);background:transparent;border:2px solid var(--var-blue);cursor:pointer}.application-body{max-width:100%;width:100%;margin:0 auto;padding:25px 22px;background:var(--var-white)}header .wrapper{flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:flex-start;padding:27px 22px}.card-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:25px 0}.card-dashboard{background:#fff;border-radius:10px;text-decoration:none;color:inherit;top:0;border:1px solid var(--var-border)}.tasks-table{width:100%}.tasks-table tbody tr td{border-top:1px solid var(--var-border);padding:10px 0}table .circle{width:25px;height:25px;border-radius:100%;border:1px solid var(--var-border);position:relative;transition:all .25s}.tasks-table td{font-family:var(--var-body)}table .circle i{position:absolute;top:50%;left:50%;font-size:.75rem;transform:translate(-50%,-50%)}table .circle i.fa-spin{top:28%;left:26%}td.main-task:hover{cursor:pointer}.tasks-table tr td .inner{display:flex;align-items:center;gap:10px;width:100%}.tasks-table tr.done td .inner{opacity:.4}.table-header.open:hover,.table-header.closed:hover{cursor:pointer}.tasks-table th{font-weight:500;text-align:left;padding:10px 0}.reminder-wrapper,.table-wrapper{border:1px solid var(--var-border);border-radius:10px}.reminder-wrapper .tasks-table tbody tr:last-child td{border-bottom:0}.reminder-wrapper .tasks-table td,.reminder-wrapper .tasks-table th{padding:10px}.customer-pill,.status-pill{background:var(--var-grey);padding:4px 12px;border-radius:25px;display:inline-flex;font-weight:500;font-size:1rem}.table-header{-webkit-user-select:none;-ms-user-select:none;user-select:none}.table-header.closed .table-deadline{display:none}button.add-text{border:none;background:none;padding:10px 0;opacity:.5;transition:all .25s}.users-inline{display:flex;gap:10px}.user-circle{width:25px;height:25px;border:1px solid var(--var-green);border-radius:100%;position:relative}.edit-overlay{background:#000;opacity:.4;position:fixed;top:0;left:0;width:100%;height:100vh;z-index:100;display:block}.edit-overlay:hover{cursor:pointer}.edit-sidebar,.create-sidebar{position:fixed;top:0;right:-200vw;width:45vw;height:100vh;background:#fff;z-index:100;transition:all .25s;border-top-left-radius:10px;border-bottom-left-radius:10px}.edit-sidebar.active,.create-sidebar.active{right:0}.edit-title,.create-title{display:flex;gap:0;padding:20px 40px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--var-border)}.edit-title i{font-size:2rem}.edit-title i:hover{cursor:pointer}.sideform .fields{display:flex}.fields label{display:block;padding:0}.fields .field input[type=text],.fields .field input,.fields .field textarea,.fields .field select{margin:5px 0;border-radius:10px;font-size:15px;border:1px solid var(--var-border);width:100%;padding:15px;box-sizing:border-box;font-family:var(--var-body)}.css-13cymwt-control,.css-1jqq78o-placeholder,.css-19bb58m{font-family:var(--var-body)}.css-13cymwt-control{border:1px solid var(--var-border)!important;border-radius:10px!important}.css-1dimb5e-singleValue{padding:5px 10px;background:var(--var-yellow);color:var(--var-black);font-family:var(--var-font);border-radius:10px}.css-1nmdiq5-menu{font-family:var(--var-body)}.css-hlgwow{display:inline-flex!important;padding:10px!important}.css-1u9des2-indicatorSeparator{display:none}.fields .field input[type=text]:focus{outline:1px solid var(--var-yellow)}.edit-content{padding:40px 40px 100px;max-height:calc(90vh - 90px);overflow-y:scroll}.edit-content::-webkit-scrollbar{display:none}.edit-content h5,.edit-title h4{margin:0}.edit-table-wrap{border:1px solid var(--var-border);padding:0;border-radius:10px}.edit-table-wrap table{border:none;border-collapse:collapse}.edit-table-wrap table tr:first-child td{border-top:none}.edit-table-wrap table.tasks-table tr:last-child td{border-bottom:none}.edit-table-wrap table.tasks-table .main-task{padding:10px}.center{text-align:center;border-left:none!important}.user-circle .inner-name{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--var-font);font-weight:500;font-size:.75rem;line-height:1}button.add-text:hover{cursor:pointer;opacity:1}.table-header{display:flex;justify-content:space-between;padding:10px 0;font-family:var(--var-font);align-items:flex-end}.table-header .table-h{font-size:1.5rem}.project-table{width:100%;border-collapse:collapse}.table-wrapper{margin-top:15px}.project-table th{text-align:left;padding:5px 10px;font-weight:500;border-right:1px solid var(--var-border)}.project-table th:last-child{border-right:none}.project-table td{font-family:var(--var-body);padding:10px;border:1px solid var(--var-border);border-bottom:0}.project-table td:first-child,.project-table td:last-child{border-right:none;border-left:none}.table-header .table-deadline{flex:1 0 15%;max-width:15%;width:15%}td.main-task:hover .circle,table .circle.active{background:var(--var-green);border:1px solid var(--var-green)}.tasks-table tbody tr td:last-child{border-left:1px solid var(--var-border);padding:10px;width:15%}.tasks-table tbody tr:last-child td{border-bottom:1px solid var(--var-border)}.card-dashboard h1{margin:0;font-size:25px}.card-header{border-bottom:1px solid var(--var-border);padding:15px 26px}.card-content{padding:15px 26px}.card-dashboard p{font-size:14px}p{font-family:Open Sans,sans-serif;opacity:.8}.appBody{background:#f8f8f8;min-height:100vh}.title-page{display:flex;justify-content:space-between;border-bottom:1px solid #ccc;align-items:center}.title-page a{background:var(--var-blue);color:var(--var-white);border:2px solid transparent;transition:all .25s;font-weight:500;text-decoration:none;padding:8px 12px;border-radius:4px}.title-page a:hover{border:2px solid var(--var-blue);background:transparent;color:var(--var-black)}p.nothing{margin:20px 0;padding:15px;background:#e0ed9950;color:var(--var-black);text-align:center;border-radius:10px;font-weight:500}td.nothing{padding:20px 0!important;text-align:center;background:#e0ed9950}.products{list-style:none;margin:20px 0;padding:0;display:flex;gap:10px;flex-wrap:wrap}.products li{padding:25px;background:#fff;border-radius:4px;box-shadow:#00000014 0 1px 6px,#0000000d 0 1px 2px}.status-table{margin:20px 0;width:100%;border-collapse:collapse;border:1px solid #ccc}.status-table th{text-align:left;padding:15px 15px 10px;background:#fff;border-bottom:1px solid #ccc;white-space:nowrap;font-weight:500;font-size:14px}.status-table tr:nth-child(2n){background:#fff}.status-table td{padding:15px;border-bottom:1px solid #ccc}.table-wrap .status-table td{border:1px solid #ccc}.table-wrap{overflow-x:scroll}.table-wrap::-webkit-scrollbar{display:none}.status-table tr:hover td{cursor:pointer;background:#1b414e;color:#fff;white-space:nowrap}.pill{padding:8px 26px;border-radius:25px;background:var(--var-blue);color:#fff;display:inline-flex;font-weight:500;white-space:nowrap}.pill.new{color:#004085;background-color:#cce5ff;border-color:#b8daff}.pill.finished{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.pill.waiting{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.pill.cancelled{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.pill.startet{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.filter-wrapper{display:flex;gap:25px;align-items:center;margin-top:20px;justify-content:flex-end}.filter-wrapper .filter{flex:0 0 15%}.loading-animation{position:relative;height:100%}.loading-animation .inner-animation{font-size:5rem;position:absolute;top:50%;text-align:center;left:50%;transform:translate(-50%,-50%)}.loading-animation.inline-table .inner-animation{transform:translate(-50%)}.filter input,.filter select{width:100%;border-radius:10px;border:none;padding:15px;border:1px solid var(--var-border);box-sizing:border-box;font-size:14px;color:var(--var-black)}.filter input:focus{outline:1px solid var(--var-yellow)}.filter input::placeholder{opacity:.8;color:var(--var-black)}.price-wrapper{display:flex;align-items:center;gap:2px;white-space:nowrap;font-family:var(--var-body)}.checkbox-wrap{display:flex;align-items:center;gap:10px;justify-content:flex-start}.checkbox-wrap label{flex:0;flex-grow:0;white-space:nowrap}.checkboxes{display:flex;flex-direction:column;gap:8px}.toggle-switch{display:flex;align-items:center;margin-bottom:1rem;gap:15px;width:100%;flex-wrap:wrap}.toggle-switch input[type=checkbox]{display:none}.toggle-switch label{position:relative;padding-left:50px;cursor:pointer;font-size:1rem}.toggle-switch .slider{position:absolute;left:0;top:0;width:40px;height:22px;background-color:#ccc;border-radius:50px;transition:.3s}.toggle-switch .slider:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background-color:#fff;border-radius:50%;transition:.3s}.toggle-switch input:checked+label .slider{background-color:#4cd964}.fields .field input[type=text].toggle-sum{width:100%;flex:1 0 100%;max-width:100%;margin-left:auto;flex-grow:1}.toggle-switch input:checked+label .slider:before{transform:translate(18px)}.checkbox-wrap input{flex:0;flex-grow:0;width:auto}.currency{font-size:12px;font-family:inherit}#budgetOverlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-2}#budgetOverlay.active{z-index:100}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#1c1c1c;opacity:.4;display:none}.overlay.active{display:block}.overlay:hover{cursor:pointer}#budgetOverlay.active .overlay{display:block}.sidebar{position:fixed;width:40vw;right:-200%;top:0;background:#fff;height:100vh;padding:25px 45px 200px;transition:all .25s;box-shadow:#00000014 0 1px 6px,#0000000d 0 1px 2px;overflow-y:scroll}#budgetOverlay.active .sidebar{right:0}.fields{display:flex;align-items:center;margin-bottom:20px;gap:15px}.fields.nomarg{margin-bottom:0}.field{flex:1}.fields label{display:block;margin-bottom:3px;font-size:15px;font-weight:500}.button-wrapper{display:flex;align-items:center;justify-content:flex-end;gap:10px}.sidebar::-webkit-scrollbar{display:none}.sidebar .button-wrapper{margin-bottom:100px}.sidebar h1{margin:0}.sidebar h5{font-size:1.15rem;margin:5px 0;opacity:.5}input:read-only{background:#f4f6f7;border:1px solid #f4f6f7;color:#1c1c1c}input:read-only:hover{cursor:unset}.button-wrapper button{background:var(--var-blue);color:var(--var-white);border:2px solid var(--var-blue);padding:9px 22px;font-size:16px;font-weight:500;border-radius:4px;transition:all .25s}.button-wrapper button.alt{background:transparent;color:var(--var-blue)}.button-wrapper button:hover{cursor:pointer}button.alt:hover{background:var(--var-blue);color:var(--var-white)}button.main:hover{background:transparent;color:var(--var-blue)}.budget-title{border:1px solid transparent;padding:25px;font-family:var(--var-font);border-radius:3px;display:flex;justify-content:space-between;transition:all .25s}.budget-wrapper{border:1px solid #ccc;margin:20px 0;border-radius:3px}.pre-budget-fields{padding:25px;background:#f4f6f7}.budget-title:hover{cursor:pointer;border:1px solid var(--var-blue)}