.overlay[data-v-773720be]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999}.dialog[data-v-773720be]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:1000;width:400px;max-width:90%;box-sizing:border-box}.note-form[data-v-773720be]{display:flex;flex-direction:column}.note-form label[data-v-773720be]{margin-bottom:5px;font-weight:600}.note-form input[data-v-773720be],.note-form textarea[data-v-773720be]{outline:none;width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-bottom:15px;transition:border-color .3s,box-shadow .3s}.note-form input[data-v-773720be]:focus,.note-form textarea[data-v-773720be]:focus{border-color:#007bff;box-shadow:0 0 5px rgba(0,123,255,.5)}.note-form textarea[data-v-773720be]{resize:vertical;min-height:100px;max-height:200px}.buttons[data-v-773720be]{display:flex;justify-content:flex-end;gap:10px}.note-form button[data-v-773720be]{color:#fff;border:none;padding:10px;border-radius:4px;cursor:pointer;transition:background-color .3s,transform .1s}.note-form button[data-v-773720be]:hover{opacity:.9}.note-form button[data-v-773720be]:active{transform:scale(.98)}.note-form #add[data-v-773720be]{background-color:#28a745}.note-form #cancel[data-v-773720be]{background-color:#dc3545}.note-item[data-v-2f711410]{padding:10px;border-bottom:1px solid #eee;width:100%;box-sizing:border-box}.icons[data-v-2f711410]{display:flex}.icons button[data-v-2f711410]{cursor:pointer;width:50%;height:40px;font-size:1.1rem;color:#fff;border:none;transition:filter .3s ease-in-out}.icons button[data-v-2f711410]:hover{filter:brightness(.9)}.icons button[data-v-2f711410]:active{filter:brightness(.8)}#edit[data-v-2f711410]{background-color:#007bff;border-radius:4px 0 0 4px}#delete[data-v-2f711410]{background-color:#dc3545;border-radius:0 4px 4px 0}.buttons[data-v-2f711410]{display:flex;justify-content:flex-end;gap:10px}.buttons button[data-v-2f711410]{color:#fff;border:none;padding:10px;border-radius:4px;cursor:pointer;transition:background-color .3s,transform .1s}.buttons button[data-v-2f711410]:hover{opacity:.9}.buttons button[data-v-2f711410]:active{transform:scale(.98)}.buttons #delete[data-v-2f711410]{background-color:#dc3545}.buttons #cancel[data-v-2f711410]{background-color:#28a745}@media (max-width:600px){.icons[data-v-2f711410]{flex-direction:column;gap:1px}#delete[data-v-2f711410],#edit[data-v-2f711410]{width:100%}#edit[data-v-2f711410]{border-radius:4px 4px 0 0}#delete[data-v-2f711410]{border-radius:0 0 4px 4px}}.notes-container[data-v-569381f2]{display:flex}.rotated[data-v-569381f2]{transform:rotate(45deg)}.add-note[data-v-569381f2]{width:40px;height:40px;display:block;padding:10px;margin-bottom:10px;background-color:#28a745;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:transform .2s ease-in-out}@media (max-width:600px){.add-note[data-v-569381f2]{width:100%;border-radius:50px}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}