*{margin:0;padding:0;box-sizing:border-box}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#87ceebd9,#b0e0e6d9,#e0f6ffd9),url(https://images.unsplash.com/photo-1507525428034-b723cf961d3e) center center / cover no-repeat fixed;min-height:100vh}#root{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:#4682b433;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem;border-bottom:1px solid rgba(255,255,255,.3)}.header h1{color:#fff;font-size:2.2rem;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.1);text-transform:uppercase}.board-container{flex:initial;padding:2rem 2rem 1rem;overflow-x:auto}.main-content-below-board{padding-left:2rem;padding-right:2rem}.board{display:flex;gap:1.5rem;align-items:flex-start}.list{background:#f0f8fff2;border-radius:12px;padding:1rem;min-width:340px;max-width:340px;box-shadow:0 4px 12px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(135,206,235,.3);cursor:grab;transition:all .2s ease}.list:hover{box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.list:active{cursor:grabbing}.list.dragging{opacity:.5;transform:rotate(5deg)}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.list-title{font-size:1.5rem;font-weight:700;color:#4a5568;padding-bottom:0;border-bottom:none}.list-card-count{background:#3182ce;color:#fff;font-size:.75rem;padding:.25rem .5rem;border-radius:12px;font-weight:600}.cards-container{display:flex;flex-direction:column;gap:.75rem;min-height:2rem;margin-bottom:1rem}.card{background:#fff;border-radius:8px;padding:.75rem;box-shadow:0 2px 4px #0000001a;border:1px solid #e2e8f0;cursor:pointer;transition:all .2s ease}.card:hover{box-shadow:0 4px 12px #3182ce26;transform:translateY(-1px);border-color:#3182ce}.card:active{cursor:grabbing}.card-title{font-size:.9rem;color:#2d3748;font-weight:600;margin-bottom:.25rem}.card-description{font-size:.8rem;color:#718096;line-height:1.4;font-weight:400}.card-footer{margin-top:.5rem;display:flex;justify-content:flex-start}.level-of-effort-badge{background-color:#e2e8f0;color:#4a5568;font-size:.7rem;font-weight:600;padding:.2rem .4rem;border-radius:8px;display:inline-block}.add-card-btn,.add-list-btn{width:100%;padding:.75rem;border:2px dashed #cbd5e0;background:transparent;border-radius:8px;color:#718096;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:Plus Jakarta Sans,sans-serif}.add-card-btn:hover,.add-list-btn:hover{border-color:#3182ce;background:#3182ce1a;color:#3182ce}.add-list-btn{min-width:280px;max-width:280px;height:fit-content;background:#f0f8ff33;border-color:#add8e680;color:#4a5568;font-weight:600}.add-list-btn:hover{background:#f0f8ff4d;border-color:#add8e6b3;color:#2d3748}.card-form,.list-form{display:flex;flex-direction:column;gap:.5rem}.card-form input,.card-form textarea,.list-form input{padding:.5rem;border:1px solid #cbd5e0;border-radius:6px;font-size:.9rem;font-family:Plus Jakarta Sans,sans-serif;font-weight:500}.card-form textarea{resize:vertical;min-height:60px;font-weight:400}.form-buttons{display:flex;gap:.5rem}.btn-primary,.btn-secondary{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Plus Jakarta Sans,sans-serif}.btn-primary{background:#3182ce;color:#fff}.btn-primary:hover{background:#2c5aa0}.btn-secondary{background:#f7fafc;color:#4a5568}.btn-secondary:hover{background:#edf2f7}.btn-sm{padding:.3rem .5rem;font-size:.8rem;line-height:1}.sortable-ghost{opacity:.4}.drop-indicator{background:#3182ce;height:2px;border-radius:1px;margin:4px 0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:12px;padding:1.5rem;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid #e2e8f0}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.modal-header>div{display:flex;align-items:center;gap:.5rem}.modal-title{font-size:1.25rem;font-weight:700;color:#2d3748}.close-btn{background:none;border:none;font-size:1.5rem;color:#718096;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.close-btn:hover{color:#4a5568;background:#f7fafc}.btn-expand{padding:.3rem .6rem;font-size:.75rem;margin-right:.5rem}.modal-form{display:flex;flex-direction:column;gap:1rem}.modal-form label{font-weight:600;color:#4a5568;margin-bottom:.25rem;display:block}.modal-form input,.modal-form textarea{width:100%;padding:.75rem;border:1px solid #cbd5e0;border-radius:8px;font-size:1rem;font-family:Plus Jakarta Sans,sans-serif;transition:border-color .2s ease}.modal-form input:focus,.modal-form textarea:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.modal-form select{width:100%;padding:.75rem 2.5rem .75rem .75rem;border:1px solid #cbd5e0;border-radius:8px;font-size:1rem;font-family:Plus Jakarta Sans,sans-serif;background-color:#fff;color:#2d3748;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23718096' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.2em}.modal-form select:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.modal-form textarea{min-height:100px;resize:vertical;font-weight:400;transition:min-height .3s ease-in-out}.modal-form textarea.expanded{min-height:250px}.modal-buttons{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.btn-danger{background:#e53e3e;color:#fff;padding:.5rem 1rem;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Plus Jakarta Sans,sans-serif}.btn-danger:hover{background:#c53030}.edit-icon-btn{position:absolute;top:.5rem;right:.5rem;background:none;border:none;padding:.2rem;border-radius:4px;cursor:pointer;z-index:2;transition:background .2s}.edit-icon-btn:hover,.edit-icon-btn:focus{background:#e0f6ff;outline:none}textarea.expanded{min-height:150px}.notes-area-container{background-color:#f0f8fff2;padding:1rem;margin-top:30px;border-radius:12px;box-shadow:0 4px 12px #00000026;border:1px solid rgba(135,206,235,.3);min-height:400px;max-height:70vh;display:flex;flex-direction:column}.notes-area-container h2{font-size:1.5rem;font-weight:700;color:#4a5568;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e2e8f0}.notes-sections{flex-grow:1;overflow-y:auto;gap:1.5rem;display:grid;grid-template-columns:repeat(2,minmax(300px,1fr))}.notes-section{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;box-shadow:0 2px 4px #0000001a}.notes-section h3{font-size:1.1rem;font-weight:700;color:#4a5568;margin-bottom:0}.notes-section-main-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.notes-section-actions{display:flex;gap:.5rem}.notes-section textarea{width:100%;min-height:120px;padding:10px;border:1px solid #cbd5e0;border-radius:6px;font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;color:#718096;resize:vertical;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.notes-section textarea:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a;outline:none}.add-notes-section-controls{display:flex;gap:10px;align-items:center;margin-top:20px;padding-top:20px;border-top:1px solid #e2e8f0}.add-notes-section-controls input[type=text]{flex-grow:1;padding:.75rem;border:1px solid #cbd5e0;border-radius:8px;font-size:.9rem;font-family:Plus Jakarta Sans,sans-serif}.btn-add-section{padding:.75rem 1rem;background:#f0f8ff33;color:#4a5568;border:2px dashed #cbd5e0;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.btn-add-section:hover{border-color:#3182ce;background:#3182ce1a;color:#3182ce}.notes-section-checklist .action-items-container{display:flex;flex-direction:column;gap:15px}.action-items-columns-wrapper{display:flex;gap:20px;width:100%}.action-items-column{flex:1;display:flex;flex-direction:column;gap:8px;padding:10px;background-color:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.action-items-column h4{font-size:1em;color:#4a5568;margin-bottom:8px;padding-bottom:5px;border-bottom:1px solid #e5e7eb}.action-item{display:flex;align-items:center;gap:8px;padding:5px 0}.action-item input[type=checkbox]{width:16px;height:16px;cursor:pointer}.action-item label{font-size:.9em;color:#2d3748;flex-grow:1}.completed-item label{text-decoration:line-through;color:#718096}.add-action-item-controls{display:flex;gap:8px;margin-top:10px}.add-action-item-controls input[type=text]{flex-grow:1;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.9em}.add-action-item-controls input[type=text]:focus{border-color:#3182ce;box-shadow:0 0 0 2px #3182ce33;outline:none}.btn-add-action-item{padding:.5rem .75rem;background-color:#3182ce;color:#fff;border:none;border-radius:6px;font-weight:500;font-size:.85rem;cursor:pointer;transition:background-color .2s ease-in-out}.btn-add-action-item:hover{background-color:#2c5aa0}.roadmap-view{margin-top:10px;margin-bottom:20px;padding:1rem;border:1px solid #d1d5db;border-radius:8px;font-family:Plus Jakarta Sans,sans-serif;background-color:#f9fafb}.roadmap-view h2{font-size:1.5rem;font-weight:700;color:#4a5568;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e2e8f0}.roadmap-timeline-months{display:flex;background-color:#f3f4f6;border-radius:6px;border:1px solid #e5e7eb;margin-bottom:10px}.roadmap-month-column{flex:1;padding:10px;text-align:center;font-weight:600;color:#4b5563;border-right:1px solid #e5e7eb;font-size:.9em}.roadmap-month-column:last-child{border-right:none}.roadmap-card-lanes{position:relative;min-height:150px;background-image:repeating-linear-gradient(to right,transparent,transparent calc(100% / 6 - 1px),#e5e7eb calc(100% / 6 - 1px),#e5e7eb calc(100% / 6))}.roadmap-card-block{transition:background-color .2s ease,box-shadow .2s ease;cursor:grab}.roadmap-card-block:hover{background-color:#2563eb!important;box-shadow:0 2px 5px #0003}.roadmap-no-cards-message{text-align:center;color:#6b7280;padding:20px;font-style:italic}.roadmap-card-lanes-container{position:relative;margin-top:10px}.roadmap-category-lane{padding:10px;border-bottom:1px solid #e0e0e0;min-height:60px;position:relative}.roadmap-category-lane:last-child{border-bottom:none}.roadmap-category-title{font-size:1rem;font-weight:600;color:#333;margin-bottom:8px}.roadmap-card-blocks{position:relative;min-height:40px;width:100%}.section-main-title{font-size:1.5rem;font-weight:700;color:#4a5568;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e2e8f0}