*{box-sizing:border-box}body{color:#222;background:#f5f5f5;margin:0;font-family:Arial,Helvetica,sans-serif}button{cursor:pointer;background:#eee;border:1px solid #ccc;border-radius:4px;padding:8px 12px}button:hover{background:#ddd}button:disabled{opacity:.6;cursor:not-allowed}input{border:1px solid #ccc;border-radius:4px;padding:8px;font-size:14px}.page-shell{min-height:100vh;padding:20px;display:flex}.page-shell.center{justify-content:center;align-items:center}.muted{color:#666}.error{color:red;font-size:14px}.login-page{background:#f0f0f0;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-box{text-align:center;background:#fff;border:1px solid #ccc;width:360px;padding:30px}.login-box h1{margin-top:0;font-size:24px}.login-box p{color:#555;font-size:14px}.chat-page{flex-direction:column;min-height:100vh;display:flex}.chat-header{background:#fff;border-bottom:1px solid #ccc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 15px;display:flex}.header-left,.header-right{align-items:center;gap:10px;display:flex}.avatar{border-radius:50%;width:32px;height:32px}.status{color:#666;font-size:12px}.chat-body{flex-direction:column;flex:1;min-height:0;display:flex}@media (min-width:900px){.chat-body{flex-direction:row}}.chat-main{background:#fff;border-right:1px solid #ddd;flex-direction:column;flex:1;min-height:0;display:flex}.message-list{flex:1;padding:15px;overflow-y:auto}.empty-chat{text-align:center;color:#888;padding:40px}.msg{max-width:70%;margin-bottom:12px}.msg.own{text-align:right;margin-left:auto}.msg.other{margin-right:auto}.msg-name{color:#666;margin-bottom:2px;font-size:12px}.msg-text{text-align:left;background:#e8e8e8;border-radius:6px;padding:8px 10px;display:inline-block}.msg.own .msg-text{background:#d0e7ff}.msg-time{color:#999;margin-top:2px;font-size:11px;display:block}.composer{background:#fafafa;border-top:1px solid #ccc;gap:8px;padding:10px;display:flex}.composer input{flex:1}.composer button{color:#fff;background:#4a90d9;border-color:#4a90d9}.composer button:hover{background:#3a7bc0}.ai-panel{background:#fafafa;border-top:1px solid #ddd;width:100%;padding:15px}@media (min-width:900px){.ai-panel{border-top:none;border-left:1px solid #ddd;width:280px}}.ai-panel h3{margin-top:0;font-size:16px}.ai-panel p{color:#555;font-size:13px}.ai-suggestion{background:#fff;border:1px solid #ddd;margin-top:10px;padding:10px}.primary-btn{color:#fff;background:#4a90d9;border-color:#4a90d9}.primary-btn:hover{background:#3a7bc0}.modal-backdrop{z-index:10;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border:1px solid #ccc;width:360px;max-width:90%;padding:20px}.modal h2{margin-top:0}.modal-actions{justify-content:flex-end;gap:8px;margin-top:15px;display:flex}