:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eaf4ff;background:#07111e;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#07111e}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:#38bdf8;text-decoration:none}a:hover{color:#7dd3fc}.app-shell{min-height:100vh;max-width:1500px;margin:0 auto;padding:22px 28px 34px}header{min-height:64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #19344c;padding:0 2px 18px;gap:20px}.brand{display:inline-flex;align-items:center;gap:11px;color:#f7fbff;white-space:nowrap}.brand-mark{width:40px;height:40px;border:2px solid #f15cae;border-radius:9px;color:#fff;display:grid;place-items:center;font-weight:800;font-size:12px;transform:rotate(45deg);box-shadow:0 0 16px #e4389a55}.brand-mark:first-letter{letter-spacing:0}.brand-mark{text-indent:0}.brand>div:last-child{display:grid;gap:1px}.brand b{font-size:20px;letter-spacing:0}.brand small{color:#39c7ff;font-size:9px;letter-spacing:2px;font-weight:800}.header-actions{display:flex;align-items:center;gap:9px}.network-pill,.wallet-button{height:36px;border:1px solid #1d3a55;background:#0b1a2a;color:#dff1ff;display:inline-flex;align-items:center;gap:8px;border-radius:6px;padding:0 11px;font-size:13px}.network-pill i,.dot.online{width:8px;height:8px;border-radius:50%;background:#24e5ae;box-shadow:0 0 10px #24e5ae}.wallet-button{color:#85d7ff}.wallet-button svg,.icon-button svg,.nav svg,.panel-title>svg,.quick-actions svg,.primary svg,.secondary svg{width:18px;height:18px;stroke-width:2}.icon-button{width:36px;height:36px;border:1px solid #1d3a55;background:#0b1a2a;color:#c9d8e8;border-radius:6px;display:grid;place-items:center}.mobile-menu{display:none}.sidebar{width:210px;position:fixed;top:110px;bottom:34px;display:flex;flex-direction:column;gap:4px}.nav{border:0;height:45px;background:transparent;color:#9eb5ca;display:flex;align-items:center;gap:13px;padding:0 14px;border-radius:6px;text-align:left;font-weight:650}.nav:hover{background:#0b1c2d;color:#e7f7ff}.nav.active{background:#0caee9;color:#fff}.sidebar-bottom{margin-top:auto;display:grid;gap:7px}.link-button{border:0;background:transparent;color:#49c8ff;padding:8px 0;text-align:left}.link-button.danger{color:#ff7ba8;font-size:12px;padding-left:14px}main{margin-left:235px;padding-top:30px;min-width:0}.login{margin-left:0;min-height:calc(100vh - 120px);display:grid;place-items:center}.panel{background:#091a2a;border:1px solid #1a3c57;border-radius:8px}.panel h1,.panel h2,.panel p{margin-top:0}.panel h1{font-size:25px;margin-bottom:8px}.panel h2{font-size:18px;margin-bottom:12px}.panel p,.muted{color:#91aac0;line-height:1.5}.login-panel{width:min(840px,100%);display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.login-intro,.login-actions{padding:44px}.login-intro{border-right:1px solid #1a3c57}.login-intro .brand{margin-bottom:40px}.login-actions{display:grid;align-content:center;gap:13px}.login-actions p{font-size:13px;margin:0}.primary,.secondary{min-height:44px;border-radius:6px;display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:0 16px;font-weight:750}.primary{border:1px solid #30c8ff;background:#0db5eb;color:#021622}.primary:hover{background:#39c9f5}.secondary{border:1px solid #215171;background:transparent;color:#d9efff}.primary:disabled{opacity:.58;cursor:wait}.notice{margin:12px 0;border-radius:6px;padding:12px 14px;background:#3b2119;border:1px solid #a65d2c;color:#ffd297;font-size:14px}.notice.success{background:#0e312b;border-color:#198a72;color:#7df4d5}.hero-row,.cards,.page-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr);gap:16px}.balance-hero{padding:26px;min-height:226px}.balance-hero>span{color:#8caac3;font-size:13px;display:block;margin-bottom:7px}.balance-hero h1{font-size:35px;margin:26px 0 2px}.balance-hero p{margin-bottom:18px}.quick-actions{display:flex;gap:10px}.quick-actions button{border:1px solid #1f5680;background:#0d2438;color:#d9f5ff;border-radius:6px;min-height:37px;padding:0 13px;display:inline-flex;align-items:center;gap:7px}.network-card{padding:26px;min-height:226px}.network-card>svg{color:#45d5ff;width:28px;height:28px}.network-card h2{margin-top:22px}.network-live{color:#27e5ae;font-size:14px;font-weight:700}.network-card a{display:inline-flex;align-items:center;gap:3px;margin-top:13px}.network-card a svg{width:16px}.cards{grid-template-columns:1fr 1.4fr;margin-top:16px}.cards .panel,.page-grid .panel{padding:22px}.asset,.tx,.validator{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;min-height:48px;border-top:1px solid #16334b}.asset span,.tx span,.validator strong{text-align:right;font-variant-numeric:tabular-nums;font-size:13px}.token-circle{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#144362;color:#84dcff;font-weight:800}.tx{grid-template-columns:1fr auto;color:inherit}.tx small,.validator small{display:block;color:#7499b5;margin-top:4px;font-size:12px}.validator{grid-template-columns:12px 1fr auto}.dot{width:8px;height:8px;border-radius:50%;background:#64748b}.action-panel .panel-title{display:flex;gap:13px;align-items:flex-start}.panel-title>svg{color:#47d5ff;width:29px;height:29px;margin-top:2px}.panel-title p{margin-bottom:20px}.form{display:grid;gap:14px}.form label,.modal label{display:grid;gap:7px;color:#aec7db;font-size:13px}.form input,.form textarea,.form select,.modal input,.modal textarea{width:100%;color:#eff8ff;border:1px solid #244863;border-radius:6px;background:#071522;min-height:44px;padding:10px 12px;outline:0}.form textarea,.modal textarea{min-height:94px;resize:vertical}.form input:focus,.form select:focus,.modal input:focus,.modal textarea:focus{border-color:#32c8ff;box-shadow:0 0 0 2px #32c8ff22}.segmented{display:flex;margin:6px 0 20px;border-bottom:1px solid #19364e}.segmented button{border:0;background:transparent;color:#9bb9d0;padding:10px 13px;border-bottom:2px solid transparent}.segmented button.active{border-bottom-color:#32c8ff;color:#effbff}.security-panel>svg{color:#ef5ca9;width:31px;height:31px}.security-panel ul{color:#a8c1d4;padding-left:19px;line-height:1.9}.validator-list{max-height:540px;overflow:auto;padding-right:6px}.validator-list::-webkit-scrollbar{width:7px}.validator-list::-webkit-scrollbar-thumb{background:#2584af;border-radius:8px}.placeholder{min-height:340px;display:grid;place-content:center;text-align:center;padding:40px}.placeholder>svg{width:48px;height:48px;color:#36c9ff;margin:0 auto 17px}.placeholder span{color:#7599b6;font-size:13px;max-width:520px}.loader{min-height:360px;display:grid;place-content:center;gap:18px;justify-items:center;color:#99bcd8}.loader-wheel{width:58px;height:58px;color:#fff;display:grid;place-items:center;border:2px solid #ef5ca9;border-radius:8px;font-weight:800;animation:roll 1.25s linear infinite;box-shadow:0 0 16px #ef5ca955}@keyframes roll{0%,to{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#010913c9;display:grid;place-items:center;padding:20px}.modal{width:min(480px,100%);position:relative;background:#0a1b2c;border:1px solid #24506d;padding:30px;border-radius:8px}.modal h2{margin:9px 0}.modal p{color:#a9c1d4;line-height:1.5;font-size:14px}.modal .close{position:absolute;right:12px;top:12px}.security-icon{color:#48d9ff}.security-icon svg{width:28px;height:28px}.check{display:flex!important;grid-template-columns:17px 1fr;align-items:start}.check input{min-height:auto!important;width:15px!important;margin-top:2px}@media (max-width: 860px){.app-shell{padding:14px 14px 28px}header{min-height:55px;padding-bottom:12px}.brand-mark{width:33px;height:33px;font-size:10px}.brand b{font-size:17px}.network-pill{display:none}.wallet-button{max-width:142px;overflow:hidden;white-space:nowrap}.mobile-menu{display:grid}.sidebar{z-index:10;top:70px;left:14px;right:14px;bottom:auto;padding:9px;width:auto;border:1px solid #21455f;background:#081827;border-radius:8px;box-shadow:0 18px 38px #010912bd;display:none}.sidebar.open{display:flex}.sidebar-bottom{margin-top:8px}main{margin-left:0;padding-top:20px}.login{min-height:calc(100vh - 90px)}.login-panel,.hero-row,.cards,.page-grid{grid-template-columns:1fr}.login-intro,.login-actions{padding:25px}.login-intro{border-right:0;border-bottom:1px solid #1a3c57}.login-intro .brand{margin-bottom:27px}.balance-hero h1{font-size:29px}.cards .panel,.page-grid .panel,.balance-hero,.network-card{padding:17px}.asset,.tx{font-size:13px}.validator{grid-template-columns:10px 1fr}.validator strong{grid-column:2;text-align:left}.quick-actions{flex-wrap:wrap}}@media (max-width: 460px){.header-actions>.icon-button:not(.mobile-menu){display:none}.wallet-button{padding:0 8px}.login-intro,.login-actions{padding:20px}.modal{padding:23px 18px}.cards .panel{overflow:hidden}.tx{gap:8px}.tx span{max-width:105px;overflow:hidden;text-overflow:ellipsis}.quick-actions button{flex:1;justify-content:center}}
