@font-face{font-family:Golos;src:url(/assets/golos-ui_regular-Bu-E23hu.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Golos;src:url(/assets/golos-ui_medium-CZiwRky_.ttf)format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Golos;src:url(/assets/golos-ui_bold-vI8XGHjL.ttf)format("truetype");font-weight:700;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}body{background:#d3d9d7;min-height:100vh;padding:20px;font-family:Golos}.container{max-width:800px;margin:0 auto}.header{background:#fff;border-radius:12px;margin-bottom:20px;padding:20px 30px;box-shadow:0 10px 40px #0003}.header h1{color:#333;margin-bottom:8px;font-size:24px}.status{color:#856404;background:#fff3cd;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:14px;font-weight:600;display:inline-flex}.status.ready{color:#3aeb6c;background:#d9ffe4}.status.error{color:#ff6767;background:#ffe1e1}.status:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.card{background:#fff;border-radius:12px;margin-bottom:20px;padding:20px 30px;box-shadow:0 10px 40px #0003}.card h2{color:#333;border-bottom:2px solid #f0f0f0;margin-bottom:15px;padding-bottom:10px;font-size:18px}.data-row{border-bottom:1px solid #f5f5f5;padding:8px 0;display:flex}.data-row:last-child{border-bottom:none}.data-label{color:#666;flex-shrink:0;width:120px;font-weight:600}.data-value{color:#333;word-break:break-all;background:#f8f9fa;border-radius:4px;padding:2px 8px;font-family:Golos}.buttons{flex-wrap:wrap;gap:10px;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{color:#2b3033;background:#effe7d}.btn-success{color:#2b3033;background:#3aeb6c}.btn-info{color:#fff;background:#007aff}.log-container{background:#2b3033;border-radius:8px;max-height:300px;padding:15px;font-size:13px;overflow-y:auto}.log-entry{border-left:3px solid #0000;margin:4px 0;padding:4px 0 4px 8px}.log-entry.error{color:#ff6767;border-left-color:#ff6767}.log-entry.sent{color:#3aeb6c;border-left-color:#3aeb6c}.log-entry.received{color:#f7b200;border-left-color:#f7b200}.log-entry.system{color:#effe7d;border-left-color:#effe7d}.empty-state{text-align:center;color:#999;padding:40px;font-style:italic}