body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fafafa}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh}.header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid #e5e7eb}.header h1{margin:0 0 .5rem;font-size:2.5rem;color:#1f2937;font-weight:700}.subtitle{margin:0;color:#6b7280;font-size:1.1rem}.tab-switcher{display:flex;gap:.5rem;justify-content:center;margin-bottom:2rem;padding:.5rem;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.tab-button{padding:.75rem 2rem;font-size:1rem;font-weight:600;color:#6b7280;background:#ffffff;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease}.tab-button:hover{color:#1f2937;background:#f3f4f6}.tab-button.active{color:#ffffff;background:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 6px -1px rgba(59,130,246,.3)}.config-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:2rem;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151;font-size:.95rem}.select-input,.text-input{width:100%;padding:.75rem 1rem;font-size:1rem;border:2px solid #d1d5db;border-radius:8px;transition:all .2s;font-family:inherit;background:white}.select-input:focus,.text-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.select-input{cursor:pointer}.input-button-group{display:flex;gap:.75rem}.input-button-group .text-input{flex:1 1}.load-button{padding:.75rem 2rem;font-size:1rem;font-weight:600;color:white;background:#3b82f6;border:none;border-radius:8px;cursor:pointer;transition:all .2s;white-space:nowrap}.load-button:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.load-button:active:not(:disabled){transform:translateY(0)}.load-button:disabled{background:#9ca3af;cursor:not-allowed}.error-message{background:#fef2f2;border:2px solid #fecaca;color:#dc2626;padding:1rem 1.25rem;border-radius:8px;margin-bottom:2rem;font-weight:500}.results-section{margin-top:2rem}.results-section h2{color:#1f2937;font-size:1.5rem;margin-bottom:1.5rem;font-weight:600}.action-log-card{background:white;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.05);transition:all .2s}.action-log-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:#d1d5db}.action-type{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #f3f4f6}.action-table{width:100%;border-collapse:collapse}.action-table tr:not(:last-child){border-bottom:1px solid #f3f4f6}.action-key{font-weight:600;color:#4b5563;padding:.75rem 1rem .75rem 0;vertical-align:top;width:30%;font-size:.95rem}.action-value{color:#1f2937;padding:.75rem 0;word-break:break-all;font-family:Monaco,Courier New,monospace;font-size:.9rem}.transaction-info-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:1.5rem;gap:1.5rem}.info-section{background:white;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.05)}.info-section h3{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:#1f2937;border-bottom:2px solid #f3f4f6;padding-bottom:.75rem}.info-table{width:100%;border-collapse:collapse}.info-table tr:not(:last-child){border-bottom:1px solid #f9fafb}.info-label{font-weight:600;color:#6b7280;padding:.75rem .5rem .75rem 0;vertical-align:top;font-size:.9rem;white-space:nowrap}.info-value{color:#1f2937;padding:.75rem 0;word-break:break-all;font-size:.9rem}.info-value code{background:#f9fafb;padding:.25rem .5rem;border-radius:4px;font-size:.85rem;color:#374151}.info-secondary{color:#9ca3af;font-size:.85rem}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:6px;font-weight:600;font-size:.85rem}.status-success{background:#d1fae5;color:#065f46}.status-failed{background:#fee2e2;color:#991b1b}.data-details{margin-top:.5rem}.data-details summary{cursor:pointer;color:#3b82f6;font-weight:500;padding:.25rem 0}.data-details summary:hover{color:#2563eb}.data-hex{display:block;background:#f9fafb;padding:.75rem;border-radius:6px;margin-top:.5rem;font-size:.75rem;word-break:break-all;line-height:1.5;color:#374151;border:1px solid #e5e7eb}.all-logs-container{background:white;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.05)}.logs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #f3f4f6}.logs-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#1f2937}.toggle-logs-button{padding:.5rem 1rem;font-size:.9rem;font-weight:600;color:#3b82f6;background:#eff6ff;border:2px solid #dbeafe;border-radius:8px;cursor:pointer;transition:all .2s}.toggle-logs-button:hover{background:#dbeafe;border-color:#bfdbfe}.toggle-logs-button:focus{outline:2px solid #3b82f6;outline-offset:2px}.logs-content{margin-top:1rem}.logs-section{margin-bottom:1.5rem}.logs-section h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#4b5563}.no-logs{color:#9ca3af;font-style:italic;text-align:center;padding:2rem}.log-entry{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:.75rem;transition:all .2s}.log-entry:hover{border-color:#d1d5db}.log-corewriter{border-color:#bfdbfe;background:#eff6ff}.log-header{padding:.75rem 1rem;cursor:pointer;display:flex;align-items:center;gap:.75rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:8px 8px 0 0;transition:background-color .2s}.log-header:hover{background:rgba(0,0,0,.02)}.log-header:focus{outline:2px solid #3b82f6;outline-offset:2px;background:rgba(59,130,246,.05)}.log-index{font-weight:600;color:#6b7280;font-size:.85rem}.log-badge{background:#3b82f6;color:white;padding:.15rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.log-address{flex:1 1}.log-address code{background:rgba(0,0,0,.05);padding:.25rem .5rem;border-radius:4px;font-size:.75rem}.log-expand-icon{font-size:.75rem;color:#9ca3af;transition:transform .2s}.log-expand-icon.expanded{transform:rotate(180deg)}.log-details{padding:0 1rem 1rem;border-top:1px solid #e5e7eb}.log-table{width:100%;border-collapse:collapse;margin-top:.75rem}.log-table tr:not(:last-child){border-bottom:1px solid #f3f4f6}.log-label{font-weight:600;color:#6b7280;padding:.5rem .5rem .5rem 0;vertical-align:top;font-size:.85rem;white-space:nowrap}.log-value{color:#1f2937;padding:.5rem 0;word-break:break-all;font-size:.85rem}.log-value code{background:white;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;border:1px solid #e5e7eb}.topics-list{display:flex;flex-direction:column;gap:.5rem}.topic-item{display:flex;gap:.5rem;align-items:flex-start}.topic-index{font-weight:600;color:#9ca3af;font-size:.75rem}.topic-value{flex:1 1}.log-data{display:block;background:white;padding:.5rem;border-radius:4px;font-size:.75rem;line-height:1.5;border:1px solid #e5e7eb}.corewriter-actions{display:flex;flex-direction:column;gap:1rem}@media (max-width:768px){.App{padding:1rem}.header h1{font-size:2rem}.subtitle{font-size:1rem}.config-section{padding:1.5rem}.input-button-group{flex-direction:column}.load-button{width:100%}.action-log-card{padding:1rem}.action-type{font-size:1.1rem}.action-key,.action-value{display:block;width:100%;padding:.5rem 0}.action-key{font-size:.9rem}.action-value{font-size:.85rem;padding-bottom:1rem}.transaction-info-container{grid-template-columns:1fr}.logs-header{flex-direction:column;align-items:flex-start;gap:.75rem}.toggle-logs-button{width:100%}.log-header{flex-wrap:wrap}.log-address{flex-basis:100%;order:3}}.transaction-info{background:white;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.05)}.info-grid{display:flex;flex-direction:column;gap:.5rem}.info-row{display:grid;grid-template-columns:150px 1fr;grid-gap:1rem;gap:1rem;padding:.75rem 0;border-bottom:1px solid #f3f4f6}.info-row:last-child{border-bottom:none}.info-row.full-width{grid-template-columns:1fr}.hash-value{font-family:Monaco,Courier New,monospace;font-size:.85rem;word-break:break-all}.error-value{color:#dc2626;font-weight:600}.json-value{background:#f9fafb;padding:1rem;border-radius:8px;font-size:.85rem;overflow-x:auto;color:#374151;margin:0}.clickable-address{cursor:pointer;transition:all .2s;position:relative}.clickable-address:hover{color:#3b82f6;text-decoration:underline}.clickable-address:active{color:#2563eb}button.clickable-address{background:none;border:none;padding:0;text-align:left;font:inherit}button.clickable-address:focus{outline:2px solid #3b82f6;outline-offset:2px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:white;border-radius:16px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);max-width:900px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid #f3f4f6}.modal-header h2{margin:0;font-size:1.5rem;color:#1f2937;font-weight:600}.modal-close{font-size:2rem;color:#9ca3af;background:none;border:none;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s;line-height:1}.modal-close:hover{background:#f3f4f6;color:#1f2937}.modal-body{overflow-y:auto;padding:2rem}.modal-address{display:grid;grid-template-columns:auto 1fr;grid-gap:1rem;gap:1rem;padding:1rem;background:#f9fafb;border-radius:8px;margin-bottom:2rem;align-items:center}.loading-state{text-align:center;padding:3rem;color:#6b7280;font-size:1.1rem}.balance-section{margin-bottom:2rem}.balance-section:last-child{margin-bottom:0}.balance-section h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb}.balance-section h4{font-size:1rem;font-weight:600;color:#4b5563;margin:1.5rem 0 1rem}.balance-summary{display:grid;grid-gap:.75rem;gap:.75rem;margin-bottom:1.5rem}.balance-row{display:flex;justify-content:space-between;padding:.75rem 1rem;background:#f9fafb;border-radius:8px}.balance-label{font-weight:600;color:#6b7280}.balance-value{font-weight:600;color:#1f2937;font-family:Monaco,Courier New,monospace}.positions-section{margin-top:1.5rem}.position-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:1.25rem;margin-bottom:1rem}.position-card:last-child{margin-bottom:0}.position-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.position-coin{font-size:1.1rem;font-weight:700;color:#1f2937}.position-side{padding:.25rem .75rem;border-radius:6px;font-weight:700;font-size:.85rem}.position-side.long{background:#d1fae5;color:#065f46}.position-side.short{background:#fee2e2;color:#991b1b}.position-details{display:grid;grid-gap:.5rem;gap:.5rem}.position-row{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.9rem}.position-row span:first-child{color:#6b7280;font-weight:500}.position-row span:last-child{font-weight:600;font-family:Monaco,Courier New,monospace}.position-row span:last-child:not(.positive):not(.negative){color:#1f2937}.position-row span:last-child.positive{color:#059669}.position-row span:last-child.negative{color:#dc2626}.position-row .warning{color:#d97706}.balances-table{background:#f9fafb;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb}.balance-table-header,.balance-table-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;grid-gap:1rem;gap:1rem;padding:.75rem 1rem}.balance-table-header{background:#374151;color:white;font-weight:600;font-size:.85rem}.balance-table-row{border-bottom:1px solid #e5e7eb;font-size:.9rem}.balance-table-row:last-child{border-bottom:none}.balance-table-row:hover{background:#f3f4f6}.asset-name{font-weight:600;color:#1f2937}.escrow-section{margin-top:1.5rem;padding:1rem;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px}.escrow-row{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.9rem}.escrow-row span:first-child{font-weight:600;color:#92400e}.escrow-row span:last-child{font-family:Monaco,Courier New,monospace;color:#78350f}.empty-state{text-align:center;padding:2rem;color:#9ca3af;font-style:italic;background:#f9fafb;border-radius:8px}@media (max-width:768px){.modal-content{max-height:95vh;margin:.5rem}.modal-body,.modal-header{padding:1rem}.modal-address{grid-template-columns:1fr}.balance-table-header,.balance-table-row{grid-template-columns:1fr 1fr;gap:.5rem}.balance-table-header span:nth-child(3),.balance-table-row span:nth-child(3){display:none}.position-card{padding:1rem}.position-row{font-size:.85rem}}