:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--shell-bg:#f5f7fb;--panel-bg:#fff;--sidebar-bg:#111827;--sidebar-muted:#9ca3af;--brand:#2563eb;--border:#e5e7eb;--muted:#6b7280;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px}*{box-sizing:border-box}html,body,#app{min-width:0;min-height:100%;margin:0}body{overflow-x:hidden}h1,h2,p{margin:0}.admin-shell{background:var(--shell-bg);min-height:100vh}.admin-sidebar{background:var(--sidebar-bg);height:100vh;transition:width .2s;position:sticky;top:0;overflow:visible auto}.admin-sidebar .el-menu{background:0 0;border-right:0}.admin-sidebar .el-menu-item{color:var(--sidebar-muted);border-radius:8px;margin:4px 10px}.admin-sidebar .el-menu--collapse{width:80px}.admin-sidebar .el-menu--collapse .el-menu-item{justify-content:center;width:56px;min-width:56px;margin-inline:12px;display:flex;padding:0!important}.admin-sidebar .el-menu-item .el-icon{flex:none;width:20px;height:20px;margin-right:10px;font-size:18px}.admin-sidebar .el-menu-item .el-icon svg{width:20px;height:20px}.admin-sidebar .el-menu--collapse .el-menu-item .el-icon{margin-right:0}.admin-sidebar .el-menu-item.is-active,.admin-sidebar .el-menu-item:hover{color:#fff;background:#2563eb38}.brand{color:#fff;align-items:center;gap:12px;min-height:64px;padding:0 18px;font-weight:700;display:flex}.admin-sidebar.is-collapsed .brand{justify-content:center;padding-inline:0}.brand__logo{object-fit:cover;border-radius:8px;flex:0 0 36px;width:36px;height:36px}.brand__logo--login{flex-basis:44px;width:44px;height:44px}.admin-header{z-index:5;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;align-items:center;gap:14px;height:64px;display:flex;position:sticky;top:0}.admin-header__title{color:#111827;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.admin-header__user{align-items:center;gap:10px;min-width:0;display:flex}.admin-header__user span{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.admin-main{min-width:0;padding:24px}.page-header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.page-header h1{color:#111827;letter-spacing:0;font-size:24px;font-weight:760;line-height:1.2}.page-header p{color:var(--muted);margin-top:8px;line-height:1.6}.page-header__actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.filter-bar{flex-wrap:wrap;gap:0 10px;padding-bottom:6px;display:flex}.filter-bar .el-form-item{margin-right:0}.el-card{border-color:var(--border);border-radius:8px}.el-table{width:100%}.el-pagination{justify-content:flex-end;margin-top:18px}.image-uploader{grid-template-columns:104px minmax(0,1fr);gap:12px;width:100%;display:grid}.image-uploader__upload,.image-uploader__preview,.image-uploader__empty{width:104px;height:104px}.image-uploader__preview,.image-uploader__empty{border-radius:8px}.image-uploader__preview{border:1px solid var(--border);background:#f8fafc}.image-uploader__empty{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;place-items:center;font-size:12px;display:grid}.image-uploader__empty .el-icon{margin-bottom:6px;font-size:20px}.dialog-toolbar{justify-content:flex-end;margin-bottom:12px;display:flex}.announcement-editor{grid-template-columns:minmax(0,1fr) 340px;gap:20px;display:grid}.announcement-preview{min-width:0}.announcement-preview__card{border:1px solid var(--border);background:var(--announcement-bg);border-radius:8px;overflow:hidden}.resource-preview{border:1px solid var(--border);background:#f8fafc;border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:96px;display:flex;overflow:hidden}.resource-preview.is-clickable{cursor:zoom-in}.resource-preview .el-image{justify-content:center;align-items:center;display:flex}.resource-preview--compact{width:56px;height:42px;min-height:42px}.resource-preview__image,.resource-preview__video{object-fit:contain;width:100%;max-height:280px;display:block}.resource-preview--compact .resource-preview__image,.resource-preview--compact .resource-preview__video{max-width:56px;max-height:42px}.resource-preview__audio{width:100%}.resource-preview__empty{color:var(--muted);font-size:12px}.resource-hover{justify-content:center;align-items:center;max-height:420px;display:flex}.resource-hover__image,.resource-hover__video{object-fit:contain;width:100%;max-height:400px}.resource-hover__audio{width:100%}.resource-viewer{justify-content:center;align-items:center;min-height:240px;display:flex}.resource-viewer__image,.resource-viewer__video{object-fit:contain;width:100%;max-height:72vh}.resource-viewer__audio{width:100%}.material-thumb{border:1px solid var(--border);background:#f8fafc;border-radius:8px;justify-content:center;align-items:center;width:72px;height:54px;display:flex;overflow:hidden}.material-thumb img{object-fit:contain}.material-thumb--empty{color:var(--muted);font-size:12px}.material-tags{flex-wrap:wrap;gap:6px;display:flex}.material-upload{grid-template-columns:minmax(0,1fr) 180px;gap:14px;width:100%;display:grid}.material-upload__preview{border:1px solid var(--border);background:#f8fafc;border-radius:8px;width:180px;height:140px}.announcement-preview__body{padding:18px}.announcement-preview__type{color:var(--announcement-accent);background:color-mix(in srgb, var(--announcement-accent) 12%, white);border-radius:999px;margin-bottom:10px;padding:3px 8px;font-size:12px;display:inline-flex}.announcement-preview__body h2{color:var(--announcement-title);font-size:18px;line-height:1.35}.announcement-preview__content{color:var(--announcement-content);white-space:pre-wrap;margin-top:10px;line-height:1.7}.announcement-preview__content h2,.announcement-preview__content h3,.announcement-preview__content h4{color:var(--announcement-title);margin:12px 0 6px;line-height:1.35}.announcement-preview__content h2{font-size:18px}.announcement-preview__content h3{font-size:16px}.announcement-preview__content h4{font-size:15px}.announcement-preview__content code{background:#f1f5f9;border-radius:4px;padding:2px 5px}.markdown-list-item:before{content:"• "}.announcement-preview__body .resource-preview{margin-top:14px}.detail-block{margin-top:18px}.detail-block h2{color:#111827;margin-bottom:8px;font-size:15px}.detail-block pre{color:#d1d5db;white-space:pre-wrap;background:#111827;border-radius:8px;max-height:260px;margin:0;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.7;overflow:auto}.detail-block .resource-preview{margin-top:10px}.table-ellipsis{text-overflow:ellipsis;white-space:nowrap;pointer-events:none;max-width:100%;display:block;overflow:hidden}.no-hover-table .el-table__body tr:hover>td.el-table__cell{background-color:#0000!important}.w-140{width:140px}.w-150{width:150px}.w-180{width:180px}.dashboard-screen{min-width:0}.dashboard-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.dashboard-kpi .el-card__body{gap:8px;display:grid}.dashboard-kpi span{color:var(--muted);font-size:13px}.dashboard-kpi strong{color:#111827;letter-spacing:0;font-size:26px;line-height:1.15}.dashboard-kpi small{color:#64748b;text-overflow:ellipsis;white-space:nowrap;min-height:18px;font-size:12px;overflow:hidden}.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.chart-panel{min-width:0}.chart-panel--wide{grid-column:1/-1}.chart-panel__header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.chart-panel__header h2{color:#111827;font-size:16px;line-height:1.35}.chart-panel__header span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.chart{width:100%;height:320px}.login-page{background:linear-gradient(135deg,#2563eb1f,#0000 42%),#f5f7fb;place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{border:1px solid var(--border);background:var(--panel-bg);border-radius:8px;grid-template-columns:minmax(0,.9fr) minmax(320px,1fr);width:min(920px,100%);min-height:440px;display:grid;overflow:hidden;box-shadow:0 20px 60px #0f172a1a}.login-copy{color:#fff;background:#111827;flex-direction:column;justify-content:center;padding:44px;display:flex}.brand--login{min-height:0;padding:0 0 36px}.login-copy h1{letter-spacing:0;font-size:32px;line-height:1.2}.login-copy p{color:#cbd5e1;margin-top:14px;line-height:1.7}.login-form{align-self:center;width:100%;padding:44px}.login-form .el-button{width:100%;margin-top:8px}.log-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.log-summary__card .el-card__body{gap:8px;display:grid}.log-summary__card span{color:var(--muted);font-size:13px}.log-summary__card strong{color:#111827;font-size:24px;line-height:1.15}.log-summary__value.is-danger{color:#dc2626}.log-summary__value.is-warning{color:#d97706}.log-summary__value.is-info{color:#2563eb}.log-tab-note{color:var(--muted);margin:-4px 0 14px;font-size:13px}.log-meta{border:1px solid var(--border);color:#475569;background:#f8fafc;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-width:0;margin-top:4px;padding:10px 12px;display:flex}.log-meta>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.log-meta__tags{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.log-view{color:#d1d5db;white-space:pre-wrap;background:#111827;border-radius:8px;min-height:420px;max-height:calc(100vh - 260px);margin:16px 0 0;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.7;overflow:auto}.log-view mark{color:#111827;background:#fde68a;border-radius:3px;padding:0 2px}.log-table{margin-top:14px}.log-table mark{color:#111827;background:#fde68a;border-radius:3px;padding:0 2px}.log-row-raw{color:#d1d5db;white-space:pre-wrap;background:#111827;border-radius:8px;max-height:360px;margin:0;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.7;overflow:auto}.log-row-detail{gap:10px;display:grid}.log-row-detail__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.amount-positive{color:#059669;font-weight:700}.amount-negative{color:#dc2626;font-weight:700}@media (width<=1100px){.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-grid{grid-template-columns:1fr}.log-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.admin-shell{display:block}.admin-sidebar{height:auto;position:relative;width:100%!important}.admin-sidebar .el-menu{padding:0 8px 8px;display:flex;overflow-x:auto}.admin-sidebar .el-menu-item{flex:none}.brand{min-height:56px}.admin-header{padding:0 12px}.admin-header__user span,.admin-header .el-button.is-circle{display:none}.admin-main{padding:16px}.page-header{flex-direction:column;align-items:stretch}.page-header__actions{justify-content:flex-start}.filter-bar{grid-template-columns:1fr;display:grid}.filter-bar .el-form-item,.filter-bar .el-input,.filter-bar .el-select,.filter-bar .el-button{width:100%}.dashboard-kpis,.log-summary,.announcement-editor,.image-uploader,.login-panel{grid-template-columns:1fr}.log-meta{flex-direction:column;align-items:stretch}.log-meta__tags{justify-content:flex-start}.material-upload{grid-template-columns:1fr}.material-upload__preview{width:100%}.chart{height:280px}.login-copy,.login-form{padding:28px}.el-dialog{width:calc(100% - 24px)!important}}