.memo-card { background: #fff; border-radius: 12px; padding: 24px; box-shadow: 0 12px 40px rgba(0,0,0,0.2); }
.memo-thumbnail { max-height: 150px; width: auto; border-radius: 8px; object-fit: contain; cursor: pointer; }
#img-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); justify-content: center; align-items: center; z-index: 9999; }
#img-modal img { max-width: 90%; max-height: 90%; border-radius: 10px; }
.share-icons i { display: inline-block; font-size: 1.4rem; color: #444; cursor: pointer; margin: 0 8px; vertical-align: middle; }
.share-icons a { text-decoration: none !important; }
body { background-color: #eef2f7; }
.card-register { border: none; border-radius: 1rem; box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.1); background-color: #ffffff; max-width: 620px; margin: auto; }
.form-control, .form-select { border-radius: 0.5rem; }
.btn-register { border-radius: 0.5rem; padding: 0.75rem; }
.logo-title { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-weight: 600; color: #0d6efd; }
.image-thumb { max-width: 120px; border-radius: 5px; margin: 5px; border: 1px solid #ccc; }
.breadcrumb-nav {margin-top: -10px;margin-bottom: 25px; margin-left: -8px;}