html,body{height:100%;margin:0;padding:0;font-family:Inter,sans-serif;overflow:hidden}html,body{--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px}html,body{--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}*{box-sizing:border-box}:root{--heading-font-size: 68px}@media (max-width: 1200px){:root{--heading-font-size: 60px}}@media (max-width: 900px){:root{--heading-font-size: 52px}}@media (max-width: 500px){:root{--heading-font-size: 44px}}@media (max-width: 400px){:root{--heading-font-size: 36px}}button{cursor:pointer;border-radius:8px;font-weight:700;border:none;transition:all .2s ease-in-out}button:hover{box-shadow:0 4px 4px #0000004d}.secondary-btn,.primary-btn{font-size:21px;font-weight:700;border-radius:8px;height:48px;min-width:110px;padding:0 20px}.primary-btn{background-color:#2a3647;color:#fff;border:none;display:flex;align-items:center;justify-content:center;gap:10px}.primary-btn:hover{background-color:#29abe2;transform:scale(1.01);box-shadow:0 4px 8px #0000004d}.primary-btn mat-icon{font-size:20px;width:20px;height:20px}.secondary-btn{background-color:#fff;color:#2a3647;border:1px solid #2a3647;display:flex;align-items:center;justify-content:center;gap:10px}.secondary-btn:hover{border-color:#29abe2;color:#29abe2;transform:scale(1.01);box-shadow:0 4px 8px #00000014}.secondary-btn:hover mat-icon{color:#29abe2}.secondary-btn mat-icon{font-size:20px;width:20px;height:20px;color:#2a3647}@media (max-width: 768px){.primary-btn,.secondary-btn{height:40px;font-size:18px;min-width:90px;padding:0 16px}}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.style-avatar-overlap[data-tooltip]{position:relative}.style-avatar-overlap[data-tooltip]:hover:before{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 15px);border-radius:12px;left:50%;transform:translate(-50%);background:#2a3647;color:#fff;padding:6px 12px;font-size:16px;font-weight:500;letter-spacing:.2px;white-space:nowrap;z-index:1000;box-shadow:0 4px 15px #00000026;animation:tooltipFadeIn .25s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.style-avatar-overlap[data-tooltip]:hover:after{content:"";position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);border:6px solid transparent;border-top:6px solid #2a3647;filter:drop-shadow(0 2px 2px rgba(0,0,0,.1));animation:tooltipFadeIn .25s cubic-bezier(.4,0,.2,1)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.slide-in{animation:slideInRight .3s ease forwards}.slide-out{animation:slideOutRight .3s ease forwards}@media (max-width: 768px){.slide-in{animation:slideInUp .3s ease forwards}.slide-out{animation:slideOutDown .3s ease forwards}}.add-task-dialog .mdc-dialog__surface.slide-in{animation:slideInRight .3s ease forwards}.add-task-dialog .mdc-dialog__surface.slide-out{animation:slideOutRight .3s ease forwards}@media (max-width: 768px){.add-task-dialog .mdc-dialog__surface.slide-in{animation:slideInUp .3s ease forwards}.add-task-dialog .mdc-dialog__surface.slide-out{animation:slideOutDown .3s ease forwards}}