@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";*{box-sizing:border-box}body{color:#edf3ff;background:#090e19;margin:0;font-family:DM Sans,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.login{background:radial-gradient(circle at 50% 15%,#1c3152,#0000 45%);place-items:center;min-height:100vh;padding:20px;display:grid}.login form{background:#111c2e;border:1px solid #2b3c59;border-radius:18px;gap:11px;width:min(410px,100%);padding:34px;display:grid}.mark{color:#8dbbff;background:#1a3150;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.login small,header small{letter-spacing:2px;color:#83a1ca;font-size:10px}.login h1,h1,h2{font-family:Space Grotesk,sans-serif}.login h1{margin:4px 0;font-size:27px}.login em{color:#8bb8ff;font-style:normal}.login p,header p{color:#8e9fb9;font-size:13px}.login label{color:#b7c6dc;font-size:12px}.login input,input,textarea{color:#edf3ff;background:#0b1423;border:1px solid #2b3b55;border-radius:8px;outline:none;padding:12px}.login button,.create button{color:#fff;background:#397fdf;border:0;border-radius:8px;padding:12px;font-weight:700}.secure{align-items:center;gap:6px;margin-top:8px;display:flex}.layout{background:radial-gradient(circle at 80% 0,#17243c,#0000 35%),#090e19;min-height:100vh;display:flex}aside{border-right:1px solid #202d42;flex-direction:column;flex-shrink:0;width:235px;padding:25px 17px;display:flex}.brand{align-items:center;gap:12px;margin-bottom:42px;font-family:Space Grotesk;display:flex}.brand svg{color:#8bb8ff;width:37px;height:37px}.brand span{letter-spacing:3px;color:#91a6c7;font-size:10px}aside>small{color:#7187a9;letter-spacing:2px;padding:0 10px 12px;font-size:10px}aside button{color:#9eafc9;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}aside button svg{width:18px}.selected,aside button:hover{color:#eaf2ff;background:#192a43}.bottom{margin-top:auto}.bottom small{color:#7bd4a9;align-items:center;gap:8px;padding:12px;font-size:11px;display:flex}.content,.layout>main{width:min(1050px,100%);margin:0 auto;padding:42px 5vw 25px}header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}h1{margin:7px 0;font-size:31px}h2{font-size:18px}.refresh,.trash{color:#a9c8f3;background:#142139;border:1px solid #2a3b57;border-radius:8px;padding:9px}.create{background:#111c2e;border:1px solid #283954;border-radius:14px;gap:11px;max-width:650px;padding:19px;display:grid}.create h3{align-items:center;gap:9px;margin:0 0 4px;display:flex}.create h3 svg{width:17px}.create textarea{resize:vertical;min-height:75px}.section-title{justify-content:space-between;align-items:center;margin:32px 0 14px;display:flex}.section-title small{color:#8194b2}.cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;display:grid}.cards article{background:#111c2e;border:1px solid #263650;border-radius:12px;align-items:flex-start;gap:12px;padding:15px;display:flex}.tile{color:#91baff;background:#1b3150;border-radius:9px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.details{flex:1;min-width:0}.details p{color:#92a2ba;overflow-wrap:anywhere;font-size:12px}.details small{color:#8db7f5;background:#1b2e49;border-radius:5px;padding:4px 7px;font-size:10px}.trash{padding:7px}.trash svg{width:16px}.empty{text-align:center;color:#8ea2c1;border:1px dashed #344766;border-radius:12px;grid-column:1/-1;padding:38px}.error,.login strong{color:#ffb8c0;background:#351d28;border-radius:8px;padding:10px;font-size:12px}footer{color:#7185a6;letter-spacing:1px;border-top:1px solid #202d42;justify-content:space-between;margin-top:50px;padding-top:17px;font-size:10px;display:flex}footer span{letter-spacing:0}@media (width<=700px){.layout{display:block}aside{border-bottom:1px solid #202d42;border-right:0;width:100%;padding:15px;display:block}.brand{margin-bottom:14px}aside>small{display:none}aside button{display:inline-flex}.bottom{justify-content:space-between;display:flex}.layout>main{padding:25px 16px}h1{font-size:25px}footer{flex-wrap:wrap;gap:10px}}.chat-panel{background:#111c2e;border:1px solid #283954;border-radius:14px;max-width:850px;overflow:hidden}.chat-head{border-bottom:1px solid #283954;justify-content:space-between;align-items:center;padding:17px 20px;display:flex}.chat-head b{align-items:center;gap:9px;display:flex}.chat-head small{color:#91a6c7;font-size:11px}.chat-messages{flex-direction:column;gap:12px;min-height:300px;max-height:55vh;padding:18px;display:flex;overflow:auto}.bubble{overflow-wrap:anywhere;background:#192a43;border-radius:12px;align-self:flex-start;max-width:85%;padding:12px 15px}.bubble.user{background:#1b3a61;align-self:flex-end}.bubble small{letter-spacing:1px;color:#9db9df;font-size:10px}.bubble p{white-space:pre-wrap;margin:7px 0;font-size:13px;line-height:1.55}.chat-compose{border-top:1px solid #283954;gap:10px;padding:14px;display:flex}.chat-compose textarea{resize:vertical;flex:1;min-height:58px;max-height:150px}.chat-compose button{color:#fff;background:#397fdf;border:0;border-radius:8px;align-items:center;gap:8px;padding:0 18px;font-weight:700;display:flex}.chat-compose button:disabled{opacity:.5;cursor:not-allowed}@media (width<=700px){.chat-head{flex-direction:column;align-items:flex-start;gap:8px}.chat-compose{flex-direction:column}.chat-compose button{justify-content:center;padding:12px}.bubble{max-width:95%}}