.note-app[data-v-ac176173]{max-width:1200px;margin:0 auto;padding:20px}.app-header[data-v-ac176173]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.app-header h1[data-v-ac176173]{margin:0;color:#333}.btn-add[data-v-ac176173]{background:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px;transition:background .3s}.btn-add[data-v-ac176173]:hover{background:#45a049}.search-bar[data-v-ac176173]{display:flex;gap:10px;margin-bottom:20px}.search-input[data-v-ac176173]{flex:1;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:16px}.sort-select[data-v-ac176173]{padding:10px;border:1px solid #ddd;border-radius:5px;font-size:16px;background:#fff}.notes-grid[data-v-ac176173]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.note-card[data-v-ac176173]{background:#fff;border:1px solid #ddd;border-radius:8px;padding:15px;box-shadow:0 2px 4px #0000001a;transition:transform .2s,box-shadow .2s}.note-card[data-v-ac176173]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.note-card.important[data-v-ac176173]{border-left:4px solid #ffd700;background:#fffaf0}.note-header[data-v-ac176173]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.note-header h3[data-v-ac176173]{margin:0;font-size:18px;color:#333}.note-actions[data-v-ac176173]{display:flex;gap:5px}.btn-icon[data-v-ac176173]{background:none;border:none;font-size:18px;cursor:pointer;padding:5px;border-radius:3px;transition:background .2s}.btn-icon[data-v-ac176173]:hover{background:#f0f0f0}.note-content[data-v-ac176173]{margin:10px 0;color:#666;line-height:1.5;max-height:100px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.note-footer[data-v-ac176173]{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:12px}.note-date[data-v-ac176173]{color:#999}.note-category[data-v-ac176173]{padding:3px 8px;border-radius:3px;font-size:11px}.empty-state[data-v-ac176173]{text-align:center;padding:50px;color:#999}.empty-state p[data-v-ac176173]:first-child{font-size:48px;margin-bottom:10px}.modal-overlay[data-v-ac176173]{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-ac176173]{background:#fff;padding:30px;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-content h2[data-v-ac176173]{margin-top:0;margin-bottom:20px;color:#333}.form-group[data-v-ac176173]{margin-bottom:20px}.form-group label[data-v-ac176173]{display:block;margin-bottom:5px;color:#555;font-weight:500}.form-group input[type=text][data-v-ac176173],.form-group textarea[data-v-ac176173],.form-group select[data-v-ac176173]{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-group.checkbox label[data-v-ac176173]{display:flex;align-items:center;gap:8px;cursor:pointer}.form-group.checkbox input[data-v-ac176173]{width:auto}.modal-actions[data-v-ac176173]{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.btn-cancel[data-v-ac176173],.btn-save[data-v-ac176173],.btn-delete[data-v-ac176173]{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background .2s}.btn-cancel[data-v-ac176173]{background:#f0f0f0;color:#666}.btn-cancel[data-v-ac176173]:hover{background:#e0e0e0}.btn-save[data-v-ac176173]{background:#4caf50;color:#fff}.btn-save[data-v-ac176173]:hover{background:#45a049}.btn-delete[data-v-ac176173]{background:#f44336;color:#fff}.btn-delete[data-v-ac176173]:hover{background:#da190b}.delete-confirm[data-v-ac176173]{text-align:center}.delete-confirm p[data-v-ac176173]{margin:20px 0;color:#666}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f5f5f5;color:#333;line-height:1.6}#app{min-height:100vh}