body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333;min-height:100vh;margin:0;padding:0;flex-direction:column}.header-container,body{background-color:#f8f9fa;display:flex;align-items:center}.header-container{position:relative;width:100%;height:70px;justify-content:space-between;padding:0 20px;box-sizing:border-box}.header-container h1{font-size:2.5rem;color:#D4AF37;margin:0}.navbar{position:absolute;left:50%;transform:translateX(-50%);display:flex;background-color:#e9e9eb;border-radius:12px;padding:8px;gap:10px;z-index:1}.nav-link{text-align:center;padding:10px 20px;border-radius:8px;font-weight:500;color:#555;text-decoration:none;transition:background-color .3s ease,color .3s ease}.nav-link:hover{background-color:#dcdde1}.nav-link.active{background-color:white;color:#2c3e50}.w3m-container{flex-shrink:0}.div-1{width:600px;max-width:90%}.div-1,.div-nft{min-width:300px;margin:20px auto;background:white;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.1);padding:20px}.div-nft{width:90%;max-width:950px;box-sizing:border-box}form{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}label{font-weight:500;color:#2c3e50}input[type=password],input[type=text],input[type=time],select{width:100%;padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:8px;font-size:1rem;box-sizing:border-box}input[type=file],input[type=password],input[type=text],input[type=time],select{height:42px;padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:8px;font-size:1rem;box-sizing:border-box}button{background-color:#2c3e50;color:white;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;transition:background-color .2s ease;width:100%;margin-top:10px}button:hover{background-color:#1a252f}.center{display:flex;justify-content:center;gap:20px;margin-top:20px;text-align:center}ul{list-style:none;padding:0}li{background:#e9ecef;margin:10px 0;padding:15px;border-radius:8px;display:flex;justify-content:space-between;align-items:center}li button{width:50%}.commande-details{display:flex;flex-direction:column;gap:5px}p{font-size:1.1rem;margin-bottom:1.5rem;color:#333}a{color:#007bff;text-decoration:none}a:hover{text-decoration:underline}.status-box{background-color:#e9ecef;padding:1rem;border-radius:8px;margin-top:1rem;color:#2c3e50;white-space:pre-line}.status-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-warning{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba}.status-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@media (max-width:768px){.header-container{flex-direction:column;align-items:flex-start;gap:10px}.navbar,.w3m-container{width:100%;justify-content:center}.w3m-container{justify-content:flex-end}.div-1{width:90%}.header-container h1{font-size:2rem}button{width:100%}}.nft-card{width:280px;border-radius:16px;overflow:hidden;background:white;box-shadow:0 6px 14px rgba(0,0,0,.1);display:flex;flex-direction:column;transition:transform .2s}.nft-card:hover{transform:scale(1.02)}.nft-image{width:100%;height:180px;object-fit:cover}.nft-info{padding:16px;display:flex;flex-direction:column;gap:8px}.nft-id{font-size:1.2rem;font-weight:700;margin:0;color:#333}.nft-row{display:flex;justify-content:space-between;font-size:.9rem;color:#555}.nft-label{font-weight:600;color:#777}.nft-value{color:#333}.nft-link{text-decoration:none;font-weight:500;color:#444}.token-grid{display:flex;flex-wrap:wrap;gap:24px;margin-top:20px}@media (max-width:640px){.token-grid{flex-direction:column;align-items:center}}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:999}.modal{background:white;padding:2rem;border-radius:1rem;box-shadow:0 0 20px rgba(0,0,0,.2)}.upload-form{max-width:600px;margin:0 auto;padding:20px;border-radius:12px;background:#f9f9f9;box-shadow:0 2px 8px rgba(0,0,0,.05)}.upload-form form{display:flex;flex-direction:column;gap:16px}.upload-form label{font-weight:600;margin-bottom:4px;font-size:.95rem}.upload-form input[type=file],.upload-form select{padding:8px;font-size:.95rem;border-radius:8px;border:1px solid #ccc;width:100%}.upload-form button{padding:10px 16px;font-size:1rem;color:white;border:none;border-radius:8px;cursor:pointer}@media (max-width:768px){.upload-form{padding:16px;max-width:95vw}.upload-form input,.upload-form select{font-size:.9rem}.header-container{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px solid #ddd;position:relative;height:70px}h1{margin:0;font-size:1rem;color:#D4AF37}.navbar{display:flex;gap:15px;position:absolute;left:50%;transform:translateX(-50%);background-color:#e9e9eb;border-radius:12px;padding:8px;z-index:1}.nav-link{color:#555;text-decoration:none;font-weight:500;padding:10px 20px;border-radius:8px;transition:background-color .3s ease,color .3s ease;text-align:center}.nav-link:hover{background-color:#dcdde1}.nav-link.active{background-color:white;color:#2c3e50;font-weight:700}.navbar,.w3m-container{display:none}.header-container{flex-wrap:wrap;height:auto;align-items:flex-start}}@media (min-width:769px){.mobile-menu{display:none}}.hamburger{position:absolute;right:20px;top:25%;transform:translateY(-50%);display:flex;flex-direction:column;justify-content:space-around;width:28px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;box-sizing:border-box;z-index:15}.bar{width:28px;height:3px;background-color:#2c3e50;border-radius:2px;transition:all .3s ease}.bar.open:first-child{transform:rotate(45deg) translate(5px,5px)}.bar.open:nth-child(2){opacity:0}.bar.open:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-nav{display:flex;flex-direction:column;margin-top:10px;background-color:white;border-radius:12px;padding:15px 20px;box-shadow:0 4px 12px rgba(0,0,0,.15);width:220px;position:absolute;top:60px;right:10px;z-index:10}.mobile-nav-link{padding:12px 0;color:#2c3e50;text-decoration:none;font-weight:600;border-bottom:1px solid #ddd;transition:color .3s ease}.mobile-nav-link:last-child{border-bottom:none}.mobile-nav-link:hover{color:#0070f3}.mobile-nav-link.active{font-weight:700;color:#0070f3}@media (min-width:769px){.hamburger{display:none}}.guid-info,.owner-info,.score-info{margin-top:1.5rem;padding:1rem 1.5rem;border-radius:12px;background-color:#f9f9f9;border:1px solid #ddd;box-shadow:0 1px 4px rgba(0,0,0,.06)}.owner-info a,.score-info a{color:#2563eb;text-decoration:none;font-weight:500}.owner-info a:hover,.score-info a:hover{text-decoration:underline}.guid-info p,.owner-info p,.score-info p{margin:.5rem 0;font-size:1rem;line-height:1.4}.guid-info{font-family:monospace;color:#4b5563}.token-info-box{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px;justify-content:space-between}.token-card{flex:1 1 250px;min-width:220px;background:white;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,.06);padding:16px;border:1px solid #e0e0e0;transition:transform .2s ease}.token-card:hover{transform:translateY(-2px)}.token-label{font-size:.8rem;color:#777;margin-bottom:6px;text-transform:uppercase}.token-value{font-size:1.05rem;font-weight:500;color:#2c3e50}.token-link{font-size:.9rem;color:#2563eb;text-decoration:none;margin-top:8px;display:inline-block;font-weight:500}.token-link:hover{text-decoration:underline}.secondary-button{background-color:#e0e0e0;color:#2c3e50;border:none;padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:background-color .2s ease;width:100%;margin-top:10px}.secondary-button:hover{background-color:#d5d5d5}.token-field{margin-bottom:1rem}.token-label{font-weight:600;color:#555;margin-bottom:.3rem}.token-value{font-size:1rem;color:#222;word-break:break-word}.token-card hr{border:none;border-bottom:1px solid #ddd;margin:.75rem 0}@media (max-width:768px){.header-container h1{font-size:1.4rem;margin:0}h2{font-size:1.2rem;margin:.5rem 0 1rem}.mobile-nav-link{padding:10px 0;font-size:.9rem}.mobile-nav{width:180px;padding:12px 16px}.hamburger{width:24px;height:20px}.bar{width:24px;height:2px}.w3m-container{scale:.85}section{padding:10px 15px}section h2{font-size:1.2rem}h2{font-size:1.1rem;margin-bottom:1rem}p{font-size:1rem;line-height:1.5}button,input,select{font-size:.95rem;padding:10px}.upload-form{max-width:90vw;padding:16px}.modal{padding:1rem;width:90vw}.nft-card{width:90%}.nft-image{max-height:160px;object-fit:cover}.token-card{flex:1 1 100%}.status-box{font-size:.95rem;margin-top:1rem}.div-1{padding:12px;margin:10px auto}h2{margin-bottom:.8rem}form{gap:.75rem;margin-top:.5rem}label{margin-bottom:2px}input,select{margin:6px 0;padding:8px}button{margin-top:8px;padding:10px}.status-box{margin-top:1rem;padding:.8rem}br{display:none}.header-container{height:auto;padding:6px 12px;gap:4px}.header-container h1{margin:0;padding:0;font-size:1.2rem}}.doc-id-wrapper{width:100%}select.doc-type-prefix{width:-moz-fit-content;width:fit-content;min-width:110px;padding:0 12px!important;border:1px solid #ccc!important;border-radius:8px;margin-right:0;font-size:1rem!important;height:42px!important;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#f1f1f1;background-image:url("data:image/svg+xml;utf8,<svg fill='gray' height='10' viewBox='0 0 24 24' width='10' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right 8px center;background-size:12px;padding-right:30px;cursor:pointer;box-sizing:border-box}.doc-id-input{border:1px solid #ccc;border-left:none;border-radius:0 8px 8px 0;padding:0 12px;flex:1 1;min-width:0;height:42px}.doc-id-input,.doc-type-prefix{height:42px;line-height:1;padding-top:0;padding-bottom:0}.doc-id-wrapper{display:flex;align-items:center}.doc-type-prefix{vertical-align:middle}@media (max-width:768px){select.doc-type-prefix{width:-moz-fit-content;width:fit-content;min-width:100px;padding:0 12px!important;border:1px solid #ccc!important;border-radius:8px;margin-right:0;font-size:1rem!important;height:30px!important;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#f1f1f1;background-image:url("data:image/svg+xml;utf8,<svg fill='gray' height='10' viewBox='0 0 24 24' width='10' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right 8px center;background-size:12px;padding-right:30px;cursor:pointer;box-sizing:border-box}input[type=file],input[type=password],input[type=text],input[type=time],select{font-size:.85rem;padding:6px;height:32px;margin:6px 0}button{font-size:.85rem;padding:6px 12px;width:100%}.header-container h1{font-size:1.2rem}.navbar{flex-direction:column;gap:6px;padding:10px}.nav-link{font-size:.85rem;padding:6px 12px}.div-1,.div-nft{width:100%;padding:10px}.nft-card{width:100%;height:auto}.token-card{width:100%;padding:10px;font-size:.85rem}.upload-form{max-width:100%;padding:10px}.upload-form input[type=file]{padding:5px;font-size:.85rem;height:30px}}@media (min-width:769px) and (max-width:1024px){body{font-size:.95rem}.header-container{padding:12px 24px;flex-wrap:nowrap;height:70px;gap:10px}.header-container h1{font-size:1.6rem;margin:0}.navbar{position:absolute;left:50%;transform:translateX(-50%);padding:8px 12px;gap:12px;border-radius:12px;font-size:.95rem}.nav-link{padding:8px 16px;font-size:.95rem}.w3m-container{scale:.95}.div-1,.div-nft,.upload-form{max-width:90vw;padding:16px 20px;margin:16px auto}button,input,select{font-size:1rem;padding:10px;height:40px}.upload-form{padding:16px}.token-grid{gap:20px}.nft-card{width:48%;height:auto}.token-card{flex:1 1 45%}.status-box{font-size:.95rem}.modal{width:80vw;padding:1.5rem}.hamburger,.mobile-nav{display:none!important}.nav-link.active{font-weight:600;background:white;color:#2c3e50}.secondary-button{font-size:.95rem;padding:10px 16px}.token-label,.token-value{font-size:.95rem}}html{-webkit-text-size-adjust:100%}input:not([type=file]),select,textarea{font-size:16px!important}