:root{color:#182a28;background:#f3f6f4;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #41bd9a}.shell{min-height:100vh;display:flex}aside{color:#fff;background:#102f2b;flex-direction:column;flex-shrink:0;width:250px;padding:24px 15px;display:flex}.brand{align-items:center;gap:11px;padding:4px 8px 32px;display:flex}.brand small,.asideFoot span{color:#9cbbb2;margin-top:4px;font-size:12px;display:block}.mark{color:#07382b;background:#24c28e;border-radius:11px;place-items:center;width:37px;height:37px;font-size:22px;font-weight:800;display:inline-grid}nav{gap:6px;display:grid}nav button{color:#c7dcd5;text-align:left;background:0 0;border:0;border-radius:8px;padding:12px}nav button.active,nav button:hover{color:#fff;background:#275047}.asideFoot{justify-content:space-between;margin-top:auto;padding:15px 8px;display:flex}.asideFoot button{color:#bde9d9;background:0 0;border:0}.content{width:100%;min-width:0;padding:32px 42px}header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}header small{letter-spacing:2px;color:#45806f;font-size:11px;font-weight:700}h1{margin:6px 0;font-size:28px}h2{margin:0 0 10px;font-size:18px}.badge{color:#8d5c03;background:#fff0d2;border-radius:30px;padding:9px 12px;font-size:12px;font-weight:700}.card{background:#fff;border:1px solid #e0e8e3;border-radius:14px;margin-bottom:18px;padding:22px;box-shadow:0 4px 20px #123d2810}.card p{color:#697a75;font-size:13px}.rowForm{flex-wrap:wrap;align-items:end;gap:12px;margin-top:20px;display:flex}.rowForm label{color:#576d65;flex:1;gap:7px;min-width:160px;font-size:12px;font-weight:700;display:grid}.rowForm input,.rowForm select,.login input{color:#18322b;background:#fff;border:1px solid #d6e0da;border-radius:7px;height:40px;padding:0 10px}.rowForm button,.login button,.qrCard button{color:#fff;background:#168c69;border:0;border-radius:7px;height:40px;padding:0 16px;font-weight:700}.tableWrap{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%}th{color:#789088;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #e6ece8;padding:14px 10px;font-size:11px}td{border-bottom:1px solid #eef2ef;padding:15px 10px;font-size:13px}td small{color:#86968e;margin-top:4px;display:block}.actions{white-space:nowrap}.actions button{color:#2c6b56;background:#fff;border:1px solid #d5e4dc;border-radius:6px;margin-right:5px;padding:6px 8px}.sim,.real{letter-spacing:.8px;color:#514d8d;background:#e4e8f8;border-radius:20px;padding:6px 8px;font-size:10px;font-weight:800}.real{color:#177350;background:#def5e9}.alert{border-radius:8px;margin-bottom:15px;padding:12px 15px;font-size:13px}.error{color:#a33120;background:#fff0ed}.success{color:#136743;background:#def6e9}.login{place-items:center;min-height:100vh;display:grid}.loginCard{background:#fff;border-radius:15px;width:min(400px,100vw - 32px);padding:35px;box-shadow:0 10px 40px #123d2820}.loginCard p{color:#789088}.loginCard form,.loginCard label{gap:8px;display:grid}.loginCard form{gap:16px;margin-top:24px}.loginCard label{font-size:13px;font-weight:700}.qrBackdrop{background:#09231cb0;place-items:center;display:grid;position:fixed;inset:0}.qrCard{background:#fff;border-radius:14px;gap:10px;max-width:350px;padding:25px;display:grid}.qrCard img{width:100%}.inbox{grid-template-columns:250px 1fr;min-height:500px;padding:0;display:grid}.threadList{border-right:1px solid #e2ebe5;padding:20px}.threadList button{text-align:left;background:#fff;border:0;border-bottom:1px solid #ecf0ed;gap:4px;width:100%;padding:13px 4px;display:grid}.threadList button.chosen{color:#168c69}.threadList small{color:#899c93}.thread{padding:20px}.bubble{background:#eff3f0;border-radius:12px;max-width:70%;margin:10px 0;padding:9px 14px}.bubble.out{background:#d9f4e7;margin-left:auto}.bubble p{color:#21382e;font-size:14px}.bubble small{color:#77958a;font-size:10px}@media (max-width:700px){.shell{display:block}aside{width:100%;padding:12px}.brand{padding:0 4px 12px}nav{display:flex;overflow:auto}.asideFoot{display:none}.content{padding:20px 12px}header{display:block}.badge{display:inline-block}.inbox{grid-template-columns:1fr}.threadList{border-bottom:1px solid #e2ebe5;border-right:0}.rowForm label{min-width:100%}}.pairForm{gap:12px;display:grid}.pairForm label{color:#576d65;gap:7px;font-size:12px;font-weight:700;display:grid}.pairForm input{border:1px solid #d6e0da;border-radius:7px;height:40px;padding:0 10px}.pairResult{text-align:center;background:#e9f8ef;border-radius:8px;gap:6px;padding:13px;display:grid}.pairResult small{color:#477c64;font-size:11px}.pairCode{letter-spacing:3px;color:#126c50;font-size:27px}.qrCard button.quietButton{color:#235546;background:#edf2ef}