:root{--primary: #2563eb;--primary-dark: #1d4ed8;--danger: #dc2626;--bg: #f3f5f7;--panel: #ffffff;--border: #e3e7ec;--text: #1f2933;--muted: #8492a6;--sidenav: #1e293b;--sidenav-active: #334155}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-size:14px}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:14px}.loading-screen{height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted)}.btn{border:1px solid var(--border);background:var(--panel);border-radius:6px;padding:7px 14px;color:var(--text)}.btn:hover{border-color:#c5cdd8}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:disabled{opacity:.6;cursor:default}.btn-danger{color:var(--danger);border-color:#f2c1c1}.btn-danger:hover{background:#fef2f2}.btn-sm{padding:4px 10px;font-size:13px}.btn-block{width:100%}.btn-ghost{border:none;background:transparent;font-size:18px}.muted{color:var(--muted)}.empty{padding:24px;text-align:center;color:var(--muted)}.empty-center{flex:1;display:flex;align-items:center;justify-content:center;color:var(--muted)}.form-error{color:var(--danger);font-size:13px}.form-row{margin-bottom:10px}.form-row label{display:block;margin-bottom:4px;color:var(--muted);font-size:13px}.form-row.two{display:flex;gap:10px}.form-row.two label{flex:1}.avatar{width:38px;height:38px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:15px}.avatar-sm{width:30px;height:30px;font-size:13px}.badge{background:#ef4444;color:#fff;border-radius:9px;min-width:18px;height:18px;line-height:18px;text-align:center;font-size:12px;padding:0 5px;flex-shrink:0}.dot-red{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ef4444;margin-right:6px}.toast-wrap{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;gap:8px}.toast{background:#111827;color:#fff;border-radius:8px;padding:9px 18px;box-shadow:0 4px 14px #0003;animation:toast-in .2s ease}.toast-success{background:#15803d}.toast-error{background:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.auth-page{height:100%;display:flex;align-items:center;justify-content:center}.auth-card{width:360px;background:var(--panel);border-radius:12px;padding:32px;box-shadow:0 8px 30px #0f172a14;display:flex;flex-direction:column;gap:14px}.auth-title{text-align:center;margin:0 0 4px;font-size:22px}.auth-card label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--muted)}.auth-card input{border:1px solid var(--border);border-radius:6px;padding:9px 10px}.auth-card input:focus{outline:none;border-color:var(--primary)}.auth-tabs{display:flex;border:1px solid var(--border);border-radius:6px;overflow:hidden}.auth-tabs button{flex:1;border:none;background:transparent;padding:7px 0;color:var(--muted)}.auth-tabs button.active{background:var(--primary);color:#fff}.auth-hint{margin:0;text-align:center;font-size:12px;color:var(--muted)}.layout{height:100%;display:flex}.sidenav{width:76px;background:var(--sidenav);display:flex;flex-direction:column;align-items:center;padding:12px 0;color:#cbd5e1}.sidenav-logo{width:40px;height:40px;border-radius:10px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:16px}.sidenav-nav{flex:1;display:flex;flex-direction:column;gap:4px;width:100%}.sidenav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 0;color:#cbd5e1;text-decoration:none;font-size:12px}.sidenav-item:hover{background:var(--sidenav-active)}.sidenav-item.active{background:var(--sidenav-active);color:#fff}.sidenav-icon{font-size:20px}.sidenav-user{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%;padding-top:10px;border-top:1px solid #334155}.sidenav-user .avatar{width:34px;height:34px;font-size:14px}.sidenav-user-name{font-size:12px;max-width:68px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidenav-logout{background:none;border:none;color:#94a3b8;font-size:12px}.sidenav-logout:hover{color:#fff}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:48px;background:var(--panel);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;padding:0 16px}.topbar-title{font-weight:600;margin-right:auto}.conn-dot{width:9px;height:9px;border-radius:50%}.conn-dot.online{background:#22c55e}.conn-dot.offline{background:#cbd5e1}.conn-text{font-size:12px;color:var(--muted)}.content{flex:1;min-height:0;display:flex}.module{flex:1;display:flex;min-width:0}.module.single{flex-direction:column;padding:16px;gap:12px;overflow:hidden}.erp-module{min-height:0;background:#eef0f6}.erp-frame{flex:1;width:100%;min-height:0;border:0}.pane-toolbar{display:flex;align-items:center;gap:8px}.pane-title{margin:0}.toolbar-gap{flex:1}.input-sm{border:1px solid var(--border);border-radius:6px;padding:6px 10px;width:180px}.pane-toolbar .auth-tabs{width:220px;background:var(--panel)}.list-pane{width:300px;background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.list-pane-header{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid var(--border);font-weight:600}.conv-list{flex:1;overflow-y:auto}.conv-item{display:flex;gap:10px;padding:12px;cursor:pointer;border-bottom:1px solid #f0f3f6}.conv-item:hover{background:#f8fafc}.conv-item.active{background:#eff6ff}.conv-item-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.conv-item-title,.conv-item-sub{display:flex;align-items:center;justify-content:space-between;gap:8px}.conv-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-time{font-size:12px;color:var(--muted);flex-shrink:0}.conv-summary{font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-pane{flex:1;display:flex;flex-direction:column;min-width:0}.chat-header{padding:12px 16px;background:var(--panel);border-bottom:1px solid var(--border);font-weight:600}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:14px}.chat-loadmore{text-align:center}.msg-row{display:flex;gap:8px;max-width:70%}.msg-row.mine{align-self:flex-end;flex-direction:row-reverse}.msg-body{display:flex;flex-direction:column;gap:3px;min-width:0}.msg-row.mine .msg-body{align-items:flex-end}.msg-meta{display:flex;gap:8px;font-size:12px;color:var(--muted)}.bubble{background:var(--panel);border-radius:8px;padding:9px 12px;line-height:1.5;word-break:break-word;white-space:pre-wrap;box-shadow:0 1px 2px #0000000a}.msg-row.mine .bubble{background:#dbeafe}.bubble-plain{background:transparent;box-shadow:none;padding:0}.msg-image{max-width:260px;max-height:260px;border-radius:8px;cursor:zoom-in;display:block}.msg-image-loading{color:var(--muted);font-size:13px}.file-attach{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:9px 12px;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-attach:hover{border-color:var(--primary);color:var(--primary)}.chat-input{display:flex;gap:8px;padding:10px 12px;background:var(--panel);border-top:1px solid var(--border);align-items:center}.chat-input input{flex:1;border:1px solid var(--border);border-radius:6px;padding:9px 12px}.chat-input input:focus{outline:none;border-color:var(--primary)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:100}.modal{width:420px;max-width:92vw;max-height:84vh;overflow-y:auto;background:var(--panel);border-radius:12px;padding:22px}.modal h3{margin:0 0 14px}.modal-input{width:100%;border:1px solid var(--border);border-radius:6px;padding:8px 10px;margin-bottom:10px}.modal-input:focus{outline:none;border-color:var(--primary)}.modal-meta{font-size:13px;margin-bottom:12px}.modal-content{line-height:1.7;white-space:pre-wrap;margin-bottom:16px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.user-pick-list{max-height:260px;overflow-y:auto;border:1px solid var(--border);border-radius:6px;margin-top:10px}.user-pick-item{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid #f0f3f6;cursor:pointer}.user-pick-item:last-child{border-bottom:none}.user-pick-item:hover{background:#f8fafc}.table-wrap{flex:1;overflow:auto;background:var(--panel);border:1px solid var(--border);border-radius:10px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:10px 14px;border-bottom:1px solid #f0f3f6;white-space:nowrap}.table th{color:var(--muted);font-weight:500;font-size:13px;background:#f8fafc;position:sticky;top:0}.table td:first-child{white-space:normal;word-break:break-all}.card-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px 16px;cursor:pointer}.module.single .card-list .card:hover{border-color:#c5cdd8}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-title{font-weight:600}.card-sub{margin-top:6px;font-size:13px}.tag{background:#eff6ff;color:var(--primary);border-radius:4px;padding:2px 7px;font-size:12px;font-weight:500}.status{border-radius:10px;padding:3px 10px;font-size:12px;flex-shrink:0}.status-pending{background:#fef9c3;color:#a16207}.status-approved{background:#dcfce7;color:#15803d}.status-rejected{background:#fee2e2;color:var(--danger)}.approval-actions{margin-top:10px;display:flex;gap:8px;align-items:center}.approval-actions .input-sm{flex:1}