@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#e7e9ed;font-synthesis:none;background:#090b0e;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 70% -10%,#1b2530 0,#090b0e 42%);min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;border:0}.splash,.login{place-items:center;min-height:100vh;display:grid}.splash{color:#9ca8b5;gap:18px}.splash img{width:150px}.login-card{background:#11151a;border:1px solid #26303a;border-radius:20px;width:min(420px,100% - 40px);padding:44px;box-shadow:0 24px 80px #0008}.login-card img{width:180px}.login-card h1{margin:8px 0;font-size:38px}.login-card form{gap:16px;margin:30px 0;display:grid}.login-card label{color:#aeb8c3;gap:7px;font-size:13px;display:grid}.login-card input,.inline-form input{color:#fff;background:#0a0d10;border:1px solid #303b46;border-radius:8px;outline:none;padding:13px}.login-card input:focus,.inline-form input:focus,textarea:focus{border-color:#57d1aa}.primary{color:#07110f;background:#55d5ae;border-radius:8px;padding:12px 18px;font-weight:800}.primary:disabled{opacity:.45}.muted,small{color:#8d98a4}.eyebrow{letter-spacing:.14em;color:#57d1aa;font:11px DM Mono}.app-shell{min-height:100vh;display:flex}aside{background:#0c1014;border-right:1px solid #20272e;flex-direction:column;width:250px;padding:28px 18px;display:flex}.brand{align-items:center;gap:11px;margin:0 10px 55px;display:flex}.brand img{object-fit:contain;width:42px;height:42px}.brand strong{letter-spacing:.12em;display:block}.brand small{letter-spacing:.12em;font:9px DM Mono}nav{gap:6px;display:grid}nav button{text-align:left;color:#8f9aa5;background:0 0;border-radius:8px;padding:12px 14px}nav button.active,nav button:hover{color:#69dfbb;background:#19251f}.account{border-top:1px solid #20272e;align-items:center;gap:9px;margin-top:auto;padding:18px 8px;display:flex}.avatar{color:#8cf0ce;background:#34594f;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.account b,.account small{font-size:12px;display:block}.ghost{color:#7f8a96;background:0 0;margin-left:auto;font-size:11px}.content{width:100%;max-width:1220px;margin:auto;padding:42px 5vw}.content header{justify-content:space-between;align-items:end;margin-bottom:30px;display:flex}.content h2{margin:6px 0;font-size:30px}.budget{text-align:right}.budget span,.budget small{color:#89949f;font-size:11px;display:block}.budget b{color:#65dfb8;font:24px DM Mono}.chat-layout{background:#0d1115;border:1px solid #242d35;border-radius:14px;grid-template-columns:250px 1fr;min-height:650px;display:grid;overflow:hidden}.conversation-list{border-right:1px solid #242d35;padding:14px}.new-chat{color:#72e0bd;background:#17241e;border-radius:7px;width:100%;margin-bottom:14px;padding:11px}.conversation{text-align:left;background:0 0;border-radius:7px;gap:4px;width:100%;padding:12px;display:grid}.conversation.active,.conversation:hover{background:#192028}.conversation b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.conversation small{font:10px DM Mono}.chat-panel{flex-direction:column;min-width:0;display:flex}.model-row{border-bottom:1px solid #242d35;gap:14px;padding:14px 20px;display:flex}.model-row select{color:#dce4ea;background:#11171c;border:1px solid #303b46;border-radius:7px;padding:7px 10px}.status-dot{color:#61d8b2;margin-left:auto;font-size:11px}.messages{flex:1;padding:30px;overflow:auto}.message{gap:14px;max-width:800px;margin:0 auto 24px;line-height:1.7;display:flex}.message.user{justify-content:flex-end}.message.user .role{background:#385d52;order:2}.message.user div{background:#18241f;border-radius:12px;padding:12px 15px}.role{color:#a6b2be;background:#27313a;border-radius:7px;flex:none;place-items:center;width:28px;height:28px;font-size:11px;display:grid}.composer{border-top:1px solid #242d35;padding:18px 25px;position:relative}.composer textarea{resize:none;color:#fff;background:#11171c;border:1px solid #303b46;border-radius:9px;outline:none;width:100%;padding:13px}.send{float:right;margin-top:10px}.empty{text-align:center;color:#82909c;margin-top:22vh}.empty h3{color:#dce5eb}.cursor{vertical-align:middle;background:#5edab6;width:7px;height:17px;margin-left:3px;animation:1s infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.panel{background:#0d1115;border:1px solid #242d35;border-radius:14px;padding:28px}.panel h3{margin-top:0}.stats{gap:14px;margin:24px 0;display:flex}.stats>div{background:#141b20;border:1px solid #253039;border-radius:9px;min-width:150px;padding:18px}.stats small,.stats b,.stats span{display:block}.stats b{margin-top:7px;font:24px DM Mono}.stats span{color:#75828d;margin-top:5px;font-size:11px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;border-bottom:1px solid #20282f;padding:13px 10px}th{color:#7f8b97;text-transform:uppercase;font:10px DM Mono}td small{margin-top:3px;display:block}.pill{background:#263038;border-radius:5px;padding:4px 7px}.pill.completed{color:#6cddba}.inline-form{gap:10px;max-width:500px;margin:20px 0;display:flex}.inline-form input{flex:1}.secret{word-break:break-all;color:#8bf0cb;background:#17251f;border:1px solid #387b64;border-radius:8px;padding:14px;font:12px DM Mono}.secret button{float:right;color:#70dfbc;background:0 0}.key-list{margin-top:25px}.key-row{border-bottom:1px solid #20282f;justify-content:space-between;padding:15px 0;display:flex}.key-row small,.key-row b{display:block}.danger{color:#e48888;background:0 0;font-size:12px}.section-title{margin-top:40px!important}.error{color:#ef9696;margin:8px 0;font-size:12px}@media (width<=800px){aside{width:68px;padding:18px 8px}.brand{margin:0 5px 35px}.brand div,nav button{font-size:0}.brand img{width:45px}.account{padding:12px 3px}.account>div:nth-child(2),.ghost{display:none}.content{padding:28px 14px}.chat-layout{grid-template-columns:1fr}.conversation-list{border-bottom:1px solid #242d35;border-right:0;gap:6px;display:flex;overflow:auto}.new-chat,.conversation{width:auto;min-width:110px;margin:0}.messages{padding:20px 12px}.stats{overflow:auto}.stats>div{min-width:120px}.content header{align-items:start;gap:12px}.budget{white-space:nowrap}}