:root{--bg: #f5f7fb;--side: #ffffff;--panel: #ffffff;--panel-soft: #fafbff;--line: #e7ebf4;--text: #172033;--muted: #7b8498;--primary: #8f91c9;--primary-deep: #7377bd;--blue: #2683ff;--green: #23b26d;--red: #e34d59;--orange: #ff9d2f;--shadow: 0 12px 34px rgba(31, 45, 86, .08)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;max-width:100%;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 18% 18%,rgba(38,131,255,.14),transparent 32%),radial-gradient(circle at 82% 78%,rgba(143,145,201,.22),transparent 34%),linear-gradient(135deg,#f9fbff,#eef3ff)}.login-panel{width:min(390px,94vw);padding:34px;border-radius:26px;background:#ffffffeb;border:1px solid rgba(225,230,244,.92);box-shadow:0 28px 90px #1e2a5229;animation:login-pop .42s cubic-bezier(.18,.85,.28,1.08) both}.login-logo{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;color:#fff;font-size:25px;font-weight:800;background:linear-gradient(135deg,#72ddff,#8f91c9 58%,#6b6fbc);box-shadow:0 14px 30px #8f91c957}.login-panel h1{margin:18px 0 3px;font-size:28px}.login-panel p{margin:0 0 24px;color:var(--muted)}.login-panel label{display:block;margin-bottom:15px;color:#5f687d;font-size:13px}.login-panel label span{display:block;margin-bottom:7px}.login-panel input{width:100%;height:42px;border:1px solid #dfe4ef;border-radius:12px;background:#fff;padding:0 13px;outline:none;color:var(--text);transition:border .16s ease,box-shadow .16s ease}.login-panel input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #2683ff1f}.primary-wide{width:100%;height:42px;border:0;border-radius:12px;color:#fff;background:var(--blue);box-shadow:0 12px 24px #2683ff38;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.primary-wide:hover{transform:translateY(-1px);box-shadow:0 16px 30px #2683ff47}.primary-wide:disabled{opacity:.62;transform:none}.shell{display:flex;min-height:100vh;max-width:100vw;overflow-x:hidden}.sidebar{width:238px;min-height:100vh;background:#fffffffa;border-right:1px solid var(--line);padding:22px 16px;position:sticky;top:0}.brand{height:54px;display:flex;align-items:center;gap:12px;margin-bottom:24px}.brand-mark{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;color:#fff;font-weight:800;background:linear-gradient(135deg,#72ddff,#8f91c9 58%,#6b6fbc);box-shadow:0 12px 26px #8f91c957}.brand strong{display:block;font-size:17px}.brand span{color:var(--muted);font-size:12px}.sidebar nav{display:grid;gap:8px}.sidebar nav button{width:100%;height:40px;border:0;background:transparent;color:#222c3d;border-radius:10px;display:flex;align-items:center;gap:12px;padding:0 13px;text-align:left;transition:transform .18s ease,background .18s ease,color .18s ease}.sidebar nav button:hover{background:#f1f4fb;transform:translate(2px)}.sidebar nav button.active{background:var(--primary);color:#fff;box-shadow:0 12px 22px #8f91c940}.sidebar i{width:18px;font-style:normal;text-align:center}.main{flex:1;min-width:0;max-width:100%;overflow-x:hidden}.topbar{height:74px;background:#ffffffe0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 26px;position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.eyebrow{margin:0 0 5px;color:var(--muted);font-size:12px}h1{margin:0;font-size:26px;letter-spacing:.2px}.user-pill{display:flex;align-items:center;gap:10px;padding:7px 8px 7px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;box-shadow:0 8px 20px #1a25460a}.user-pill span{font-weight:600}.user-pill b{color:var(--primary-deep);background:#f1f3ff;border-radius:999px;padding:4px 9px;font-size:12px}.user-pill button{border:0;border-radius:999px;height:30px;padding:0 12px;color:#4d586d;background:#f6f7fb}.content{padding:26px;transition:opacity .16s ease;max-width:100%;overflow-x:hidden}.content.loading{opacity:.72}.stats{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:14px;margin-bottom:18px}.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow);position:relative;overflow:hidden;animation:rise .36s ease both}.stat-card:after{content:"";position:absolute;right:-32px;top:-42px;width:108px;height:108px;border-radius:50%;background:#2683ff14}.stat-card span{color:var(--muted);font-size:13px}.stat-card b{display:block;margin-top:10px;font-size:30px;line-height:1}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow);margin-bottom:18px;animation:rise .34s ease both}.agent-panel{max-width:860px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.panel-head h2{margin:0;font-size:18px}.panel-head p{margin:6px 0 0;color:var(--muted);font-size:13px}.toolbar{display:flex;gap:9px;margin-bottom:14px;flex-wrap:wrap}.toolbar input,.toolbar select,.form-grid input,.form-grid select,.form-grid textarea{height:38px;border:1px solid #d9deeb;border-radius:10px;background:#fff;color:var(--text);padding:0 12px;outline:none;transition:border .16s ease,box-shadow .16s ease}.toolbar input{min-width:280px}.toolbar input:focus,.toolbar select:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2683ff1f}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:13px 14px;border-bottom:1px solid #edf0f6;text-align:left;font-size:13px;white-space:nowrap;vertical-align:middle}th{background:#fafbff;color:#596276;font-weight:600}tbody tr:hover td{background:#fbfcff}tbody tr:last-child td{border-bottom:0}.op-col{min-width:112px}.tag{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:999px;font-size:12px;background:#eef2ff;color:var(--primary-deep)}.tag.green{background:#e9fbf2;color:var(--green)}.tag.red{background:#fff0f2;color:var(--red)}.tag.orange{background:#fff6e8;color:var(--orange)}.muted{color:var(--muted)}.mini{margin-top:3px;font-size:12px}.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.strong{font-weight:650}.clamp{max-width:240px;overflow:hidden;text-overflow:ellipsis}.actions{display:inline-flex;gap:10px;align-items:center;justify-content:flex-start;min-width:86px}.link{border:0;padding:0;background:transparent;color:var(--blue)}.link.danger{color:var(--red)}.btn{height:38px;border:0;border-radius:10px;background:var(--blue);color:#fff;padding:0 15px;box-shadow:0 8px 18px #2683ff2e;transition:transform .16s ease,box-shadow .16s ease,background .16s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px);box-shadow:0 12px 22px #2683ff3b}.btn.ghost{background:#fff;color:#4d586d;border:1px solid var(--line);box-shadow:none}.modal-layer{position:fixed;inset:0;z-index:20;background:#131b2c57;display:grid;place-items:center;padding:18px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}.modal-layer.show{opacity:1;visibility:visible;pointer-events:auto}.modal-card{width:min(620px,calc(100vw - 36px));max-height:88vh;overflow:auto;background:#fff;border-radius:22px;padding:22px;box-shadow:0 28px 90px #14192d47;transform:translateY(18px) scale(.97);transition:transform .26s cubic-bezier(.2,.8,.2,1)}.modal-layer.show .modal-card{transform:none}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-head h3{margin:0}.icon-btn{width:34px;height:34px;border:0;border-radius:50%;background:#f4f6fb;color:#657086}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.form-grid label{color:var(--muted);font-size:12px}.form-grid label input,.form-grid label select,.form-grid label textarea{width:100%;margin-top:6px;color:var(--text)}.form-grid textarea{height:82px;padding:10px 12px;resize:vertical}.form-grid .full{grid-column:1 / -1}.form-actions{display:flex;justify-content:flex-end;margin-top:18px}.modal-footer{margin-top:18px;display:flex;justify-content:flex-end;gap:8px}.success-box{margin-top:14px;display:grid;gap:5px;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,#f2fff8,#f8fbff);border:1px solid #ccefdc;color:#26764f}.success-box span{color:#4f665d;font-size:13px}.kst-message{position:fixed;left:50%;top:24px;z-index:40;min-width:220px;max-width:min(420px,92vw);display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;background:#fffffff5;color:#1f2a3d;box-shadow:0 16px 42px #121c3e2e;border:1px solid rgba(229,233,244,.92);opacity:0;pointer-events:none;transform:translate(-50%,-14px) scale(.98);transition:opacity .22s ease,transform .22s ease;overflow:hidden}.kst-message.show{opacity:1;transform:translate(-50%) scale(1)}.kst-message-icon{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--green);font-size:13px}.kst-message.error .kst-message-icon{background:var(--red)}.kst-message i{position:absolute;left:0;bottom:0;height:2px;width:100%;background:linear-gradient(90deg,#56d58f,#2683ff);transform-origin:left;animation:msg-line 2.6s linear both}.kst-message.error i{background:linear-gradient(90deg,#ff7a86,#e34d59)}.mobile-tabs{display:none}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes login-pop{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}@keyframes msg-line{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(max-width:980px){.shell{display:block}.sidebar{display:none}.topbar{height:auto;min-height:74px;align-items:flex-start;padding:16px 14px;flex-direction:column;gap:12px}.topbar h1{font-size:30px;line-height:1.15;word-break:break-word}.user-pill{width:100%;max-width:100%;justify-content:space-between;flex-wrap:wrap;border-radius:18px;gap:8px}.user-pill span{min-width:0;flex:1 1 120px;overflow:hidden;text-overflow:ellipsis}.user-pill button{flex:0 0 auto}.mobile-tabs{display:flex;gap:8px;overflow-x:auto;padding:10px 16px;background:#fff;border-bottom:1px solid var(--line)}.mobile-tabs button{height:34px;border:1px solid var(--line);border-radius:999px;background:#fff;padding:0 14px;white-space:nowrap}.mobile-tabs button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.content{padding:14px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-head{display:block}.panel-head .btn{margin-top:12px}.form-grid{grid-template-columns:1fr}.toolbar input{min-width:0;width:100%}.panel{padding:14px;border-radius:16px}.modal-layer{align-items:start;place-items:start center;padding:12px;overflow-y:auto}.modal-card{width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100vh - 28px);border-radius:20px;padding:16px 14px;margin:0 auto}.modal-head{position:sticky;top:-16px;z-index:2;margin:-16px -14px 14px;padding:16px 14px 12px;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px 20px 0 0;border-bottom:1px solid rgba(231,235,244,.82)}.form-grid input,.form-grid select,.form-grid textarea{font-size:16px}}@media(max-width:430px){.login-page{padding:16px;place-items:start center;padding-top:10vh}.login-panel{width:calc(100vw - 32px);padding:26px 20px;border-radius:22px}.content{padding:12px}.topbar h1{font-size:28px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:14px;border-radius:15px}.table-wrap{max-width:100%}th,td{padding:11px 12px}}