*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(#cfeaff,#f8fbff);color:#18324b;min-height:100dvh}button,input,select{font:inherit}.auth{min-height:100dvh;display:grid;place-items:center;padding:20px}.card{width:min(430px,100%);background:#ffffffea;backdrop-filter:blur(12px);padding:30px;border:1px solid #fff;border-radius:24px;box-shadow:0 20px 60px #275f8b33;text-align:center}.orb,.avatar,.miniavatar{display:grid;place-items:center;background:linear-gradient(135deg,#55b7ff,#0b68c5);color:#fff;font-weight:800}.orb{width:78px;height:78px;border-radius:25px;margin:auto;font-size:38px}.card input,.panel input,.panel select,.popover select{width:100%;padding:13px;margin:7px 0;border:1px solid #b9d0e4;border-radius:12px;background:#fff}.card button,.panel button,.row button,.popover button,.searchform button{padding:11px 14px;border:0;border-radius:10px;background:#1178d1;color:#fff;font-weight:700;cursor:pointer}.card button{width:100%;margin-top:8px}.card details{margin-top:18px}.error,.success,.hint{padding:11px;border-radius:10px;margin:10px 0}.error{background:#ffe7e7}.success{background:#e2f7e8}.hint{background:#edf7ff}.messenger{max-width:600px;min-height:100dvh;margin:auto;background:#f8fcff;box-shadow:0 0 50px #0001}.profile{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(#bfe5ff,#edf8ff);border-bottom:1px solid #bcd6e8}.avatar{width:54px;height:54px;border-radius:14px;font-size:24px;flex:0 0 auto}.profiletext{display:flex;flex-direction:column;flex:1;min-width:0}.profiletext b,.profiletext small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout{text-decoration:none;color:#1769aa}.tabs{display:flex;overflow:auto;background:#fff;border-bottom:1px solid #d5e5ef;position:sticky;top:0;z-index:5}.tabs a{flex:1;min-width:82px;text-align:center;padding:12px 8px;text-decoration:none;color:#527087;font-size:14px}.tabs a.active{color:#086fbd;font-weight:800;border-bottom:3px solid #1686d9}.requests,.panel,.contactlist{padding:14px}.requests{background:#fff8d9;border-bottom:1px solid #eadca1}.requests h3,.panel h2{margin:4px 0 12px}.contactlist>details{background:#fff;border:1px solid #d9e8f1;border-radius:14px;margin-bottom:10px;overflow:visible}.contactlist>details>summary{padding:12px 14px;font-weight:800;cursor:pointer;background:#edf8ff;border-radius:14px}.contact,.row{display:flex;align-items:center;gap:10px;padding:11px;border-top:1px solid #edf2f5;position:relative}.row:first-of-type{border-top:0}.miniavatar{width:38px;height:38px;border-radius:11px;flex:0 0 auto}.contactinfo{display:flex;flex-direction:column;min-width:0;flex:1}.contactinfo b,.contactinfo small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contactinfo small,.muted{color:#71879a}.menu{margin-left:auto}.menu>summary{list-style:none;font-size:24px;padding:2px 10px;cursor:pointer}.popover{position:absolute;right:10px;top:48px;width:190px;background:#fff;border:1px solid #cddde8;border-radius:12px;padding:9px;box-shadow:0 12px 30px #0003;z-index:10}.popover form{margin:5px 0}.popover button{width:100%}.secondary{background:#7890a4!important}.danger{background:#c74444!important}.panel{background:#fff;margin:14px;border:1px solid #d9e8f1;border-radius:16px}.panel label{display:block;margin:10px 0;font-weight:700}.panel a{color:#0b70bd}.searchform,.inlineform{display:flex;gap:8px}.searchform input,.inlineform input{flex:1;min-width:0}.grow{flex:1}.row form{display:flex;gap:6px}.empty{text-align:center;padding:65px 25px;color:#5c7388}.muted{padding:8px 14px}.contactlist .muted{margin:0}.panel>.row{padding-left:0;padding-right:0}@media(max-width:430px){.profile{padding:12px}.tabs a{font-size:13px}.panel{margin:10px}.requests,.contactlist{padding:10px}.row form button{padding:9px}.requests .row{align-items:flex-start;flex-wrap:wrap}.requests .row form{width:100%;padding-left:48px}.inlineform{flex-wrap:wrap}.inlineform button{flex:0 0 auto}}@media(min-width:800px){.messenger{margin:30px auto;min-height:760px;border-radius:20px;overflow:visible}.profile{border-radius:20px 20px 0 0}}
.contactlink{text-decoration:none;color:inherit}.contactlink:hover b{color:#086fbd}
