@import"https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700&display=swap";:root{--paper: #FFFFFF;--wash: #FBFBFA;--hover: #F6F6F3;--ink: #1B1B19;--ink-2: #6F6F69;--ink-3: #A2A29B;--line: #EDEDE9;--line-2: #E4E4DF;--ok: #4E9E72;--stop: #C05C4E;--pend: #A2A29B;--f: "Onest", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--paper);font-family:var(--f);color:var(--ink);-webkit-font-smoothing:antialiased}.num{font-variant-numeric:tabular-nums}button,input{font-family:var(--f)}a{color:inherit;text-decoration:none}.app{display:grid;grid-template-columns:244px 1fr;min-height:100vh}.side{border-right:1px solid var(--line);display:flex;flex-direction:column;padding:22px 16px}.brand{font-size:19px;font-weight:700;letter-spacing:-.02em;padding:4px 10px 26px}.nav{display:flex;flex-direction:column;gap:2px}.nav a{display:flex;align-items:center;gap:12px;padding:10px 11px;border-radius:10px;color:var(--ink-2);font-size:14.5px;font-weight:500;cursor:pointer;letter-spacing:-.01em}.nav a:hover{background:var(--hover);color:var(--ink)}.nav a.on{background:var(--hover);color:var(--ink);font-weight:600}.nav a svg{width:18px;height:18px;stroke-width:1.7;flex:none}.nav a .badge{margin-left:auto;font-size:12px;font-weight:600;color:var(--ink-3);background:var(--wash);border:1px solid var(--line);padding:1px 8px;border-radius:10px}.side-foot{margin-top:auto;display:flex;align-items:center;gap:11px;padding:12px 8px 2px;border-top:1px solid var(--line)}.ava{width:32px;height:32px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:12.5px;font-weight:600;flex:none}.side-foot .exit{margin-left:auto;color:var(--ink-3);cursor:pointer;display:grid;place-items:center;background:none;border:none}.side-foot .exit svg{width:17px;height:17px;stroke-width:1.7}.main{display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;gap:14px;padding:20px 30px;border-bottom:1px solid var(--line)}.h-title{font-size:21px;font-weight:700;letter-spacing:-.025em;display:flex;align-items:baseline;gap:9px}.h-title .count{font-size:15px;font-weight:500;color:var(--ink-3)}.spacer{flex:1}.backbtn{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;border:1px solid var(--line-2);background:var(--paper);cursor:pointer;color:var(--ink);margin-right:4px}.backbtn:hover{background:var(--hover)}.backbtn svg{width:17px;height:17px;stroke-width:1.8}.content{padding:24px 30px 60px}.btn{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:#fff;border:none;font-size:14px;font-weight:600;padding:10px 16px;border-radius:11px;cursor:pointer;letter-spacing:-.01em}.btn:hover{background:#000}.btn svg{width:16px;height:16px;stroke-width:2}.btn.ghost{background:var(--paper);color:var(--ink);border:1px solid var(--line-2)}.btn.ghost:hover{background:var(--hover)}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:20px}.filters{display:flex;gap:7px}.fpill{background:none;border:1px solid var(--line-2);color:var(--ink-2);font-size:13px;font-weight:500;padding:6px 13px;border-radius:9px;cursor:pointer;letter-spacing:-.01em}.fpill:hover{background:var(--hover);color:var(--ink)}.fpill.on{background:var(--ink);border-color:var(--ink);color:#fff}.search-panel{display:flex;align-items:center;gap:9px;background:var(--wash);border:1px solid var(--line-2);border-radius:10px;padding:8px 12px;width:240px}.search-panel svg{width:16px;height:16px;color:var(--ink-3);stroke-width:1.7;flex:none}.search-panel input{border:none;outline:none;background:none;font-size:14px;color:var(--ink);width:100%;letter-spacing:-.01em}.search-panel input::placeholder{color:var(--ink-3)}.tbtn{display:inline-flex;align-items:center;gap:8px;background:none;border:1px solid var(--line-2);border-radius:10px;padding:9px 13px;color:var(--ink-2);font-size:14px;font-weight:500;cursor:pointer;letter-spacing:-.01em}.tbtn:hover{background:var(--hover);color:var(--ink)}.tbtn svg{width:16px;height:16px;stroke-width:1.7}table{width:100%;border-collapse:collapse}thead th{text-align:left;font-size:12px;color:var(--ink-3);font-weight:500;padding:0 16px 12px}thead th.r,td.r{text-align:right}tbody tr.clickable{cursor:pointer}tbody td{padding:14px 16px;border-top:1px solid var(--line);font-size:14.5px;font-weight:500}tbody tr.clickable:hover td{background:var(--wash)}tbody tr.clickable:hover td:first-child{border-radius:10px 0 0 10px}tbody tr.clickable:hover td:last-child{border-radius:0 10px 10px 0}.c-name{display:flex;align-items:center;gap:13px}.c-logo{width:38px;height:38px;border-radius:10px;background:var(--wash);border:1px solid var(--line-2);display:grid;place-items:center;font-weight:600;font-size:15px;color:var(--ink);flex:none}.c-id{font-weight:600;letter-spacing:-.01em}.c-url{font-size:12.5px;color:var(--ink-3);font-weight:400;margin-top:1px}.status{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:500;color:var(--ink-2)}.status .dot{width:7px;height:7px;border-radius:50%}.status.active .dot,.status.live .dot{background:var(--ok)}.status.suspended .dot{background:var(--stop)}.status.pending .dot,.status.done .dot{background:var(--pend)}.status.live .dot{animation:pulse 1.8s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@media(prefers-reduced-motion:reduce){.status.live .dot{animation:none}}.mut{color:var(--ink-3)}.money{font-weight:600}.arrow{color:var(--ink-3)}.arrow svg{width:17px;height:17px;stroke-width:1.7}.eid{font-family:ui-monospace,monospace;font-size:12.5px;color:var(--ink-3)}.detail-head{display:flex;align-items:center;gap:17px;margin-bottom:26px}.detail-logo{width:58px;height:58px;border-radius:14px;background:var(--wash);border:1px solid var(--line-2);display:grid;place-items:center;font-weight:600;font-size:24px;color:var(--ink);flex:none}.detail-meta h2{font-size:24px;font-weight:700;letter-spacing:-.03em;display:flex;align-items:center;gap:12px}.detail-meta .u{font-size:13.5px;color:var(--ink-3);margin-top:4px}.detail-actions{margin-left:auto;display:flex;gap:9px}.ghost-sm{display:inline-flex;align-items:center;gap:7px;background:var(--paper);border:1px solid var(--line-2);border-radius:10px;padding:8px 13px;font-size:13.5px;font-weight:500;color:var(--ink-2);cursor:pointer}.ghost-sm:hover{background:var(--hover);color:var(--ink)}.ghost-sm svg{width:15px;height:15px;stroke-width:1.8}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:26px}.metric{padding:18px 20px;border-right:1px solid var(--line)}.metric:last-child{border-right:none}.metric .lab{font-size:13px;color:var(--ink-2);font-weight:500}.metric .val{font-size:27px;font-weight:700;letter-spacing:-.03em;margin-top:6px}.metric .val small{font-size:15px;color:var(--ink-2);font-weight:600}.tabs{display:flex;gap:3px;border-bottom:1px solid var(--line-2);margin-bottom:18px}.tab{background:none;border:none;color:var(--ink-2);font-size:14.5px;font-weight:500;padding:10px 14px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;letter-spacing:-.01em}.tab:hover{color:var(--ink)}.tab.on{color:var(--ink);font-weight:600;border-bottom-color:var(--ink)}.settings-list{max-width:620px}.setting-row{display:flex;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.setting-title{font-size:15px;font-weight:600;letter-spacing:-.01em}.setting-sub{font-size:13px;color:var(--ink-3);margin-top:4px;line-height:1.5}.switch{margin-left:auto;flex:none;width:42px;height:24px;border-radius:13px;background:var(--line-2);border:none;cursor:pointer;position:relative;transition:background .18s}.switch span{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .18s}.switch.on{background:var(--ink)}.switch.on span{transform:translate(18px)}.convo{max-width:720px}.msg{padding:16px 0;border-top:1px solid var(--line)}.msg:first-child{border-top:none}.msg-role{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:7px;display:inline-flex;align-items:center;gap:6px}.msg-role.u{color:var(--ink)}.msg-role.a{color:var(--ok)}.msg-role.t{color:var(--ink-3)}.msg-role .dt{width:6px;height:6px;border-radius:50%}.msg-role.u .dt{background:var(--ink)}.msg-role.a .dt{background:var(--ok)}.msg-role.t .dt{background:var(--ink-3)}.msg-text{font-size:15px;line-height:1.6;color:var(--ink);letter-spacing:-.01em}.msg.tool .msg-text{font-family:ui-monospace,monospace;font-size:13px;color:var(--ink-2);background:var(--wash);border:1px solid var(--line);border-radius:9px;padding:9px 12px;display:inline-block}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#14141052;display:flex;align-items:center;justify-content:center;z-index:60;padding:24px}.modal-card{width:460px;max-width:100%;background:var(--paper);border:1px solid var(--line-2);border-radius:18px;padding:26px;box-shadow:0 20px 60px #00000029}.modal-card h3{font-size:20px;font-weight:700;letter-spacing:-.025em}.modal-card .sub{font-size:13.5px;color:var(--ink-2);margin:5px 0 22px;line-height:1.5}.field{margin-bottom:17px}.field label{display:block;font-size:13px;font-weight:600;color:var(--ink-2);margin-bottom:8px}.field .req{color:var(--ink)}.field input{width:100%;background:var(--wash);border:1px solid var(--line-2);border-radius:10px;padding:11px 13px;color:var(--ink);font-size:14.5px;font-weight:500;outline:none}.field input:focus{border-color:var(--ink);background:var(--paper)}.field input::placeholder{color:var(--ink-3);font-weight:400}.field .hint{font-size:12px;color:var(--ink-3);margin-top:7px}.modal-foot{display:flex;gap:10px;margin-top:4px}.modal-foot .btn{flex:1;justify-content:center}.keyout{background:var(--wash);border:1px solid var(--line-2);border-radius:13px;padding:18px}.keyout-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--ok);margin-bottom:13px}.keyout-badge svg{width:13px;height:13px;stroke-width:2.2}.key-value{background:var(--paper);border:1px solid var(--line-2);border-radius:10px;padding:12px 13px;font-family:ui-monospace,monospace;font-size:12.5px;color:var(--ink);word-break:break-all;display:flex;align-items:center;gap:10px}.key-value span{flex:1}.icon-btn{background:var(--hover);border:1px solid var(--line-2);border-radius:8px;padding:7px;cursor:pointer;color:var(--ink-2);display:grid;place-items:center}.icon-btn:hover{color:var(--ink)}.icon-btn svg{width:15px;height:15px;stroke-width:1.8}.keyout-note{display:flex;gap:9px;margin-top:14px;font-size:12.5px;color:var(--ink-2);line-height:1.5}.keyout-note svg{width:16px;height:16px;color:var(--ink-3);flex:none;margin-top:1px;stroke-width:1.8}.keyout-note b{color:var(--ink);font-weight:600}.login-wrap{min-height:100vh;display:grid;place-items:center}.login-card{width:320px}.login-card h1{font-size:22px;font-weight:700;letter-spacing:-.03em;margin-bottom:4px}.login-card .sub{font-size:13.5px;color:var(--ink-2);margin-bottom:24px}.login-card .field input{padding:12px 14px}.login-card .btn{width:100%;justify-content:center;margin-top:6px}.login-err{color:var(--stop);font-size:13px;margin-top:12px}.loading{padding:40px;color:var(--ink-3);font-size:14px}