*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:#f4f7f6;color:#1c2d27}body{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}.center-screen,.login-page{min-height:100vh;display:grid;place-items:center}.login-page{background:radial-gradient(circle at 20% 20%,#dcece4,transparent 38%),linear-gradient(145deg,#f7faf8,#e7eeeb)}.login-card{width:min(420px,calc(100vw - 32px));box-shadow:0 18px 60px rgba(24,61,48,.12)}.app-shell{min-height:100vh}.brand{height:64px;padding:0 24px;color:white;font-weight:700;font-size:17px}.brand,.topbar{display:flex;align-items:center}.topbar{background:white!important;justify-content:space-between;border-bottom:1px solid #edf0ee;padding-inline:24px!important}.role-badge{margin-left:10px;padding:3px 8px;border-radius:10px;background:#e7f2ed;color:#225c47;font-size:12px}.content{padding:24px;overflow:auto}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.panel-title h2{margin:0}.conversation-layout{display:grid;grid-template-columns:minmax(260px,34%) 1fr;min-height:calc(100vh - 112px);background:white;border-radius:12px;overflow:hidden}.conversation-list{border-right:1px solid #edf0ee;overflow:auto}.conversation-item{padding:15px;border-bottom:1px solid #edf0ee;cursor:pointer}.conversation-item.active{background:#edf6f1}.conversation-item-row{display:flex;gap:10px}.conversation-avatar{display:grid;flex:0 0 32px;width:32px;height:32px;place-items:center;overflow:hidden;border-radius:50%;background:#dceee5;color:#245a48;font-weight:600}.conversation-avatar img{width:100%;height:100%;object-fit:cover}.conversation-item-copy{flex:1 1;min-width:0}.conversation-item-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.conversation-unread{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#ff4d4f;color:white;font-size:12px;font-weight:600;line-height:20px;text-align:center}.chat-pane{display:flex;flex-direction:column;min-width:0}.chat-header{padding:15px 18px;border-bottom:1px solid #edf0ee}.messages{flex:1 1;padding:18px;overflow-y:auto}.bubble{width:-moz-fit-content;width:fit-content;max-width:72%;padding:9px 12px;background:#eef1f0;border-radius:12px;margin:8px 0;white-space:pre-wrap}.bubble.staff{margin-left:auto;background:#dceee5}.composer{display:flex;gap:10px;padding:15px;border-top:1px solid #edf0ee}.product-images{margin:12px -12px -12px;padding:12px;border:2px dashed transparent;border-radius:10px;transition:border-color .2s ease,background-color .2s ease}.product-images--dragging{border-color:#2f6f59;background:#f0f8f4}.image-grid{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.image-card{position:relative;width:110px}.image-card img{width:110px;height:110px;object-fit:cover;border-radius:8px}@media (max-width:760px){.content{padding:12px}.conversation-layout{grid-template-columns:1fr}.chat-pane{min-height:60vh}}