@import url(https://fonts.googleapis.com/css2?family=Kanit:wght@400;700&display=swap);.tech-card{border-radius:12px;box-shadow:0 4px 10px #0000001a;height:100%;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.tech-card:hover{box-shadow:0 8px 15px #0003;transform:translateY(-10px)}.card h4{color:#333;font-size:1.25rem;font-weight:700}.card span.display-4{color:#007bff;font-size:3rem}@media (max-width:768px){.tech-card{margin:0 auto;max-width:180px;min-width:150px;padding:1.5rem}}.timeline{list-style:none;padding:0}.timeline-item{margin-bottom:20px;position:relative}.timeline-item:before{background-color:#007bff;border-radius:10px;content:"";height:100%;left:-30px;position:absolute;top:0;width:10px}.timeline-content{background-color:#f8f9fa;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:15px}time{display:block;font-size:14px;font-weight:700}.timeline-item p{font-size:16px;margin:0}.text-primary{color:#007bff}.text-success{font-size:20px}.navbar{min-height:60px}.navbar-brand img{width:5%}.navbar-nav .nav-link{font-size:15px;padding:8px 12px}.navbar-toggler{border:none;color:#fff}.navbar-toggler:focus{box-shadow:none;outline:none}body{font-family:Kanit,sans-serif}.main-box{background-color:#7fffd4;border-radius:20px;color:#000;margin:50px auto;max-width:600px;padding:30px 50px}.alert{animation:alertFrame 1s;background-color:#0d6efd;border-color:grey;color:#fff;position:absolute;right:20px;top:100px;width:400px;z-index:99}@keyframes alertFrame{0%{right:-500px}to{right:20px}}#logout{cursor:pointer}.editorjs-container{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin:16px 0;max-height:70vh;max-width:100%;min-height:200px;min-width:300px;overflow:auto;padding:16px;resize:both}.input-modal{background-color:#fcfcfc;border:1px solid #d6d6d6;border-radius:6px;box-sizing:border-box;font-size:16px;margin-bottom:16px;padding:14px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.input-modal:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e24d;outline:none}.task-title-modal{background-color:#fcfcfc;border:1px solid #d6d6d6;border-radius:8px;font-size:18px;font-weight:700;max-width:100%;padding:12px}.cancel-modal-actions,.update-modal-actions{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-right:10px;padding:12px 24px;transition:all .3s ease}.update-modal-actions{background-color:#4a90e2;box-shadow:0 4px 6px #4a90e24d}.update-modal-actions:hover{background-color:#357ab8}.cancel-modal-actions{background-color:#e63946;box-shadow:0 4px 6px #e639464d}.cancel-modal-actions:hover{background-color:#c53030}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.task-action-buttons{align-items:center;display:flex;gap:5px}.delete-btn,.edit-btn{align-items:center;background:#fff;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:background .2s ease-in-out,opacity .2s ease-in-out}.edit-btn:hover{background:#007bff1a}.delete-btn:hover{background:#ff00001a}.list-card-container{background-color:#f4f5f7;border-radius:8px;box-shadow:0 1px 4px #0000001a;display:flex;flex-direction:column;height:100px;margin-right:8px;transition:box-shadow .2s ease-in-out;width:300px}.list-card-container:hover{box-shadow:0 4px 8px #00000026}.list-header{align-items:center;display:flex;justify-content:space-between;margin:20px;padding:0 8px}.list-header p{word-wrap:break-word;color:#333;font-size:16px;font-weight:700;margin:0;white-space:normal;width:100px}.list-header svg{color:#6b778c;cursor:pointer;margin-left:8px;transition:color .2s}.list-header svg:hover{color:#172b4d}.list-edit{align-items:center;display:flex;gap:8px;padding:8px}.list-edit input{border:1px solid #dfe1e6;border-radius:4px;flex:1 1;font-size:14px;padding:8px}.list-edit button{background-color:#5aac44;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .2s}.list-edit button:hover{background-color:#519839}.list-view{background:linear-gradient(180deg,#1e3a8a,#3b82f6);box-sizing:border-box;display:flex;min-height:100vh;overflow-x:hidden;position:relative;width:100%}.lists-container{display:flex;flex-wrap:nowrap;height:100%;overflow-x:auto;scroll-behavior:smooth}.list-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;cursor:pointer;transition:box-shadow .3s ease,transform .2s ease;&:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-3px)}.list-title{color:#1f2937;font-size:20px;font-weight:600;margin-bottom:12px;text-transform:capitalize}.options-button{background:none;border:none;color:#4b5563;cursor:pointer;transition:color .2s ease,transform .2s ease;&:hover{color:#3b82f6;transform:scale(1.1)}}.add-card-button{background-color:#4c8bf5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:14px;text-align:center;transition:background-color .3s ease,transform .2s ease;&:hover{background-color:#3578e5;transform:translateY(-3px)}&:active{transform:translateY(1px)}}}.add-list-button{align-items:center;background-color:#ffffffb3;border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#1e3a8a;cursor:pointer;display:flex;font-size:15px;font-weight:700;height:30px;justify-content:center;margin-top:10px;padding:20px 100px;transition:background-color .3s ease,box-shadow .3s ease}.add-card-form input,.input-title{border:1px solid #ddd;border-radius:8px;font-size:16px;outline:none;padding:14px;transition:border-color .3s ease,box-shadow .3s ease;width:100%;&:focus{border-color:#4c8bf5;box-shadow:0 0 8px #4c8bf566}}.button-group{display:flex;gap:10px}.button-add{background-color:#3b82f6;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 18px;transition:background-color .3s ease,transform .2s ease;&:hover{background-color:#3578e5;transform:translateY(-3px)}&:active{transform:translateY(1px)}}.button-cancel{background-color:#ef4444;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 18px;transition:background-color .3s ease,transform .2s ease;&:hover{background-color:#d32f2f;transform:translateY(-3px)}}.add-list-card{background-color:#fff;border-radius:8px;display:flex;height:50px;margin:0;padding:15px}.list-card-input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:16px;margin-right:10px;padding:12px}.list-card-add{background-color:#007bff;margin-right:2px}.list-card-add,.list-card-cancel{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 15px}.list-card-cancel{background-color:#dc3545}
/*# sourceMappingURL=main.3ea86b84.css.map*/