:root{font-family:Inter,Microsoft YaHei,system-ui,sans-serif;color:#1f334a;background:#f5f8fc;font-size:14px}*{box-sizing:border-box}body{margin:0;background:#f5f8fc}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.6}.boot{color:#66809b}.boot,.login-page{min-height:100vh;display:grid;place-items:center}.login-page{padding:24px;background:linear-gradient(135deg,#eef6ff,#f8fbff)}.login-card{width:min(410px,100%);padding:34px;background:#fff;border:1px solid #dce8f4;border-radius:14px;box-shadow:0 18px 45px #23476b18}.brand-mark{display:flex;align-items:center;gap:9px;color:#1775c8;font-weight:750;font-size:20px}.login-card .eyebrow{margin-top:24px}.login-card h1{margin:8px 0 24px;font-size:28px}.login-card label{display:block;margin:15px 0;color:#60748b;font-size:13px}.login-card input,.toolbar input{display:block;width:100%;height:42px;margin-top:7px;padding:0 12px;border:1px solid #d9e3ed;border-radius:7px;background:#fbfdff;outline:none}.login-card input:focus,.toolbar input:focus{border-color:#68a6de;box-shadow:0 0 0 3px #68a6de22}.primary-button,.secondary-button{height:42px;border-radius:7px;padding:0 17px}.primary-button{width:100%;margin-top:12px;background:#1673c9;color:#fff}.secondary-button{background:#e9f3ff;color:#1468af}.error-banner,.error-text{color:#c54646}.error-text{min-height:20px;margin:12px 0}.admin-app{min-height:100vh;display:flex}.sidebar{width:232px;position:fixed;inset:0 auto 0 0;z-index:20;background:#fff;border-right:1px solid #dce7f1;display:flex;flex-direction:column}.sidebar-brand{height:62px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf2f7}.sidebar nav{padding:17px 10px;overflow:auto}.sidebar nav section+section{margin-top:22px}.sidebar h2{margin:0 10px 8px;color:#8aa0b7;font-size:11px;font-weight:600}.sidebar nav button{width:100%;display:flex;align-items:center;gap:11px;height:42px;padding:0 12px;border-radius:7px;background:transparent;color:#54708e;text-align:left}.sidebar nav button:hover{background:#f3f8fd}.sidebar nav button.active{background:#e7f3ff;color:#0766b7;font-weight:650}.sidebar-status{margin-top:auto;padding:18px 20px;border-top:1px solid #edf2f7;color:#6f879f;font-size:12px}.sidebar-status i{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:#25aa71}.main-shell{min-width:0;flex:1;margin-left:232px}.topbar{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:#fff;border-bottom:1px solid #dce7f1}.breadcrumb{color:#7890a8}.breadcrumb span{margin:0 8px;color:#b5c5d4}.breadcrumb strong{color:#1f334a}.account-wrap{position:relative}.account-trigger{display:flex;align-items:center;gap:8px;padding:7px 10px;background:#fff;color:#35516d;border-radius:7px}.account-trigger:hover{background:#f3f8fd}.avatar{display:grid;place-items:center;width:28px;height:28px;color:#1570be;background:#e8f4ff;border-radius:6px}.account-menu{position:absolute;right:0;top:43px;z-index:30;min-width:190px;padding:10px;background:#fff;border:1px solid #dce7f1;border-radius:9px;box-shadow:0 14px 28px #23476b1c}.account-menu small{display:block;padding:5px 8px 10px;color:#7290aa}.account-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:9px 8px;color:#3f5b76;background:transparent;border-radius:6px;text-align:left}.account-menu button:hover{background:#f4f8fb}.mobile-menu,.mobile-only{display:none}.content{max-width:1320px;margin:0 auto;padding:28px 30px 50px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.page-header h1{margin:4px 0 0;font-size:28px;letter-spacing:.01em}.eyebrow{margin:0;color:#7890a8;font-size:12px;line-height:1.6}.icon-button{display:grid;place-items:center;width:38px;height:38px;border:1px solid #dbe7f0;border-radius:7px;color:#52718f;background:#fff}.error-banner{padding:11px 14px;margin-bottom:14px;background:#fff0f0;border:1px solid #ffd2d2;border-radius:7px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric-grid article{position:relative;min-height:132px;padding:17px 18px;border:1px solid #dce8f2;border-radius:9px;background:#fff;box-shadow:0 2px 8px #23476b08}.metric-grid article svg{color:#1680d4}.metric-grid small,.metric-grid span{display:block;color:#7890a8;font-size:12px}.metric-grid small{margin-top:16px}.metric-grid strong{display:block;margin:3px 0;font-size:28px;color:#1d4267}.panel{margin-top:16px;border:1px solid #dce8f2;border-radius:9px;background:#fff;box-shadow:0 2px 8px #23476b08;overflow:auto}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #edf2f7}.panel-title h2{margin:0 0 4px;font-size:16px}.usage-line{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:22px;color:#59758f}.usage-line b{font-size:20px;color:#1d4267}.toolbar{display:flex;gap:9px;padding:14px;border-bottom:1px solid #edf2f7}.toolbar input{flex:1;max-width:390px;margin:0}table{width:100%;border-collapse:collapse;min-width:760px}td,th{padding:13px 16px;border-bottom:1px solid #edf2f7;text-align:left;white-space:nowrap}th{color:#6d849b;background:#f8fbfe;font-size:12px;font-weight:650}td{color:#35516d}td small{display:block;color:#91a4b5;margin-top:4px}code,td small{font-size:11px}code{color:#57748f}.badge{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:11px}.green-badge{color:#117b55;background:#e8f8f0}.red-badge{color:#b63a3a;background:#fff0f0}.muted-badge{color:#73879a;background:#f0f4f7}.state{padding:44px;text-align:center;color:#7890a8}.backdrop{display:none}@media(max-width:900px){.sidebar{transform:translate(-100%);transition:transform .2s ease}.sidebar.open{transform:translate(0);box-shadow:12px 0 35px #183b5d2b}.main-shell{margin-left:0}.mobile-menu,.mobile-only{display:grid}.topbar{padding:0 16px;gap:10px}.breadcrumb{flex:1}.account-trigger span:not(.avatar),.account-trigger>svg{display:none}.content{padding:22px 16px 42px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-line{grid-template-columns:repeat(3,1fr)}.backdrop{display:block;position:fixed;inset:0;z-index:19;background:#18344e55}}@media(max-width:520px){.metric-grid{gap:8px}.metric-grid article{min-height:116px;padding:13px}.metric-grid strong{font-size:22px}.page-header h1{font-size:24px}.content{padding-top:18px}.usage-line{grid-template-columns:repeat(2,1fr);padding:16px}.login-card{padding:25px}}.row-action{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 9px;border:1px solid #d7e5f0;border-radius:6px;background:#fff;color:#34729f;font-size:12px}.row-action:hover{background:#f0f7fd;border-color:#a9cde9}.table-icon{width:32px;height:32px}.clickable-row{cursor:pointer}.clickable-row:hover td{background:#f7fbff}.detail-layer{position:fixed;inset:0;z-index:40;background:#18344e55}.detail-drawer{position:absolute;top:0;right:0;width:min(620px,100%);height:100%;overflow:auto;background:#fff;box-shadow:-12px 0 35px #183b5d2b}.detail-header{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 24px;border-bottom:1px solid #edf2f7;background:#fff}.detail-header h2{margin:4px 0 5px;font-size:20px;color:#1f334a}.detail-header small{color:#8ca0b3;font-size:11px;word-break:break-all}.detail-body{padding:20px 24px 38px}.detail-section+.detail-section{margin-top:26px}.detail-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:#36536e}.detail-section-title small{color:#8ca0b3;font-size:12px}.message-list{display:flex;flex-direction:column;gap:10px}.message-item{padding:12px 14px;border:1px solid #e3ebf2;border-radius:8px}.message-item.user-message{background:#f1f8ff;border-color:#d8eafa}.message-item.agent-message{background:#fbfcfe}.message-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;color:#4b7294;font-size:12px;font-weight:650}.message-meta time,.run-item time{color:#9aabba;font-size:11px;font-weight:400}.message-item p{margin:0;color:#425d76;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.detail-empty{padding:24px 0;color:#9aabba;text-align:center;border:1px dashed #dbe7ef;border-radius:7px}.run-list{display:flex;flex-direction:column;gap:8px}.run-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #e3ebf2;border-radius:7px}.run-item small{display:block;margin-top:6px;color:#7890a8;max-width:390px;white-space:normal;line-height:1.5}.run-item time{white-space:nowrap}@media(max-width:520px){.detail-body,.detail-header{padding-left:16px;padding-right:16px}.run-item{display:block}.run-item time{display:block;margin-top:7px}}.primary-small-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 12px;border-radius:7px;background:#1673c9;color:#fff;white-space:nowrap}.primary-small-button:hover{background:#0f66b4}.blue-badge{color:#1766a5;background:#e8f3ff}.form-drawer{position:absolute;top:0;right:0;width:min(460px,100%);height:100%;overflow:auto;background:#fff;box-shadow:-12px 0 35px #183b5d2b}.form-body{padding:22px 24px 40px}.form-body label{display:block;margin:0 0 16px;color:#60748b;font-size:13px}.form-body input,.form-body select{display:block;width:100%;height:42px;margin-top:7px;padding:0 12px;border:1px solid #d9e3ed;border-radius:7px;background:#fbfdff;color:#1f334a;outline:none}.form-body input:focus,.form-body select:focus{border-color:#68a6de;box-shadow:0 0 0 3px #68a6de22}.form-hint{margin:4px 0 18px;color:#7890a8;font-size:12px;line-height:1.6}@media(max-width:520px){.form-body{padding-left:16px;padding-right:16px}.toolbar{flex-wrap:wrap}.toolbar input{min-width:180px}.primary-small-button{margin-left:auto}}.integration-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:16px 20px}.integration-list div{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:10px 12px;border:1px solid #e3ebf2;border-radius:7px;background:#fbfdff;color:#52718f}.integration-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.integration-list b{font-size:11px;font-weight:600;white-space:nowrap}@media(max-width:720px){.integration-list{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px}.integration-list div{display:block}.integration-list b{display:inline-flex;margin-top:6px}}