/* v2.7 desktop refinement — preserve Vue / Element Plus behavior and themes. */
:root{--bg-primary:#f4f7fb;--text-primary:#172846;--text-secondary:#61728c;--text-tertiary:#7f8da3;--border-color:#e7edf5;--sidebar-bg:#142840;--el-color-primary:#3564ed;--el-border-radius-base:9px}
[data-theme=dark]{--bg-primary:#101926;--bg-card:#192638;--text-primary:#e3eaf5;--text-secondary:#afbdd1;--text-tertiary:#93a3bc;--border-color:#2a3c53;--sidebar-bg:#101d2e;--header-bg:#192638;--el-bg-color:var(--bg-card);--el-bg-color-overlay:var(--bg-card);--el-fill-color-blank:var(--bg-card);--el-text-color-primary:var(--text-primary);--el-text-color-regular:var(--text-secondary);--el-border-color:var(--border-color)}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.5}button,input,select{font:inherit}button:focus-visible,[role=button]:focus-visible,a:focus-visible{outline:3px solid #8eaafa;outline-offset:3px}button:disabled{opacity:.55;cursor:default}.sidebar{width:224px;border-right:1px solid #ffffff08}.sidebar-header{height:104px;padding:26px 22px;border-bottom:1px solid #ffffff12}.sidebar-logo .studio-title{font-size:18px;letter-spacing:1px}.sidebar-logo .studio-subtitle{font-size:11px;letter-spacing:1px;color:#9aacc5;margin-top:4px}.sidebar-menu{padding:22px 12px}.menu-item{border-radius:10px;margin-bottom:7px;padding:13px 16px;font-size:13px;gap:2px;color:#a9bad2}.menu-item.active{background:#3564ed;box-shadow:0 4px 12px #00000010}.menu-item .el-icon{font-size:18px}.main-content{margin-left:224px;padding:0 36px 32px;max-width:1800px}.workspace-topbar{height:90px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);margin-bottom:28px;gap:15px}.workspace-eyebrow{font-size:10px;letter-spacing:1.7px;color:var(--text-tertiary);font-weight:650}.workspace-caption{font-size:12px;color:var(--text-secondary);margin-top:6px}.workspace-version{font-size:11px;color:var(--text-tertiary)}.page-header{margin-bottom:24px;gap:12px;flex-wrap:wrap}.page-title{font-size:27px;letter-spacing:-1px;font-weight:650}.page-subtitle{font-size:12px;color:var(--text-tertiary);margin-top:7px}.panel{border:1px solid var(--border-color);border-radius:18px;padding:24px;margin-bottom:20px;box-shadow:0 4px 20px #20395803}.panel-title{font-size:15px;margin-bottom:20px;font-weight:650;gap:10px;flex-wrap:wrap}.entry-meta{font-size:11px;font-weight:400;color:var(--text-tertiary)}.quick-preview{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;margin-bottom:20px;gap:12px}.quick-preview span{font-size:12px;color:var(--text-secondary)}.quick-preview strong{color:var(--el-color-primary);font-size:23px;letter-spacing:-.6px;font-variant-numeric:tabular-nums}.quick-form{min-width:0;border:0;padding:0;margin:0;gap:20px}.qty-stepper{background:var(--bg-primary);border-radius:10px;padding:4px}.qty-stepper input{height:34px;border:0;background:transparent;color:var(--text-primary);font-size:17px;font-variant-numeric:tabular-nums}.qty-btn{border:1px solid var(--border-color);background:var(--bg-card);border-radius:7px;color:var(--el-color-primary);width:34px;height:34px}.quick-actions-btn{border-radius:9px!important;font-size:12px!important;min-height:40px}.quick-actions-btn:first-child{background:#3564ed!important}.quick-actions-btn:nth-child(2){background:#edf2ff!important;color:#3564ed!important}.quick-actions-btn:nth-child(3){background:var(--bg-primary)!important;color:var(--text-secondary)!important;border:1px solid var(--border-color)!important}.stat-cards{gap:16px;margin-bottom:20px}.stat-card{border:1px solid var(--border-color);border-radius:16px;padding:22px;box-shadow:0 4px 20px #20395803}.stat-card .label{font-size:12px;letter-spacing:.3px;margin-bottom:14px}.stat-card .value{font-size:32px;font-weight:650;letter-spacing:-1px;font-variant-numeric:tabular-nums}.stat-card.primary .value,.stat-card.success .value,.stat-card.warning .value,.stat-card.danger .value{color:var(--text-primary)}.stat-card.primary{border-top:3px solid #3564ed}.stat-card .sub-info{font-size:11px;margin-top:10px}.user-switcher{background:var(--bg-card);border-color:var(--border-color);border-radius:12px;padding:12px 16px;flex-wrap:wrap}.user-switcher-label,.user-switcher-tip{font-size:12px;color:var(--text-secondary)}.netbar,.alert-banner{border-radius:12px;font-size:12px;line-height:1.6;gap:12px}.el-button{font-weight:500;border-radius:9px}.el-dialog{border-radius:18px;max-width:calc(100vw - 28px)}.el-message-box{border-radius:18px;max-width:calc(100vw - 28px)}.el-dialog__header{padding-bottom:20px;border-bottom:1px solid var(--border-color)}.el-dialog__footer{padding-top:18px}.el-dialog__title{font-size:18px;font-weight:650}.el-form-item__label{font-size:12px;color:var(--text-secondary)}.records-table th{background:var(--bg-primary);font-size:12px;font-weight:500;color:var(--text-secondary);padding:13px 16px}.records-table td{font-size:13px;padding:15px 16px;border-bottom-color:var(--border-color)}.table-wrap{border:1px solid var(--border-color);border-radius:12px}.login-page{background:radial-gradient(ellipse at 0% 0%,#dfe8ff,transparent 65%),#f4f7fb}.login-card{border:1px solid #e0e7f3;border-radius:24px;box-shadow:0 22px 60px #172f5810;padding:36px}.login-logo h1{color:#172846;font-size:22px;letter-spacing:-.6px}.login-logo p{font-size:10px;letter-spacing:1.4px;color:#7f8da3}.login-logo .icon{font-size:32px}.login-btn{background:#3564ed;border-radius:10px;min-height:46px}.login-form input{border-radius:10px;background:#f7f9fc;min-height:46px}.login-footer{font-size:11px;line-height:1.8;color:#7f8da3}.empty-state{padding:52px 20px;color:var(--text-tertiary)}
@media(max-width:1100px){.main-content{padding-inline:22px}.stat-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-version{display:none}}
@media(max-width:768px){.sidebar{width:224px}.main-content{margin-left:0;padding:62px 14px 24px}.workspace-topbar{height:76px;margin-bottom:22px}.workspace-caption{font-size:11px}.page-title{font-size:24px}.panel{padding:18px;border-radius:16px}.quick-form{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.stat-cards{gap:10px}.stat-card{padding:18px 14px}.stat-card .value{font-size:27px}.page-header>div{max-width:100%;flex-wrap:wrap}.user-switcher-select{max-width:100%}.workspace-eyebrow{font-size:9px}.mobile-header{height:50px}.alert-banner{align-items:flex-start;flex-wrap:wrap}.table-wrap{overflow-x:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{.workspace-topbar{display:none}.main-content{margin:0;padding:0}.panel,.stat-card{box-shadow:none}}