.board{padding:24px;display:grid;gap:50px;flex:1;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.board-column{display:flex;flex-direction:column;gap:12px}.board-title{display:flex;gap:12px;align-items:center}.board-title-icon{width:15px;height:15px;border-radius:50%}.board-title-icon.Todo{background-color:#49c4e5}.board-title-icon.Doing{background-color:#8471f2}.board-title-icon.Done{background-color:#67e2ae}.ticket{padding:20px 16px;border-radius:8px;font-weight:700;background-color:var(--bg-gray);display:flex;flex-direction:column;gap:8px;color:var(--text-gray);cursor:pointer}.ticket h3{color:var(--text-lines)}.ticket ul{padding:0 30px}.ticket ul li{font-size:12px}.sidenav{padding:10px 0;background-color:var(--bg-gray);width:100%;max-width:280px}@media screen and (max-width: 1000px){.sidenav{display:none}}.sidenav p{padding:15px 30px;color:var(--text-gray);letter-spacing:1.5px;font-weight:700;font-size:13px}.links{padding:10px 0;background-color:var(--bg-gray);width:100%}.links ul{list-style:none}.links ul li{width:85%;margin-bottom:6px;padding:15px 30px;border-radius:0 15px 15px 0;font-size:14px;font-weight:700;cursor:pointer;color:var(--text-gray);display:flex;align-items:center;gap:4px}.links ul li svg{width:16px;height:16px}.links ul li.active,.links ul li:hover{background-color:var(--text-dimmed);color:var(--primary)}.links ul li.create-board{background-color:var(--primary);color:var(--text)}.links .create-project{padding:10px 20px}.links .create-project input{display:block;width:100%;background-color:transparent;padding:8px 16px;border-radius:6px;outline:none;color:var(--text);margin-bottom:10px;border:1px solid var(--bg-lines)}.links .create-project button{width:100%;padding:8px;background-color:var(--primary);border:none;border-radius:5px;color:var(--text);cursor:pointer}.links .create-project button:hover{filter:brightness(1.1)}.navbar{display:flex;align-items:center;background-color:var(--bg-gray);padding:30px;border-bottom:1px solid var(--bg-lines)}.navbar-logo-container{width:100%;max-width:280px;display:flex;align-items:center;gap:4px}.navbar-logo-container svg{width:36px;height:36px}.navbar-logo-container h1{color:var(--text-lines);font-size:36px}.navbar-heading{flex:1;display:flex;gap:5px}.navbar-heading-chevron{display:none}.navbar button{background-color:var(--primary);border:none;color:var(--text);padding:15px 20px;cursor:pointer;border-radius:999px}@media screen and (max-width: 1000px){.navbar{padding:10px 24px}.navbar-logo-container{display:none}.navbar-heading-chevron{display:block}.navbar h2{font-size:20px}.navbar button{padding:6px 12px;font-size:12px}}.modal{position:fixed;height:100vh;width:100vw;top:0;background-color:#0006;display:flex;justify-content:center;align-items:center}.modal-card{padding:32px;width:min(100%,400px);background-color:var(--bg-gray);border-radius:6px;position:relative}.modal-card h3{margin-bottom:20px}.modal-card-close-btn{cursor:pointer;position:absolute;top:32px;right:32px}.modal-input-group{margin-bottom:24px}.modal label{display:block;margin-bottom:8px}.modal input,.modal textarea{width:100%;display:block;background-color:transparent;padding:8px 16px;border:1px solid var(--bg-lines);border-radius:6px;outline:none;resize:vertical;max-height:220px;color:var(--text);margin-bottom:8px}.modal input:focus,.modal textarea:focus{border-color:var(--primary)}.modal button{background-color:var(--primary);padding:10px;border:none;color:#fff;border-radius:6px;cursor:pointer;width:100%}.px-0{padding-left:0;padding-right:0}.px-0 p{padding-left:30px;margin-bottom:12px}*{box-sizing:border-box;margin:0;padding:0;font-family:Plus Jakarta Sans,sans-serif}:root{--primary: #635fc7;--primary-dimmed: #a8a4ff;--secondary: #ea5555;--secondary-dimmed: #ff9898;--bg: #000112;--bg-dark-gray: #20212c;--bg-gray: #2b2c37;--bg-lines: #3e3f4e;--text-gray: #828fa3;--text-lines: #e4ebfa;--text-dimmed: #f4f7fd;--text: #ffffff}body{background-color:var(--bg-dark-gray);color:var(--text)}.App{display:grid;grid-template-rows:auto 1fr;min-height:100vh}.App main{display:flex}.heading-xl{font-size:24px;line-height:30px;font-weight:700}.heading-l{font-size:18px;line-height:23px;font-weight:700}.heading-m{font-size:15px;line-height:19px;font-weight:700}.heading-s{font-size:12px;line-height:15px;font-weight:700;letter-spacing:2.4px}.body-l{font-size:13px;line-height:23px;font-weight:500}.body-m{font-size:12px;line-height:15px;font-weight:700}