@import url(https://fonts.googleapis.com/css2?family=Xanh+Mono:ital,wght@0,400;1,400&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;background-image:url(/static/media/Trans_background.78657f56ac3cb8a61bcd.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;font-family:Xanh Mono,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,monospace;margin:0;min-height:100vh}.wallet-connect-container{background-color:#d9d9d9;border:1px solid #e0e0e0;border-radius:8px;margin-top:10px;padding:15px}.wallet-connect-container p{font-size:.9em;margin:5px 0}.wallet-connect-container .connect-button{background-color:#e1513a}.wallet-connect-container .connect-button:hover{background-color:#c9421e}.item-search-form{align-items:center;box-sizing:border-box;gap:10px;margin:20px auto;padding:0;width:100%}.item-search-form input[type=text]{flex-grow:1;margin-bottom:0}.item-search-form button{flex-shrink:0;white-space:nowrap}@media (min-width:768px){.item-search-form{margin:30px auto;width:70%}}.certificate-details{background-color:#d9d9d9;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:20px;padding:15px}.certificate-bordered{border:2px solid green}.item-details-container{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-top:20px;padding:20px}.item-details-container h2{border-bottom:1px solid #eee;color:#34495e;margin-top:0;padding-bottom:10px}.certificate-details,.status-history{margin-bottom:20px}.certificate-details{margin:20px 0;max-width:40%}.certificate-details h3,.status-history h3{color:#2980b9;margin-bottom:8px}.status-history ul{list-style-type:none;padding-left:0}.status-history li{border-bottom:1px dashed #eee;padding:8px 0}.status-history li:last-child{border-bottom:none}.timeline-container{align-items:flex-start;display:flex;overflow-x:auto;padding:20px 0}.timeline-point{align-items:center;cursor:pointer;display:flex;flex-direction:column;min-width:100px;padding:0 15px;position:relative;text-align:center}.timeline-dot{background-color:#bdc3c7;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #bdc3c7;height:15px;transition:transform .2s ease-in-out;width:15px;z-index:2}.timeline-point:hover .timeline-dot{transform:scale(1.2)}.timeline-point.current .timeline-dot{background-color:#2ecc71;box-shadow:0 0 0 3px #2ecc71;height:20px;width:20px}.timeline-label{color:#555;font-size:.9em;margin-top:8px}.timeline-line{background-color:#bdc3c7;height:3px;left:50%;position:absolute;top:7px;width:100%;z-index:1}.modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;max-width:500px;padding:25px;position:relative;width:90%}.modal-close-button{background:none;border:none;color:#888;cursor:pointer;font-size:1.5em;position:absolute;right:10px;top:10px}.modal-image-preview{border:1px solid #eee;display:block;margin:10px auto;max-height:150px;max-width:100%}.action-buttons-container{display:flex;gap:20px;justify-content:center;margin-top:20px}.update-certificate-nav-button{background-color:#17a2b8;border:1px solid #138496;color:#fff}.update-certificate-nav-button:hover{background-color:#117a8b}.certificate-details .previous-uri-link{color:#555;font-size:.9em;margin-top:10px;text-align:center}.certificate-details .previous-uri-link a{color:#d34f32;word-break:break-all}.certificate-qr-container{align-items:stretch;display:flex;flex-wrap:nowrap;gap:30px;margin-bottom:20px;width:100%}.certificate-qr-container .certificate-details{background-color:#d9d9d9;border:1px solid #ddd;border-radius:8px;flex:1 1 60%;margin:0;max-width:none;min-width:0;padding:20px}.certificate-qr-container .qr-code-container{display:flex;flex:1 1 40%;flex-direction:column;margin:0;max-width:450px}@media (max-width:768px){.certificate-qr-container{flex-direction:column}.certificate-qr-container .certificate-details{background-color:#d9d9d9;margin:0 0 20px;max-width:100%;min-width:0;min-width:auto;padding:15px;width:100%}.certificate-qr-container .qr-code-container{margin:0;max-width:100%;min-width:0;min-width:auto;width:100%}}.qr-code-container{background-color:#d9d9d9;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;margin:0;min-height:100%;padding:20px;text-align:center;width:100%}.qr-code-container h3{color:#2c3e50;margin-top:0}.qr-code-description{color:#555;font-size:.9rem;line-height:1.5;margin-bottom:20px}.qr-code-content{flex:1 1;flex-direction:column}.qr-code-content,.qr-code-wrapper{align-items:center;display:flex;justify-content:center}.qr-code-wrapper{background-color:#fff;border-radius:8px;margin:20px auto;max-width:100%;padding:20px;width:-webkit-fit-content;width:fit-content}.download-qr-button{background-color:#e1513a;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;margin-top:15px;padding:10px 20px;transition:background-color .2s ease-in-out}.download-qr-button:hover{background-color:#c9421e}.qr-code-url{color:#555;font-size:.85rem;margin-top:20px;word-break:break-all}.qr-code-url a{color:#e1513a;text-decoration:none}.qr-code-url a:hover{text-decoration:underline}@media (max-width:768px){.qr-code-container{height:auto;justify-content:flex-start;margin:0;min-height:auto;padding:15px}.qr-code-content{flex:none}.qr-code-wrapper{padding:15px}.qr-code-wrapper canvas{height:auto!important;max-width:200px;width:100%!important}}.etherscan-link{align-items:center;color:#d34f32;display:inline-flex;font-family:Benton Sans,Arial,sans-serif;font-size:.9em;gap:4px;text-decoration:none;transition:color .2s ease-in-out}.etherscan-link:hover{color:#b8442b;text-decoration:underline}.external-link-icon{font-size:.8em;opacity:.7;transition:opacity .2s ease-in-out}.etherscan-link:hover .external-link-icon{opacity:1}.etherscan-link.success{color:#27ae60}.etherscan-link.success:hover{color:#229854}.etherscan-link.large{background-color:initial;border:1px solid #d34f32;border-radius:4px;font-size:1em;padding:4px 8px}.etherscan-link.large:hover{background-color:#d34f32;color:#fff}.etherscan-link.button{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#495057;display:inline-block;font-weight:500;margin-top:8px;padding:8px 12px}.etherscan-link.button:hover{background-color:#e9ecef;text-decoration:none}.tx-hash{font-family:Monaco,Menlo,monospace;font-size:.85em}.alert-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1050}.alert-modal-content{background-color:#d9d9d9;border-radius:8px;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:column;max-width:450px;overflow:hidden;width:90%}.alert-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px 20px}.alert-modal-content.success .alert-modal-header{background-color:#d9d9d9;color:#27ae60}.alert-modal-content.error .alert-modal-header{background-color:#d9d9d9;color:#e74c3c}.alert-modal-title{font-size:1.2em;font-weight:600;margin:0}.alert-modal-close-button{background:none;border:none;color:inherit;cursor:pointer;font-size:1.8em;line-height:1;padding:0}.alert-modal-body{color:#333;font-size:1em;line-height:1.6;max-height:200px;overflow-y:auto;padding:20px}.alert-modal-footer{border-top:1px solid #eee;padding:15px 20px;text-align:right}.alert-modal-ok-button{min-width:80px}.update-certificate-container{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin:20px auto;max-width:700px;padding:20px}.update-certificate-form .form-group{margin-bottom:15px}.update-certificate-form label{display:block;font-weight:700;margin-bottom:5px}.update-certificate-form button:disabled{background-color:#aaa}.image-preview-container{margin-bottom:15px;text-align:center}.image-preview{border:1px solid #ddd;border-radius:4px;max-width:200px}.previous-uri-link{color:#555;font-size:.9em;margin-bottom:20px;word-break:break-all}.previous-uri-link a{color:#d34f32}.loading-container{font-size:1.2em;padding:40px;text-align:center}.app-header{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;margin-bottom:2rem;padding:10px 20px}.logo-container h1{color:#333;font-size:1.75rem;margin:0}.nav-icons{display:flex;gap:1rem}.nav-button{background:none;border:none;border-radius:50%;cursor:pointer;font-size:1.5rem;padding:8px;transition:background-color .2s ease-in-out}.nav-button:hover{background-color:#e2e6ea}.header-logo{cursor:pointer;height:20px;max-width:120px;object-fit:contain;transition:opacity .2s ease-in-out}.header-logo:hover{opacity:.8}@media (min-width:768px){.header-logo{height:40px;max-width:none}}.mint-form-container{background-color:#fff;border:1px solid #ccc;border-radius:5px;margin-bottom:30px;padding:20px}.mint-form-container h3{color:#34495e;margin-top:0}.mint-form-container div{margin-bottom:15px}.mint-form-container label{display:block;font-weight:700;margin-bottom:5px}.certificate-preview-window{background-color:#fdf5e6;border:2px solid #795548;border-radius:8px;box-shadow:3px 3px 10px #0000001a;margin-bottom:20px;padding:20px}.certificate-preview-window h4{border-bottom:1px solid #d7ccc8;color:#5d4037;margin-top:0;padding-bottom:10px;text-align:center}.image-preview{border:1px solid #eee;display:block;margin:0 auto 15px;max-height:200px;max-width:100%}.mint-form-container .cert-image-input{margin-bottom:10px;padding:8px}.mint-form-container select{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-bottom:10px;padding:10px;width:100%}.mint-form-container input[type=number],.mint-form-container input[type=text],.mint-form-container textarea{box-sizing:border-box;font-family:Benton Sans,Arial,sans-serif;font-size:1em;width:100%}.issuance-page-container{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin:20px auto;max-width:700px;padding:20px}.issuance-page-container .back-button{margin-bottom:20px}.user-profile-dropdown{display:inline-block;position:relative}.profile-icon-button{background:none;border:none;color:#333;cursor:pointer;font-size:1.8em;padding:5px}.profile-icon-button:hover{opacity:.8}.dropdown-menu{background-color:#d9d9d9;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:250px;padding:10px 0;position:absolute;right:0;top:100%;z-index:1001}.dropdown-item-button,.dropdown-item-static{box-sizing:border-box;display:block;padding:10px 20px;text-align:left;width:100%}.dropdown-item-static{color:#555;font-size:.9em}.dropdown-item-button{background:none;border:none;color:#333;cursor:pointer;font-size:.95em}.dropdown-item-button:hover{background-color:#c9c9c9}.dropdown-menu hr{border:none;border-top:1px solid #eee;margin:8px 0}.disconnect-button{color:#e74c3c}.eu-funding-card{align-items:center;background-color:#d9d9d9;border:1px solid #999;border-radius:8px;display:flex;flex-direction:column;gap:15px;margin:20px 0;padding:20px}@media (min-width:768px){.eu-funding-card{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin:0;padding:30px}}.eu-funding-logo{align-items:flex-start;display:flex;justify-content:center}.eu-funding-logo img{height:60px;width:auto}.eu-funding-text{display:flex;flex-direction:column}.eu-funding-text p{color:#333;font-size:.85rem;line-height:1.5;margin:0}.eu-funding-text strong{font-size:.9rem}@media (min-width:768px){.eu-funding-logo{justify-content:flex-start}.eu-funding-logo img{height:80px}.eu-funding-text p{font-size:.9rem}}.intro-sections-container{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.intro-section-wrapper{width:100%}.intro-section-component{background-color:#d9d9d9;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:20px;padding:20px}.intro-section-component h2{color:#2c3e50;font-family:Xanh Mono,Arial,monospace;font-size:1.3rem;margin:0 0 15px}@media (min-width:768px){.intro-section-component{padding:30px}.intro-section-component h2{font-size:1.5rem;margin-bottom:20px}}.intro-content-component{display:flex;flex-direction:column;gap:15px}.intro-content-component p{font-size:.9rem;line-height:1.5;margin:0}@media (min-width:768px){.intro-content-component{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:1fr 1fr}.intro-content-component p{font-size:1rem;line-height:1.6}}.intro-image-component{aspect-ratio:1/1;border-radius:8px;box-shadow:0 2px 4px #0000001a;height:auto;max-width:200px;object-fit:cover;width:100%}@media (min-width:768px){.intro-image-component{max-width:100%;width:100%}}.certificate-history-page-container{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;margin:20px auto;max-width:900px;padding:20px}.certificate-history-page-container .back-button{background-color:#6c757d;border-color:#6c757d;display:inline-block;margin-bottom:20px;width:auto}.ipfs-loading-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.ipfs-loading-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-width:500px;padding:2rem;text-align:center;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ipfs-loading-content h3{color:#333;font-size:1.5rem;margin-bottom:1rem}.ipfs-loading-spinner{margin-bottom:1.5rem}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:40px;margin:0 auto;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ipfs-warning{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#666;font-size:1rem;line-height:1.5;padding:1rem}.ipfs-explorer-link,.ipfs-warning{margin-bottom:1.5rem}.explorer-link-button{background-color:#007bff;border-radius:6px;color:#fff;display:inline-block;font-weight:500;padding:12px 20px;text-decoration:none;transition:background-color .2s ease}.explorer-link-button:hover{background-color:#0056b3;color:#fff;text-decoration:none}.ipfs-loading-details{border-top:1px solid #eee;color:#666;font-size:.9rem;padding-top:1rem}.ipfs-loading-details p{margin:.5rem 0}@media (max-width:600px){.ipfs-loading-modal{margin:1rem;padding:1.5rem}.ipfs-loading-content h3{font-size:1.3rem}.ipfs-warning{font-size:.9rem;padding:.8rem}}.status-update-page-container{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin:20px auto;max-width:700px;padding:20px}.status-update-page-container .back-button{margin-bottom:20px}.status-update-form div{margin-bottom:15px}.status-update-form label{display:block;font-weight:700;margin-bottom:5px}.status-update-form input,.status-update-form select,.status-update-form textarea{font-family:Benton Sans,Arial,sans-serif;font-size:1em}.status-update-form button:disabled{background-color:#aaa}.char-counter{color:#666;font-size:.85em;margin-top:4px;text-align:right}.certificate-details-header{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:24px;padding:16px}.certificate-details-header h3{color:#333;margin-top:0}.certificate-summary{align-items:center;display:flex;gap:16px}.certificate-summary-image{border-radius:4px;max-width:80px}.current-status-display{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:25px;padding:15px}.current-status-display h4{color:#495057;font-size:1em;margin:0 0 5px}.current-status-display p{color:#2980b9;font-size:1.1em;font-weight:700;margin:0}.app-container{color:#333;font-family:Xanh Mono,Arial,monospace;margin:0 auto;max-width:100%;padding:15px}@media (min-width:768px){.app-container{max-width:1000px;padding:20px}}.app-header{align-items:center;background-color:#f0f0f0;border:1px solid #ddd;border-radius:8px;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px;padding:8px 10px}.app-header h1{color:#2c3e50;font-size:.9rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-left{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.header-controls{flex-shrink:0;gap:5px}@media (max-width:767px){.header-controls>div:not(.language-switcher-wrapper){display:none}.app-header h1{font-size:.85rem}}@media (min-width:768px){.app-header{padding:15px 20px}.app-header h1{font-size:1.5rem}.header-left{gap:20px}.header-controls{gap:10px}}button{background-color:#d34f32;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;padding:10px 15px;transition:background-color .2s ease-in-out}button:hove .app-header{align-items:center;display:flex;justify-content:space-between}.header-controls{align-items:center;display:flex}r{background-color:#ba462c}button:disabled{background-color:#bdc3c7;cursor:not-allowed}input[type=file],input[type=number],input[type=text],select,textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-family:Xanh Mono,Arial,monospace;font-size:1em;margin-bottom:10px;padding:10px;width:calc(100% - 22px)}.error-message{background-color:#fdd;border:1px solid #e74c3c;border-radius:4px;color:#e74c3c;margin-top:10px;padding:10px}.success-message{background-color:#e6ffed;border:1px solid #27ae60;border-radius:4px;color:#27ae60;margin-top:10px;padding:10px}.issue-certificate-button{background-color:#17a2b8;border:1px solid #138496}.navigation-buttons{display:flex;gap:20px;justify-content:center;margin-bottom:20px}.update-status-nav-button{background-color:#ffc107;border:1px solid #e0a800;color:#212529}.action-button{box-sizing:border-box;display:block;font-size:.95em;margin:20px auto;padding:8px 18px;text-align:center;width:50%}.item-search-form{align-items:stretch;display:flex;flex-direction:column;margin-bottom:20px}.item-search-form input[type=text]{margin-bottom:10px;width:100%}.item-search-form button{align-self:center;padding:10px 20px;width:auto}.app-footer{border-top:1px solid #ddd;color:#fff;font-size:.9em;margin-top:30px;padding:20px;text-align:center}.back-button{background-color:initial;border:1px solid #ccc;color:#333;margin-bottom:20px}.back-button:hover{background-color:#f0f0f0}
/*# sourceMappingURL=main.114274e7.css.map*/