@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";body{color:#172b4d;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f5f7;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}.app-container{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{background-color:#fff;border-right:1px solid #dfe1e6;flex-direction:column;width:260px;height:100vh;padding:20px;display:flex}.sidebar-title{color:#5e6c84;text-transform:uppercase;letter-spacing:.5px;margin-bottom:15px;font-size:14px;font-weight:700}.project-item{cursor:pointer;border-radius:5px;align-items:center;margin-bottom:5px;padding:10px;transition:background-color .2s;display:flex}.project-item:hover{background-color:#ebecf0}.project-icon{color:#42526e;margin-right:10px}.kanban-container{background-color:#f4f5f7;flex-direction:column;flex-grow:1;height:100vh;padding:32px 40px;display:flex;overflow-y:hidden}.board-header{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.board-header h1{color:#172b4d;margin:0;font-size:24px;font-weight:600}.columns-wrapper{gap:20px;height:100%;padding-bottom:20px;display:flex;overflow-x:auto}.column{background-color:#ebecf0;border-radius:8px;flex-direction:column;width:320px;min-width:320px;max-height:100%;transition:background-color .2s;display:flex}.column.dragging-over{background-color:#e4e6eb}.column-header{justify-content:space-between;align-items:center;padding:16px;display:flex}.column-title{color:#5e6c84;text-transform:uppercase;font-size:12px;font-weight:600}.card-count{color:#172b4d;background-color:#dfe1e6;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:700}.cards-container{flex-grow:1;min-height:50px;padding:0 8px 8px;overflow-y:auto}.task-card{cursor:grab;-webkit-user-select:none;user-select:none;background-color:#fff;border-radius:6px;margin-bottom:8px;padding:12px 16px;transition:box-shadow .2s,transform .2s;box-shadow:0 1px 2px #091e4240}.task-card:hover{box-shadow:0 2px 4px #091e4240}.task-card.is-dragging{opacity:.9;transform:rotate(2deg);box-shadow:0 8px 16px #091e4240}.card-title{color:#172b4d;margin:0 0 8px;font-size:14px;font-weight:500;line-height:1.4}.card-desc{color:#5e6c84;margin:0 0 12px;font-size:12px;line-height:1.4}.card-footer{justify-content:flex-start;display:flex}.priority-badge{text-transform:uppercase;border-radius:3px;padding:2px 6px;font-size:11px;font-weight:700}.priority-badge.low{color:#066637;background-color:#e3fcef}.priority-badge.medium{color:#ff8b00;background-color:#fff0b3}.priority-badge.high{color:#bf2600;background-color:#ffebe6}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c1c7d0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a5adba}.board-filters{align-items:center;gap:12px;display:flex}.search-bar,.priority-filter{background-color:#fff;border:1px solid #dfe1e6;border-radius:4px;align-items:center;gap:8px;padding:6px 12px;transition:border-color .2s;display:flex}.search-bar:focus-within,.priority-filter:focus-within{border-color:#4c9aff}.search-bar input,.priority-filter select{color:#172b4d;background:0 0;border:none;outline:none;font-size:14px}.priority-filter select{cursor:pointer}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:1s linear infinite spin}.modal-backdrop{z-index:1000;background-color:#091e428a;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{background:#fff;border-radius:8px;flex-direction:column;width:500px;max-width:90vw;max-height:90vh;display:flex;box-shadow:0 8px 16px -4px #091e4240,0 0 0 1px #091e4214}.modal-header{border-bottom:1px solid #dfe1e6;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h2{color:#172b4d;margin:0;font-size:20px}.icon-btn{cursor:pointer;color:#5e6c84;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:4px;display:flex}.icon-btn:hover{color:#172b4d;background-color:#ebecf0}.modal-body{flex:1;padding:20px 24px;overflow-y:auto}.form-group{flex-direction:column;margin-bottom:16px;display:flex}.form-row{gap:16px;display:flex}.form-row .form-group{flex:1}.form-group label{color:#5e6c84;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:600}.form-group input,.form-group select,.form-group textarea{color:#172b4d;background-color:#fafbfc;border:2px solid #dfe1e6;border-radius:4px;padding:8px 12px;font-family:inherit;font-size:14px;transition:background-color .2s ease-in-out,border-color .2s ease-in-out}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:#fff;border-color:#4c9aff;outline:none}.modal-footer{background-color:#fafbfc;border-top:1px solid #dfe1e6;border-bottom-right-radius:8px;border-bottom-left-radius:8px;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.footer-right{gap:8px;margin-left:auto;display:flex}.btn-primary,.btn-secondary,.btn-danger{cursor:pointer;border:none;border-radius:4px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:background-color .2s;display:flex}.btn-primary{color:#fff;background-color:#0052cc}.btn-primary:hover:not(:disabled){background-color:#0047b3}.btn-primary:disabled{cursor:not-allowed;background-color:#b3d4ff}.btn-secondary{color:#42526e;background-color:#091e420a}.btn-secondary:hover{background-color:#091e4214}.btn-danger{color:#de350b;background-color:#fff;border:1px solid #de350b}.btn-danger:hover{background-color:#ffebe6}