*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:#f5f6f8}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;background:#f5f6f8}.topbar{border-bottom:1px solid #e6e8ef}.topbar .MuiToolbar-root{min-height:64px;padding-left:20px;padding-right:20px}.topbar-title{font-size:16px;font-weight:800}.topbar-subtitle{color:#697386;font-size:12px}.language-select .MuiSelect-select{min-width:104px;padding-top:7px;padding-bottom:7px}.language-value{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700}.drawer{min-height:100%;color:#d7dfef;background:#101828}.brand,.login-brand{display:flex;align-items:center;gap:12px}.brand{height:72px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-mark{display:grid;width:36px;height:36px;place-items:center;border-radius:8px;color:#fff;background:#2563eb;font-weight:900}.brand-title{color:#fff;font-size:15px;font-weight:800}.brand-subtitle{color:#91a1ba;font-size:12px}.nav-list{height:calc(100vh - 72px);overflow:auto;padding:10px 8px 24px}.nav-section{margin-bottom:8px}.nav-section-title{display:flex;align-items:center;gap:8px;padding:12px 10px 7px;color:#9aa9c0;font-size:12px;font-weight:800}.nav-item.MuiListItemButton-root{min-height:34px;margin:2px 0;border-radius:6px;padding:4px 12px;color:#c9d3e7}.nav-item.Mui-selected{color:#fff;background:#2563eb33}.nav-item .MuiListItemText-primary{font-size:13px;font-weight:600}.nav-dot-wrap.MuiListItemIcon-root{min-width:20px}.nav-dot{width:5px;height:5px;border-radius:999px;background:currentColor;opacity:.7}.content{min-height:100vh}.content-inner{padding:24px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.page-action{flex:0 0 auto}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-grid-narrow{grid-template-columns:repeat(2,minmax(0,1fr))}.metric .MuiCardContent-root{position:relative;min-height:116px;padding:18px;overflow:hidden}.metric .MuiCardContent-root:after{position:absolute;top:0;right:0;width:6px;height:100%;content:"";background:#2563eb}.metric-green .MuiCardContent-root:after{background:#0f766e}.metric-amber .MuiCardContent-root:after{background:#b45309}.metric-red .MuiCardContent-root:after{background:#c2410c}.metric-label{color:#64748b;font-size:13px;font-weight:700}.metric-value{margin-top:10px;color:#0f172a;font-size:28px;font-weight:850;line-height:1.15}.metric-hint{margin-top:8px;color:#697386;font-size:12px}.chart-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px;margin-top:14px}.chart-box{height:280px}.table-wrap{max-width:100%;overflow:auto}.table-wrap .MuiTable-root{min-width:940px}.table-wrap .table-actions-cell{width:1%;min-width:max-content;white-space:nowrap}.table-wrap .table-actions-cell .MuiStack-root{flex-wrap:nowrap}.table-wrap .table-actions-cell .MuiButton-root{flex:0 0 auto;white-space:nowrap}.pagination-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-top:1px solid #edf0f5}.form-panel{margin-bottom:16px;border-left:4px solid #2563eb}.secondary-page{animation:secondary-page-in .18s ease-out}@keyframes secondary-page-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.form-panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.form-panel-title{display:flex;align-items:center;gap:8px;font-weight:800}.center-block,.empty-block{display:grid;min-height:220px;place-items:center}.empty-block{min-height:120px}.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.strong{font-weight:800}.user-avatar{width:32px!important;height:32px!important;background:#2563eb!important;font-size:14px!important;font-weight:800!important}.user-meta{min-width:110px;margin-left:8px}.user-name{font-size:13px;font-weight:800;line-height:1.2}.user-role{color:#697386;font-size:12px}.detail-drawer{padding:24px}.detail-grid{display:grid;grid-template-columns:88px minmax(0,1fr);gap:8px 12px;color:#697386;font-size:13px}.detail-grid b{min-width:0;color:#111827;overflow-wrap:anywhere}.file-dropzone{display:grid;min-height:180px;place-items:center;padding:24px;text-align:center;cursor:pointer;border:2px dashed #cbd5e1;border-radius:8px;background:#fff;transition:border-color .16s ease,background .16s ease}.file-dropzone-active{border-color:#2563eb;background:#eff6ff}@keyframes file-uploader-spin{to{transform:rotate(360deg)}}.banner-thumbnail{width:88px;height:52px;object-fit:cover;border:1px solid #e2e8f0;border-radius:4px;background:#f8fafc}.banner-preview{width:min(100%,280px);max-height:160px;object-fit:contain;border:1px solid #e2e8f0;border-radius:6px;background:#f8fafc}.banner-detail-image{width:min(100%,560px);max-height:280px;object-fit:contain;align-self:flex-start;border:1px solid #e2e8f0;border-radius:6px;background:#f8fafc}.login-screen{display:grid;min-height:100vh;place-items:center;padding:24px;background:linear-gradient(180deg,#f5f6f8eb,#f5f6f8fa),#f5f6f8}.login-card{width:min(100%,460px)}.login-card .MuiCardContent-root{padding:30px}.login-tools{display:flex;justify-content:flex-end;margin-bottom:18px}@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-grid{grid-template-columns:1fr}}@media(max-width:700px){.content-inner{padding:16px}.page-header{align-items:stretch;flex-direction:column}.metric-grid,.metric-grid-narrow{grid-template-columns:1fr}.topbar-subtitle,.user-meta{display:none}.language-select .MuiSelect-select{min-width:82px}.pagination-row{align-items:flex-start;flex-direction:column}}