.mainheader-module__U4lh5a__header{border-bottom:2px solid #ece1fa;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.mainheader-module__U4lh5a__logo{color:#ece1fa;align-items:stretch;gap:1rem;font-size:2.5rem;display:flex}.mainheader-module__U4lh5a__icon{align-items:center;display:flex}.mainheader-module__U4lh5a__titleText{flex-direction:column;justify-content:center;display:flex}.mainheader-module__U4lh5a__slogan{color:#666;margin-top:.1rem;font-size:.8rem;line-height:1.2}@media (max-width:600px){.mainheader-module__U4lh5a__header{flex-direction:column;align-items:flex-start;gap:.5rem}.mainheader-module__U4lh5a__button{width:100%}}
.todocard-module__DDkGnW__username{margin-bottom:8px;font-weight:700}.todocard-module__DDkGnW__divider{border:none;border-top:1px solid #e5e7eb;margin:1rem 0}.todocard-module__DDkGnW__dateTime{color:#6b7280;text-align:left;font-size:.875rem}
.createtodocard-module__AVVoxG__form{color:#000;background-color:#f1f1f1;width:50rem;padding:1rem}@media (max-width:768px){.createtodocard-module__AVVoxG__form{width:90vw;max-width:100%;padding:.75rem}}@media (max-width:480px){.createtodocard-module__AVVoxG__form{width:100%;padding:.5rem}}.createtodocard-module__AVVoxG__form label{color:#000;margin-bottom:.05rem;font-weight:700;display:block}.createtodocard-module__AVVoxG__form input,.createtodocard-module__AVVoxG__form input,.createtodocard-module__AVVoxG__form textarea{border:1px solid #ccc;border-radius:4px;width:100%;margin-bottom:.5rem;padding:.25rem}.createtodocard-module__AVVoxG__form textarea{resize:vertical}.createtodocard-module__AVVoxG__actions{justify-content:flex-end;gap:.5rem;display:flex}@media (max-width:480px){.createtodocard-module__AVVoxG__actions{flex-direction:column-reverse;gap:.5rem}.createtodocard-module__AVVoxG__actions button{width:100%}}
.todocardlist-module__KM1rRW__todoCardList{grid-template-columns:repeat(3,1fr);justify-content:start;gap:1rem;padding:1rem 0;list-style:none;display:grid}@media (max-width:900px){.todocardlist-module__KM1rRW__todoCardList{grid-template-columns:1fr;margin:1rem 2%}}@media (max-width:600px){.todocardlist-module__KM1rRW__todoCardList{grid-template-columns:1fr;margin:1rem 2%}}