:root{--side-width:258px;--side-mini:78px}.shell{grid-template-columns:var(--side-width) minmax(0,1fr);transition:grid-template-columns .22s}.side{position:relative;padding:18px 13px;background:#fff;box-shadow:5px 0 20px rgba(35,48,76,.04);z-index:20}.brand{display:flex;align-items:center;height:42px;margin:0 38px 18px 8px;color:#1e56ce;font-size:17px;white-space:nowrap}.side-tools{position:absolute;right:12px;top:20px}.desktop-collapse,.mobile-close,.mobile-menu{display:grid;place-items:center;width:32px;height:32px;border:1px solid #e5eaf1;border-radius:9px;background:#f8fafc;color:#526078;font-size:15px}.mobile-close{display:none}.nav{overflow:auto;padding-right:2px}.nav-group{margin:6px 0 10px}.nav-group-toggle{padding:8px 10px!important;color:#667085!important;font-size:11px!important}.nav-group-items>a{display:flex;align-items:center;gap:11px;min-height:42px;margin:3px 0;padding:9px 11px;color:#344054;font-size:13px;font-weight:500}.nav-group-items>a:hover{background:#f4f7fb;color:#1d4ed8}.nav-group-items>a.active{position:relative;background:#eaf1ff;color:#174dbf;font-weight:750}.nav-group-items>a.active:before{content:"";position:absolute;left:0;width:3px;height:20px;background:#2563eb}.nav-icon{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:8px;background:#f0f3f8;color:#65738a}.nav-group-items>a.active .nav-icon{background:#dbe7ff;color:#2258ca}.nav-text{white-space:nowrap}.user{padding:12px 5px 0;border-top:1px solid #edf0f4}.side-account{display:flex;align-items:center;gap:10px;min-width:0}.side-account>span,.landing-account>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:#e3ebff;color:#345bc5;font-weight:800}.side-account>div{display:flex;min-width:0;flex:1;flex-direction:column}.side-account strong,.side-account small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-account strong{color:#344054;font-size:12px}.side-account small{color:#98a2b3;font-size:9px}.side-logout{width:100%;margin-top:9px;padding:7px;border:0;border-radius:8px;background:#f6f7f9;color:#667085;font-size:10px}.mobile-menu,.mobile-page-title,.side-mask{display:none}.shell.sidebar-compact{grid-template-columns:var(--side-mini) minmax(0,1fr)}.sidebar-compact .side{padding:18px 10px}.sidebar-compact .brand{width:38px;margin:0 auto 18px;overflow:hidden;font-size:0}.sidebar-compact .brand:before{content:"Q";display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#2563eb;color:#fff;font-size:16px}.sidebar-compact .side-tools{position:static;margin-bottom:10px}.sidebar-compact .desktop-collapse{margin:auto}.sidebar-compact .nav-group-toggle{justify-content:center;font-size:0!important}.sidebar-compact .nav-group-toggle i{display:none}.sidebar-compact .nav-group-items>a{justify-content:center;padding:8px}.sidebar-compact .nav-text{display:none}.sidebar-compact .side-account>div,.sidebar-compact .side-logout{display:none}.sidebar-compact .side-account{justify-content:center}.landing-account{display:flex!important;align-items:center;gap:9px;padding:6px 8px!important;border:1px solid #e1e7f0;border-radius:12px;background:#fff}.landing-account span{width:31px;height:31px;flex-basis:31px}.landing-account b{max-width:155px;overflow:hidden;color:#344054;text-overflow:ellipsis;white-space:nowrap}.landing-account i{padding:7px 9px;border-radius:8px;background:#2563eb;color:#fff;font-style:normal;font-size:10px}
@media(max-width:760px){body{overflow-x:hidden}.shell,.shell.sidebar-compact{display:block}.main{min-height:100vh;padding:15px}.topbar{height:58px;margin:-15px -15px 16px;padding:0 15px;position:sticky;top:0;z-index:15;justify-content:space-between}.mobile-menu{display:grid}.mobile-page-title{display:block;flex:1;margin-left:10px;color:#344054;font-size:14px;font-weight:750}.clock{font-size:10px;padding:6px 8px}.side{position:fixed;left:0;top:0;bottom:0;width:min(310px,86vw);padding:18px 13px;transform:translateX(-105%);transition:transform .23s;box-shadow:18px 0 45px rgba(15,23,42,.2)}.sidebar-open .side{transform:translateX(0)}.side-tools{display:flex;gap:7px}.desktop-collapse{display:none}.mobile-close{display:grid}.sidebar-compact .brand,.brand{width:auto;margin:0 42px 18px 8px;font-size:17px;overflow:visible}.sidebar-compact .brand:before{display:none}.sidebar-compact .nav-group-toggle{justify-content:space-between;font-size:11px!important}.sidebar-compact .nav-group-toggle i{display:block}.sidebar-compact .nav-group-items>a{justify-content:flex-start;padding:9px 11px}.sidebar-compact .nav-text{display:inline}.sidebar-compact .side-account>div,.sidebar-compact .side-logout{display:flex}.sidebar-compact .side-account{justify-content:flex-start}.side-mask{position:fixed;inset:0;z-index:19;border:0;background:rgba(15,23,42,.48);opacity:0;pointer-events:none;display:block}.sidebar-open .side-mask{opacity:1;pointer-events:auto}.grid,.metric-grid,.dashboard-layout,.dashboard-bottom,.bot-card-grid{grid-template-columns:1fr}.main .card{border-radius:13px}.table-wrap,.event-table-card{max-width:calc(100vw - 30px)}.quick-actions{grid-template-columns:1fr 1fr}.landing-account b{display:none}.landing-account i{font-size:0}.landing-account i:after{content:"控制台";font-size:10px}}
.user{display:block}@media(max-width:420px){.main{padding:12px}.topbar{margin:-12px -12px 14px}.clock{display:none}.quick-actions{grid-template-columns:1fr}.bots-head-actions{flex-direction:column;align-items:stretch}.event-tools select{width:100%}.landing-brand span{display:none}.landing-account{border:0;padding:3px!important}.landing-account i{display:none}}