*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0b0d10;color:#f5f5f5}
button,textarea,select{font:inherit}
.app{display:grid;grid-template-columns:280px 1fr;min-height:100vh}
.sidebar{background:#11151a;border-left:1px solid #252a31;padding:22px;display:flex;flex-direction:column;gap:24px}
.brand{display:flex;align-items:center;gap:12px}
.brand-mark{font-size:34px}
.brand h1{margin:0;font-size:20px}
.brand small{color:#9098a3}
nav{display:grid;gap:8px}
.nav{background:transparent;color:#d7dce2;border:0;text-align:right;padding:12px 14px;border-radius:10px;cursor:pointer}
.nav:hover,.nav.active{background:#20262d;color:white}
.owner-box{margin-top:auto;background:#171c22;border:1px solid #2b323b;border-radius:12px;padding:14px}
.owner-box span{display:block;color:#8f98a4;font-size:12px;margin-top:4px}
main{padding:24px}
.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.topbar h2{margin:0}
.topbar span{font-size:13px;color:#939aa3}
.top-actions button{background:#171c22;color:#fff;border:1px solid #2b323b;border-radius:10px;padding:9px 14px}
.view{display:none}
.view.active{display:block}
.messages{height:60vh;overflow:auto;border:1px solid #252b32;border-radius:14px;padding:18px;background:#0f1317}
.message{max-width:75%;padding:12px 14px;border-radius:12px;margin-bottom:12px;line-height:1.6}
.message.advisor{background:#171d24}
.message.owner{background:#202a36;margin-right:auto}
.message p{margin:5px 0 0}
.composer{margin-top:14px}
textarea{width:100%;min-height:110px;background:#11161b;color:#fff;border:1px solid #2a3139;border-radius:12px;padding:14px;resize:vertical}
.composer-actions,.voice-actions{display:flex;gap:10px;margin-top:10px}
button{cursor:pointer}
.composer button,.voice-actions button{background:#171d24;color:white;border:1px solid #2a3139;border-radius:10px;padding:10px 16px}
.primary{background:#f3f3f3!important;color:#101215!important}
.grid,.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.card,.panel{background:#11161b;border:1px solid #272e36;border-radius:14px;padding:16px}
.card span{display:block;color:#969da6;margin-bottom:8px}
.card strong{font-size:18px}
.platform-card{background:#11161b;border:1px solid #272e36;border-radius:14px;padding:16px}
.platform-card h3{margin-top:0}
.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#232a31;font-size:12px}
select{width:100%;margin-top:8px;background:#11161b;color:white;border:1px solid #2a3139;border-radius:10px;padding:10px}
@media(max-width:900px){
  .app{grid-template-columns:1fr}
  .sidebar{position:relative;border:0}
  nav{grid-template-columns:repeat(2,1fr)}
}