:root{--text:#333;--text-light:#666;--text-heading:#1a1a1a;--bg:#fff;--bg-gray:#f5f5f5;--bg-hover:#fafafa;--border:#ddd;--border-dark:#ccc;--accent:#1a5276;--accent-hover:#154360;--accent-light:#2980b9;--link:#1a5276;--link-hover:#0d2f44;--success:#27ae60;--success-bg:#eafaf1;--error:#c0392b;--error-bg:#fdedec;--notice:#2c3e50;--notice-bg:#eef2f5;--mono:ui-monospace, "Cascadia Code", "Fira Code", Consolas, monospace;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", Roboto, Helvetica, Arial, sans-serif}*,:before,:after{box-sizing:border-box}body{font-family:var(--sans);color:var(--text);background:var(--bg);margin:0;font-size:13px;line-height:1.5}#root,.app{flex-direction:column;min-height:100vh;display:flex}.main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:0 20px 40px}.header{background:var(--accent);color:#fff;border-bottom:3px solid #0d2f44}.header-inner{align-items:center;gap:20px;max-width:1100px;height:48px;margin:0 auto;padding:0 20px;display:flex}.header-left{align-items:baseline;gap:10px;display:flex}.header-logo{color:#fff;letter-spacing:-.3px;font-size:16px;font-weight:700;text-decoration:none}.header-logo:hover{text-decoration:underline}.header-subtitle{opacity:.75;white-space:nowrap;font-size:11px}.header-nav{gap:2px;margin-left:20px;display:flex}.nav-link{color:#ffffffd9;border-radius:3px;padding:4px 12px;font-size:12px;text-decoration:none}.nav-link:hover{color:#fff;background:#ffffff1f}.nav-active{color:#fff;background:#ffffff2e}.header-right{align-items:center;gap:8px;margin-left:auto;display:flex}.header-error{background:var(--error-bg);max-width:1100px;color:var(--error);margin:0 auto;padding:4px 20px;font-size:12px}.wallet-info{align-items:center;gap:6px;display:flex}.account-select{font-family:var(--mono);color:#fff;background:#ffffff26;border:1px solid #ffffff4d;border-radius:3px;max-width:180px;padding:3px 6px;font-size:11px}.account-select option{color:#000;background:#fff}.footer{background:var(--bg-gray);border-top:1px solid var(--border);color:var(--text-light);padding:12px 20px;font-size:11px}.footer-inner{flex-wrap:wrap;align-items:center;gap:8px;max-width:1100px;margin:0 auto;display:flex}.footer-sep{color:var(--border-dark)}.footer-link{color:var(--link);text-decoration:none}.footer-link:hover{text-decoration:underline}.page{padding-top:16px}.page-title{color:var(--text-heading);letter-spacing:-.2px;margin:8px 0 4px;font-size:20px;font-weight:600}.page-desc{color:var(--text-light);margin:0 0 16px;font-size:12px}.breadcrumb{color:var(--text-light);border-bottom:1px solid var(--border);margin-bottom:4px;padding:8px 0;font-size:11px}.breadcrumb-link{color:var(--link);text-decoration:none}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-current{color:var(--text)}.breadcrumb-sep{color:var(--border-dark);margin:0 6px}.data-table{border-collapse:collapse;width:100%;margin:8px 0;font-size:12px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:6px 10px}.data-table th{background:var(--bg-gray);color:var(--text-heading);text-transform:none;white-space:nowrap;font-size:11px;font-weight:600}.data-table tr:hover td{background:var(--bg-hover)}.data-table .mono{font-family:var(--mono);font-size:11px}.data-table .num{text-align:right;font-variant-numeric:tabular-nums}.table-link{color:var(--link);font-weight:600;text-decoration:none}.table-link:hover{text-decoration:underline}.empty-row{text-align:center;color:var(--text-light);padding:20px 10px;font-style:italic}.table-info{color:var(--text-light);margin:8px 0 4px;font-size:11px}.detail-table{border-collapse:collapse;border:1px solid var(--border);width:100%;margin:8px 0 16px;font-size:12px}.detail-table th,.detail-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:6px 12px}.detail-table th{background:var(--bg-gray);width:200px;color:var(--text-heading);white-space:nowrap;font-size:11px;font-weight:600}.detail-table .mono{font-family:var(--mono);word-break:break-all;font-size:11px}.detail-section{margin:0 0 20px}.section-title{color:var(--accent);border-bottom:2px solid var(--accent);margin:16px 0 4px;padding-bottom:4px;font-size:14px;font-weight:600}.search-row{align-items:center;gap:8px;margin:8px 0;display:flex}.search-input{font-family:var(--sans);border:1px solid var(--border-dark);background:var(--bg);color:var(--text);border-radius:3px;flex:1;padding:6px 10px;font-size:12px}.search-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #1a527626}.search-input::placeholder{color:#999}.btn{font-family:var(--sans);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:3px;align-items:center;gap:4px;padding:6px 14px;font-size:12px;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent-hover)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{color:var(--link);border-color:var(--border-dark);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-gray)}.btn-sm{padding:3px 10px;font-size:11px}.form{max-width:700px}.form fieldset{border:none;margin:0;padding:0}.form-section{border-bottom:1px solid var(--border);margin:0 0 20px;padding-bottom:16px}.form-group{margin:0 0 14px}.form-label{color:var(--text-heading);margin:0 0 3px;font-size:12px;font-weight:600;display:block}.form-input{font-family:var(--sans);border:1px solid var(--border-dark);background:var(--bg);color:var(--text);border-radius:3px;width:100%;padding:6px 10px;font-size:12px}.form-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #1a527626}.form-input-short{width:160px}.form-hint{color:var(--text-light);margin-top:2px;font-size:11px;display:block}.form-row{gap:16px;display:flex}.form-range{width:100%;margin:4px 0}.form-actions{margin:16px 0}.notice-box{background:var(--notice-bg);border:1px solid var(--border);border-left:3px solid var(--accent);color:var(--notice);margin:8px 0;padding:10px 14px;font-size:12px}.success-box{background:var(--success-bg);border:1px solid #a9dfbf;border-left:3px solid var(--success);color:#1e7e34;margin:8px 0;padding:10px 14px;font-size:12px}.error-box{background:var(--error-bg);border:1px solid #f5b7b1;border-left:3px solid var(--error);color:var(--error);margin:8px 0;padding:10px 14px;font-size:12px}.loading{text-align:center;color:var(--text-light);padding:20px;font-size:12px}.pagination{justify-content:center;align-items:center;gap:12px;padding:12px 0;font-size:12px;display:flex}.page-info{color:var(--text-light)}.tab-bar{border-bottom:2px solid var(--border);gap:0;margin:12px 0 0;display:flex}.tab{font-family:var(--sans);cursor:pointer;color:var(--text-light);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:8px 16px;font-size:12px}.tab:hover{color:var(--text);background:var(--bg-hover)}.tab-active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.progress-bar{background:var(--bg-gray);border:1px solid var(--border);vertical-align:middle;border-radius:2px;width:80px;height:10px;display:inline-block;overflow:hidden}.progress-fill{background:var(--accent);min-width:0;height:100%}.progress-label{color:var(--text-light);margin-left:4px;font-size:10px}.status{text-transform:uppercase;letter-spacing:.3px;border-radius:2px;padding:1px 6px;font-size:10px;font-weight:600}.status-active{color:var(--success);background:var(--success-bg)}.status-ended{color:#856404;background:#fff3cd}.status-finalized{color:var(--text-light);background:var(--bg-gray)}.status-cancelled{color:var(--error);background:var(--error-bg)}.modal-backdrop{z-index:100;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg);border:1px solid var(--border);border-radius:4px;min-width:300px;max-width:400px;padding:20px;box-shadow:0 4px 12px #00000026}.modal h3{color:var(--text-heading);margin:0 0 12px;font-size:14px}.wallet-option{border:1px solid var(--border);background:var(--bg);cursor:pointer;width:100%;font-family:var(--sans);color:var(--text);border-radius:3px;align-items:center;gap:10px;margin-bottom:6px;padding:8px 12px;font-size:13px;display:flex}.wallet-option:hover{background:var(--bg-gray);border-color:var(--accent)}.wallet-option img{border-radius:3px}.inline-form{align-items:center;gap:4px;display:flex}.inline-form .form-input{width:80px;padding:3px 6px;font-size:11px}@media (max-width:768px){.header-inner{flex-wrap:wrap;height:auto;padding:8px 12px}.header-nav{order:3;width:100%;margin-left:0;padding-top:4px}.header-subtitle{display:none}.form-row{flex-direction:column;gap:0}.form-input-short{width:100%}.data-table{font-size:11px}.data-table th,.data-table td{padding:4px 6px}}
