:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e6eeec;background:#101719;font-size:14px}*{box-sizing:border-box}body{margin:0;display:flex;height:100dvh}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #344346;background:#203032;color:#dce9e6;border-radius:8px;padding:10px 14px}button:hover{background:#304a47}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #9ad7b7;outline-offset:2px}aside{width:272px;background:#141e20;border-right:1px solid #2a383a;padding:32px 22px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;gap:12px;font-size:29px;font-weight:750;color:#c7edda;text-decoration:none}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#809c98;margin-top:5px}.section{font-size:10px;letter-spacing:2px;color:#829894;margin:49px 0 16px}#add{background:transparent;border-style:dashed;color:#b7c9c4;text-align:left}.network{padding:18px 0;border-bottom:1px solid #293638}.network strong{display:block;margin-bottom:6px}.network small{color:#899d98;word-break:break-all}.network .actions{gap:6px;margin-top:12px}.network button{padding:6px 8px;font-size:11px}.aside-bottom{margin-top:auto;padding-top:30px;color:#8da29c;font-size:12px}.dot{display:inline-block;background:#a5d7b4;width:7px;height:7px;border-radius:50%;margin-right:7px}main{flex:1;min-width:0;display:flex;flex-direction:column}header{padding:32px 38px 25px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #293638}small,.eyebrow{font-size:10px;letter-spacing:1.7px;color:#97b7ac}h1{font-size:28px;margin:8px 0 0;font-weight:550}#status{font-size:11px;border:1px solid #394b46;border-radius:25px;padding:8px 13px;color:#add0bd}.toolbar{display:flex;gap:10px;padding:15px 38px;border-bottom:1px solid #263335;align-items:center}.toolbar label{margin:0;display:flex;gap:12px;align-items:center;color:#90a8a0}.toolbar button{font-size:12px;background:transparent}.toolbar select{width:160px;padding:8px}#messages{flex:1;overflow:auto;padding:25px 38px}.welcome{text-align:center;margin:8vh auto;max-width:560px}.mark{font-size:64px;color:#bce6cc}.welcome h2{font-size:38px;font-weight:500;letter-spacing:-1.5px;line-height:1.2}.welcome p{color:#8fa69f;line-height:1.8}.chips{display:flex;justify-content:center;gap:8px;margin-top:32px}.chips span{font-size:11px;border:1px solid #34483f;border-radius:20px;padding:8px 12px;color:#a7beb3}#compose{margin:10px 38px;display:flex;gap:10px;padding:8px;background:#1b292a;border:1px solid #3b514a;border-radius:12px}#compose input{border:0;background:transparent;margin:0}#compose button,.actions button:first-child{background:#b9dec6;color:#172d23;font-weight:650;white-space:nowrap}footer{padding:8px 38px 22px;font-size:10px;letter-spacing:2px;color:#67837a}footer span{float:right;letter-spacing:0}.line{padding:8px 0;line-height:1.6;overflow-wrap:anywhere;border-bottom:1px solid #1c292b}.line time{color:#657f76;font-size:11px;margin-right:14px}.line strong{color:#bee2cd;margin-right:12px}.system{color:#8ca69b;font-size:12px}dialog{width:440px;max-width:94vw;background:#182426;color:#e1ece7;border:1px solid #42594f;border-radius:16px;padding:30px;max-height:94dvh}dialog::backdrop{background:#050d10dc;backdrop-filter:blur(8px)}dialog h2{font-size:27px;font-weight:550;margin-bottom:12px}dialog p{color:#95aba2;line-height:1.6}label{display:block;margin:15px 0 0;font-size:12px;color:#b7c9c2}input,select{width:100%;margin-top:7px;background:#101a1c;border:1px solid #3a5047;border-radius:7px;color:#e4eee8;padding:11px}input::placeholder{color:#6f8a80;font-size:12px}.actions{display:flex;gap:10px;margin-top:24px}.row{display:flex;gap:10px}.row label:first-child{flex:1}.row label:last-child{width:90px}.check{display:flex;gap:8px;align-items:center}.check input{width:auto;margin:0}#autherror,#editerror{color:#efad99}[hidden]{display:none!important}@media(max-width:800px){aside{width:200px;padding:24px 14px}.brand{font-size:23px}header{padding:25px 20px}.toolbar{padding:12px;flex-wrap:wrap}.toolbar button{padding:7px}#messages{padding:20px}#compose{margin:10px}.welcome h2{font-size:28px}.chips{flex-wrap:wrap}footer{padding:10px}footer span{display:none}}@media(max-width:560px){body{display:block;height:auto}aside{width:100%;padding:15px;display:block;border-right:0}.brand{font-size:22px}.section,.aside-bottom{display:none}#add{margin-top:15px}#networks{display:flex;overflow:auto;gap:15px}.network{min-width:200px}main{height:75dvh}header{padding:18px}.welcome{margin:15px auto}.welcome h2{font-size:24px}}
