@view-transition{navigation: auto;}body,h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif}.primary-color{color:var(--pico-primary)}header{display:flex;align-items:end;margin-bottom:20px}.authenticated-header{justify-content:space-between}.unauthenticated-header{justify-content:center}#menu-icon{cursor:pointer}.menu{position:absolute;left:0;top:0;width:200px;height:100vh;padding:10px;border-right:1px solid grey;background:var(--pico-background-color);transform:translate(-100%);transition:transform .3s ease;view-transition-name:sidebar;z-index:999;ul,li{list-style-type:none;padding:0;margin:0;li{cursor:pointer}}}.menu.menu-open{transform:translate(0)}@supports (view-transition-name: none){::view-transition-group(sidebar){animation-duration:.3s;animation-timing-function:ease}}.close-button{cursor:pointer}.menu-profile{padding:1rem 0;margin-bottom:1rem;border-bottom:1px solid #e0e0e0}.menu-profile .profile-link{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit}.menu-profile .profile-link:hover{opacity:.8}.menu-profile .profile-name{font-weight:500;font-size:.9rem}.menu ul li a{text-decoration:none;color:inherit}.add-project{cursor:pointer}.menu-backdrop{position:fixed;left:0;top:0;width:100vw;height:100vh;background:#00000080;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:998}.menu-backdrop.menu-backdrop-open{opacity:1;pointer-events:auto}.logo-container{background:#fff;padding:5px;border-radius:5px}.form-buttons{display:flex;gap:20px;align-items:center;justify-content:center;button{margin:0;width:fit-content}}.project-row{cursor:pointer}.project-row .project-link{display:block;width:100%;height:100%;padding:5px;color:inherit;text-decoration:none}.clickable-row{cursor:pointer}.clickable-row:hover{background-color:var(--pico-secondary-hover-background)}@media (max-width: 768px){:root{--pico-font-size: 14px}.container{padding-left:8px;padding-right:8px}article{padding:12px;margin-bottom:12px}h2{font-size:1.1rem;margin-bottom:8px}table{font-size:.8rem}table th,table td{padding:6px 4px}header{margin-bottom:12px}.form-buttons{gap:10px}label{margin-bottom:8px}input,select,textarea{padding:8px;font-size:14px}button{padding:8px 16px;font-size:14px}}
/*# sourceMappingURL=common.css.map */
