:root{--bg:#f4f5f7;--panel:#fff;--border:#e2e4e9;--text:#1c1f26;--muted:#6b7280;--primary:#4f46e5;--primary-dark:#4338ca;--danger:#dc2626;--success:#16a34a;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}a{color:var(--primary);text-decoration:none}button{cursor:pointer;background:var(--primary);color:#fff;border:none;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:500}button:hover{background:var(--primary-dark)}button.secondary{color:var(--text);border:1px solid var(--border);background:#fff}button.secondary:hover{background:#f8f8fa}button:disabled{opacity:.5;cursor:default}input,textarea,select{border:1px solid var(--border);border-radius:8px;width:100%;padding:8px 12px;font-size:14px}.page{max-width:1200px;margin:0 auto;padding:24px}.centered-form{background:var(--panel);border:1px solid var(--border);border-radius:12px;max-width:380px;margin:80px auto;padding:32px}.centered-form h1{margin-bottom:20px;font-size:20px}.field{margin-bottom:14px}.field label{color:var(--muted);margin-bottom:4px;font-size:13px;display:block}.error-box{color:var(--danger);background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:14px;padding:10px 12px;font-size:13px}.top-bar{background:var(--panel);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex}.top-bar nav{gap:20px;font-size:14px;display:flex}.top-bar nav a.active{color:var(--text);font-weight:600}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px}.muted{color:var(--muted);font-size:13px}.inbox-layout{grid-template-columns:340px 1fr;height:calc(100vh - 56px);display:grid}.inbox-list{border-right:1px solid var(--border);background:var(--panel);overflow-y:auto}.inbox-tabs{border-bottom:1px solid var(--border);display:flex}.inbox-tabs button{color:var(--text);background:0 0;border-radius:0;flex:1;padding:12px;font-size:13px}.inbox-tabs button.active{border-bottom:2px solid var(--primary);color:var(--primary);font-weight:600}.ticket-item{border-bottom:1px solid var(--border);cursor:pointer;padding:12px 16px}.ticket-item:hover{background:#f8f8fa}.ticket-item.selected{background:#eef2ff}.ticket-item .name{font-size:14px;font-weight:600}.ticket-item .preview{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.tag{color:var(--primary);background:#eef2ff;border-radius:4px;margin-right:4px;padding:2px 6px;font-size:11px;display:inline-block}.chat-panel{flex-direction:column;height:100%;display:flex}.chat-header{border-bottom:1px solid var(--border);background:var(--panel);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.chat-messages{flex-direction:column;flex:1;gap:10px;padding:20px;display:flex;overflow-y:auto}.bubble{border-radius:12px;max-width:60%;padding:10px 14px;font-size:14px;line-height:1.4}.bubble.in{border:1px solid var(--border);background:#fff;align-self:flex-start}.bubble.out{background:var(--primary);color:#fff;align-self:flex-end}.bubble.system{color:#92400e;background:#fff7ed;border-radius:20px;align-self:center;padding:6px 14px;font-size:12px}.chat-composer{border-top:1px solid var(--border);background:var(--panel);gap:8px;padding:14px 20px;display:flex}.chat-composer textarea{resize:none;flex:1}.empty-chat{color:var(--muted);flex:1;justify-content:center;align-items:center;display:flex}.qr-box{flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}.qr-box img{border:1px solid var(--border);border-radius:8px;width:260px;height:260px}table.simple{border-collapse:collapse;width:100%}table.simple th,table.simple td{text-align:left;border-bottom:1px solid var(--border);padding:10px 8px;font-size:14px}table.simple th{color:var(--muted);font-size:13px;font-weight:500}.grid-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}.flex-between{justify-content:space-between;align-items:center;display:flex}