*{box-sizing:border-box}body{margin:0;background:#f2f5f9;color:#172239;font:15px system-ui}header{background:#121b30;color:white;padding:20px 28px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}h1{font-size:22px;margin:0}h1 span{color:#ef435a}h2{font-size:19px}button{cursor:pointer;background:#233b68;color:white;border:0;padding:10px 14px;border-radius:7px}button:hover{background:#365489}input,select,textarea{font:inherit;padding:10px;border:1px solid #c7d0df;border-radius:7px;max-width:100%;background:white}label{display:block;margin:12px 0}label input,label select,textarea{display:block;width:100%;margin-top:5px}textarea{min-height:100px}main{padding:24px}section{background:white;border-radius:12px;padding:20px}#login{max-width:420px;margin:50px auto}nav{display:flex;gap:10px;margin:18px 0;flex-wrap:wrap}.columns{display:grid;grid-template-columns:300px 1fr;gap:24px}aside{border-right:1px solid #dde3ec;padding-right:20px}#newclient input,#search{width:100%;margin-bottom:8px}.client{display:block;width:100%;margin:8px 0;text-align:left;background:#edf1f8;color:#152344}#messages{background:#f2f5fa;border-radius:10px;min-height:200px;max-height:440px;overflow:auto;margin:20px 0;padding:14px}.bubble{white-space:pre-wrap;background:white;padding:12px;border-radius:10px;margin:10px 0;overflow-wrap:anywhere}.bubble.bot,.bubble.agent{background:#dfede8}.bubble small{display:block;color:#52637d;margin-bottom:7px}#sendform{display:flex;gap:8px}#sendform[hidden]{display:none}#sendform input{flex:1}.scroll{overflow:auto}table{border-collapse:collapse;width:100%}td,th{padding:12px;text-align:left;border-bottom:1px solid #dce3ed}td input{width:110px}#notice{margin:0;padding:12px 24px;background:#fff3d8;min-height:44px}#stats{display:flex;gap:15px;flex-wrap:wrap;margin:20px 0}.stat{padding:15px;background:#eef3fa;border-radius:10px}#paymentform,#settingsform{max-width:650px}#clientControls label{display:inline-block;max-width:220px;margin-right:10px}#mode{padding:12px;background:#e9eff9}[hidden]{display:none!important}@media(max-width:800px){.columns{grid-template-columns:1fr}aside{border:0}main{padding:10px}header{padding:16px}.bubble{max-width:100%}#sendform{flex-direction:column}}