:root{color:#f5fbff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#257d8f42,#0000 28%),linear-gradient(#07121d 0%,#040a10 100%);font-family:Trebuchet MS,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}body,button,input,select,textarea{font-family:inherit}button,input,select,textarea{appearance:none}#root{min-height:100vh}.app-shell{color:#f5fbff;max-width:1880px;min-height:100vh;margin:0 auto;padding:18px;position:relative}.ambient{filter:blur(80px);opacity:.45;pointer-events:none;border-radius:999px;position:fixed;inset:auto}.ambient--a{background:#47d6c247;width:340px;height:340px;top:-80px;right:10%}.ambient--b{background:#f5b84933;width:320px;height:320px;bottom:5%;left:-40px}.panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#0a1724f5,#08111bf5),radial-gradient(circle at 0 0,#82ecd729,#0000 42%);border:1px solid #78adce2e;position:relative;box-shadow:0 20px 60px #00000047,inset 0 1px #ffffff0d}.hero{border-radius:24px;grid-template-columns:minmax(0,1.15fr) minmax(520px,1.35fr);align-items:center;gap:18px;padding:20px 22px;display:grid}.eyebrow,.panel__eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#7fd8d1;margin:0 0 8px;font-size:.76rem}.hero h1,.panel h2,.detail-card h3,.modal-card h2{margin:0;font-family:Bahnschrift SemiBold,Aptos Display,Segoe UI,sans-serif}.hero h1{font-size:clamp(1.72rem,2.6vw,2.8rem);line-height:1}.hero__copy{align-content:center;gap:14px;display:grid}.hero__copy--auth{align-content:start}.hero__session{justify-content:space-between;align-items:start;gap:14px;display:flex}.hero__session-text{color:#9db9cb;margin:8px 0 0}.hero__text,.panel__copy,.panel__hint,.panel__status{color:#9db9cb}.hero__text{max-width:58ch;margin:10px 0 0}.hero__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.hero__stats article{background:#071019c7;border:1px solid #4a708940;border-radius:16px;padding:12px 14px}.hero__stats span{color:#88a8bc;font-size:.8rem;display:block}.hero__stats strong{color:#fff9e8;margin-top:4px;font-size:1.55rem;display:block}.hero__controls{grid-template-columns:minmax(340px,1.85fr) minmax(180px,.95fr) minmax(96px,.42fr) auto auto;align-content:center;align-items:end;gap:10px;display:grid}.hero__controls .field--wide,.hero__actions,.field--toggle,.field--actions,.field--logout{grid-column:auto}.hero__controls .field{min-width:0}.hero__controls .field span{font-size:.72rem}.hero__controls .field input{padding:9px 12px}.field--toggle,.field--actions,.field--logout,.field--profile-save,.field--static{align-self:end}.field__static{background:#07101ae0;border:1px solid #48718e8c;border-radius:18px;gap:4px;min-height:46px;padding:10px 14px;display:grid}.field__static strong{color:#f5fbff;font-size:.95rem}.field__static span{color:#9db9cb;font-size:.8rem}.field--toggle .toggle{white-space:nowrap;align-items:center;min-height:42px;display:inline-flex}.field--actions{min-width:max-content}.field--logout{justify-self:end;min-width:max-content}.hero__actions{white-space:nowrap;flex-wrap:nowrap;align-items:center;min-height:42px}.dashboard{flex-direction:column;gap:14px;margin-top:14px;display:flex}.panel--profile{border-radius:22px;padding:16px}.profile-grid{grid-template-columns:minmax(180px,1fr) minmax(220px,1fr) auto;align-items:end;gap:10px;display:grid}.hero--auth{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr)}.auth-panel{background:#07101ae6;border:1px solid #385c766b;border-radius:22px;padding:18px}.auth-panel--loading{width:min(520px,100%);margin:10vh auto 0}.auth-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.auth-actions{justify-content:flex-end;margin-top:12px;display:flex}.auth-actions--stacked{gap:10px}.auth-panel__status{margin:14px 0 0}.auth-otp-summary{background:#07101ae6;border:1px solid #385c766b;border-radius:16px;margin-top:12px;padding:12px 14px}.auth-otp-summary p{margin:0}.auth-otp-summary p+p{margin-top:6px}.dashboard__upper{grid-template-columns:minmax(300px,.92fr) minmax(0,1.85fr);align-items:start;gap:14px;display:grid}.dashboard__column{flex-direction:column;gap:14px;min-width:0;display:flex}.panel--relays,.panel--messages,.panel--compose,.panel--qr,.panel--events,.panel--users{border-radius:22px;padding:16px}.panel__heading{justify-content:space-between;align-items:start;gap:14px;margin-bottom:12px;display:flex}.panel__heading--tight{margin-bottom:12px}.panel__heading--inline{align-items:center}.panel__heading h2{font-size:1.18rem}.panel__title-inline{color:#f5fbff;margin:0;font-size:1rem;font-weight:700}.field{flex-direction:column;gap:5px;display:flex}.field span{color:#8fb4ca;font-size:.78rem}.field input,.field select,.field textarea{color:#f5fbff;width:100%;font:inherit;background:#07111cf5;border:1px solid #436c888c;border-radius:14px;padding:10px 12px;transition:border-color .12s,transform .12s}.field input:focus,.field select:focus,.field textarea:focus{border-color:#7fe0d8;outline:none;transform:translateY(-1px)}.field textarea{resize:vertical;min-height:110px}.field--compact{min-width:128px}.field--full{grid-column:1/-1}.toggle{color:#d5e6f1;align-items:center;gap:8px;font-size:.88rem;display:inline-flex}.toggle input{appearance:none;cursor:pointer;background:#07111cf5;border:1px solid #71e6c98c;border-radius:5px;place-items:center;width:18px;height:18px;margin:0;display:inline-grid}.toggle input:before{content:"";background:linear-gradient(135deg,#7ef2d2,#63d8f0);border-radius:3px;width:10px;height:10px;transition:transform .12s;transform:scale(0)}.toggle input:checked:before{transform:scale(1)}.hero__actions,.stack-actions,.compose-actions,.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.button{font:inherit;cursor:pointer;border:0;border-radius:14px;padding:10px 14px;font-weight:700;transition:transform .12s,box-shadow .12s,opacity .12s}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 26px #0003}.button:disabled{opacity:.6;cursor:not-allowed}.button--mint{color:#06202f;background:linear-gradient(135deg,#7ef2d2,#63d8f0)}.button--gold{color:#2f1c00;background:linear-gradient(135deg,#ffd76d,#ffbb45)}.button--ice{color:#0b2633;background:linear-gradient(135deg,#b1efff,#d8fbff)}.button--mint-soft{color:#12331f;background:linear-gradient(135deg,#d4ffd8,#b8ffd0)}.button--ghost{color:#ecf5fb;background:#ffffff14}.compose-option{flex-direction:column;gap:4px;display:flex}.compose-option__hint{color:#8fb4ca;margin:0 0 0 26px;font-size:.78rem}.table-wrap{background:#050d16e6;border:1px solid #3e62796b;border-radius:16px;min-height:0;overflow:auto}.table-wrap--relay{max-height:240px}.table-wrap--messages{max-height:min(42vh,360px)}.table-wrap--events{max-height:min(30vh,250px)}.table-wrap--users{max-height:280px}table{border-collapse:collapse;width:100%;min-width:640px}thead th{z-index:1;color:#f5fbff;text-align:left;letter-spacing:.03em;background:#18384d;padding:10px 12px;font-size:.76rem;position:sticky;top:0}tbody td{color:#dbebf6;border-top:1px solid #31546a6b;padding:9px 12px;font-size:.86rem}tbody tr{cursor:pointer;transition:background .12s}tbody tr:hover{background:#1b3142a6}tbody tr.is-selected{background:linear-gradient(90deg,#7ae1cd2e,#25506d2e)}.status-chip{text-transform:capitalize;border-radius:999px;justify-content:center;align-items:center;min-width:74px;padding:5px 9px;font-size:.74rem;font-weight:700;display:inline-flex}.status-chip--good{color:#93f7c6;background:#4ac28c2e}.status-chip--warm{color:#ffe39e;background:#f5bb452e}.status-chip--bad{color:#ffb4bb;background:#f1626c2e}.status-chip--idle{color:#d8e7f1;background:#93aec429}.detail-card{background:#07101ae6;border:1px solid #385c766b;border-radius:18px;margin-top:12px;padding:14px 16px;overflow:auto}.detail-card__label{color:#79cfc2;text-transform:uppercase;letter-spacing:.12em;margin:0 0 10px;font-size:.8rem}.detail-card h3{font-size:1rem}.detail-card p{color:#b8d0df;margin:6px 0 0}.detail-card--message{max-height:180px;margin-top:0}.detail-card--userform{margin-top:0}.detail-card__body{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0;display:grid}.meta-grid dt{text-transform:uppercase;letter-spacing:.12em;color:#7ea4bc;font-size:.76rem}.meta-grid dd{color:#f6fbff;margin:6px 0 0}.meta-tags{flex-wrap:wrap;gap:6px;display:flex}.meta-tags span{color:#d6e7f0;background:#193040eb;border:1px solid #42607880;border-radius:999px;padding:6px 9px;font-size:.76rem}.compose-grid{grid-template-columns:180px 1fr;gap:10px;display:grid}.users-layout{grid-template-columns:minmax(0,1.2fr) minmax(320px,.9fr);align-items:start;gap:12px;display:grid}.user-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.compose-actions--userform{margin-top:12px}.cell-stack{flex-direction:column;gap:4px;display:flex}.cell-stack span{color:#8fb4ca;font-size:.78rem}.compose-actions{justify-content:space-between;margin-top:12px}.qr-layout{grid-template-columns:1fr auto;align-items:start;gap:12px;display:grid}.qr-frame{background:#fff;border:2px solid #dde9f3;border-radius:22px;justify-content:center;align-items:center;width:180px;min-height:180px;padding:12px;display:flex}.qr-frame img,.modal-card__qr img{width:100%;height:auto;image-rendering:pixelated}.qr-placeholder{color:#364b5d;text-align:center;font-weight:700}.loading-badge{color:#ffe49f;font-size:.78rem}.cell-wrap{white-space:normal;overflow-wrap:anywhere;max-width:340px}.cell-wrap--2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.cell-ellipsis{white-space:nowrap;text-overflow:ellipsis;max-width:150px;overflow:hidden}.footer-bar{color:#d9ebf5;border-radius:18px;justify-content:space-between;gap:14px;margin-top:14px;padding:12px 14px;display:flex}.footer-bar p{margin:0;font-size:.88rem}.modal-backdrop{z-index:50;background:#02060cc2;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-card{background:linear-gradient(#10202d,#09131c);border:1px solid #78adce33;border-radius:30px;width:min(620px,100%);padding:22px;box-shadow:0 28px 70px #00000073}.modal-card__heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal-card__qr{background:#fff;border-radius:28px;margin-top:18px;padding:22px}@media (width<=1580px){.hero{grid-template-columns:1fr}.hero__controls{grid-template-columns:minmax(260px,1.4fr) minmax(180px,.9fr) minmax(96px,.42fr) auto auto}.field--toggle,.field--actions,.field--logout{grid-column:1/-1}.dashboard__upper{grid-template-columns:minmax(280px,.95fr) minmax(0,1.25fr)}}@media (width<=1280px){.hero,.users-layout,.dashboard__upper{grid-template-columns:1fr}}@media (width<=860px){.app-shell{padding:16px}.hero__stats,.auth-grid,.profile-grid,.user-form-grid,.compose-grid,.qr-layout,.meta-grid{grid-template-columns:1fr}.hero__session{flex-direction:column}.hero__controls{grid-template-columns:1fr}.field--toggle,.field--actions,.field--logout,.hero__controls .toggle,.hero__actions{justify-self:stretch}.hero__actions{flex-wrap:wrap}.qr-frame{width:100%}.table-wrap--relay,.table-wrap--messages,.table-wrap--events,.table-wrap--users{max-height:none}.compose-actions,.footer-bar{flex-direction:column;align-items:stretch}}