.sidebar{left:0;margin:0;position:sticky}.sidebar-menu{background-color:#000;height:100vh;max-width:fit-content;opacity:.5;overflow-y:auto;padding-right:20px;transition:transform .3s ease,width .3s ease,padding-right .3s ease;white-space:nowrap;width:100%}.sidebar-menu.hidden{padding-right:0;transform:translateX(-100%);width:0}.sidebar-menu.visible{padding-right:10px;transform:translateX(0);width:200px}.sidebar a{display:block;font-family:Arial,Helvetica,sans-serif;font-size:large;padding:20px 0 20px 20px;text-decoration:none;width:100%}.sidebar a,.sidebar-menu span{color:#d3d3d3}.sidebar-menu span{padding:10px}.sidebar ul{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;list-style-type:none;margin:0;padding:0}.sidebar li{color:#d3d3d3;flex-direction:row;flex-wrap:nowrap;justify-content:center;max-height:25px;min-height:min-content;text-align:left;width:100%}.sidebar a:hover{background-color:gray;color:#000}.sidebar a:active{background-color:#8a8a8a;color:#333}.sidebar a:hover .icon{transform:scale(1.1)}.icon{color:#d3d3d3;height:20px;padding-right:15px}.main-layout{margin:0;padding:0}.header{height:40px;left:0;position:fixed;top:0;width:100%;z-index:1000}.layout-content{display:flex;margin-top:50px}.menu{flex-shrink:0;width:fit-content}.content{flex-grow:1;overflow:auto;padding:20px;white-space:nowrap}body,html{background-image:url(/static/media/background-regular.556473e5e80781f47789.png);background-size:cover;margin:0;overflow:hidden;padding:0}.header{align-items:center;background-color:#000;display:flex;justify-content:space-between;opacity:.5;padding-bottom:5px;padding-top:5px}.menu-button,.right button{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;margin-left:10px}.right button{margin-right:10px}.menu-button:hover,.night-mode-button:hover,.profile-button:hover{transform:scale(1.1)}.profile-button-container{display:inline-block;position:relative}.profile-menu{align-items:center;background-color:#000;box-shadow:0 8px 16px #0003;display:flex;flex-direction:column;padding-bottom:5px;padding-top:5px;position:absolute;right:0;top:40px;z-index:1}.notification-button{position:relative}.notification-count{background-color:red;border-radius:50%;color:#fff;font-size:12px;font-weight:700;min-height:18px;min-width:18px;padding:4px 6px;position:absolute;right:0;transform:translate(50%,-50%)}.notification-count,.popup-overlay{align-items:center;display:flex;justify-content:center;top:0}.popup-overlay{background:#00000080;height:100%;left:0;position:fixed;width:100%;z-index:1000}.popup-content{word-wrap:break-word;animation:fadeIn .3s ease-in-out;background:#fff;border-radius:8px;box-shadow:0 4px 10px #0000004d;max-width:400px;overflow-wrap:break-word;padding:20px;position:relative;text-align:center;white-space:normal;width:90%}.popup-content h2{color:#333;font-size:22px;margin-top:0}.popup-content p{color:#555;font-size:16px;margin-bottom:10px}.popup-input{border:1px solid #ccc;border-radius:5px;font-size:16px;margin:15px;padding:8px;width:90%}.popup-buttons{display:flex;gap:10px;justify-content:space-around}.popup-buttons button{border:none;border-radius:5px;cursor:pointer;font-size:16px;padding:10px 15px;transition:.2s ease-in-out}.popup-buttons button:first-child{background-color:#4caf50;color:#fff}.popup-buttons button:first-child:hover{background-color:#388e3c}.popup-buttons button:first-child:disabled{background-color:#388e3c!important;cursor:not-allowed;opacity:.7}.popup-buttons button:last-child{background-color:#f44336;color:#fff}.popup-buttons button:last-child:hover{background-color:#d32f2f}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.label-input-container{align-items:center;display:flex}.comments-container{margin-top:20px}.comment{border:1px solid #ddd;border-radius:5px;margin-bottom:10px;padding:10px}.comment small{color:#888;display:block;text-align:right}.add-comment{margin-top:10px}#notifications-menu{align-items:left;background-color:#000;box-shadow:0 8px 16px #0003;display:flex;flex-direction:column;max-height:500px;padding-bottom:5px;padding-top:5px;position:absolute;right:0;top:40px;width:200px;z-index:1}#event-card{color:#fff;padding-left:10px;text-align:left}*{font-family:Arial,Helvetica,sans-serif}.content-container{align-items:center;display:flex;flex-direction:column;width:auto}input{background-color:#000;border-radius:7px;color:#fff;font-size:larger;opacity:.6;text-align:center;width:fit-content}.rounded-container{border-radius:7px;margin-top:7px;max-width:90%;padding:5px}.rounded-container-header{align-items:center;background-color:#000000b3;border-radius:7px 7px 0 0;color:#fff;display:flex;justify-content:space-between;padding:10px}.rounded-container-content{background-color:#0009;border-radius:0 0 7px 7px;color:#fff;display:flex;flex-wrap:wrap;justify-content:center;padding:10px}.rounded-container-content-middle{align-items:center;color:#fff;display:flex;flex:1 0 100%;flex-direction:column;padding:10px}.rounded-container-header-left,.rounded-container-header-right{align-items:center;display:flex;overflow:hidden}.rounded-container-footer{align-items:center;background-color:#fff3;bottom:0;display:flex;height:50px;margin-top:50px;position:absolute;width:100%}button{background-color:#0003;border-color:#0006;border-radius:7px;border-width:2px;color:#fff;margin:2px}.centering-div{align-items:center;display:flex;flex-direction:row}#board-wrapper:hover,#member-tile:hover,#new-member-tile:hover,#new-team-board:hover,#task-card:hover,#team-board:hover,.circle:hover{transform:scale(1.02)}#new-team-button:hover,.add-new-task-button:hover,.notification-button:hover{animation:shake .5s}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-2px)}50%{transform:translateX(2px)}75%{transform:translateX(-2px)}to{transform:translateX(0)}}.floating-button{background-color:initial;border:none;cursor:pointer;position:absolute;right:5px;top:5px}.popup-loader{animation:spin 1s linear infinite;border:5px solid #ccc;border-radius:50%;border-top-color:#4caf50;height:50px;margin:0 auto;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.circle{align-items:center;background-color:#000;border-radius:50%;color:#fff;display:flex;font-size:24px;height:150px;justify-content:center;margin:10px;opacity:.7;transition:transform .3s ease;width:150px}.favourite-boards-label{color:#000;font-size:30px;margin:10px;opacity:.7;text-align:center}#team-page-container{height:88%}.all-teams{align-items:center;display:flex;flex-direction:column;height:850px;overflow-y:auto;width:100%}.team-search{margin-top:10px;padding:10px}.team-name{font-size:30px}.go-to-boards-button{cursor:pointer;font-size:20px;margin-left:20px;overflow:hidden;padding:5px}#team-container{border-radius:7px;height:fit-content;margin:10px;width:90%}#member-tiles-container{display:flex;flex-wrap:wrap;height:fit-content;justify-content:flex-start}#member-tile{background-color:#0003}#member-tile,#new-member-tile{align-content:center;border-radius:7px;height:50px;margin:10px;min-width:100px;transition:transform .3s ease;width:calc(25% - 40px)}#new-member-tile{background-color:#fff3}#member-tile:hover button{opacity:1}#new-team-button{background-color:#fff;cursor:pointer;font-size:25px;opacity:.8;padding:15px}#delete-team-button{margin-left:15px;opacity:1;position:relative;right:0;top:0}.autocomplete-input{font-size:16px;margin:10px 0;padding:8px;width:90%}.autocomplete-input,.autocomplete-list{border:1px solid #ccc;border-radius:5px}.autocomplete-list{background:#fff;left:50%;list-style:none;margin:0;max-height:200px;overflow-y:auto;padding:0;position:absolute;transform:translateX(-50%);width:calc(90% - 2px);z-index:1001}.autocomplete-list li{cursor:pointer;padding:10px;transition:background .2s}.autocomplete-list li:hover{background:#f0f0f0}.toast-notification{word-wrap:break-word;align-items:center;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;font-family:Arial,sans-serif;font-size:14px;gap:12px;max-width:500px;min-width:300px;padding:16px;position:fixed;right:20px;top:20px;transition:all .3s ease-in-out;z-index:9999}.toast-notification.visible{opacity:1;transform:translateX(0)}.toast-notification.hidden{opacity:0;transform:translateX(100%)}.toast-notification.success{background-color:#10b981;border-left:4px solid #047857;color:#fff}.toast-notification.error{background-color:#ef4444;border-left:4px solid #dc2626;color:#fff}.toast-notification.warning{background-color:#f59e0b;border-left:4px solid #d97706;color:#fff}.toast-notification.info{background-color:#3b82f6;border-left:4px solid #2563eb;color:#fff}.toast-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.toast-message{flex-grow:1;line-height:1.4}.toast-close{align-items:center;background:none;border:none;border-radius:4px;color:currentColor;cursor:pointer;display:flex;justify-content:center;opacity:.7;padding:4px;transition:opacity .2s ease}.toast-close:hover{background-color:#ffffff1a;opacity:1}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast-notification{animation:slideInRight .3s ease-out}.invitations-tabs{border-bottom:2px solid #e0e0e0;display:flex;margin-bottom:20px}.tab-button{background:none;border:none;border-bottom:2px solid #0000;color:#6c757d;cursor:pointer;font-size:16px;font-weight:500;padding:12px 20px;transition:all .3s ease}.tab-button:hover{background-color:#f8f9fa;color:#495057}.tab-button.active{background-color:#f8f9fa;border-bottom-color:#007bff;color:#007bff}.invitations-content{max-height:calc(100vh - 200px);min-height:400px;overflow-y:auto;padding-right:8px}.invitations-list{display:flex;flex-direction:column;gap:16px}.no-invitations{color:#6c757d;font-size:18px;padding:40px 20px;text-align:center}.invitation-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:box-shadow .3s ease}.invitation-card:hover{box-shadow:0 4px 8px #00000026}.invitation-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.invitation-header h3{color:#333;font-size:20px;font-weight:600;margin:0}.status-badge{border-radius:20px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.invitation-body{line-height:1.6;margin-bottom:16px}.invitation-body p{color:#555;margin:8px 0}.invitation-body strong{color:#333;font-weight:600}.invitation-actions{display:flex;gap:12px;justify-content:flex-end}.invitation-actions button{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;min-width:100px;padding:8px 16px;transition:all .3s ease}.accept-button{background-color:#28a745;color:#fff}.accept-button:hover{background-color:#218838;transform:translateY(-1px)}.decline-button{background-color:#dc3545;color:#fff}.decline-button:hover{background-color:#c82333;transform:translateY(-1px)}.cancel-button{background-color:#6c757d;color:#fff}.cancel-button:hover{background-color:#5a6268;transform:translateY(-1px)}.content-container{height:100%;overflow-y:auto;padding:20px}@media (max-width:768px){.invitation-header{align-items:flex-start;gap:8px}.invitation-actions,.invitation-header{flex-direction:column}.invitation-actions button{width:100%}.invitations-tabs{flex-direction:column}.tab-button{border-bottom:1px solid #e0e0e0;border-radius:0}.tab-button.active{background-color:#007bff;color:#fff}}#team-boards-container{color:#fff;font-size:25px;width:90%}#new-team-board,#team-board{align-content:center;border-radius:7px;height:100px;margin:10px;min-width:150px;transition:transform .3s ease;width:calc(25% - 40px)}#new-team-board{background-color:#fff3}#all-team-boards{display:flex;flex-wrap:wrap;justify-content:flex-start}#board-wrapper{align-items:center;background-color:#0009;border-radius:7px;color:#fff;display:flex;height:100px;justify-content:center;margin:10px;min-width:150px;position:relative;transition:transform .3s ease;width:calc(25% - 40px)}#board-wrapper:hover .action-buttons{opacity:1}.board-content{pointer-events:none}.action-buttons{display:flex;gap:5px;opacity:0;position:absolute;right:5px;top:5px;transition:.3s ease}.action-buttons button{background-color:initial;border:none;cursor:pointer;padding:0}.action-buttons button:hover svg{opacity:.8}.all-columns{display:flex;flex-direction:row;height:100%;margin-bottom:2%;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 .5%,#000 99.5%,#0000);mask-image:linear-gradient(90deg,#0000 0,#000 .5%,#000 99.5%,#0000);overflow-y:auto;padding:0 5px;width:100%}.board-name{color:#000;font-size:30px;margin:10px;opacity:.8;text-align:center}#column-container{align-items:flex-start;display:flex;flex-direction:column;width:270px}#column-header{height:70px;transform:transform .3s ease}#column-content,#column-header{display:flex;flex-direction:row;min-width:250px;position:relative;width:20%}#column-content{height:calc(fit-content + 10%);padding-bottom:50px}#edit-task-button{margin-right:4px;position:absolute;top:30px}.column-label{font-size:30px;text-align:center;width:100%}#task-card{background-color:#fff3;border-radius:7px;margin-bottom:10px;padding:10px;position:relative;transform:transform .3s ease;width:100%}.label-container,.tag-container{font-size:small;height:10%;margin:0;overflow:hidden}.tag{border-radius:7px;margin-right:2px;padding-left:4px;padding-right:4px}.task-name{text-wrap:wrap;margin:10px 0}#column-header:hover button,#new-column:hover p,#task-card:hover button{opacity:1}.add-new-task-button{cursor:pointer;padding:20px;text-align:center;width:100%}#new-column{align-items:center;border:1px;border-color:gray;border-style:dashed;cursor:pointer;display:flex;height:100px;justify-content:center;margin:11px 5px 0;min-width:250px;text-align:center;transition:.3s ease;width:270px}#new-column p{color:#fff;font-size:20px;opacity:0;transition:opacity .4s ease}#new-column:hover{background-color:#fff3}#event-name{width:100%}#event-desc{justify-content:left;text-align:left;width:100%}#event-container{width:80%}#event-time{text-align:right}#mark-as-read-button{stroke:#fff;align-items:center;border:none;cursor:pointer;display:flex}#mark-as-read-button p{font-size:large;margin-right:10px}#mailbox{align-items:center;display:flex;flex-direction:column;height:700px;margin-right:2%;-webkit-mask-image:linear-gradient(180deg,#0000 0,#000 .5%,#000 99.5%,#0000);mask-image:linear-gradient(180deg,#0000 0,#000 .5%,#000 99.5%,#0000);overflow:auto;width:100%}