:root{height:100%}body{color:#1a1a1a;background:linear-gradient(135deg,#eef1f5,#dfe3e8);font-family:Inter,system-ui,sans-serif}.lists-container{align-items:flex-start;gap:24px;height:100%;padding:32px;display:flex;overflow-x:auto}.list-column{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff8c;border:1px solid #ffffff59;border-radius:18px;flex-shrink:0;width:300px;padding:18px;transition:all .2s;box-shadow:0 4px 12px #00000014,0 1px 2px #0000000d}.list-column:hover{box-shadow:0 8px 24px #0000001f,0 2px 4px #00000014}.list-column h2{color:#111;margin-top:0;margin-bottom:16px;font-size:2rem;font-weight:600}.note-card{background:#fff;border-radius:14px;width:100%;margin-bottom:12px;padding:14px 16px;transition:all .2s;box-shadow:0 2px 6px #00000014,0 1px 2px #0000000a}.draggable-note{cursor:grab;width:100%;display:flex}.draggable-note:active{cursor:grabbing}.people-grid{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.person-pill{color:#1e40af;background:linear-gradient(135deg,#e8f0ff,#dbe7ff);border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s;box-shadow:0 2px 4px #00000014,inset 0 1px 1px #fff9}.menu-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:8px;padding:6px;font-size:20px;transition:all .15s}.menu-btn:hover{background:#0000000f}.popup-content{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:999;background:#ffffffbf;border-radius:14px;flex-direction:column;gap:4px;min-width:180px;padding:10px;animation:.18s dropdownFade;display:flex;position:absolute;top:32px;right:0;box-shadow:0 12px 32px #0000002e,0 4px 12px #00000014}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.popup-content button{color:#1f2937;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.popup-content button:hover{background:#0000000f;transform:translate(2px)}.popup-content .danger{color:#dc2626}.popup-content .danger:hover{background:#ff000014}.menu-section{border-bottom:1px solid #0000000f;padding:6px 0}.menu-section:last-child{border-bottom:none}.menu-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;padding:6px 12px;font-size:11px;font-weight:600}.danger-zone{padding-top:8px}.status-row{flex-wrap:nowrap;gap:8px;padding:8px 12px;display:flex}.status-row button{white-space:nowrap;background:#f3f4f6;border-radius:10px;padding:8px 14px}.status-row button:hover{background:#e5e7eb}.people-row{flex-wrap:wrap;gap:8px;padding:8px 12px;display:flex}.person-pill{color:#3730a3;white-space:nowrap;background:#eef2ff;border-radius:12px;width:auto;padding:6px 12px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.person-pill:hover{background:#e0e7ff;transform:translateY(-1px)}.popup-content{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;border-radius:14px;width:max-content;max-width:260px;max-height:300px;overflow-y:auto}.popup-content::-webkit-scrollbar{width:6px}.popup-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.note-card{background:#fff;border-radius:14px;margin-bottom:12px;padding:14px 16px;transition:all .2s;box-shadow:0 2px 6px #00000014,0 1px 2px #0000000a}.note-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001f,0 2px 4px #00000014}.note-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.left-group,.right-group{align-items:center;gap:8px;display:flex}.status-badge{color:#fff;border-radius:10px;padding:4px 10px;font-size:11px;font-weight:600}.status-badge.gray{background:#6b7280}.status-badge.blue{background:#3b82f6}.status-badge.green{background:#10b981}.important-star{color:#fbbf24;filter:drop-shadow(0 1px 1px #0003);font-size:16px}.person-pill{color:#3730a3;white-space:nowrap;background:#eef2ff;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600;box-shadow:0 1px 2px #00000014,inset 0 1px 1px #fff9}.note-title{color:#111;margin-bottom:4px;font-size:15px;font-weight:600}.note-content{color:#4b5563;margin-top:4px;font-size:13px}.note-card.editing-mode{background:#fff;border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex;box-shadow:0 4px 12px #0000001a,0 1px 2px #0000000d}.edit-title{border:1px solid #d1d5db;border-radius:10px;padding:8px 10px;font-size:16px;font-weight:600}.edit-content{resize:vertical;border:1px solid #d1d5db;border-radius:10px;min-height:80px;padding:10px}.edit-actions{justify-content:flex-end;gap:10px;display:flex}.save-btn{color:#fff;background:#3b82f6;border-radius:10px;padding:8px 14px;font-weight:600}.add-note-trigger{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;color:#4b5563;background:#fff9;border:1px solid #fff6;border-radius:12px;width:100%;padding:10px 12px;font-size:14px;transition:all .2s}.add-note-trigger:hover{background:#fffc}.add-note.expanded .add-note-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffbf;border:1px solid #fff6;border-radius:14px;flex-direction:column;gap:10px;padding:12px;display:flex;box-shadow:0 4px 12px #00000014,0 1px 2px #0000000a}.add-note-input{border:1px solid #d1d5db;border-radius:10px;width:90%;padding:10px 12px;font-size:14px}.add-note-actions{justify-content:flex-end;gap:8px;display:flex}.add-btn{color:#fff;background:#3b82f6;border-radius:10px;padding:8px 14px;font-weight:600}.cancel-btn{background:#e5e7eb;border-radius:10px;padding:8px 14px}.add-note{margin-bottom:16px}