#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}.articles-container[data-v-09cceba8]{list-style-type:none;padding:0}.article-item[data-v-09cceba8]{background-color:#fff;padding:15px;border-bottom:1px solid #e0e0e0;margin-bottom:15px}.article-header[data-v-09cceba8]{display:flex;justify-content:space-between;align-items:center}.article-title[data-v-09cceba8]{font-size:1.5rem;color:#333;margin-bottom:10px}.delete-btn[data-v-09cceba8]{background-color:#dc3545;color:#fff;margin-left:15px;padding:8px 16px;border:none;border-radius:5px;cursor:pointer;font-size:14px}.delete-btn[data-v-09cceba8]:hover{background-color:#c82333}.article-content[data-v-09cceba8]{font-size:1rem;color:#666;margin-bottom:10px}.article-image[data-v-09cceba8]{width:100%;height:auto;margin-top:10px;border-radius:5px}.no-articles[data-v-09cceba8]{text-align:center;font-size:1.2rem;color:#777;margin-top:20px}.create-btn[data-v-09cceba8]{display:inline-block;width:100%;padding:12px;background-color:#3498db;color:#fff;text-decoration:none;text-align:center;font-size:1.1rem;border-radius:8px;cursor:pointer;transition:background-color .3s ease;margin-top:20px;margin-bottom:20px}.create-btn[data-v-09cceba8]:hover{background-color:#2980b9}.container[data-v-09cceba8]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.item[data-v-09cceba8]{margin:10px;padding:20px;background-color:#f0f0f0;border:1px solid #ccc;text-align:center;margin-right:120px}.second-item[data-v-09cceba8]{align-self:flex-start}.article-list[data-v-09cceba8]{max-width:800px;margin:0 auto;padding:20px}.title[data-v-09cceba8]{text-align:center;color:#333;font-size:2rem;margin-bottom:20px}.create-article[data-v-a28a7460]{max-width:600px;margin:20px auto;padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1)}h1[data-v-a28a7460]{text-align:center;margin-bottom:20px}.input-field[data-v-a28a7460]{width:100%;padding:12px;margin-top:8px;border:1px solid #ddd;border-radius:8px;font-size:16px;box-sizing:border-box}textarea[data-v-a28a7460]{resize:vertical;height:150px}.file-input[data-v-a28a7460]{display:none}.file-label[data-v-a28a7460]{display:inline-block;padding:10px 20px;background-color:#007bff;color:#fff;border-radius:5px;cursor:pointer;font-size:16px}.file-label[data-v-a28a7460]:hover{background-color:#0056b3}.image-preview img[data-v-a28a7460]{max-width:100%;height:auto;margin-top:10px;border-radius:8px}.submit-btn[data-v-a28a7460]{background-color:#4caf50;color:#fff;margin-top:25px;padding:12px 20px;border:none;border-radius:8px;cursor:pointer;width:100%;font-size:16px}.submit-btn[data-v-a28a7460]:hover{background-color:#45a049}.message[data-v-a28a7460]{text-align:center;margin-bottom:20px}.success[data-v-a28a7460]{color:green}.error[data-v-a28a7460]{color:red}.back-btn[data-v-a28a7460]{display:inline-block;background-color:#28a745;color:#fff;padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:16px;width:auto;margin-top:15px;text-align:center;text-decoration:none}.back-btn[data-v-a28a7460]:hover{background-color:#218838}