.delete-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);display:flex;justify-content:center;align-items:center;z-index:1100}.delete-confirm-modal{background:white;padding:20px;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.1);text-align:center}.delete-confirm-actions{margin-top:16px;display:flex;justify-content:center;gap:8px;width:100%}.delete-confirm-actions button{flex:1;width:100%;height:40px;padding:6px 12px;background:linear-gradient(90deg,#ffe4ec,#fef6e4);border:1px solid rgba(255,255,255,.4);border-radius:8px;cursor:pointer;font-weight:500;transition:background .2s ease}.delete-confirm-actions button:hover{background:linear-gradient(90deg,#f7e6f6,#fff5e4)}.delete-confirm-actions .delete-btn{background-color:#dc2626;color:white}.delete-confirm-actions .delete-btn:hover{background-color:#b91c1c}.note-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);display:flex;justify-content:center;align-items:center;z-index:1000}.note-popup{background:white;padding:20px;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.1);width:90%;max-width:480px}.note-popup h2{margin-top:0;font-size:16px;font-weight:700;background:linear-gradient(90deg,#facc15,#ec4899);background-color:white;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px}.note-popup .field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;align-items:flex-start}.note-popup .field textarea,.note-popup .field>input{width:100%;padding:8px 12px;border:1px solid #ccc;border-radius:6px;box-sizing:border-box}.note-popup .field textarea{font-size:14px;resize:vertical;min-height:80px}.note-popup .toolbar{display:flex;gap:4px;margin-bottom:8px}.note-popup .toolbar button{background:linear-gradient(90deg,#ffe4ec,#fef6e4);border:1px solid rgba(255,255,255,.4);padding:4px 8px;border-radius:6px;cursor:pointer}.note-popup .toolbar button:hover{background:linear-gradient(90deg,#f7e6f6,#fff5e4)}.note-popup .toolbar input[type=color]{border:none;padding:0;width:32px;height:32px;cursor:pointer}.note-popup .toolbar input[type=color]:hover{opacity:.8}.note-popup .content-editor{width:100%;padding:8px 12px;font-size:14px;border:1px solid #ccc;border-radius:6px;box-sizing:border-box;min-height:80px}.note-popup .content-editor,.note-popup .content-editor *{text-align:left;direction:ltr}.note-popup .content-editor input[type=checkbox]{margin-right:4px;vertical-align:middle}.note-popup .actions{display:flex;justify-content:flex-end;gap:8px}.note-popup .actions button{background:linear-gradient(90deg,#ffe4ec,#fef6e4);border:1px solid rgba(255,255,255,.4);padding:6px 12px;border-radius:8px;cursor:pointer;transition:background .2s ease}.note-popup .actions button:hover{background:linear-gradient(90deg,#f7e6f6,#fff5e4)}.note-popup .content-editor a{color:#2563eb;text-decoration:none}.note-popup .content-editor a:hover{text-decoration:underline}.notebook-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);display:flex;justify-content:center;align-items:center;z-index:1000}.notebook-popup{background:white;padding:20px;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.1);width:90%;max-width:360px}.notebook-popup h3{margin-top:0}.notebook-popup label{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.notebook-popup input{width:100%;padding:8px 12px;font-size:14px;border:1px solid #ccc;border-radius:6px;box-sizing:border-box}.notebook-popup .actions{display:flex;justify-content:flex-end;gap:8px}.notebook-popup .actions button{background:linear-gradient(90deg,#ffe4ec,#fef6e4);border:1px solid rgba(255,255,255,.4);padding:6px 12px;border-radius:8px;cursor:pointer;transition:background .2s ease}.notebook-popup .actions button:hover{background:linear-gradient(90deg,#f7e6f6,#fff5e4)}