body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{height:100%;margin:0;padding:0}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}@font-face{font-family:Roboto Regular;font-style:normal;font-weight:400;src:url(/static/media/roboto-regular.3fa1d175c4484042f341.svg) format("svg");src:url(/static/media/roboto-regular.995925539296a9109dba.ttf) format("truetype");src:url(/static/media/roboto-regular.2163579e5723555030da.woff) format("woff");src:url(/static/media/roboto-regular.61a111dc19ac475d6861.woff2) format("woff2")}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.switch-link{margin-top:15px;text-align:center}.switch-link button{background:none;border:none;color:#007bff;cursor:pointer;font-size:14px;text-decoration:underline}body{background-color:#33404d;font-family:Roboto Regular;margin:0;padding:0}body *{transition:all .4s ease}ul{list-style-type:none;padding:0}.app{margin:0 auto;max-width:800px;padding:20px}.app-container{align-items:center;display:flex;flex-direction:column;height:100vh}.login-page{margin:50px auto;max-width:400px}.login-page,.profile-page{background-color:#1f2430;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px}.profile-page{margin:10px auto;max-width:1200px}.page-container{background-color:#1f2430;border-radius:8px;box-shadow:0 2px 10px #0000001a;box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;margin:10px 0;max-width:99%;overflow-x:auto;padding:20px;width:100%}h2{margin-bottom:20px}h2,p{color:#cad1d8;text-align:center}p{margin-bottom:0}.modal-content p{text-align:left}.modal-content div{margin-bottom:20px}.text-block{color:#999;margin-bottom:2em;text-align:left}.com,.com modal-content{color:#999;margin:10px 0 auto;text-align:left}.modal-content div,.modal-content input{margin:10px 0}.user-info p{color:#cad1d8;margin:15px 0}form div{margin-bottom:15px}label{color:#cad1d8;display:block;font-weight:700;margin-bottom:5px}input[type=password],input[type=text]{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;padding:10px;width:100%}.Important-button{background-color:#9b1c1c}.Important-button:hover{background-color:#c53030;box-shadow:0 2px 8px #c5303059}button{background-color:#1e5fc2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin:10px auto;padding:11px 16px;transition:background-color .2s,transform .1s,box-shadow .2s;width:100%}.frame{background-color:#33404d;border:2px solid #999;border-radius:6px;margin:10px 0;padding:6px;width:344px}.frame,.frame p{font-size:16px}.frame:hover{border-color:#cad1d8}button:hover{background-color:#2471e8;box-shadow:0 2px 8px #2471e859}button:active{transform:scale(.98)}button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.error{background-color:#f8d7da;border-radius:4px;color:#721c24;margin-bottom:15px;padding:10px;position:relative;text-align:center;z-index:1}.form-group{margin-bottom:10px}.form-group label{display:block;font-weight:500;margin-bottom:5px;text-align:left}.form-group input{border:1px solid #ddd;border-radius:4px;padding:8px;width:100%}.button-small{height:auto;margin-bottom:auto;min-width:auto;width:30%}.user-info p{font-size:20px;margin:5px 0;text-align:left}.buttonName{display:flex}.buttonName button{font-size:20px;margin:10px 5px;min-width:50px;padding:6px;width:50px}.com p{font-size:18px}.com p,h3{color:#cad1d8}h3{margin:0;text-align:left}.description-textarea{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-family:inherit;max-height:200px;min-height:120px;padding:12px;resize:vertical;width:100%}.description-textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.char-counter{color:#6c757d;font-size:.875rem;margin-top:4px;text-align:right}.margin-top-large{margin-top:10em}.avatar-wrapper{display:inline-block;float:right;margin:30px;position:relative}.avatar-upload-label{cursor:pointer;display:block}.avatar-file-input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%;z-index:0}.avatar-container{background-color:#e0e0e0;border-radius:50%;height:200px;overflow:hidden;position:relative;transition:all .3s ease;width:200px;z-index:0}.avatar-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.avatar-placeholder{color:#323332;font-size:40px;text-transform:uppercase;transition:background-color .3s ease}.avatar-overlay,.avatar-placeholder{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.avatar-overlay{background-color:#c8c8c8cc;border-radius:50%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:3}.rounded-plus{align-items:center;background-color:#333;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:96px;font-weight:700;height:80px;justify-content:center;transition:background-color .3s ease,transform .3s ease;width:80px}.avatar-upload-label:hover .rounded-plus{background-color:#323332;transform:scale(1.08)}.avatar-upload-label:hover .avatar-overlay{opacity:1;visibility:visible}.avatar-upload-label:hover .avatar-container{transform:scale(1.05)}.avatar-upload-label:hover .avatar-image,.avatar-upload-label:hover .avatar-placeholder{filter:brightness(.9)}.uploading-spinner{color:#6c757d;font-size:12px;margin-top:10px;text-align:center}.confirm-modal{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000bf;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#1f2430;border:1px solid #3d4763;border-radius:12px;box-shadow:0 8px 32px #00000080;max-height:90vh;max-width:480px;min-width:360px;overflow-y:auto;padding:28px 32px;width:100%}.modal-content h3{color:#cad1d8;font-size:18px;letter-spacing:.3px;margin:0 0 24px}.modal-content form .field-group,.modal-content form>div{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.modal-content label{color:#8b95a8;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.modal-content input[type=email],.modal-content input[type=password],.modal-content input[type=text]{background:#2b3245;border:1.5px solid #3d4763;border-radius:8px;box-sizing:border-box;color:#cad1d8;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.modal-content input[type=email]:focus,.modal-content input[type=password]:focus,.modal-content input[type=text]:focus{border-color:#617099;box-shadow:0 0 0 3px #61709933}.modal-content input[type=datetime-local]{background:#2b3245;border:1.5px solid #3d4763;border-radius:8px;box-sizing:border-box;color:#cad1d8;color-scheme:dark;cursor:pointer;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.modal-content input[type=datetime-local]:focus{border-color:#617099;box-shadow:0 0 0 3px #61709933}.modal-content input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.7);opacity:.7;-webkit-transition:opacity .2s;transition:opacity .2s}.modal-content input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{opacity:1}.modal-content select{appearance:none;-webkit-appearance:none;background:#2b3245;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%238b95a8' d='m1 1 5 5 5-5'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border:1.5px solid #3d4763;border-radius:8px;box-sizing:border-box;color:#cad1d8;cursor:pointer;font-size:14px;outline:none;padding:10px 36px 10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.modal-content select:focus{border-color:#617099;box-shadow:0 0 0 3px #61709933}.modal-content select option{background:#2b3245;color:#cad1d8}.modal-content button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;margin-top:8px;padding:11px 16px;transition:background-color .2s,transform .1s,box-shadow .2s;width:100%}.modal-content button:active{transform:scale(.98)}.modal-content button:disabled{cursor:not-allowed;opacity:.5;transform:none}.modal-content .assign-buttons{display:flex;gap:10px}.modal-content .assign-buttons button{flex:1 1;margin-top:0}.modal-buttons{display:flex;gap:10px;justify-content:space-between;margin-top:20px}.modal-buttons button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-weight:600;padding:10px 20px}.modal-buttons button:first-child{background:#9b1c1c;color:#fff}.modal-buttons button:last-child{background:#1e5fc2;color:#fff}.modal-buttons button:first-child:hover{background:#c53030}.modal-buttons button:last-child:hover{background:#2471e8}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#1f2430;border-radius:6px}.modal-content::-webkit-scrollbar-thumb{background:#3d4763;border-radius:6px}.nav-avatar{border-radius:1000px;height:32px;margin-left:8px}.header{background-color:#1f2430;box-shadow:0 2px 4px #0000001a;flex:0 0;height:56px;padding:0;width:100%}.header-container{align-items:center;box-sizing:border-box;display:flex;height:56px;justify-content:space-between;margin:0 auto;max-width:1200px;padding-left:20px}.logo h1{color:#cad1d8;font-family:Roboto Regular;font-size:24px;margin:0;text-decoration:none}h1:hover{color:#fff}.logo a{text-decoration:none}.nav-list{display:flex;list-style:none;margin:0;opacity:0;padding:0}.nav-list.visible{opacity:1}.nav-list li{align-items:center;display:flex;height:56px;padding:0 1rem}.nav-list li:hover{background-color:#00000040;box-shadow:inset 0 -2px #08e8de}.nav-list a{align-items:center;color:#cad1d8;display:flex;font-size:18px;height:56px;text-decoration:none}.nav-list a:hover{color:#fff}.mainpage{box-sizing:border-box;padding:0 16px;transition:all .4s ease}.mainpage__intro{align-items:stretch;background-color:#1f2430;box-shadow:0 4px 16px #0000002e;gap:24px;margin:16px auto;max-width:1200px;padding:28px}.left-content,.mainpage__intro{border-radius:8px;box-sizing:border-box;display:flex}.left-content{background-color:#2b3245;box-shadow:inset 0 1px 3px #0000004d;flex:1 1;flex-direction:column;justify-content:center;min-width:0;padding:28px 32px}.left-content h1{color:#e2e8f0;font-size:1.45rem;font-weight:700;line-height:1.3;margin:0 0 14px}.left-content li,.left-content p{color:#cad1d8;font-size:1rem;line-height:1.65;margin:6px 0}.tasks-container{background-color:#2b3245;border-radius:8px;box-shadow:inset 0 1px 3px #0000004d;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;max-width:480px;padding:24px 20px 20px}.tasks-title{background-color:#2b3245;border-bottom:1px solid #ffffff12;color:#e2e8f0;font-size:1.15rem;font-weight:700;margin:0 0 16px;padding-bottom:4px;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:10}.tasks-empty,.tasks-loading{color:#8892a4;font-size:.95rem;padding:28px 0;text-align:center}.tasks-list{display:flex;flex:1 1;flex-direction:column;gap:10px;list-style-type:none;margin:0;padding:0}.tasks-list--scroll{max-height:360px;overflow-y:auto;padding-right:6px}.tasks-list::-webkit-scrollbar{width:6px}.tasks-list::-webkit-scrollbar-track{background:#2b3245;border-radius:8px}.tasks-list::-webkit-scrollbar-thumb{background:#6b7a99;border-radius:8px}.tasks-list::-webkit-scrollbar-thumb:hover{background:#8892a4}.task-item{background-color:#3d4763;border:1px solid #ffffff0d;border-radius:10px;box-sizing:border-box;color:#cad1d8;cursor:pointer;min-width:0;padding:14px 16px;text-align:left;transition:background-color .25s ease,transform .2s ease,box-shadow .2s ease}.task-item:hover{background-color:#4a587e;box-shadow:0 6px 18px #00000040;transform:translateY(-2px)}.task-item:last-child{margin-bottom:0}.task-item__title{color:#cad1d8;font-size:1.05rem;font-weight:700;line-height:1.35;margin-bottom:8px;word-break:break-word}.task-item__meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;min-width:0}.task-item__label{background:#cad1d812;border-radius:3px;color:#cad1d8;flex-shrink:0;font-size:.87rem;font-weight:700;letter-spacing:.08em;padding:1px 5px;text-transform:uppercase;white-space:nowrap}.task-item__value{color:#cad1d8;font-size:.87rem;font-weight:400;min-width:0;word-break:break-word}.task-item__value--truncate{display:inline-block;max-width:220px;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.task-item__value--muted{color:#cad1d8;font-style:italic}.task-item__badge{background-color:#4a587e99;border:1px solid #a8c0e82e;border-radius:9999px;color:#cad1d8;display:inline-block;font-size:.78rem;font-weight:500;padding:2px 10px;white-space:nowrap}@media (max-width:960px){.mainpage__intro{gap:18px;padding:20px}.tasks-container{max-width:380px}.task-item__value--truncate{max-width:160px}}@media (max-width:768px){.mainpage{padding:0 8px}.mainpage__intro{align-items:stretch;flex-direction:column;gap:14px;margin:8px auto;padding:14px}.left-content{padding:20px}.tasks-container{max-width:100%;width:100%}.tasks-list--scroll{max-height:300px}.task-item__value--truncate{max-width:none;overflow:visible;text-overflow:clip;white-space:normal}}@media (max-width:400px){.mainpage__intro{border-radius:6px;padding:10px}.task-item{padding:10px 12px}.task-item__title{font-size:.98rem}}.kan-ban-list-sort{background-color:#2b3245;border-radius:6px;margin-bottom:16px;padding:10px}.nav-sort{display:flex}.nav-sort button+button{margin-left:10px}.kan-ban-list{background-color:#2b3245;border-radius:6px;padding:10px}.kan-ban-list .inf{align-items:center;display:flex;justify-content:space-between;padding:0}.kan-ban-list .inf button{margin:0;width:200px}.kan-ban-list ul{margin:0}.kan-ban-list ul button{background-color:#3d4763;border-radius:6px;display:flex;flex-direction:column;justify-content:space-around;margin-bottom:0}.kan-ban-list ul button:hover{box-shadow:0 0 10px 2px #08e8de78}.kan-ban-list .sort-row{display:flex;justify-content:space-between}.sort-row h3,.sort-row p{margin:4px 0;word-break:break-all}.sort-row+.sort-row p{margin:16px 0 0}.inf h3,.kan-ban-list-sort h3{font-size:1.7em}.pagination{background-color:#2b3245;border-radius:6px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px;padding:10px}.pagination button{background-color:#3d4763;border-radius:8px;cursor:pointer;font-weight:600;height:34px;margin:0;padding:0;width:34px}.pagination button:hover:not(.active){background-color:#2471e8;box-shadow:0 2px 8px #2471e859}.pagination button.active{background-color:#1e5fc2}.pagination button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.inf-panel{background-color:#2b3245;border-radius:6px;display:flex;flex:0 0 auto;flex-direction:column;justify-content:space-around;margin-bottom:16px;padding:10px}.inf-panel strong{margin-right:1ch}.inf-panel .row{display:flex;flex-wrap:wrap;justify-content:space-between}.row h3,.row p{align-items:center;display:flex;margin:0;word-break:break-all}.row+.row p{margin:20px 0 0}.modal-content h3{text-align:center}.modal-content .row{margin:0}.members-avatar{border-radius:1000px;height:32px;margin-left:8px;margin-right:-24px;width:32px}.row button{align-items:center;background-color:#0000;color:#cad1d8;display:flex;margin:0;padding:0;word-break:break-all}.members-list{gap:6px;padding:8px}.members-list button{background-color:#3d4763;border-radius:6px;display:flex;flex-direction:column;justify-content:space-around;margin:0}.members-list button:hover{box-shadow:0 0 4px 1px #08e8de78}.modal-member{align-items:center;display:flex;flex:0 1 auto;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;overflow-x:hidden;overflow-y:auto}.set-panel{background-color:#2b3245;border-radius:6px;display:flex;flex:0 0 auto;flex-direction:row;gap:8px;justify-content:space-around;margin-bottom:16px;padding:10px}.set-panel button{margin:0}.board-panel{align-items:stretch;background-color:#2b3245;border:5px dashed #2b3245;border-radius:6px;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;gap:15px;justify-content:space-between;overflow-x:auto;overflow-y:hidden;padding:5px}.board-panel,.categori{display:flex;margin-bottom:0}.categori{align-items:center;background-color:#3d4763;border:3px solid #3d4763;border-radius:6px;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;min-width:300px;overflow-x:hidden;overflow-y:auto;padding:10px}.categori>button{display:flex;justify-content:center;margin:0;padding:0}.categori>button,.categori>button:hover{background-color:#0000}.bib{height:100%;width:100%}.categ-h{justify-content:space-around;max-width:100%}.categ-h,.task-list{display:flex;width:100%}.task-list{align-items:center;flex:1 1 auto;flex-wrap:nowrap;justify-content:flex-start;margin-right:-4px;margin-top:16px;min-width:300px;overflow-x:hidden;overflow-y:auto;padding-right:4px}.task,.task-list{flex-direction:column}.task{background-color:#2b3245;border:2px solid #617099;border-radius:6px;box-sizing:border-box;color:#cad1d8;display:flex;font-size:16px;justify-content:space-around;margin:0;padding:4px;text-align:left;width:100%}.task+.task{margin-top:12px}.task:hover{background-color:#3d4763}.create{align-items:center;background-color:#fff0;border:3px dashed #3d4763;display:flex;flex-direction:row;margin-top:16px;overflow-y:hidden;button{background-color:#fff0;color:#3d4763;font-size:20px;height:100%;margin:0;div{font-size:50px}}button:hover{background-color:#3d4763;color:#cad1d8}}.categori .create{align-items:center;background-color:#fff0;border:3px dashed #617099;display:flex;flex-direction:row;margin-top:0;overflow-y:visible;overflow-y:initial;button{background-color:#fff0;color:#617099;font-size:20px;height:50px;margin:0;div{font-size:10px}}button:hover{background-color:#617099;color:#cad1d8}}.categori.create{margin-top:0}.task.create{margin-right:0;margin-top:16px}.task.move{height:100%;margin-top:0;max-height:100%;min-height:24px;opacity:0}label{text-align:left}.task-list::-webkit-scrollbar{width:8px}.board-panel::-webkit-scrollbar{height:12px}.board-panel::-webkit-scrollbar-track,.task-list::-webkit-scrollbar-track{background:#1f2430;border-radius:8px}.task-list::-webkit-scrollbar-track{background:#2b3245}.board-panel::-webkit-scrollbar-thumb,.task-list::-webkit-scrollbar-thumb{background:#617099;border-radius:8px}.task-list::-webkit-scrollbar-thumb,.task-list::-webkit-scrollbar-track{margin-left:8px}.profile-info{margin:0 0 .5rem}.name-with-avatar{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.user-name{color:#cad1d8;flex:1 1 auto;font-size:5rem;font-weight:600;margin:0;overflow-wrap:break-word;word-break:break-word}.profile-avatar{border:4px solid #cad1d8;border-radius:50%;box-shadow:0 2px 6px #0000001a;height:120px;margin-left:1rem;object-fit:cover;width:120px}.user-description{word-wrap:break-word;background-color:#2d3748;border:3px solid #4a5568;border-radius:12px;color:#cad1d8;font-size:1.2rem;font-weight:450;-webkit-hyphens:auto;hyphens:auto;margin-top:1rem;max-width:100%;overflow-wrap:break-word;padding:1rem 1.5rem;text-align:start;word-break:break-word}