@charset "UTF-8";.search-palette-overlay[data-v-1fac4ded]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#00000080;display:flex;justify-content:center;padding-top:120px}.search-palette[data-v-1fac4ded]{width:720px;max-height:560px;background:var(--el-bg-color);border-radius:12px;box-shadow:0 16px 70px #0000004d;display:flex;flex-direction:column;overflow:hidden}.search-palette__input-wrap[data-v-1fac4ded]{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--el-border-color-lighter);gap:10px}.search-palette__icon[data-v-1fac4ded]{font-size:18px;color:var(--el-text-color-secondary);flex-shrink:0}.search-palette__input[data-v-1fac4ded]{flex:1;border:none;outline:none;font-size:15px;background:transparent;color:var(--el-text-color-primary)}.search-palette__input[data-v-1fac4ded]::placeholder{color:var(--el-text-color-placeholder)}.search-palette__hint[data-v-1fac4ded]{font-size:11px;color:var(--el-text-color-placeholder);border:1px solid var(--el-border-color);border-radius:4px;padding:2px 6px;flex-shrink:0}.search-palette__loading[data-v-1fac4ded]{display:flex;align-items:center;justify-content:center;gap:8px;padding:32px;color:var(--el-text-color-secondary)}.search-palette__results[data-v-1fac4ded]{flex:1;overflow-y:auto;padding:8px}.search-palette__group[data-v-1fac4ded]{margin-bottom:8px}.search-palette__group-title[data-v-1fac4ded]{font-size:11px;color:var(--el-text-color-placeholder);padding:4px 8px;text-transform:uppercase;letter-spacing:.5px}.search-palette__item[data-v-1fac4ded]{padding:8px 12px;border-radius:8px;cursor:pointer;transition:background .1s}.search-palette__item[data-v-1fac4ded]:hover,.search-palette__item.is-active[data-v-1fac4ded]{background:var(--el-fill-color-light)}.search-palette__item-main[data-v-1fac4ded]{display:flex;align-items:center;gap:10px}.search-palette__item-id[data-v-1fac4ded]{font-size:12px;color:var(--el-text-color-secondary);background:var(--el-fill-color);padding:2px 6px;border-radius:4px;font-family:monospace;flex-shrink:0}.search-palette__item-name[data-v-1fac4ded]{font-size:14px;color:var(--el-text-color-primary)}.search-palette__item-sub[data-v-1fac4ded]{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;padding-left:0}.search-palette__tag[data-v-1fac4ded]{font-size:12px;color:var(--el-text-color-secondary)}.search-palette__item-topics[data-v-1fac4ded]{font-size:12px;color:var(--el-text-color-secondary);margin-left:auto;flex-shrink:0}.search-palette__empty[data-v-1fac4ded]{padding:32px;text-align:center;color:var(--el-text-color-secondary)}.search-palette__tips[data-v-1fac4ded]{padding:24px;text-align:center;color:var(--el-text-color-placeholder);font-size:13px}.palette-enter-active[data-v-1fac4ded],.palette-leave-active[data-v-1fac4ded]{transition:opacity .15s ease}.palette-enter-from[data-v-1fac4ded],.palette-leave-to[data-v-1fac4ded]{opacity:0}.fade-enter-active[data-v-97d96c59],.fade-leave-active[data-v-97d96c59]{transition:opacity .2s ease}.fade-enter-from[data-v-97d96c59],.fade-leave-to[data-v-97d96c59]{opacity:0}:root{--sidebar-bg: #1e293b;--sidebar-text: #94a3b8;--sidebar-text-active: #6366f1;--sidebar-hover: #334155;--header-bg: #fff;--header-height: 56px;--sidebar-width: 220px;--sidebar-collapsed-width: 64px;--content-bg: #f1f5f9;--card-bg: #fff;--text-primary: #1e293b;--text-regular: #475569;--text-secondary: #94a3b8;--border-color: #e2e8f0;--shadow-card: 0 1px 3px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.06);--shadow-hover: 0 4px 6px rgba(0,0,0,.04), 0 2px 4px rgba(0,0,0,.06);--brand: #6366f1;--brand-light: #eef2ff;--radius: 8px;--radius-lg: 12px}[data-theme=dark]{--sidebar-bg: #0f172a;--sidebar-text: #64748b;--sidebar-hover: #1e293b;--header-bg: #1e293b;--content-bg: #0f172a;--card-bg: #1e293b;--text-primary: #e2e8f0;--text-regular: #cbd5e1;--text-secondary: #64748b;--border-color: #334155;--shadow-card: 0 1px 3px rgba(0,0,0,.2);--shadow-hover: 0 4px 6px rgba(0,0,0,.3);--brand-light: #1e1b4b}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Inter,PingFang SC,Microsoft YaHei,-apple-system,sans-serif;font-size:14px;color:var(--text-primary);background:var(--content-bg);-webkit-font-smoothing:antialiased}#app{height:100%}a{text-decoration:none;color:inherit}.page-container{padding:24px}.page-card{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:24px;margin-bottom:20px;transition:box-shadow .2s}.page-card:hover{box-shadow:var(--shadow-hover)}.page-title{font-size:16px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.page-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px;flex-wrap:wrap}.page-toolbar-left{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.el-table{--el-table-border-color: var(--border-color);--el-table-header-bg-color: #f8fafc;--el-table-row-hover-bg-color: #f1f5f9;--el-table-current-row-bg-color: #eef2ff;border-radius:var(--radius);overflow:hidden;font-size:13px}.el-table th.el-table__cell{background:#f8fafc;color:var(--text-regular);font-weight:600;font-size:12px;text-transform:none;letter-spacing:.02em;border-bottom:2px solid var(--border-color);padding:10px 0}.el-table td.el-table__cell{padding:10px 0;border-bottom:1px solid var(--border-color)}.el-table .el-table__body tr:hover>td{background:#fef08a!important}.el-table:before{display:none}[data-theme=dark] .el-table{--el-table-bg-color: #1e293b;--el-table-tr-bg-color: #1e293b;--el-table-header-bg-color: #0f172a;--el-table-row-hover-bg-color: #334155;--el-table-border-color: #334155;--el-table-text-color: #e2e8f0;--el-table-header-text-color: #94a3b8}[data-theme=dark] .el-table th.el-table__cell{background:#0f172a;color:#94a3b8;border-bottom-color:#334155}[data-theme=dark] .el-table td.el-table__cell{background:#1e293b;color:#e2e8f0;border-bottom-color:#1e293b}[data-theme=dark] .el-table .el-table__body tr:hover>td{background:#334155!important}[data-theme=dark] .el-table .el-table__body tr.el-table__row--striped td{background:#1a2332}[data-theme=dark] .el-table .el-table__body tr.el-table__row--striped:hover td{background:#334155!important}[data-theme=dark] .el-table:before{background:#334155}[data-theme=dark] .el-table .el-table__fixed-right:before,[data-theme=dark] .el-table .el-table__fixed:before{background:#334155}[data-theme=dark] .el-pagination{--el-pagination-button-bg-color: #1e293b;--el-pagination-text-color: #e2e8f0}[data-theme=dark] .el-pagination .btn-prev,[data-theme=dark] .el-pagination .btn-next,[data-theme=dark] .el-pagination .el-pager li{background:#1e293b;color:#e2e8f0}[data-theme=dark] .el-input__wrapper{background:#1e293b;box-shadow:0 0 0 1px #334155 inset}[data-theme=dark] .el-input__inner{color:#e2e8f0}[data-theme=dark] .el-select .el-input .el-select__caret{color:#94a3b8}[data-theme=dark] .el-select .el-input__wrapper{background:#1e293b;box-shadow:0 0 0 1px #334155 inset}[data-theme=dark] .el-select .el-input__wrapper .el-input__inner{color:#e2e8f0}[data-theme=dark] .el-select .el-input__wrapper .el-select__placeholder{color:#64748b}[data-theme=dark] .el-dialog{--el-dialog-bg-color: #1e293b;--el-dialog-text-color: #e2e8f0;--el-dialog-title-text-color: #e2e8f0}[data-theme=dark] .el-tag{--el-tag-bg-color: #334155;--el-tag-border-color: #475569}[data-theme=dark] .el-radio-button__inner{background:#1e293b;color:#cbd5e1}[data-theme=dark] .page-card{background:#1e293b}[data-theme=dark] .el-button--default{--el-button-bg-color: #334155;--el-button-border-color: #475569;--el-button-text-color: #e2e8f0;--el-button-hover-bg-color: #475569;--el-button-hover-border-color: #64748b}[data-theme=dark] .el-loading-mask{background-color:#0f172ab3}[data-theme=dark] .el-select-dropdown{background:#1e293b;border-color:#334155}[data-theme=dark] .el-select-dropdown .el-select-dropdown__item{color:#e2e8f0}[data-theme=dark] .el-select-dropdown .el-select-dropdown__item.hover,[data-theme=dark] .el-select-dropdown .el-select-dropdown__item:hover{background:#334155}[data-theme=dark] .el-select-dropdown .el-select-dropdown__item.selected{color:var(--brand)}[data-theme=dark] .el-popper.is-light{background:#1e293b;border-color:#334155;color:#e2e8f0}[data-theme=dark] .el-popper.is-light .el-popper__arrow:before{background:#1e293b;border-color:#334155}[data-theme=dark] .el-dropdown-menu{background:#1e293b;border-color:#334155}[data-theme=dark] .el-dropdown-menu .el-dropdown-menu__item{color:#e2e8f0}[data-theme=dark] .el-dropdown-menu .el-dropdown-menu__item:hover{background:#334155}[data-theme=dark] .el-message-box{background:#1e293b;border-color:#334155}[data-theme=dark] .el-message-box .el-message-box__title{color:#e2e8f0}[data-theme=dark] .el-message-box .el-message-box__message{color:#cbd5e1}.el-button{border-radius:6px;font-weight:500;font-size:13px;letter-spacing:.01em;transition:all .15s}.el-button.el-button--small{font-size:12px;padding:5px 11px;border-radius:5px}.el-button.el-button--primary{--el-button-bg-color: var(--brand);--el-button-border-color: var(--brand);--el-button-hover-bg-color: #4f46e5;--el-button-hover-border-color: #4f46e5}.el-input__wrapper,.el-select .el-input__wrapper{border-radius:6px;box-shadow:0 0 0 1px var(--border-color) inset;transition:box-shadow .15s}.el-input__wrapper:hover,.el-select .el-input__wrapper:hover{box-shadow:0 0 0 1px #cbd5e1 inset}.el-select .el-input.is-focus .el-input__wrapper{box-shadow:0 0 0 1px var(--brand) inset}.el-pagination{--el-pagination-button-bg-color: var(--card-bg);--el-pagination-hover-color: var(--brand);font-size:13px}.el-pagination .el-pager li{border-radius:6px;font-weight:500}.el-pagination .el-pager li.is-active{background:var(--brand);color:#fff}.el-pagination .btn-prev,.el-pagination .btn-next{border-radius:6px;background:var(--card-bg)}.el-dialog{border-radius:var(--radius-lg);--el-dialog-box-shadow: 0 20px 60px rgba(0,0,0,.12)}.el-dialog .el-dialog__header{padding:20px 24px 0;font-weight:600}.el-dialog .el-dialog__body{padding:20px 24px}.el-dialog .el-dialog__footer{padding:0 24px 20px}.el-tag{border-radius:4px;font-weight:500}.el-tag.el-tag--small{font-size:11px;padding:0 6px}.row-flash{animation:rowFlash .4s ease}@keyframes rowFlash{0%{background:var(--brand-light)}to{background:transparent}}.el-table__empty-block{min-height:200px;display:flex;align-items:center;justify-content:center}.el-table__empty-text{color:var(--text-secondary);font-size:14px;line-height:1.6}.md-textarea textarea,.md-textarea .el-textarea__inner{font-family:Consolas,Cascadia Code,Source Code Pro,Menlo,monospace!important;font-size:14px;line-height:1.7}.admin-layout{display:flex;height:100vh;overflow:hidden}.admin-sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);transition:width .3s ease;display:flex;flex-direction:column;overflow:hidden}.admin-sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-logo{height:var(--header-height);display:flex;align-items:center;justify-content:center;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-logo .logo-text{color:#fff;font-size:18px;font-weight:700;white-space:nowrap;overflow:hidden}.admin-sidebar.collapsed .sidebar-logo .logo-text{font-size:14px}.sidebar-menu{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 0}.sidebar-menu .el-menu{border-right:none;background:transparent}.sidebar-menu .el-menu-item{color:var(--sidebar-text);margin:2px 8px;border-radius:6px}.sidebar-menu .el-menu-item:hover{background:var(--sidebar-hover);color:#fff}.sidebar-menu .el-menu-item.is-active{color:#fff;background:var(--brand)}.admin-header{height:var(--header-height);background:var(--header-bg);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-shadow:0 1px 4px #0000000a}.admin-header .header-left{display:flex;align-items:center;gap:12px}.admin-header .header-right{display:flex;align-items:center;gap:16px}.collapse-btn{font-size:20px;cursor:pointer;color:var(--text-secondary);transition:color .2s}.collapse-btn:hover{color:var(--brand)}.admin-main-wrap{flex:1;display:flex;flex-direction:column;overflow:hidden}.admin-main{flex:1;overflow-y:auto;background:var(--content-bg)}.breadcrumb-wrap{padding:0}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1a1f3a 40%,#1e1b4b);overflow:hidden;position:relative}.login-page:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,rgba(99,102,241,.08) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(139,92,246,.06) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(6,182,212,.04) 0%,transparent 50%);pointer-events:none}.login-card{position:relative;z-index:1;width:400px;background:#fff;border-radius:20px;box-shadow:0 4px 6px #0000000a,0 20px 50px #0000001f,0 40px 100px #00000026;padding:52px 44px 44px;text-align:center;transition:background .3s,box-shadow .3s;border-top:3px solid #6366f1}[data-theme=dark] .login-card{background:#1e293b;box-shadow:0 4px 6px #0003,0 20px 50px #0000004d,0 40px 100px #0006;border-top-color:#818cf8}.login-logo{margin-bottom:16px}.login-logo .logo-icon{width:60px;height:60px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:26px;font-weight:700;box-shadow:0 8px 24px #6366f159;letter-spacing:.02em}.login-title{font-size:24px;font-weight:700;color:#1e293b;margin-bottom:6px;letter-spacing:-.01em}[data-theme=dark] .login-title{color:#f1f5f9}.login-desc{font-size:14px;color:#94a3b8;margin-bottom:36px;font-weight:400}[data-theme=dark] .login-desc{color:#64748b}.login-btn{width:100%;height:46px;font-size:15px;font-weight:600;border-radius:10px;letter-spacing:.04em;--el-button-bg-color: #6366f1;--el-button-border-color: #6366f1;--el-button-hover-bg-color: #4f46e5;--el-button-hover-border-color: #4f46e5;transition:all .2s}.login-btn:hover{box-shadow:0 6px 20px #6366f159;transform:translateY(-1px)}.login-footer{margin-top:28px;font-size:12px;color:#94a3b8;letter-spacing:.02em}[data-theme=dark] .login-footer{color:#475569}.dashboard-page,.online-page{padding:24px}.page-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.section-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.subsection-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.page-card{background:var(--card-bg);border-radius:12px;padding:20px 24px;box-shadow:0 1px 3px #0000000f}.online-page .kpi-grid{grid-template-columns:repeat(2,1fr);max-width:480px}.kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:24px}.kpi-breakdown{grid-column:span 2}.kpi-card{background:var(--card-bg);border-radius:12px;padding:20px 24px;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000f;transition:box-shadow .25s,transform .25s}.kpi-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.kpi-card:after{content:"";position:absolute;top:0;right:0;width:80px;height:80px;border-radius:0 0 0 80px;opacity:.08}.kpi-revenue:after{background:#67c23a}.kpi-users:after{background:#409eff}.kpi-notes:after{background:#e6a23c}.kpi-products:after{background:#8b5cf6}.kpi-breakdown:after{background:#6366f1}.kpi-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:#fff;font-size:20px}.kpi-revenue .kpi-icon{background:linear-gradient(135deg,#67c23a,#85ce61)}.kpi-users .kpi-icon{background:linear-gradient(135deg,#409eff,#66b1ff)}.kpi-notes .kpi-icon{background:linear-gradient(135deg,#e6a23c,#ebb563)}.kpi-products .kpi-icon{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.kpi-breakdown .kpi-icon{background:linear-gradient(135deg,#6366f1,#818cf8)}.kpi-online-today .kpi-icon{background:linear-gradient(135deg,#06b6d4,#22d3ee)}.kpi-online-yesterday .kpi-icon{background:linear-gradient(135deg,#64748b,#94a3b8)}.kpi-body{margin-bottom:8px}.kpi-value-row{display:flex;align-items:center}.kpi-value{font-size:24px;font-weight:700;color:var(--text-primary);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.kpi-dau{margin-left:auto;flex-shrink:0;display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-secondary);background:#f1f5f9;padding:2px 8px;border-radius:6px}[data-theme=dark] .kpi-dau{background:#1e293b}.kpi-label{font-size:13px;color:var(--text-secondary);margin-top:2px}.kpi-sub{font-size:12px;color:var(--text-secondary);border-top:1px solid var(--border-color);padding-top:8px}.chart-row{display:flex;flex-direction:column;gap:16px}.chart-card{background:var(--card-bg);border-radius:12px;padding:28px 24px 24px;box-shadow:0 1px 3px #0000000f}.chart-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.chart-title{font-size:15px;font-weight:600;color:var(--text-primary)}.chart-subtitle{font-size:12px;color:var(--text-secondary)}.chart-empty{color:var(--text-secondary);text-align:center;padding:70px 0;font-size:13px}.bar-chart{display:flex;align-items:flex-end;gap:8px;height:196px;padding:28px 16px 0;position:relative;border-bottom:1px solid var(--border-color);margin-left:4px;margin-right:4px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;min-width:24px;position:relative}.bar-col:hover .bar-tip{opacity:1;transform:translate(-50%,-8px)}.bar-top{font-size:11px;color:var(--text-secondary);font-weight:500;margin-bottom:6px;white-space:nowrap}.bar{width:100%;max-width:36px;border-radius:4px 4px 0 0;transition:height .35s cubic-bezier(.4,0,.2,1),opacity .2s;min-height:2px;position:relative;cursor:pointer}.bar:hover{opacity:.85}.bar-blue{background:linear-gradient(180deg,#66b1ff,#409eff)}.bar-purple{background:linear-gradient(180deg,#a78bfa,#8b5cf6)}.bar-green{background:linear-gradient(180deg,#85ce61,#67c23a)}.bar-red{background:linear-gradient(180deg,#f89898,#f56c6c)}.bar-tip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#fff;border:1px solid var(--border-color);border-radius:8px;padding:6px 12px;font-size:12px;color:var(--text-primary);white-space:nowrap;box-shadow:0 4px 12px #00000014;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:10}.bar-tip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#fff}.bar-bottom{font-size:10px;color:var(--text-secondary);margin-top:8px;white-space:nowrap}[data-theme=dark] .bar-tip{background:#334155;border-color:#475569}[data-theme=dark] .bar-tip:after{border-top-color:#334155}[data-theme=dark] .kpi-dau{background:#0f172a}[data-theme=dark] .chart-empty{color:#64748b}@media(max-width:900px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.kpi-breakdown{grid-column:span 1}}@media(max-width:500px){.kpi-grid{grid-template-columns:1fr}.kpi-breakdown{grid-column:span 1}}