:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#172234;background:#f3f5f9}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:white;border-bottom:1px solid #dde3ed;gap:12px;flex-wrap:wrap}header a{color:#234ca3;text-decoration:none;font-weight:650}nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:14px}nav form{margin:0}button{cursor:pointer;border:0;border-radius:9px;background:#234ca3;color:white;padding:10px 14px}button:disabled{opacity:.5;cursor:default}main{max-width:1100px;margin:20px auto;padding:0 12px}.shell{display:grid;grid-template-columns:280px minmax(0,1fr);height:min(78vh,790px);min-height:420px;border:1px solid #dce2ec;border-radius:16px;overflow:hidden;background:white;box-shadow:0 8px 30px #2222}aside{border-right:1px solid #e6eaf0;overflow-y:auto}aside h2{font-size:17px;margin:20px}.contact{width:100%;border-radius:0;text-align:left;background:white;color:#25344a;border-bottom:1px solid #eee;padding:16px;font-size:15px}.contact:hover,.contact.active{background:#e9f0fe}.conversation{display:flex;flex-direction:column;min-width:0}.conversation-head{height:64px;border-bottom:1px solid #e6eaf0;padding:15px;display:flex;align-items:center;gap:12px}.conversation-head small{margin-left:auto;color:#66798d}.messages{padding:20px;display:flex;flex:1;flex-direction:column;gap:12px;overflow-y:auto;background:#f8fafc}.bubble{max-width:min(80%,480px);padding:12px 15px;border-radius:15px;overflow-wrap:anywhere;white-space:pre-wrap}.bubble small{display:block;font-size:11px;margin-top:7px;opacity:.7}.mine{background:#dceafe;align-self:flex-end}.theirs{background:#e9ebef;align-self:flex-start}#messageForm{display:flex;gap:8px;padding:12px;border-top:1px solid #e6eaf0}input{font:inherit;padding:12px;border:1px solid #c6d1df;border-radius:9px;min-width:0}#message{flex:1}#back{display:none;background:transparent;color:#234ca3;font-size:26px;padding:0 8px}.admin-form{display:grid;gap:15px;max-width:410px}.admin-form label{display:grid;gap:5px}@media(max-width:650px){main{margin:8px auto;padding:0 6px}.shell{display:block;height:calc(100dvh - 115px);min-height:360px;border-radius:10px}.shell aside{height:100%}.shell .conversation{display:none;height:100%}.shell.open aside{display:none}.shell.open .conversation{display:flex}#back{display:block}.messages{padding:12px}.bubble{max-width:90%}nav{gap:8px}}

.folder-nav{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.folder-nav a{padding:10px 12px;background:#e7edfa;border-radius:9px;text-decoration:none;color:#234ca3}.folder-nav a.current{background:#234ca3;color:white}.upload-form{background:white;border:1px solid #dce2ec;border-radius:12px;padding:18px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.upload-form label{font-weight:600}.upload-form input{max-width:100%}.upload-form progress{width:100%}.file-list{margin-top:15px}.file-entry{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:14px;background:white;border-bottom:1px solid #e5e9f0;overflow-wrap:anywhere}.file-entry small{display:block;color:#657184;margin-top:6px}.file-entry a{white-space:nowrap}.folder-permissions{display:grid;gap:16px;max-width:350px;background:white;padding:20px;border-radius:10px}.folder-permissions label{display:flex;gap:10px;align-items:center}