.sticky-notes-wrapper[data-v-5157028b]{max-width:100%;margin:auto;padding:4px;width:100%}.notes-header[data-v-5157028b]{font-weight:700;font-size:20px;margin-bottom:16px;display:flex;justify-content:center;width:100%}.add-note-tile[data-v-5157028b]{display:flex;justify-content:center;align-items:center;gap:8px;font-size:17px;font-weight:700;color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;height:50px;width:100%;padding:10px 20px;border-radius:12px;box-shadow:0 3px 8px rgba(0,0,0,.06);cursor:pointer;font-family:inherit;position:relative;transition:all .2s ease}.add-note-tile[data-v-5157028b]:hover{background:#e2e8f0;border-color:#cbd5e1;color:#1e293b;transform:translateY(-1px);box-shadow:0 5px 12px rgba(0,0,0,.1)}.add-note-tile:hover .tooltip[data-v-5157028b]{opacity:1;visibility:visible}.tooltip[data-v-5157028b]{position:absolute;bottom:-25px;background:#333;color:#fff;font-size:12px;padding:4px 6px;border-radius:4px;opacity:0;visibility:hidden;transition:all .2s}.notes-grid[data-v-5157028b]{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;width:100%;box-sizing:border-box}.add-note-card[data-v-5157028b]{background:#fdfaff!important;border:2px dashed #a78bfa!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .25s ease!important;min-height:170px!important;height:170px!important;border-radius:12px!important}.add-note-card[data-v-5157028b]:hover{background:#f3ebff!important;border-color:#6d28d9!important;transform:translateY(-3px)!important;box-shadow:0 6px 16px rgba(109,40,217,.15)!important}.add-card-content[data-v-5157028b]{display:flex;flex-direction:column;align-items:center;gap:8px}.plus-circle[data-v-5157028b]{width:44px;height:44px;border-radius:50%;background:#ede9fe;color:#6d28d9;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;transition:all .2s ease}.add-note-card:hover .plus-circle[data-v-5157028b]{background:#6d28d9;color:#fff;transform:scale(1.08)}.add-card-label[data-v-5157028b]{font-weight:700;font-size:14px;color:#5b21b6}.sticky-note[data-v-5157028b]{min-height:170px;height:170px;padding:14px;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.08);cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;position:relative;transition:all .25s ease;box-sizing:border-box}.sticky-note[data-v-5157028b]:hover{transform:translateY(-3px) rotate(-.5deg);box-shadow:0 8px 20px rgba(0,0,0,.12)}.note-content-body[data-v-5157028b]{flex-grow:1;overflow:hidden}.note-subject[data-v-5157028b]{font-weight:700;font-size:15px;color:#1e1b4b;margin-bottom:6px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-preview[data-v-5157028b]{font-size:13px;color:#334155;line-height:1.45;word-break:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.note-footer-box[data-v-5157028b]{border-top:1px dashed rgba(0,0,0,.12);padding-top:6px;margin-top:6px;display:flex;flex-direction:column;gap:2px}.note-footer-author[data-v-5157028b]{font-size:11px;font-weight:600;color:#475569;text-align:right}.note-footer-date[data-v-5157028b]{font-size:10px;color:#64748b;text-align:right}.note-modal-overlay[data-v-5157028b]{position:fixed;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1200}.note-modal[data-v-5157028b]{background:#fff;border-radius:20px;width:540px;max-width:92%;display:flex;flex-direction:column;box-shadow:0 20px 45px rgba(56,34,122,.22);overflow:hidden;animation:modalPop-5157028b .25s ease-out}@keyframes modalPop-5157028b{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.note-modal-header[data-v-5157028b]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#38227a,#5b21b6);color:#fff}.header-title-box[data-v-5157028b]{display:flex;align-items:center;gap:10px;flex:1}.header-icon[data-v-5157028b]{font-size:20px}.modal-subject-input[data-v-5157028b]{flex:1;font-size:17px;font-weight:700;border:none;outline:none;background:transparent;color:#fff;padding:4px 0}.modal-subject-input[data-v-5157028b]::-moz-placeholder{color:hsla(0,0%,100%,.65);font-weight:500}.modal-subject-input[data-v-5157028b]::placeholder{color:hsla(0,0%,100%,.65);font-weight:500}.modal-close-btn[data-v-5157028b]{background:hsla(0,0%,100%,.15)!important;transition:all .2s ease!important}.modal-close-btn[data-v-5157028b]:hover{background:hsla(0,0%,100%,.3)!important}.note-modal-body[data-v-5157028b]{padding:20px;background:#fdfcff}.modal-textarea[data-v-5157028b]{width:100%;padding:14px 16px;font-size:14px;line-height:1.6;color:#1e293b;border:1px solid #e2e8f0;border-radius:14px;outline:none;resize:vertical;min-height:160px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.modal-textarea[data-v-5157028b]:focus{border-color:#7253cf;box-shadow:0 0 0 3px rgba(114,83,207,.15)}.modal-textarea[data-v-5157028b]::-moz-placeholder{color:#94a3b8}.modal-textarea[data-v-5157028b]::placeholder{color:#94a3b8}.modal-meta-bar[data-v-5157028b]{font-size:12px;color:#64748b}.meta-author[data-v-5157028b]{color:#334155}.meta-divider[data-v-5157028b],.meta-timestamp[data-v-5157028b]{color:#64748b}.note-modal-footer[data-v-5157028b]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid #f1f5f9;background:#fff;flex-wrap:wrap;gap:12px}.modal-footer-left[data-v-5157028b]{display:flex;align-items:center}.modal-footer-right[data-v-5157028b]{display:flex;align-items:center;gap:10px;margin-left:auto}.modal-btn-save[data-v-5157028b]{border-radius:10px!important;background:linear-gradient(135deg,#38227a,#5b21b6)!important;box-shadow:0 4px 12px rgba(56,34,122,.25)!important;transition:all .2s ease!important}.modal-btn-save[data-v-5157028b]:hover{transform:translateY(-1px)!important;box-shadow:0 6px 16px rgba(56,34,122,.35)!important}.modal-btn-cancel[data-v-5157028b]{border-radius:10px!important;background:#f8fafc!important;border:1px solid #cbd5e1!important;transition:all .2s ease!important}.modal-btn-cancel[data-v-5157028b]:hover{background:#f1f5f9!important}.modal-btn-delete[data-v-5157028b]{border-radius:10px!important;background:#fef2f2!important;border:1px solid #fecaca!important;transition:all .2s ease!important}.modal-btn-delete[data-v-5157028b]:hover{background:#fee2e2!important}