.card,.card *,.card-link{background:none!important;border:none!important;box-shadow:none!important;margin:0!important;outline:none!important;padding:0!important}.card-link:after,.card-link:before,.card:after,.card:before{content:none!important}.card-link{display:inline-block!important;text-decoration:none!important}.card{background:#0000!important;cursor:pointer!important;display:flex!important;height:140px!important;overflow:hidden!important;transition:transform !important .2s ease,box-shadow .2s ease!important;width:360px!important}.card__image{flex-shrink:0!important;height:100%!important;width:120px!important}.card__image img{display:block!important;height:100%!important;object-fit:cover!important;width:100%!important}.card__body{align-items:center!important;background-color:#3c3e44!important;color:#fff!important;display:flex!important;flex:1 1!important;padding:0 16px!important;transition:background-color .2s ease!important}.card__title{color:#fff!important;font-size:1.3rem!important;font-weight:700!important;margin:0!important}.card__subtitle{font-size:.9rem!important;margin:4px 0 0!important;opacity:.8!important}.card__meta{font-size:.8rem!important;margin-top:8px!important;opacity:.7!important}.card:hover{box-shadow:0 8px 16px #00000040!important;transform:translateY(-4px)!important}.card:hover .card__body{background-color:#4a4a4e!important}.image-placeholder{background-color:#ececec;border-radius:4px;flex-shrink:0;height:120px;width:120px}.card-img.hidden{display:none}.card-img.visible{border-radius:4px;display:block;height:120px;object-fit:cover;width:120px}.read-by-id{align-items:center;display:flex;flex-direction:column;gap:16px;padding:24px}.read-by-id .buttons{display:flex;gap:12px}.create{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000000d;margin:24px auto;max-width:600px;padding:24px}.preview-image{margin-top:8px;max-height:200px;max-width:300px}.button--green{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:12px;text-align:center;transition:background-color .2s ease,transform .1s ease}.button--green:hover{background-color:#218838;transform:translateY(-1px)}.button--green:active{background-color:#1e7e34;transform:translateY(0)}.delete-page{align-items:center;background:#f5f5f5;display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:24px}.delete-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000000d;max-width:480px;padding:24px;text-align:center;width:100%}.delete-message{color:#333;font-size:1.1rem;margin-bottom:24px}.delete-buttons{display:flex;gap:12px;justify-content:center}.delete-button{flex:1 1;max-width:140px}.button--grey{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;padding:10px 16px;text-decoration:none;transition:background-color .2s ease,transform .1s ease}.button--grey:hover{background-color:#5a6268;transform:translateY(-1px)}.button--grey:active{background-color:#4e555b;transform:translateY(0)}.read-all{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,360px);justify-content:center;padding:16px 0}.update{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000000d;margin:24px auto;max-width:600px;padding:24px}.form{display:flex;flex-direction:column}.form__label{color:#333;font-weight:600;margin-bottom:4px}.form__input{font-size:1rem;margin-bottom:16px;outline:none;padding:10px 12px;transition:border-color .2s ease}.form__input:focus{border-color:#1e88e5}.preview-image{border:1px solid #ccc;border-radius:4px;margin-bottom:16px;max-height:300px;max-width:100%;object-fit:contain}.button--full{display:block;margin-top:16px;width:100%}.button--blue{background-color:#1e88e5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:12px;text-align:center;transition:background-color .2s ease,transform .1s ease}.button--blue:hover{background-color:#1565c0;transform:translateY(-1px)}.button--blue:active{background-color:#0d47a1;transform:translateY(0)}.footer{font-size:14px;padding:20px}.footer,.header{background:#272b33;color:#fff}.header{align-items:center;display:flex;justify-content:space-between;padding:20px 24px}#logo-link{background:none;color:#fff;font-weight:700;text-decoration:none}.header-nav{align-items:center;display:flex;gap:12px}.header-search{border:1px solid #ccc;border-radius:4px;font-size:1rem;outline:none;padding:6px 12px;transition:border-color .2s ease;width:180px}.header-search:focus{border-color:#1e88e5}.header-button{background-color:#1e88e5;border-radius:4px;color:#fff;display:inline-block;font-size:1rem;font-weight:600;padding:8px 16px;text-decoration:none;transition:background-color .2s ease,transform .1s ease}.header-button:hover{background-color:#1565c0;transform:translateY(-1px)}.header-button:active{background-color:#0d47a1;transform:translateY(0)}.app{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.content{flex-grow:1}.cards-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,360px);justify-content:center;padding:16px 0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}a{color:#000;text-decoration:none}a:hover{text-decoration:underline}.button{border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin:8px;padding:15px 32px;text-align:center;text-decoration:none}.button:hover{opacity:.8}.button.button--full{margin:0;width:100%}.button.button--red{background:#dc3545}.button.button--blue{background:#17a2b8}.button.button--grey{background:#999}.button.button--green{background:#28a745}.card{background:#f6f6f6;border:#dfe1e500;border-bottom:4px solid #7c4c30;border-radius:6px;border-top:4px solid #7c4c30;box-shadow:0 1px 6px #20212447;margin:20px;padding:20px}.card__title{border-left:4px solid #7c4c30;font-size:24px;margin:0 0 10px;padding-left:8px}.form__label{font-weight:700}.form__input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;display:inline-block;margin:8px 0;padding:12px 20px;width:100%}
/*# sourceMappingURL=main.38dbeb82.css.map*/