:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#22373b;background:#f4f6f6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button,input,select{outline-offset:4px}button{transition:background .15s,color .15s}a{color:inherit}h1,h2,h3,p{margin:0}button svg{flex-shrink:0}.shell{display:flex;min-height:100vh}.sidebar{background:#132c31;color:#d9e5e4;width:234px;flex-shrink:0;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:32px 18px 18px}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:650;letter-spacing:-.5px}.brand-logo{height:39px;width:39px;border-radius:12px;background:#83d9bf;color:#143b35;display:grid;place-content:center;font-size:25px;position:relative;font-weight:750}.brand-logo span{position:absolute;right:4px;top:0;font-size:16px}.brand-sub{display:block;font-size:10px;letter-spacing:2px;color:#9cb7b8;font-weight:400;margin-top:2px}.sidebar>.brand{padding:0 10px}.nav-label{font-size:10px;letter-spacing:2px;color:#7b9798;margin:49px 14px 15px}.nav-item{display:flex;align-items:center;gap:13px;width:100%;border:0;background:transparent;color:#adc1c2;text-align:left;padding:13px 14px;margin-bottom:7px;border-radius:8px;font-size:13px}.nav-item:hover{background:#203c41;color:#fff}.nav-item.selected{background:#294d4d;color:#a1ead0}.nav-count{margin-left:auto;padding:2px 7px;font-size:10px;color:#bcebdc;background:#39605a;border-radius:4px}.sidebar-bottom{margin-top:auto}.scope-note{font-size:11px;color:#8eaaa9;padding:18px 12px 24px;border-bottom:1px solid #294146;display:flex;align-items:center;gap:8px}.small-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7eaa97;margin-right:6px}.profile{display:flex;align-items:center;gap:10px;padding:20px 5px 0}.avatar{display:grid;place-items:center;flex-shrink:0;border-radius:9px;background:#dcece6;color:#376d5e;width:36px;height:36px;font-weight:650}.profile .avatar{background:#365456;color:#d1e5df}.profile strong{font-size:12px}.profile small{display:block;font-size:10px;color:#8fa8a9;margin-top:4px}.profile button{background:none;border:none;color:#8fa8a9;margin-left:auto;padding:5px}.workspace{margin-left:234px;flex:1;min-width:0}.topbar{height:72px;background:#fff;border-bottom:1px solid #e5eaea;display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumb{font-size:12px;color:#8b9999}.breadcrumb span{padding:0 13px;color:#c4cece}.breadcrumb strong{font-weight:500;color:#4a6062}.topbar-right{display:flex;align-items:center;gap:22px}.connection{font-size:11px;color:#8a8168;display:flex;align-items:center;gap:7px}.connection i{display:inline-block;width:6px;height:6px;background:#b4a46d;border-radius:50%}.connection.online{color:#49816b}.connection.online i{background:#61a585;box-shadow:0 0 0 4px #f0f7f2}.host-label{font-size:11px;color:#97a4a5;padding-left:20px;border-left:1px solid #e5eaea}.content{max-width:1500px;margin:auto;padding:33px 38px 24px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.eyebrow{font-size:9px;letter-spacing:2.5px;color:#79928e;font-weight:650;margin-bottom:9px}h1{font-size:27px;letter-spacing:-.6px;font-weight:650;line-height:1.5}.page-heading p{font-size:12px;color:#8b9a9b;margin-top:6px}.secondary{display:flex;align-items:center;gap:8px;background:#fff;color:#45605f;border:1px solid #dce5e3;border-radius:7px;padding:10px 14px;font-size:12px}.secondary:hover{background:#f4faf7}.secondary svg{width:15px;height:15px}.account-bar{background:#fff;border:1px solid #e2e9e7;border-radius:10px;display:flex;align-items:center;padding:19px 23px;gap:40px}.account-select{display:flex;align-items:center;gap:12px;min-width:230px}.account-avatar{height:40px;width:40px;background:#e4f2eb;font-size:17px}.account-select label{display:block;font-size:10px;color:#93a19f;margin-bottom:5px}.account-select select{border:none;background:transparent;color:#294a46;max-width:240px;min-width:180px;font-weight:600;font-size:12px;margin-left:-4px}.account-meta{padding-left:28px;border-left:1px solid #edf0ef;font-size:11px}.account-meta span{display:block;color:#97a4a2;font-size:10px;margin-bottom:8px}.account-meta code{font-size:11px;color:#697e7c}.account-meta strong{font-size:11px;font-weight:500;color:#617b75}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:20px 0 25px}.stats>div{position:relative;border:1px solid #e3e9e6;border-radius:9px;background:#fff;padding:19px 23px}.stats span{font-size:11px;color:#859793;display:block;margin-bottom:9px}.stats strong{font-size:29px;letter-spacing:-1px;color:#294940;font-weight:600}.stats strong small{font-size:11px;color:#a0aaa5;font-weight:400;letter-spacing:0}.stats svg{position:absolute;right:25px;top:27px;color:#8aaca2;background:#eff6f2;box-sizing:content-box;padding:11px;border-radius:11px}.data-panel{border:1px solid #dfe7e5;border-radius:10px;background:#fff;overflow:hidden;min-width:0}.panel-toolbar{display:flex;align-items:center;justify-content:space-between;padding:21px 23px;gap:12px;border-bottom:1px solid #edf1ef}.panel-title{display:flex;align-items:center;gap:13px}.panel-title h2{font-size:14px;white-space:nowrap;font-weight:600}.panel-title h2 span{font-size:10px;margin-left:7px;color:#70998b;background:#edf5f0;padding:2px 6px;border-radius:4px}.saved-badge{border:1px solid #e2e9e5;padding:3px 6px;color:#9ba9a4;border-radius:4px;font-size:9px;white-space:nowrap}.search{display:flex;align-items:center;background:#f8faf9;border:1px solid #e6ece8;border-radius:6px;padding-left:10px;min-width:230px}.search svg{width:14px;height:14px;color:#a0afa9}.search input{border:none;background:transparent;min-width:80px;width:210px;padding:9px;color:#4c665b;font-size:11px}.search button{border:0;border-left:1px solid #e6ece8;background:transparent;color:#698a79;padding:7px 11px;font-size:10px}.message-filters{padding:13px 23px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf1ef;color:#8e9e98;font-size:10px}.message-filters select{font-size:11px;border:1px solid #e2e9e5;padding:5px 8px;border-radius:4px;color:#617a6b;max-width:350px;background:#fff;margin-left:10px}.auto{display:flex;align-items:center;gap:5px}.auto input{accent-color:#508c75;width:12px;height:12px}.message{display:flex;gap:13px;padding:24px;border-bottom:1px solid #edf1ef}.message:last-child{border-bottom:0}.message-avatar{width:35px;height:35px;border-radius:10px;background:#eaf1f8;color:#7e96b3;font-size:14px}.message:nth-child(3n+2) .message-avatar{background:#f2ece2;color:#b69c75}.message:nth-child(3n+3) .message-avatar{background:#e7efe8;color:#739277}.message-body{flex:1;min-width:0}.message-heading{display:flex;align-items:center;gap:9px;font-size:11px;flex-wrap:wrap}.message-heading strong{font-size:12px;font-weight:600}.direction{font-size:9px;border-radius:3px;padding:2px 5px;color:#8c938f;background:#f3f4f3}.direction.incoming{color:#598975;background:#edf6f1}.direction.outgoing{color:#758fbb;background:#eff4fa}.type-tag{font-size:9px;color:#a4ada8}.message-heading time{color:#a4ada8;font-size:10px;margin-left:auto}.message-text{font-size:13px;line-height:1.8;color:#4a6157;margin-top:11px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:400px;overflow:auto}.message-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:9px;color:#a6b1ab;margin-top:12px;overflow-wrap:anywhere}.panel-footer{border-top:1px solid #edf1ef;background:#fcfdfc;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 22px;color:#a0aca6;font-size:10px}.panel-footer>div{display:flex;align-items:center;gap:13px}.page-button{border:1px solid #e1e8e2;color:#78917f;background:#fff;padding:5px 9px;border-radius:4px;font-size:10px}.empty{text-align:center;padding:70px 20px;color:#98a9a0;font-size:12px}.empty-icon{background:#f1f6f2;display:inline-grid;place-items:center;height:48px;width:48px;border-radius:14px;color:#93b19e;margin-bottom:15px}.empty h3{font-size:14px;font-weight:500;color:#7e9588;margin-bottom:9px}.empty p{font-size:11px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{font-weight:500;font-size:10px;color:#91a296;background:#fafcfb;padding:13px 23px}td{padding:17px 23px;border-top:1px solid #edf1ef;color:#688374;font-size:11px}.person-cell{display:flex;gap:11px;align-items:center}.person-cell strong{font-size:12px;font-weight:500;color:#3e5b4c;white-space:nowrap}.person-cell small{display:block;font-size:10px;color:#9aaa9f;margin-top:5px}.table-avatar{font-size:12px;width:33px;height:33px}.mono{font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px;overflow-wrap:anywhere}.muted{color:#96a59c}.workspace-foot{display:flex;justify-content:space-between;gap:15px;padding-top:22px;color:#a3b0a8;font-size:10px}.api-guide{padding:27px}.api-guide h2{font-size:20px;margin:16px 0 12px}.api-guide p{font-size:12px;color:#8a9a90;line-height:1.9}.code-label{font-size:10px;color:#8ea095;margin-top:26px;margin-bottom:10px}pre{padding:20px;border-radius:8px;background:#18332d;color:#c1e2cc;font:11px/1.9 ui-monospace,SFMono-Regular,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.api-guide h3{font-size:13px;margin:30px 0 12px;font-weight:550}.endpoint{display:flex;align-items:center;padding:15px 0;border-bottom:1px solid #edf1ef;gap:14px;font:11px ui-monospace,SFMono-Regular,monospace;overflow-wrap:anywhere}.endpoint code{font-size:10px;color:#548768;background:#edf6ee;padding:4px 6px;border-radius:4px}.endpoint small{margin-left:auto;color:#94a69a;font:10px sans-serif;white-space:nowrap}.api-note{background:#f6f9f6;padding:15px;border-radius:6px;color:#90a095;font-size:11px;margin-top:25px;line-height:1.9}.error{background:#fff1ec;border:1px solid #f2d8cc;border-radius:7px;color:#ae705b;font-size:12px;padding:13px 15px;margin:15px 0;overflow-wrap:anywhere}.error button{border:none;background:transparent;color:#8c4c38;margin-left:12px;text-decoration:underline}.login-page{display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh}.login-intro{background:#132c31;padding:56px 70px;color:#dce9e2;display:flex;flex-direction:column}.login-intro>.eyebrow{margin-top:125px;color:#86bba6}.login-intro h1{font-size:45px;line-height:1.55;font-weight:450;letter-spacing:-1.5px;margin-top:18px}.login-intro p{font-size:13px;color:#92b0a7;line-height:2.1;max-width:360px;margin-top:24px}.intro-foot{display:flex;justify-content:space-between;color:#83a79c;font-size:11px;margin-top:auto;padding-top:100px}.intro-foot span{font-size:10px;color:#597d75}.login-panel{background:#fcfdfb;display:grid;place-items:center;padding:50px}.login-box{width:100%;max-width:340px}.login-icon{height:44px;width:44px;display:grid;place-items:center;background:#e6f0e8;border-radius:12px;color:#5b886c;margin-bottom:25px}.login-box h2{font-size:26px;font-weight:600;letter-spacing:-.5px}.login-box>p{font-size:12px;color:#97a59a;margin-top:12px}.login-box form{margin-top:35px}.login-box label{display:block;font-size:11px;color:#687e6e;margin-bottom:10px}.login-box input{width:100%;padding:13px 14px;background:#fff;border:1px solid #d8e4d8;border-radius:6px;color:#31523b;font-size:12px}.primary{width:100%;padding:13px 20px;background:#386e54;color:#fff;border:none;border-radius:6px;font-size:12px;margin-top:20px}.primary:hover{background:#285840}.login-box .login-note{font-size:10px;line-height:1.9;color:#a2afa3;margin-top:26px}.boot{min-height:100vh;display:grid;place-items:center;font-size:13px;color:#7d9684}.global-note{position:fixed;bottom:20px;right:20px;font-size:12px;background:#fff4df;padding:14px 20px;border-radius:8px;color:#977b4c}@media(min-width:1600px){.content{padding-top:44px}.stats>div{padding:24px}.message{padding:27px}}@media(max-width:1100px){.sidebar{width:195px}.workspace{margin-left:195px}.content{padding:25px}.topbar{padding:0 25px}.account-bar{gap:20px}.account-meta{padding-left:18px}.account-select{min-width:180px}.account-select select{min-width:130px;max-width:180px}.saved-badge{display:none}.search{min-width:180px}.search input{width:160px}.login-intro{padding:45px}.login-intro h1{font-size:38px}}@media(max-width:760px){.sidebar{width:64px;padding:22px 8px 12px}.sidebar .brand{padding:0;justify-content:center}.sidebar .brand>span,.nav-label,.nav-count,.scope-note,.profile>div,.profile strong,.profile small{display:none}.brand-logo{width:34px;height:34px;font-size:23px}.sidebar nav{margin-top:35px}.nav-item{font-size:0;gap:0;justify-content:center;padding:13px 0}.nav-item svg{width:20px;height:20px}.profile{padding:0;justify-content:center}.profile button{margin:auto}.workspace{margin-left:64px}.topbar{height:59px;padding:0 17px}.topbar-right{gap:0}.host-label{display:none}.content{padding:24px 16px}.page-heading h1{font-size:24px}.page-heading p{font-size:11px;max-width:250px;line-height:1.8}.refresh{padding:9px;font-size:0;gap:0}.refresh svg{width:17px;height:17px}.account-bar{padding:15px;flex-wrap:wrap;gap:15px}.account-meta{display:none}.account-select select{max-width:240px}.stats{gap:9px;margin:15px 0}.stats>div{padding:14px 12px}.stats strong{font-size:23px}.stats svg{display:none}.stats span{font-size:10px}.panel-toolbar{padding:16px;flex-wrap:wrap}.panel-title h2{font-size:13px}.search{width:100%}.search input{flex:1;width:100%}.message-filters{padding:12px 16px;gap:12px;flex-wrap:wrap}.message-filters select{max-width:210px}.message{padding:18px 14px;gap:9px}.message-heading time{margin-left:0;flex-basis:100%;margin-top:2px}.message-avatar{width:29px;height:29px;font-size:12px}.message-heading strong{font-size:11px}.message-text{font-size:12px}.message-meta{font-size:9px;gap:6px}.panel-footer{padding:13px;flex-wrap:wrap;font-size:9px}.workspace-foot{font-size:9px;line-height:1.8;flex-wrap:wrap}.login-page{grid-template-columns:1fr}.login-intro{padding:30px}.login-intro>.eyebrow{margin-top:45px}.login-intro h1{font-size:31px;margin-top:9px}.login-intro p{font-size:11px;margin-top:15px}.intro-foot{display:none}.login-panel{padding:40px 30px}.api-guide{padding:20px}.endpoint{font-size:9px;gap:7px;flex-wrap:wrap}.endpoint small{flex-basis:100%;margin-left:0}.api-note{font-size:10px}}.login-tabs{display:flex;gap:4px;margin-top:26px;padding:4px;background:#f0f4f0;border-radius:7px}.login-tabs button{flex:1;border:0;border-radius:5px;background:transparent;color:#93a294;padding:9px;font-size:11px}.login-tabs button[aria-selected=true]{background:#fff;color:#386e54;box-shadow:0 1px 4px #1733220a}.login-box form{margin-top:24px}.login-box .password-label{margin-top:18px}.compact{width:auto;display:inline-block;margin:0;padding:9px 15px;white-space:nowrap}.management-description{padding:18px 23px;font-size:11px;color:#8b9e90;line-height:1.9;border-bottom:1px solid #edf1ef}.user-management>.error,.user-management>.success{margin:16px 23px}.success{background:#eef7f0;color:#4c8060;border:1px solid #d9e9dc;padding:13px 15px;border-radius:7px;font-size:12px}.user-form{margin:20px 23px;padding:22px;border:1px solid #dce7de;background:#fafcf9;border-radius:8px}.form-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.form-title h3{font-size:14px;font-weight:550}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px}.user-form label{display:block;font-size:11px;color:#718a77}.user-form input:not([type=checkbox]),.user-form select{display:block;width:100%;margin-top:8px;border:1px solid #dbe5da;border-radius:5px;padding:10px 12px;font-size:12px;color:#42604a;background:#fff}.user-form input:disabled{background:#eef2ed;color:#9ba89b}.user-form .check-line{display:flex;align-items:center;gap:6px;margin-top:18px}.user-form input[type=checkbox]{accent-color:#508367;height:13px;width:13px}.user-form fieldset{margin:23px 0 19px;border:1px solid #e0e8dd;padding:16px;border-radius:6px}.user-form legend{font-size:11px;color:#718a77;padding:0 5px}.user-form fieldset p{font-size:10px;color:#9aa996;margin:0 0 12px}.user-form .grant-option{display:flex;align-items:flex-start;gap:9px;padding:9px 0;font-size:11px}.grant-option strong{font-weight:500}.grant-option code{display:block;font-size:9px;color:#a3afa0;margin-top:4px}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:18px}.form-actions>span{color:#a0ad9c;font-size:10px;line-height:1.8}.row-actions{display:flex;gap:7px}.page-button.danger{color:#b0877b;border-color:#eadbd5}.state-enabled,.state-disabled{display:block;font-size:9px;margin-top:7px}.state-enabled{color:#73a284}.state-disabled{color:#be9583}.role-pill{padding:3px 6px;border-radius:4px;font-size:9px;white-space:nowrap;background:#f0f3ef;color:#8d9d89}.role-pill.admin{color:#7393b6;background:#eff4fa}.cell-sub{display:block;margin-top:6px;color:#9caa96;font-size:10px;line-height:1.7}.self-tag{margin-left:7px;color:#85aa8c;font-size:9px;font-weight:400}.settings-panel{padding:26px}.settings-panel h2{font-size:17px}.settings-panel>p{margin-top:12px;color:#95a58e;font-size:11px;line-height:1.9}.settings-panel .user-form{max-width:520px;margin:25px 0 0}.settings-panel .user-form label{margin-bottom:20px}@media(max-width:760px){.form-grid{grid-template-columns:1fr}.user-form{margin:15px;padding:16px}.management-description{padding:15px}.form-actions{align-items:flex-start;flex-direction:column}.settings-panel{padding:18px}.user-management th,.user-management td{padding:14px}.user-management>.error,.user-management>.success{margin:15px}}