:root{color:#262626;font-synthesis:none;background:#f6f7fb}*{box-sizing:border-box}html,body,#root{min-width:320px;height:100%;margin:0}button{font:inherit}.app-layout{min-height:100vh}.app-sider{z-index:100;height:100vh;inset:0 auto 0 0;overflow:hidden;background:#0f1423!important;position:fixed!important}.brand{color:#fff;white-space:nowrap;border-bottom:1px solid #ffffff12;align-items:center;gap:10px;height:56px;padding:0 14px;display:flex}.brand-mark{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:8px;flex:0 0 30px;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.brand strong,.brand small{display:block}.brand strong{font-size:14px;line-height:18px}.brand small{color:#ffffff4d;letter-spacing:1.5px;text-transform:uppercase;font-size:9px}.nav-group{color:#ffffff4d;height:42px;padding:17px 16px 4px;font-size:11px;font-weight:600}.side-nav{flex-direction:column;display:flex}.nav-item{color:#ffffff9e;border-left:3px solid #0000;align-items:center;gap:10px;min-height:42px;padding:0 18px;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{color:#ffffffe6;background:#ffffff0d}.nav-item.active{color:#fff;background:#6366f11f;border-left-color:#6366f1;font-weight:600}.nav-item .anticon{font-size:16px}.site-layout{min-height:100vh;transition:margin-left .2s}.top-header{z-index:50;border-bottom:1px solid #ececf2;justify-content:space-between;align-items:center;height:56px;display:flex;position:sticky;top:0;background:#fff!important;padding:0 24px!important}.header-left,.header-right{align-items:center;gap:16px;display:flex}.collapse-button,.lang-toggle,.user-menu{color:#595959;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;padding:5px 8px;display:inline-flex}.collapse-button{padding:6px;font-size:16px}.lang-toggle:hover,.user-menu:hover,.collapse-button:hover{background:#f5f5f5}.app-content{background:#f6f7fb;height:calc(100vh - 56px);overflow:hidden}.page-shell{flex-direction:column;height:100%;padding:16px 20px;display:flex;overflow:hidden}.page-shell--scroll{overflow:auto}.page-actions{flex:none;justify-content:flex-end;margin-bottom:12px;display:flex}.filter-bar{background:#fff;border:1px solid #e8e8ee;border-radius:10px;flex-wrap:wrap;flex:none;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;padding:12px 14px;display:flex;box-shadow:0 1px 4px #00000008}.filter-fields{flex:1}.data-table{background:#fff;border:1px solid #e8e8ee;border-radius:10px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden;box-shadow:0 1px 6px #0000000d}.data-table-toolbar{background:#fafafa;border-bottom:1px solid #ebebeb;padding:9px 14px}.data-table-body{flex:1;min-height:0}.data-table .ant-table{font-size:13.5px;border-radius:0!important}.data-table .ant-table-thead>tr>th{color:#595959;font-size:12.5px;font-weight:600;background:#fafafa!important;padding:10px 16px!important}.data-table .ant-table-tbody>tr>td{border-bottom-color:#f1f1f5;padding:10px 16px!important}.data-table .ant-table-tbody>tr:nth-child(2n)>td{background:#f8f9fc}.data-table .ant-table-tbody>tr:hover>td{background:#6366f10f!important}.data-table-pagination{color:#8c8c8c;border-top:1px solid #f0f0f0;justify-content:space-between;align-items:center;min-height:52px;padding:8px 16px;font-size:13px;display:flex}.drawer-footer{justify-content:flex-end;gap:8px;display:flex}.metric-card{border:0;box-shadow:0 1px 5px #0f14230f}.metric-card .ant-card-body{align-items:center;gap:16px;display:flex}.metric-icon{border-radius:10px;place-items:center;width:44px;height:44px;font-size:21px;display:grid}.trend-card{min-height:360px;margin-top:16px}.trend-card .ant-empty{margin-top:80px}.placeholder-card{place-items:center;min-height:420px;display:grid}.placeholder-icon{color:#a5b4fc;font-size:52px}.page-error{flex:none;margin-bottom:12px}.auth-loading{background:#f6f7fb;place-items:center;min-height:100vh;display:grid}.login-page{background:radial-gradient(circle at 15% 10%,#6366f138,#0000 34%),#0f1423;place-items:center;min-height:100vh;padding:32px;display:grid}.login-lang{position:fixed;top:20px;right:24px}.login-lang .lang-toggle{color:#fffc}.login-lang .lang-toggle:hover{background:#ffffff14}.login-card{border:0;width:min(420px,100%);box-shadow:0 24px 80px #00000047}.login-card .ant-card-body{padding:36px}.login-brand{color:#111827;align-items:center;gap:10px;margin-bottom:28px;font-size:17px;display:flex}.login-card h1{color:#111827;margin:0 0 8px;font-size:26px}.login-card p{color:#6b7280;margin:0 0 24px;line-height:1.6}.login-card .ant-alert{margin-bottom:18px}.pairing-result{flex-direction:column;align-items:center;gap:12px;padding:28px 0;display:flex}.pairing-result .ant-typography{margin:0!important}.channel-details{background:#fafbff;padding:8px 12px 12px}.binding-card{margin-top:8px}.binding-card .ant-card-body{padding:10px 12px}.onboarding-step{margin-top:24px}.onboarding-step>.ant-alert,.onboarding-error{margin-bottom:16px}.secret-ref-input{margin-top:16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.binding-form-card{background:#fafbff;margin-bottom:12px}.binding-rule{margin-top:12px}.ant-btn-primary{box-shadow:0 2px #6366f11a}.ant-pagination-item-active{border-color:#6366f1!important}.trend-row{grid-template-columns:110px minmax(220px,1fr) auto;align-items:center;gap:16px;margin-bottom:12px;display:grid}.fill-tabs{flex:1;min-height:0}.fill-tabs>.ant-tabs-content-holder,.fill-tabs>.ant-tabs-content-holder>.ant-tabs-content,.fill-tabs .ant-tabs-tabpane{height:100%;min-height:0}@media (width<=767px){.app-sider{display:none}.site-layout{margin-left:0!important}.top-header{padding:0 12px!important}.collapse-button,.user-menu span{display:none}.page-shell{padding:12px}.trend-row{grid-template-columns:1fr;gap:4px}}