:root{--seaweed-dark: #1e4d2b;--seaweed: #2A5244;--seaweed-light: #3a6e54;--mint: #95D5B2;--success: #52B788;--white: #ffffff;--gray-light: #f5f5f5;--gray-border: #e0e0e0;--text-dark: #2d3748;--text-medium: #4a5568}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--gray-light);min-height:100vh;margin:0;padding:0;font-size:15px;line-height:1.6;color:#1a1a1a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.main-header{background:var(--seaweed-dark);color:var(--white);padding:24px 40px;text-align:center;box-shadow:0 2px 8px #0000001a}.main-header h1{font-size:28px;font-weight:600;margin-bottom:6px;letter-spacing:-.02em}.main-header p{opacity:.9;font-size:15px;font-weight:400}.container{display:grid;grid-template-columns:60% 40%;gap:20px;max-width:1600px;margin:0 auto;padding:20px;min-height:calc(100vh - 140px)}.main-content{background:var(--white);border-radius:12px;box-shadow:0 2px 10px #0000000d;overflow:hidden}.sidebar{position:sticky;top:20px;height:fit-content;max-height:calc(100vh - 160px)}section{padding:32px 40px;border-bottom:1px solid var(--gray-border)}section:last-child{border-bottom:none}h2{color:var(--seaweed-dark);margin-bottom:20px;font-size:20px;font-weight:600;letter-spacing:-.01em}h3{color:#1a1a1a;font-size:16px;font-weight:600;margin-bottom:12px}h4{color:#1a1a1a;font-size:15px;font-weight:600;margin-bottom:10px}.server-info{background:var(--gray-light);padding:20px;border-radius:8px;display:flex;flex-direction:column;gap:20px}.info-row-inline{display:flex;flex-direction:column;gap:8px}.info-row-inline label{font-weight:600;color:#4a5568;font-size:14px}.info-row-inline input{padding:10px 12px;border:1px solid var(--gray-border);border-radius:6px;font-size:14px;background:var(--white);font-family:inherit}.detected-network{display:flex;gap:10px;align-items:center}.detected-network label{font-weight:600;color:#4a5568;font-size:14px}.detected-network span{color:var(--seaweed);font-weight:600;font-size:14px}.api-endpoint{background:var(--gray-light);padding:20px;border-radius:8px;margin-bottom:15px}.api-endpoint:last-child{margin-bottom:0}.endpoint-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.endpoint-result{margin-top:15px;padding:15px;background:var(--white);border-radius:6px;border-left:4px solid var(--seaweed);display:none}.endpoint-result.show{display:block}.endpoint-result pre{margin:0;font-size:14px;color:var(--text-dark);overflow-x:auto;line-height:1.5}.test-btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;background:var(--seaweed);color:var(--white)}.test-btn:hover{background:var(--seaweed-light);transform:translateY(-1px)}.test-btn.primary{background:var(--seaweed-dark)}.test-btn.success{background:var(--success)}.test-btn:disabled{opacity:.5;cursor:not-allowed}.payment-requirements{margin-top:20px;padding:20px;background:#fff3cd;border-radius:8px;border-left:4px solid #ffc107}.payment-requirements.hidden{display:none}.payment-requirements h4{color:var(--seaweed-dark);margin-bottom:15px}#payment-details{margin-bottom:15px;font-size:14px;color:var(--text-dark);line-height:1.6}#payment-details p{margin:8px 0}.wallet-info{background:var(--gray-light);padding:20px;border-radius:8px}.info-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--gray-border)}.info-row:last-of-type{border-bottom:none;margin-bottom:20px}.info-row label{font-weight:600;color:var(--text-medium)}.info-row span{color:var(--text-dark);font-family:monospace}.explorer-link{display:inline-block;margin-left:12px;padding:4px 12px;background:var(--seaweed);color:var(--white)!important;text-decoration:none;border-radius:4px;font-size:12px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif;transition:all .2s}.explorer-link:hover{background:var(--seaweed-light);transform:translateY(-1px)}.logs{background:var(--white);border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:20px;display:flex;flex-direction:column;height:calc(100vh - 180px)}.logs h2{font-size:1.3em;margin-bottom:15px;color:var(--seaweed-dark)}#log-container{flex:1;overflow-y:auto;background:#fff;border-radius:8px;padding:20px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:14px;margin-bottom:15px;border:1px solid #e0e0e0}.log-entry{padding:10px 0;border-bottom:1px solid #f0f0f0;line-height:1.6;font-weight:500}.log-entry:last-child{border-bottom:none}.log-entry .log-timestamp{color:#666;font-size:13px;font-weight:600;margin-right:8px}.log-entry.info{color:#1a1a1a}.log-entry.success{color:#2e7d32;font-weight:600}.log-entry.error{color:#c62828;font-weight:600}.log-entry.warning{color:#f57c00;font-weight:600}.clear-btn{padding:8px 16px;background:var(--seaweed);color:var(--white);border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.clear-btn:hover{background:var(--seaweed-light)}.hidden{display:none!important}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}#payment-popup{animation:fadeIn .3s ease-out}.status-item{animation:slideIn .3s ease-out}#payment-status{max-height:200px;overflow-y:auto;padding:10px;background:#f9f9f9;border-radius:8px;margin-top:15px}#payment-status::-webkit-scrollbar{width:6px}#payment-status::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}#payment-status::-webkit-scrollbar-thumb{background:#888;border-radius:3px}#payment-status::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width: 1200px){.container{grid-template-columns:1fr}.sidebar{position:relative;top:0;max-height:500px}}