:root{color:#0f2a44;background:#f5f7fa;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}.shell{height:100vh;display:flex}aside{background:#fff;border-right:1px solid #dce5ed;flex-direction:column;gap:16px;width:300px;padding:22px;display:flex}.side-head{justify-content:space-between;align-items:center;font-size:22px;display:flex}.side-head button,.tabs button{color:#557080;cursor:pointer;background:0 0;border:0;padding:8px}.new,.primary{color:#fff;cursor:pointer;background:#14b8c4;border:0;border-radius:10px;padding:12px 16px;font-weight:600}nav{flex-direction:column;gap:4px;display:flex;overflow:auto}nav button{text-align:left;color:#28465d;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:12px}.selected,nav button:hover{background:#e8f4f8}.bottom{gap:4px;margin-top:auto;display:grid}.bottom button{text-align:left;color:#557080;cursor:pointer;background:0 0;border:0;padding:9px}.content{flex-direction:column;flex:1;min-width:0;display:flex}header{background:#fff;border-bottom:1px solid #dce5ed;justify-content:space-between;align-items:center;height:78px;padding:16px 28px;display:flex}header h2{margin:0 0 4px}.messages{flex:1;width:100%;max-width:820px;margin:0 auto;padding:28px;overflow:auto}.msg{margin:12px 0;display:flex}.msg.user{justify-content:flex-end}.msg>div{white-space:pre-wrap;background:#e8f4f8;border-radius:14px;max-width:80%;padding:11px 14px}.msg.user>div{color:#fff;background:#0f2a44}.task{border:1px solid #dce5ed;margin-top:10px;color:#0f2a44!important;background:#fff!important}.task button{background:#fff;border:1px solid #14b8c4;border-radius:6px;margin:8px 5px 0 0;padding:5px 9px}footer{background:#fff;border-top:1px solid #dce5ed;gap:10px;padding:18px;display:flex}textarea{resize:none;min-height:44px;font:inherit;border:1px solid #cbd9e2;border-radius:10px;flex:1;padding:12px}.auth{background:#fff;border-radius:18px;gap:14px;width:min(420px,100% - 40px);margin:10vh auto;padding:34px;display:grid;box-shadow:0 12px 40px #0f2a4418}.brand{font-size:24px;font-weight:700}.auth input{font:inherit;border:1px solid #cbd9e2;border-radius:9px;padding:13px}.tabs{border-bottom:1px solid #dce5ed;display:flex}.tabs .active{color:#14a6b1;border-bottom:2px solid #14b8c4}.page{padding:40px}.page h1{margin-top:0}@media (width<=860px){aside{z-index:2;height:100%;position:fixed;transform:translate(-100%)}aside:focus-within,aside:hover{transform:none}.messages{padding:16px}header{padding:14px}footer{padding:10px}}form{gap:12px;display:grid}form input,select{font:inherit;border:1px solid #cbd9e2;border-radius:8px;padding:12px}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}.hint{color:#607080;font-size:13px}.error-banner,[role=alert]{color:#a32626;background:#fff3f2;padding:12px}.error-banner button{float:right}.item{background:#fff;border:1px solid #dce5ed;border-radius:12px;margin:16px 0;padding:20px}.item button{margin-right:10px}.page{overflow:auto}.page form{max-width:440px;margin:24px 0}.auth h1{margin-bottom:0}.lang-login{position:fixed;top:20px;right:20px}.mobile-menu{display:none}.side-head{font-size:18px}.scrim{z-index:2;background:#0004;position:fixed;inset:0}@media (width<=860px){.mobile-menu{z-index:4;display:block;position:fixed;top:12px;right:12px}aside.open{z-index:3;transform:translate(0)}aside:hover:not(.open),aside:focus-within:not(.open){transform:translate(-100%)}header{padding-right:55px}}