:root{--bg:#07080b;--panel:#0f1218;--panel2:#0b0e13;--text:#f1f2f5;--muted:#9299a6;--dim:#626a77;--line:rgba(255,255,255,.085);--line2:rgba(255,255,255,.05);--blue:#bac9ff}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:radial-gradient(circle at 65% 0,rgba(91,109,176,.07),transparent 30%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}.app-noise{position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:30;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.app-nav{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);position:sticky;top:0;background:rgba(7,8,11,.82);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:25}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:21px;font-weight:600;letter-spacing:-.045em}.brand-mark{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;overflow:hidden;background:#0e1117}.brand-mark img{width:100%;height:100%;display:block}.app-nav-right{display:flex;align-items:center;gap:20px}.network{font-size:9px;letter-spacing:.16em;color:#6f7683}.network i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--blue);margin-right:7px;box-shadow:0 0 10px rgba(186,201,255,.7)}button{border:1px solid rgba(255,255,255,.1);background:transparent;color:#c0c5cf;border-radius:999px;padding:11px 15px;cursor:pointer;transition:.2s ease}.wallet-pill{color:#e7e9ed}.wallet-pill:hover,button:hover{border-color:rgba(255,255,255,.24);color:#fff}.app-shell{display:grid;grid-template-columns:190px minmax(0,1000px);gap:0;max-width:1320px;margin:auto;min-height:calc(100vh - 76px)}.sidebar{padding:48px 24px 30px;position:sticky;top:76px;height:calc(100vh - 76px);display:flex;flex-direction:column}.side-label{font-size:9px;letter-spacing:.18em;color:#505763;padding:0 13px 16px}.sidebar nav a{display:flex;align-items:center;justify-content:space-between;color:#707783;text-decoration:none;padding:11px 13px;font-size:12px;border-radius:10px;margin-bottom:3px;transition:.2s}.sidebar nav a:hover,.sidebar nav .side-active{background:#10131a;color:#fff}.sidebar nav b{font-size:9px;font-weight:500;color:#777f8c;background:#191d25;padding:3px 6px;border-radius:999px}.side-bottom{margin-top:auto;padding:14px 13px;border-top:1px solid var(--line2);font-size:8px;letter-spacing:.15em;color:#505762}.side-bottom strong{display:block;font-size:10px;letter-spacing:0;color:#9da4af;margin-top:8px;font-weight:500}.side-bottom i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--blue);margin:0 6px 1px 0}.app-content{width:100%;padding:66px 50px 90px}.welcome{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:42px}.state{font-size:9px;letter-spacing:.16em;color:#7f8693}.state i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 13px rgba(186,201,255,.75);margin-right:7px}.state span{margin:0 7px;color:#414751}.welcome h1{font-size:clamp(52px,6vw,82px);line-height:.9;letter-spacing:-.075em;margin:20px 0 17px;font-weight:600}.welcome p{color:#7f8694;font-size:14px;margin:0}.welcome p b{color:#c4c9d2;font-weight:500}.agent-card{display:flex;gap:12px;align-items:center}.agent-image-wrap{width:58px;height:58px;border-radius:17px;overflow:hidden;border:1px solid var(--line)}.agent-card img{width:100%;height:100%;object-fit:cover}.agent-card b,.agent-card span{display:block}.agent-card b{font-size:13px}.agent-card span{font-size:9px;color:#656c78;margin-top:5px}.overview-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:16px}.card{border:1px solid var(--line);background:rgba(15,18,24,.9);border-radius:22px;box-shadow:0 22px 70px rgba(0,0,0,.16)}.balance,.state-card{padding:27px}.card-label,.panel-head>div>span{font-size:9px;letter-spacing:.17em;color:#6d7480}.balance strong{display:block;font-size:45px;letter-spacing:-.055em;margin:16px 0 12px}.balance strong small,.big-balance small{font-size:11px;letter-spacing:.04em;color:#6f7682}.balance-foot{display:flex;justify-content:space-between;font-size:9px;color:#646b77}.positive{color:#aebcf0}.state-card strong{display:block;font-size:24px;margin:18px 0 8px}.state-card strong i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 15px rgba(186,201,255,.7);margin:0 8px 3px 0}.state-card p{color:#676e7a;font-size:10px;line-height:1.5;margin:0}.panel{padding:29px;margin-top:18px}.panel-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.panel-head h2{font-size:25px;letter-spacing:-.05em;margin:12px 0 0}.panel-head button{font-size:10px;padding:10px 13px}.rows{border-top:1px solid var(--line);margin-top:27px}.row{display:grid;grid-template-columns:38px 1fr auto;gap:14px;align-items:center;padding:19px 0;border-bottom:1px solid var(--line2)}.row-icon{width:32px;height:32px;border:1px solid rgba(255,255,255,.1);border-radius:50%;display:grid;place-items:center;color:#9da4b0;font-size:12px}.row-icon.done{background:#edf0f5;color:#101116;border:0}.row b,.row small{display:block}.row b{font-size:13px}.row small{color:#69717e;font-size:10px;margin-top:6px}.row em{font-style:normal;color:#6c7380;font-size:10px}.row .done-text{color:#c5c9d0}.command-box{padding:21px;margin-top:18px;background:linear-gradient(145deg,#11151c,#0d1016)}.ready{color:#8b929f;font-size:10px;margin-bottom:13px}.ready i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue);margin-right:7px;box-shadow:0 0 12px rgba(186,201,255,.7)}.command-line{display:flex;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#090b0f;overflow:hidden}.command-line input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#eee;padding:16px;font:inherit;font-size:12px}.command-line input::placeholder{color:#575f6c}.command-line button{border:0;border-left:1px solid var(--line2);border-radius:0;padding:0 17px;color:#d8dce2}.command-box p{color:#626a76;font-size:10px;margin:10px 3px 0;min-height:14px}.big-balance{font-size:55px;letter-spacing:-.06em;display:block;margin:40px 0 25px}.wallet-meta{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr}.wallet-meta div{padding:18px 0}.wallet-meta div+div{border-left:1px solid var(--line);padding-left:24px}.wallet-meta span,.wallet-meta b{display:block}.wallet-meta span{color:#686f7b;font-size:10px}.wallet-meta b{font-size:12px;margin-top:7px}.wallet-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.wallet-actions button{border-radius:11px;padding:13px;font-size:11px}.activity{border-top:1px solid var(--line);margin-top:27px}.activity>div{display:grid;grid-template-columns:53px 10px 1fr;gap:13px;padding:19px 0;border-bottom:1px solid var(--line2)}.activity time{font-size:10px;color:#606874}.activity i{width:6px;height:6px;border-radius:50%;background:var(--blue);margin-top:4px;box-shadow:0 0 13px rgba(186,201,255,.55)}.activity b,.activity small{display:block}.activity b{font-size:12px}.activity small{font-size:10px;color:#69717d;margin-top:6px}.rule-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:27px;border-top:1px solid var(--line)}.rule-grid div{padding:20px 0}.rule-grid div:nth-child(odd){border-right:1px solid var(--line);padding-right:25px}.rule-grid div:nth-child(even){padding-left:25px}.rule-grid div:nth-child(-n+2){border-bottom:1px solid var(--line2)}.rule-grid span,.rule-grid b{display:block}.rule-grid span{font-size:10px;color:#666e7b}.rule-grid b{font-size:12px;margin-top:8px}.rule-grid .active{color:#c9d4ff}.rule-grid .active i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--blue);margin:0 6px 1px 0}.app-footer{display:flex;justify-content:space-between;color:#4f5661;font-size:9px;letter-spacing:.13em;text-transform:uppercase;margin-top:42px;padding-top:20px;border-top:1px solid var(--line2)}.app-footer a{color:#6e7581;text-decoration:none}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);background:#eef0f3;color:#0b0c0f;padding:12px 16px;border-radius:999px;font-size:10px;opacity:0;pointer-events:none;transition:.25s;z-index:50;box-shadow:0 15px 40px rgba(0,0,0,.35)}.toast.show{opacity:1;transform:translate(-50%,0)}.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:60;padding:20px}.modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.68);backdrop-filter:blur(10px)}.modal-card{position:relative;width:min(480px,100%);background:#10131a;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:0 40px 120px rgba(0,0,0,.6)}.modal-close{position:absolute;right:17px;top:15px;border:0;font-size:22px;padding:0;color:#777f8b}.modal-card h2{font-size:34px;line-height:1;letter-spacing:-.06em;margin:22px 0 13px}.modal-card p{font-size:12px;line-height:1.6;color:#747c89}.modal-card input{width:100%;margin-top:20px;border:1px solid var(--line);border-radius:13px;background:#090b0f;color:#fff;padding:15px;outline:0;font:inherit;font-size:12px}.modal-submit{width:100%;margin-top:10px;background:#f1f2f4;color:#090a0d;border:0;padding:15px;border-radius:12px;font-weight:600}.modal-submit span{margin-left:15px}@media(max-width:900px){.app-shell{display:block}.sidebar{display:none}.app-content{max-width:850px;margin:auto;padding:55px 35px 80px}.overview-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.app-nav{height:64px;padding:0 20px}.network{display:none}.wallet-pill{font-size:10px;padding:9px 12px}.app-content{padding:43px 20px 70px}.welcome{display:block;margin-bottom:30px}.welcome h1{font-size:56px;margin:18px 0 14px}.agent-card{margin-top:26px}.overview-grid{grid-template-columns:1fr;gap:10px}.balance,.state-card{padding:23px}.balance strong{font-size:40px}.panel{padding:22px;border-radius:20px}.panel-head h2{font-size:22px;line-height:1.05}.panel-head button{max-width:125px}.row{grid-template-columns:33px 1fr auto;gap:10px}.row b{font-size:12px}.row small{font-size:9px}.row em{font-size:9px}.big-balance{font-size:47px}.rule-grid{grid-template-columns:1fr}.rule-grid div:nth-child(odd){border-right:0;padding-right:0}.rule-grid div:nth-child(even){padding-left:0}.rule-grid div:nth-child(-n+3){border-bottom:1px solid var(--line2)}.wallet-meta{grid-template-columns:1fr}.wallet-meta div+div{border-left:0;border-top:1px solid var(--line2);padding-left:0}.app-footer{flex-wrap:wrap;gap:12px}.app-footer span:nth-child(2){order:3;width:100%}.modal-card{padding:25px}.modal-card h2{font-size:30px}}
@media(max-width:390px){.brand{font-size:19px}.brand-mark{width:32px;height:32px}.wallet-pill{font-size:9px}.welcome h1{font-size:51px}.row{grid-template-columns:30px 1fr}.row em{display:none}.panel-head{gap:10px}.panel-head button{font-size:9px;padding:9px 10px}.modal-card h2{font-size:28px}}
.agent-address{margin:8px 0 18px;font-size:12px;color:#777f8d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.wallet-actions{display:flex;gap:10px;flex-wrap:wrap}.wallet-actions button{cursor:pointer}.wallet-actions button:first-child{border-color:rgba(116,184,255,.35)}
.balance .balance-unit{font-size:11px;letter-spacing:.04em;color:#6f7682;margin-left:5px}.empty-row{padding:22px 0;color:#666e7a;font-size:11px}.rule-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.rule-form label{font-size:10px;color:#6f7680}.rule-form input{margin-top:7px!important}.toggle-row{display:flex;align-items:center;gap:8px;margin-top:14px;color:#858c98;font-size:10px}.toggle-row input{accent-color:#c5d0ff}.wallet-actions button:disabled{opacity:.4;cursor:not-allowed}.brand-mark{flex:none}@media(max-width:620px){.rule-form{grid-template-columns:1fr}.balance .balance-unit{font-size:10px}}