html,body,#root{height:100%;margin:0}body{background:#f4f7fb}.admin-shell{min-height:100%}.admin-main{min-width:0;width:100%}.ant-table-wrapper{max-width:100%;overflow-x:auto}.admin-sider{overflow:auto;height:100vh;position:sticky;top:0}.admin-brand{padding:20px 20px 12px}.admin-brand-title{color:#fff;font-weight:700;font-size:16px}.admin-brand-sub{color:#94a3b8;font-size:12px;margin-top:4px}.admin-header{background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 12px 0 8px;height:56px;line-height:56px;position:sticky;top:0;z-index:10;border-bottom:1px solid #eef2f6}.admin-header-left{display:flex;align-items:center;gap:4px;min-width:0}.admin-header-title{font-weight:650;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-content{padding:16px}.admin-drawer .ant-drawer-header-title,.admin-drawer .ant-drawer-title,.admin-drawer .ant-drawer-close{color:#fff}.dash-tags{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}.dash-tags .ant-tag{margin-inline-end:0}.ant-statistic-title{white-space:normal}@media(max-width:768px){.admin-content{padding:12px}.cs-layout{grid-template-columns:1fr;min-height:0}.cs-messages{min-height:240px}.phone-frame{width:min(320px,100%)}.ant-table{font-size:13px}}.phone-frame{width:320px;min-height:560px;background:#0e1621;border-radius:28px;padding:18px 0 0;color:#fff;box-shadow:0 16px 40px #0f172a40;display:flex;flex-direction:column;overflow:hidden}.phone-top{text-align:center;font-size:12px;color:#8aa0b5;margin-bottom:12px;padding:0 12px}.phone-chat{flex:1;padding:0 12px 12px;min-height:220px}.phone-bubble{background:#182533;border-radius:12px;padding:12px;white-space:pre-wrap;line-height:1.5;font-size:14px}.phone-row{display:flex;gap:8px;margin-top:8px}.phone-btn{flex:1;background:#1e2c3a;border:1px solid #2b5278;color:#6ab2f2;border-radius:8px;padding:8px 6px;text-align:center;font-size:13px;cursor:pointer}.phone-btn.off{opacity:.4}.phone-reply-kb{margin-top:auto;background:#2f9e5f;padding:8px 6px 14px}.phone-reply-kb .phone-row{gap:6px;margin-top:6px}.phone-reply-kb .phone-btn{background:#3cb371;border:none;color:#fff;border-radius:8px;padding:10px 4px;font-size:12px;font-weight:600;line-height:1.2}.cs-layout{display:grid;grid-template-columns:360px 1fr;gap:16px;min-height:calc(100vh - 140px)}.cs-list,.cs-chat{display:flex;flex-direction:column}.cs-list .ant-card-body,.cs-chat .ant-card-body{flex:1;display:flex;flex-direction:column}.cs-list-body{overflow:auto;max-height:calc(100vh - 240px)}.cs-item{display:block;width:100%;text-align:left;background:#fff;border:1px solid #eef2f6;border-radius:10px;padding:10px 12px;margin-bottom:8px;cursor:pointer}.cs-item.on{border-color:#1677ff;background:#f0f7ff}.cs-item-top{display:flex;gap:8px;align-items:center}.cs-item-sub,.cs-item-preview{color:#64748b;font-size:12px;margin-top:4px}.cs-item-preview{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-messages{flex:1;overflow:auto;background:#f7f9fc;border-radius:12px;padding:12px;min-height:360px;max-height:calc(100vh - 360px)}.cs-bubble{max-width:70%;margin-bottom:10px}.cs-bubble.user{margin-right:auto}.cs-bubble.staff{margin-left:auto}.cs-bubble-text{padding:10px 12px;border-radius:12px;white-space:pre-wrap;line-height:1.5}.cs-bubble.user .cs-bubble-text{background:#fff;border:1px solid #e5eaf0}.cs-bubble.staff .cs-bubble-text{background:#1677ff;color:#fff}.cs-bubble.system .cs-bubble-text{background:#f1f5f9;color:#64748b}.cs-bubble-meta{font-size:11px;color:#94a3b8;margin-bottom:4px}.cs-bubble.staff .cs-bubble-meta{text-align:right}.cs-composer{display:flex;gap:8px;margin-top:12px;align-items:flex-end}.cs-composer textarea{flex:1}