:root{font-family:Segoe UI,PingFang SC,sans-serif;color:#172637;background:#eef3f8;--app-sidebar-bg: #1e293b;--app-sidebar-hover-bg: #334155;--app-sidebar-primary-text: #e2e8f0;--app-sidebar-secondary-text: rgba(226, 232, 240, .8);--app-sidebar-active-text: #f1f5f9;--app-content-radius: 12px;--el-font-size-base: 14px;--el-border-radius-base: 10px;--el-border-radius-small: 8px;--el-component-size: 40px;--el-color-primary: #2563eb}*{box-sizing:border-box}body{margin:0}body,input,button{font:inherit}a{color:inherit;text-decoration:none}.eyebrow,.panel-label{margin:0 0 8px;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.console-shell{min-height:100vh;display:grid;grid-template-columns:268px 1fr;background:radial-gradient(circle at top right,rgba(69,118,199,.1),transparent 22%),linear-gradient(180deg,#f5f8fc,#edf2f8)}.console-sidebar{padding:18px;color:var(--app-sidebar-primary-text);background:var(--app-sidebar-bg);box-shadow:inset -1px 0 #ffffff0d}.console-sidebar__inner{display:grid;gap:22px}.console-brand{display:flex;align-items:center;gap:14px;padding:12px 10px 18px;border-bottom:1px solid rgba(255,255,255,.06)}.console-brand__mark{display:grid;place-items:center;width:44px;height:44px;border-radius:16px;font-weight:800;background:linear-gradient(135deg,#3d82ff,#6ec7ff)}.console-brand__copy p,.console-brand__copy h1,.console-topbar h2,.ops-page__hero h3,.ops-panel h4{margin:0}.console-brand__copy p{color:var(--app-sidebar-secondary-text);font-size:11px;letter-spacing:.16em;text-transform:uppercase}.console-brand__copy h1{font-size:22px}.console-nav-group{display:grid;gap:10px}.console-nav,.console-subnav{display:grid;gap:8px}.console-subnav__trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:13px 14px 8px;border:0;color:var(--app-sidebar-primary-text);background:transparent;cursor:pointer;transition:color .2s ease;font-size:14px}.console-subnav__trigger:hover{color:var(--app-sidebar-active-text)}.console-subnav__title{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:14px}.console-subnav__arrow{color:var(--app-sidebar-secondary-text);font-size:14px;transition:transform .2s ease,color .2s ease}.console-subnav__trigger.is-expanded .console-subnav__arrow{color:var(--app-sidebar-active-text);transform:rotate(180deg)}.console-subnav__items{display:grid;gap:6px;padding-left:12px}.console-subnav__items a{display:flex;align-items:center;font-size:14px;color:var(--app-sidebar-secondary-text)}.console-nav a{display:flex;align-items:center;gap:10px;padding:13px 14px;border-radius:10px;color:var(--app-sidebar-primary-text);font-size:14px;transition:background-color .2s ease,color .2s ease,transform .2s ease}.console-nav a.router-link-active,.console-nav a:hover{color:var(--app-sidebar-active-text);background:var(--app-sidebar-hover-bg);transform:none}.console-status-card,.console-user-card{padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#ffffff0f}.console-status-card strong,.console-status-card span,.console-user-card strong,.console-user-card span{margin:0}.console-status-card strong{display:block;font-size:16px}.console-status-card span,.console-user-card span{display:block;margin-top:6px;color:#e8f0f9b3;line-height:1.7}.console-sidebar__footer{margin-top:22px}.console-user-card{display:flex;align-items:center;justify-content:space-between;gap:12px}.console-main{display:grid;grid-template-rows:auto 1fr;min-width:0}.console-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:60px;padding:0 28px;border-bottom:1px solid rgba(23,38,55,.08);background:#ffffffc2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.console-topbar__heading{display:grid;gap:2px}.console-topbar__actions{display:flex;align-items:center;gap:10px}.console-pill{padding:9px 12px;border-radius:999px;color:#4c607a;font-size:12px;font-weight:700;background:#edf3fb}.console-pill--highlight{color:#134988;background:#dcecff}.console-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:#fff;font-weight:700;background:linear-gradient(135deg,#2e6ce8,#6ac4ff)}.console-avatar-button{padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.console-workspace{padding:20px 24px 24px}.console-workspace__surface{min-width:0;border-radius:var(--app-content-radius)}.ops-page{display:grid;gap:20px}.ops-page__hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:24px 26px;border:1px solid rgba(23,38,55,.08);border-radius:24px;background:radial-gradient(circle at top right,rgba(86,148,255,.16),transparent 24%),linear-gradient(135deg,#173152,#11253f 48%,#0e1e33);color:#f3f8ff;box-shadow:0 22px 50px #1127442e}.ops-page__hero span,.ops-page__hero-side span,.metric-card span,.metric-card p,.ops-list span,.ops-timeline span{color:#e0eaf5c7}.ops-page__hero span{display:block;max-width:720px;line-height:1.75}.ops-page__hero-side{display:grid;justify-items:end;gap:8px}.ops-page__hero-side strong{font-size:26px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-card,.ops-panel{padding:22px;border:1px solid #e8eef5;border-radius:var(--app-content-radius);background:#fff;box-shadow:0 10px 28px #0f172a0a}.console-workspace :deep(.el-card),.console-workspace :deep(.el-table),.console-workspace :deep(.el-dialog),.console-workspace :deep(.el-input__wrapper),.console-workspace :deep(.el-select__wrapper),.console-workspace :deep(.el-textarea__inner),.console-workspace :deep(.el-button),.console-workspace :deep(.el-pagination button),.console-workspace :deep(.el-pager li){border-radius:var(--app-content-radius)}.console-workspace :deep(.el-form-item__label),.console-workspace :deep(.el-table),.console-workspace :deep(.el-input__inner),.console-workspace :deep(.el-select__selected-item),.console-workspace :deep(.el-button){font-size:14px}.console-workspace :deep(.el-table){overflow:hidden}.console-workspace :deep(.el-table th.el-table__cell){background:#f8fafc}.console-workspace :deep(.el-table td.el-table__cell),.console-workspace :deep(.el-table th.el-table__cell){padding-top:14px;padding-bottom:14px}.ops-search-form,.ops-search-form .el-form-item{align-items:center}.ops-search-form .el-form-item__content{min-height:40px;line-height:40px}.ops-search-form .el-input,.ops-search-form .el-select{--el-component-size: 40px}.ops-search-form .el-input__wrapper,.ops-search-form .el-select__wrapper{height:40px;padding:1px 14px;border:1px solid #d7e2ee;border-radius:10px;background:#fff;box-shadow:none;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.ops-search-form .el-input__wrapper:hover,.ops-search-form .el-select__wrapper:hover{border-color:#bfd3ea;background:#fff}.ops-search-form .el-input__wrapper.is-focus,.ops-search-form .el-select__wrapper.is-focused{border-color:#409eff;box-shadow:0 0 0 3px #409eff24}.ops-search-form .el-input__inner,.ops-search-form .el-select__placeholder,.ops-search-form .el-select__selected-item{height:38px;line-height:38px;color:#24364d}.ops-search-form .el-input__inner::placeholder{color:#8a9ab0}.table-pagination{display:flex;justify-content:flex-end;margin-top:20px}.app-nav-icon{position:relative;display:inline-flex;flex:none;width:14px;height:14px;color:currentColor}.app-nav-icon:before,.app-nav-icon:after{content:"";position:absolute;box-sizing:border-box}.app-nav-icon--menu:before{top:1px;right:1px;bottom:1px;left:1px;border:1.5px solid currentColor;border-radius:3px}.app-nav-icon--menu:after{top:4px;left:4px;width:6px;height:1.5px;background:currentColor;box-shadow:0 3px 0 currentColor}.app-nav-icon--sub:before{top:3px;left:3px;width:8px;height:8px;border:1.5px solid currentColor;border-radius:2px}.app-nav-icon--home:before{left:2px;top:5px;width:10px;height:7px;border-radius:1px;background:currentColor}.app-nav-icon--home:after{left:1px;top:1px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid currentColor}.app-nav-icon--users:before{left:5px;top:1px;width:4px;height:4px;border:1.5px solid currentColor;border-radius:50%}.app-nav-icon--users:after{left:2px;top:7px;width:10px;height:5px;border:1.5px solid currentColor;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom:0}.app-nav-icon--product:before{top:2px;right:1px;bottom:2px;left:1px;border:1.5px solid currentColor;border-radius:2px}.app-nav-icon--product:after{top:0;left:4px;width:6px;height:3px;border:1.5px solid currentColor;border-bottom:0;border-top-left-radius:2px;border-top-right-radius:2px}.app-nav-icon--order:before{left:2px;top:1px;width:10px;height:12px;border:1.5px solid currentColor;border-radius:2px}.app-nav-icon--order:after{left:4px;top:4px;width:6px;height:1.5px;background:currentColor;box-shadow:0 3px 0 currentColor,0 6px 0 currentColor}.app-nav-icon--report:before{left:2px;top:1px;width:10px;height:12px;border:1.5px solid currentColor;border-radius:2px}.app-nav-icon--report:after{left:4px;top:6px;width:5px;height:3px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg)}.app-nav-icon--account:before{left:4px;top:1px;width:6px;height:6px;border-radius:50%;background:currentColor}.app-nav-icon--account:after{left:1px;top:8px;width:12px;height:5px;border-top-left-radius:8px;border-top-right-radius:8px;background:currentColor}.metric-card p,.metric-card strong,.metric-card span,.ops-list article,.ops-list strong,.ops-list span,.ops-timeline div,.ops-timeline strong,.ops-timeline span{margin:0}.metric-card p{color:#6b7b90;font-size:13px}.metric-card strong{display:block;margin:12px 0 8px;color:#183657;font-size:28px}.metric-card span{color:#6a7b90;line-height:1.7}.ops-panel-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.ops-panel{display:grid;gap:20px}.ops-panel__header{display:flex;align-items:center;justify-content:space-between}.ops-panel__header h4{color:#0f172a;font-size:18px;font-weight:700}.panel-label{display:none}.ops-list,.ops-timeline{display:grid;gap:12px}.ops-list article,.ops-timeline div{padding:16px 18px;border-radius:16px;background:#f6f9fc}.ops-list strong,.ops-timeline strong{display:block;color:#193658;font-size:16px}.ops-list span,.ops-timeline span{display:block;margin-top:8px;color:#6b7b90;line-height:1.75}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(460px,100%);padding:32px;border-radius:28px;color:#f8fafc;background:radial-gradient(circle at top,rgba(255,255,255,.18),transparent 38%),linear-gradient(180deg,#17324d,#0b1624);box-shadow:0 30px 70px #111f313d}.auth-card h1{margin:0 0 10px}.auth-intro{margin:0 0 24px;color:#f8fafcd1;line-height:1.7}.auth-form{display:grid;gap:16px}.auth-form label{display:grid;gap:8px}.auth-form input{width:100%;padding:14px 16px;border:1px solid rgba(255,255,255,.14);border-radius:14px;color:#f8fafc;background:#ffffff14}.auth-form input::placeholder{color:#f8fafc80}.auth-form button{padding:14px 16px;border:0;border-radius:14px;color:#102033;font-weight:700;background:#d7e7ef;cursor:pointer}.auth-form button:disabled{opacity:.7;cursor:wait}.auth-error{margin:0;color:#fecaca}@media (max-width: 980px){.console-shell{grid-template-columns:1fr}.console-topbar,.ops-page__hero{align-items:flex-start;flex-direction:column}.console-workspace{padding:18px}.metric-grid,.ops-panel-grid{grid-template-columns:1fr}}@media (max-width: 640px){.console-topbar{min-height:auto;padding:18px}.console-topbar__actions{flex-wrap:wrap}.ops-page__hero,.metric-card,.ops-panel{padding:18px}}