:root{color:#475569;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--heading:#0f172a;--text:#475569;--text-muted:#64748b;background:#fff5f7;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100vh}body{margin:0}button,input,select,textarea{font:inherit}a{color:inherit}.app-loading{min-height:100vh;color:var(--text);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex}.loading-logo{border-radius:20px;width:72px;height:72px;box-shadow:0 18px 42px #ff759b40}.loading-title{color:var(--text-muted);font-size:16px}.page-shell{box-sizing:border-box;width:100%;height:100vh;margin:0;padding:24px;overflow:hidden}.dashboard-shell{max-width:none}.card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;border:1px solid #ffffffd1;border-radius:28px;box-shadow:0 20px 60px #0f172a14}.topbar{justify-content:space-between;align-items:flex-start;gap:24px;padding:28px 30px;display:flex}.topbar h1{margin:8px 0 10px;font-size:32px}.subtle{color:var(--text-muted);font-size:14px;line-height:1.7}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.admin-chip{color:#f06292;background:#f062921a;border-radius:999px;padding:10px 14px;font-size:14px;font-weight:600}.workspace{grid-template-columns:280px 360px minmax(0,1fr);gap:20px;height:calc(100vh - 48px);min-height:0;display:grid}.workspace-three-cols{align-items:stretch}.sidebar,.detail{min-height:0}.sidebar{flex-direction:column;gap:18px;min-height:0;padding:24px;display:flex;overflow:hidden}.filters{gap:14px;display:grid}.panel-block{gap:10px;display:grid}.panel-title{color:var(--heading);margin:0;font-size:28px}.panel-spacer{flex:1}.user-summary{grid-template-columns:48px minmax(0,1fr);align-items:center}.user-summary-meta{gap:4px;display:grid}.user-summary-meta strong{color:var(--heading);font-size:15px}.user-summary-meta span{color:var(--text-muted);word-break:break-all;font-size:13px}.panel-actions,.action-row{gap:10px;display:flex}.panel-actions .ghost-btn,.action-row .ghost-btn,.action-row .primary-btn{flex:1}.filter-title{color:var(--heading);font-size:13px;font-weight:700}.filter-group{gap:8px;display:grid}.check-card{min-height:42px;color:var(--text);background:#fdf0f4;border-radius:14px;align-items:center;gap:10px;padding:0 12px;font-size:13px;display:flex}.check-card input{margin:0}.field{gap:8px;display:grid}.field span,.hint-title,.list-header strong{color:var(--heading);font-size:14px;font-weight:600}.field-compact{gap:0}.input,.textarea{width:100%;color:var(--heading);font:inherit;box-sizing:border-box;background:#fffffff5;border:1px solid #0f172a14;border-radius:16px;transition:border-color .2s,box-shadow .2s}.input{min-height:40px;padding:0 14px;font-size:14px}.input.compact{min-width:112px;min-height:40px;padding:0 12px;font-size:13px}.textarea{resize:vertical;min-height:144px;padding:14px}.input:focus,.textarea:focus{border-color:#f0629266;outline:none;box-shadow:0 0 0 4px #f0629214}.primary-btn,.ghost-btn{cursor:pointer;border:none;border-radius:16px;min-height:40px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s,opacity .2s}.primary-btn{color:#fff;box-shadow:none;background:#f06292}.ghost-btn{color:var(--heading);background:#fbe4ec}.primary-btn:hover,.ghost-btn:hover{transform:translateY(-1px)}.primary-btn:disabled,.ghost-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.list-header{color:var(--text-muted);justify-content:space-between;align-items:center;margin:0 0 12px;font-size:13px;display:flex}.list-panel-header{flex:none}.list-header-actions{align-items:center;gap:10px;display:flex}.ticket-list{gap:12px;min-height:0;padding-right:4px;display:grid;overflow:hidden auto}.ticket-item{text-align:left;cursor:pointer;background:#fff;border:1px solid #0f172a0d;border-radius:20px;gap:10px;padding:16px;transition:border-color .2s,background .2s;display:grid;position:relative}.ticket-item:hover{box-shadow:none;border-color:#0f172a0d;transform:none}.ticket-item.active{box-shadow:none;background:#fff7fa;border-color:#f062926b}.ticket-item-header,.detail-header,.reply-footer{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ticket-item-header-main{align-items:center;gap:8px;min-width:0;display:flex}.ticket-item-title,.ticket-detail-title{color:var(--heading);font-size:18px;font-weight:700;line-height:1.5}.ticket-item-tags{color:var(--text-muted);flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.ticket-item-tags span{background:#0f172a0d;border-radius:999px;padding:6px 10px}.pending-reply-dot{box-sizing:border-box;background:#ff4d6d;border:3px solid #fff;border-radius:999px;width:20px;height:20px;position:absolute;top:0;right:0;transform:translate(30%,-30%)}.status-badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:32px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.status-open{color:#ef6c00;background:#ffa72629}.status-processing{color:#1565c0;background:#2196f324}.status-resolved{color:#2e7d32;background:#4caf5024}.status-closed{color:#6b7280;background:#6b728029}.detail{flex-direction:column;min-height:0;padding:24px;display:flex;overflow:hidden}.control-panel{align-self:stretch;height:100%;position:static;overflow:auto}.list-panel,.detail-panel{height:100%;min-height:0}.detail-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:10px;display:flex}.conversation{flex:1;gap:16px;min-height:0;margin-top:18px;padding:4px 2px 4px 0;display:grid;overflow:auto}.message-row{align-items:flex-start;gap:12px;display:flex}.message-row.is-user{flex-direction:row-reverse}.avatar{color:#fff;width:38px;height:38px;box-shadow:none;background:#f06292;border-radius:14px;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.avatar-image{object-fit:cover;width:38px;height:38px;box-shadow:none;background:#fff;border-radius:14px;flex:none}.admin-avatar{border-radius:16px;width:48px;height:48px}.user-summary-bottom{grid-template-columns:48px minmax(0,1fr) 40px}.bubble-wrap{gap:6px;max-width:min(760px,78%);display:grid}.message-row.is-user .bubble-wrap{justify-items:end}.message-meta{color:var(--text-muted);gap:10px;font-size:12px;display:flex}.message-bubble{color:var(--heading);box-shadow:none;background:#fff;border:1px solid #0f172a0f;border-radius:20px;padding:14px 16px;font-size:14px;line-height:1.8}.reply-box{border-top:1px solid #0f172a14;flex:none;gap:12px;margin-top:22px;padding-top:20px;display:grid}.error-banner,.error-text{color:#b42318;background:#fbe9e7eb;border:1px solid #f443361f;border-radius:16px;padding:12px 14px;font-size:14px;line-height:1.6}.icon-btn{width:36px;height:36px;color:var(--heading);cursor:pointer;background:#fbe4ec;border:none;border-radius:12px;justify-content:center;align-items:center;transition:background .2s,opacity .2s;display:inline-flex}.icon-image{width:18px;height:18px;display:block}.icon-btn:hover{background:#f7d6e3;transform:none}.icon-btn.active{color:#fff;background:#f06292}.icon-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.empty-state{text-align:center;color:var(--text-muted);background:#ffffffb3;border:1px dashed #0f172a1f;border-radius:20px;padding:22px 18px;font-size:14px}.empty-state.fill{flex:1;justify-content:center;align-items:center;display:flex}.login-layout{box-sizing:border-box;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:#fff;border:1px solid #f062921f;border-radius:30px;gap:24px;width:min(560px,100%);padding:34px 32px;display:grid;box-shadow:0 24px 60px #0f172a1a}.login-brand{justify-content:center;align-items:center;gap:18px;display:flex}.login-brand-copy{align-items:center;display:flex}.login-logo{width:72px;height:72px;box-shadow:none;border-radius:22px}.login-brand h1{margin:8px 0;font-size:32px}.login-form,.hint-card{gap:14px;display:grid}.hint-card{background:#fdf0f4;border-radius:20px;padding:18px 20px}.password-field{position:relative}.password-field .input{padding-right:64px}.text-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle-icon{width:18px;height:18px;display:block}.hint-card ul{color:var(--text-muted);gap:8px;margin:0;padding-left:18px;font-size:14px;line-height:1.7;display:grid}.full-width{width:100%}@media (width<=1100px){.page-shell{height:auto;overflow:visible}.workspace{grid-template-columns:1fr;height:auto}.control-panel{position:static}.list-panel,.detail-panel{height:auto;min-height:auto}}@media (width<=720px){.page-shell,.login-layout{padding:16px}.topbar,.sidebar,.detail,.login-card{padding:20px}.topbar,.ticket-item-header,.detail-header,.reply-footer{flex-direction:column;align-items:stretch}.bubble-wrap{max-width:100%}.login-brand{grid-template-columns:1fr}}