:root { font-family: Inter, "Microsoft YaHei", system-ui, sans-serif; color: #e9e5da; background: #10120f; }
* { box-sizing: border-box; }
body { margin: 0; min-width: 1080px; background: #10120f; }
button, input, select { font: inherit; }
button { cursor: pointer; }
.app-shell { max-width: 1520px; margin: 0 auto; padding: 28px 34px 48px; }
.topbar { display: flex; justify-content: space-between; align-items: center; padding: 0 0 24px; border-bottom: 1px solid #30362d; }
h1, h2, p { margin: 0; } h1 { font-size: 28px; letter-spacing: 0; } h2 { font-size: 20px; }
.eyebrow { color: #d5a636; font-size: 12px; font-weight: 700; letter-spacing: .08em; margin-bottom: 6px; }
.top-actions, .toolbar, dialog header, dialog footer { display: flex; align-items: center; gap: 12px; }
.status { color: #aac5a7; font-size: 14px; }
button { border: 1px solid #3d4439; border-radius: 5px; padding: 9px 13px; color: #e9e5da; background: #1a1e18; }
button:hover { border-color: #d5a636; }
.primary { color: #17140b; background: #d5a636; border-color: #d5a636; font-weight: 700; }
.secondary { background: transparent; }
.icon-button { width: 38px; height: 38px; padding: 0; font-size: 19px; }
.summary { display: grid; grid-template-columns: repeat(4, 1fr); border-bottom: 1px solid #30362d; }
.summary div { padding: 18px 20px; border-right: 1px solid #30362d; } .summary div:first-child { padding-left: 0; }.summary div:last-child { border-right: 0; }
.summary span, label > span { display: block; color: #98a193; font-size: 12px; margin-bottom: 6px; }.summary strong { font-size: 18px; }
.toolbar { padding: 22px 0 16px; }.toolbar label { min-width: 148px; }.search { flex: 1; max-width: 480px; }
input, select { width: 100%; background: #161a15; color: #e9e5da; border: 1px solid #3d4439; border-radius: 4px; padding: 9px 10px; outline: none; } input:focus, select:focus { border-color: #d5a636; }
.message { min-height: 22px; color: #9da697; font-size: 13px; padding-bottom: 12px; }
.table-wrap { border: 1px solid #30362d; overflow: auto; } table { width: 100%; border-collapse: collapse; font-size: 13px; white-space: nowrap; } th { color: #969d8e; background: #171a16; font-size: 11px; text-align: right; padding: 11px 12px; } th:nth-child(1), th:nth-child(2), th:nth-child(3), th:nth-child(4) { text-align: left; } td { padding: 12px; border-top: 1px solid #292e27; text-align: right; } td:nth-child(1), td:nth-child(2), td:nth-child(3), td:nth-child(4) { text-align: left; }.token { color: #d8b252; font-weight: 800; }.positive { color: #4fd1aa; }.negative { color: #ef7b76; } small { display: block; color: #8b9387; margin-top: 3px; }.empty { text-align: center; color: #98a193; padding: 36px; }
.source { min-width: 150px; text-align: left; }
.online-badge { color: #aac5a7; border: 1px solid #3d4439; border-radius: 99px; padding: 8px 10px; font-size: 11px; letter-spacing: .08em; }
dialog { width: min(520px, calc(100vw - 32px)); color: #e9e5da; background: #171a16; border: 1px solid #4a5146; border-radius: 6px; padding: 22px; } dialog::backdrop { background: rgb(0 0 0 / .65); } dialog form { display: grid; gap: 18px; } dialog header { justify-content: space-between; } dialog footer { justify-content: flex-end; } dialog p { color: #9da697; font-size: 13px; line-height: 1.5; }.proxy-label { display: block; font-size: 13px; color: #bbc2b5; }.proxy-label input { margin-top: 8px; }