@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#111;background-color:#f1f0eb;min-height:100vh;font-family:Inter,sans-serif}.app{color:#111;background:#f1f0eb;min-height:100vh}.header{z-index:100;background:#f1f0eb;border-bottom:1px solid #e0e0d8;justify-content:space-between;align-items:center;padding:16px 40px;display:flex;position:sticky;top:0}.header-actions{flex-direction:row;align-items:center;gap:12px;display:flex}.header-logo{color:#111;align-items:center;gap:8px;font-size:1.2rem;font-weight:700;display:flex}.logo-icon{font-size:1.5rem}.header-search input{color:#111;background:#fff;border:1px solid #ddd;border-radius:100px;outline:none;width:320px;padding:10px 16px;font-size:.9rem}.header-search input:focus{border-color:#111}.btn-connect{color:#fff;cursor:pointer;background:#111;border:none;border-radius:100px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:opacity .2s}.btn-connect:hover{opacity:.8}.main-content{max-width:1400px;margin:0 auto;padding:40px}.nft-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:32px;display:grid}.nft-card{cursor:pointer;background:#fff;border-radius:12px;transition:transform .2s;overflow:hidden}.nft-card:hover{transform:translateY(-4px)}.nft-card img{object-fit:cover;width:100%;height:280px}.nft-card-info{padding:16px}.nft-card-info h3{margin-bottom:4px;font-size:1.1rem;font-weight:700}.nft-creator{color:#666;margin-bottom:8px;font-size:.9rem}.nft-description{color:#888;margin-bottom:12px;font-size:.85rem}.nft-card-footer{border-top:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.nft-price{color:#111;font-size:1rem;font-weight:700}.nft-category{color:#666;background:#f1f0eb;border-radius:100px;padding:4px 12px;font-size:.8rem}.nft-card-actions{gap:8px;margin-top:12px;display:flex}.nft-card-actions button{cursor:pointer;border:none;border-radius:8px;flex:1;padding:8px;font-size:.85rem;font-weight:600;transition:opacity .2s}.nft-card-actions button:first-child{color:#fff;background:#111}.nft-card-actions button:last-child{color:#f44;background:#fff;border:1px solid #f44}.nft-card-actions button:hover{opacity:.8}.modal-overlay{z-index:200;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:90%;max-width:500px;max-height:90vh;padding:0;overflow-y:auto}.nft-form{flex-direction:column;gap:16px;padding:32px;display:flex}.nft-form h2{color:#111;font-size:1.5rem;font-weight:700}.form-error{color:#f44;font-size:.85rem}.nft-form input,.nft-form textarea,.nft-form select{color:#111;background:#fff;border:1px solid #ddd;border-radius:8px;outline:none;padding:12px 16px;font-size:.95rem;transition:border .2s}.nft-form input:focus,.nft-form textarea:focus,.nft-form select:focus{border-color:#111}.nft-form textarea{resize:vertical;min-height:80px}.form-buttons{gap:12px;display:flex}.form-buttons button{cursor:pointer;border:none;border-radius:8px;flex:1;padding:12px;font-size:1rem;font-weight:600;transition:opacity .2s}.form-buttons button[type=submit]{color:#fff;background:#111}.form-buttons button[type=button]{color:#666;background:#f1f0eb}.form-buttons button:hover{opacity:.8}.empty-state{text-align:center;color:#888;border:2px dashed #ddd;border-radius:16px;padding:80px}.notification{z-index:1000;border-radius:8px;align-items:center;gap:16px;padding:16px 24px;font-size:.95rem;animation:.3s slideIn;display:flex;position:fixed;top:24px;right:24px}.notification-close{color:inherit;cursor:pointer;opacity:.8;background:0 0;border:none;font-size:1.2rem;line-height:1}.notification-close:hover{opacity:1}.notification.success{color:#fff;background:#111}.notification.error{color:#fff;background:#f44}@keyframes slideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.loading{text-align:center;color:#111;padding:60px;font-size:1.2rem}.error{text-align:center;color:#f44;padding:60px}.footer{color:#888;background:#f1f0eb;border-top:1px solid #e0e0d8;justify-content:space-between;align-items:center;padding:20px 40px;font-size:.85rem;display:flex}.footer-links{gap:24px;display:flex}.footer-links a{color:#888;text-decoration:none}.footer-links a:hover{color:#111}.footer-copy{color:#aaa;font-size:.8rem}.footer-logo{align-items:center;gap:6px;display:flex}.detail-page{background:#f1f0eb;min-height:100vh;padding:40px}.back-btn{cursor:pointer;color:#111;background:0 0;border:1px solid #ddd;border-radius:100px;margin-bottom:40px;padding:8px 16px;font-size:.9rem;display:inline-block}.back-btn:hover{color:#fff;background:#111}.detail-content{grid-template-columns:1fr 1fr;gap:60px;max-width:1200px;margin:0 auto;display:grid}.detail-image{width:100%}.detail-image img{object-fit:cover;background:#eee;border-radius:16px;width:100%;min-height:300px}.detail-info{flex-direction:column;gap:16px;padding-top:20px;display:flex}.detail-category{color:#fff;background:#111;border-radius:100px;width:fit-content;padding:4px 12px;font-size:.8rem}.detail-info h1{color:#111;font-size:2.5rem;font-weight:700;line-height:1.2}.detail-creator{color:#666;font-size:1rem}.detail-description{color:#888;border-top:1px solid #e0e0d8;padding-top:16px;font-size:.95rem;line-height:1.6}.detail-price{border-top:1px solid #e0e0d8;padding-top:16px}.detail-price span{color:#111;font-size:2rem;font-weight:700}.ticker-wrapper{background:#111;border-bottom:1px solid #222;padding:10px 0;overflow:hidden}.ticker-track{white-space:nowrap;gap:48px;animation:20s linear infinite ticker;display:flex}.ticker-item{flex-shrink:0;align-items:center;gap:8px;display:flex}.ticker-name{color:#888;font-size:.85rem;font-weight:600}.ticker-price{color:#fff;font-size:.85rem;font-weight:600}.ticker-change{font-size:.8rem;font-weight:600}.ticker-change.up{color:#0f8}.ticker-change.down{color:#f44}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.btn-wallet{cursor:pointer;color:#111;background:0 0;border:1px solid #111;border-radius:100px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s}.btn-wallet:hover,.btn-wallet.connected{color:#fff;background:#111}.detail-actions{gap:12px;margin-top:16px;display:flex}.btn-edit{color:#fff;cursor:pointer;background:#111;border:none;border-radius:8px;flex:1;padding:12px;font-size:1rem;font-weight:600;transition:opacity .2s}.btn-delete{color:#f44;cursor:pointer;background:#fff;border:1px solid #f44;border-radius:8px;flex:1;padding:12px;font-size:1rem;font-weight:600;transition:opacity .2s}.btn-edit:hover,.btn-delete:hover{opacity:.8}@media (width<=768px){.header{flex-wrap:wrap;gap:12px;padding:16px 20px}.header-search{order:3;width:100%}.header-search input{width:100%}.main-content{padding:20px}.nft-grid{grid-template-columns:1fr;gap:20px}.detail-page{padding:20px}.detail-content{grid-template-columns:1fr;gap:24px}.detail-image img{min-height:220px}.detail-info h1{font-size:1.8rem}}