:root{--font-display: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;--font-body: "Inter", "PingFang SC", "Microsoft YaHei", -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--display: 700 28px/1.3 var(--font-display);--h1: 600 22px/1.35 var(--font-display);--h2: 600 18px/1.4 var(--font-display);--h3: 600 16px/1.5 var(--font-display);--body: 400 14px/1.6 var(--font-body);--body-sm: 400 13px/1.55 var(--font-body);--caption: 400 12px/1.5 var(--font-body);--label: 500 13px/1.5 var(--font-display);--mono: 400 13px/1.5 var(--font-mono);--fs-11: 11px;--fs-12: 12px;--fs-13: 13px;--fs-14: 14px;--fs-15: 15px;--fs-16: 16px;--fs-17: 17px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--weight-bold: 700;--weight-semibold: 600;--weight-medium: 500;--weight-regular: 400;--nav-group-weight: var(--weight-semibold);--nav-item-weight: var(--weight-regular);--background: #FFF8E7;--bg: #FFF8E7;--surface1: #F5EDE0;--surface2: #E8DCC8;--surface3: #D8C8A8;--border: #E8DCC8;--border-visible: #D8C8A8;--text1: #1F2525;--text2: #4A3830;--text3: #8A7A68;--text4: #A89880;--accent: #7EC8E3;--accent-subtle: #F0F8FA;--on-accent: #F8FDFA;--input-focus-color: var(--accent);--input-focus-duration: .15s;--el-input-focus-border-color: var(--input-focus-color);--success: #B8D8C8;--warning: #FFD89B;--error: #FFB3A0;--info: #C8B8D8;--accent-text: #3D90B0;--success-text: #5A9878;--warning-text: #C89840;--error-text: #C87060;--info-text: #7B5EA7;--space-2xs: 2px;--space-xs: 4px;--space-sm: 8px;--space-sm2: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--radius-element: 4px;--radius-control: 8px;--radius-component: 12px;--radius-container: 16px;--radius-pill: 999px;--btn-primary-bg: var(--accent);--btn-primary-hover: #5BA8C8;--btn-primary-text: var(--on-accent);--btn-secondary-bg: var(--surface1);--btn-secondary-hover: var(--surface2);--btn-secondary-text: var(--text1);--btn-secondary-border: var(--border);--btn-danger-bg: var(--error);--btn-danger-hover: #E89988;--btn-danger-text: var(--text1);--btn-link-text: var(--accent);--btn-link-hover-bg: rgba(126,200,227,.12);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .35s}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--text1);font:var(--body);-webkit-font-smoothing:antialiased;font-kerning:normal;font-optical-sizing:auto}h1,h2,h3,h4{text-wrap:balance}:root{--el-color-primary: #7EC8E3;--el-color-primary-light-3: #8ED0E8;--el-color-primary-light-5: #A8DCF0;--el-color-primary-light-7: #C0E8F5;--el-color-primary-light-9: #E8F8FC;--el-color-primary-dark-2: #5AA8C8;--el-color-success: #B8D8C8;--el-color-warning: #FFD89B;--el-color-danger: #FFB3A0;--el-color-info: #C8B8D8;--el-bg-color: #FFF8E7;--el-bg-color-overlay: #F5EDE0;--el-bg-color-page: #FFF8E7;--el-border-color: #E8DCC8;--el-border-color-light: #F5EDE0;--el-border-color-lighter: #F5EDE0;--el-text-color-primary: #1F2525;--el-text-color-regular: #4A3830;--el-text-color-secondary: #8A7A68;--el-text-color-placeholder: #A89880;--el-fill-color: #F5EDE0;--el-fill-color-light: #F5EDE0;--el-fill-color-blank: #FFF8E7;--el-border-radius-base: 8px;--el-border-radius-small: 4px;--el-border-radius-round: 16px;--el-box-shadow-light: none;--el-box-shadow: none;--el-box-shadow-dark: none}.el-card{border:1px solid var(--border)!important;border-radius:var(--radius-component)!important;background:var(--surface1)!important;box-shadow:none!important}.el-table{table-layout:auto;border-radius:var(--radius-component);overflow:hidden;--el-table-header-bg-color: var(--surface2);--el-table-border-color: var(--border);--el-table-row-hover-bg-color: var(--surface1)}.el-table .cell{display:inline-flex;align-items:center;white-space:nowrap}.el-table tr:hover>td{background-color:var(--surface1)!important}.el-table .el-tag,.el-table [class*=status-tag],.el-table [class*=StatusTag]{white-space:nowrap;flex-shrink:0}.el-table .el-tag+.el-tag{margin-left:2px}.el-table .el-button--link{white-space:nowrap}.el-table .el-table__fixed-right:before{background:linear-gradient(to left,rgba(0,0,0,.04),transparent)}.el-table th.el-table-fixed-column--left,.el-table th.el-table-fixed-column--right{background-color:var(--surface2)}.el-table__fixed-right-patch{background-color:var(--surface2)!important;border-top-right-radius:var(--radius-component)!important}.el-table thead th:first-child{border-top-left-radius:var(--radius-component)}.el-table thead th:last-child{border-top-right-radius:var(--radius-component)}.el-table td.el-table__cell{font:var(--body-sm);font-family:var(--font-display);font-variant-numeric:tabular-nums;padding:12px 0}.el-table th.el-table__cell{background-color:var(--surface2);font:var(--label);font-family:var(--font-display);color:var(--text2);text-align:center}.el-button{font-weight:600;border-radius:var(--radius-control);font-family:var(--font-body);transition:transform .15s var(--ease-smooth),background var(--duration-fast) var(--ease-smooth)}.el-button:not(.el-button--link):not(:disabled):hover{transform:translateY(-1px)}.el-button--primary{--el-button-bg-color: var(--accent);--el-button-border-color: var(--accent);--el-button-text-color: var(--on-accent);--el-button-hover-bg-color: var(--btn-primary-hover);--el-button-hover-border-color: var(--btn-primary-hover)}.el-input__wrapper{background-color:var(--surface3)!important;border-radius:var(--radius-control);box-shadow:none!important;border:1px solid var(--border-visible)}.el-select__wrapper,.el-textarea__inner{box-shadow:none!important;border:1px solid var(--border-visible)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none!important;border-color:var(--input-focus-color)!important;transition:border-color var(--input-focus-duration) ease}.el-input:focus-within .el-input__wrapper,.el-select:focus-within .el-select__wrapper,.el-textarea__inner:focus{border-color:var(--input-focus-color)!important;transition:border-color var(--input-focus-duration) ease}.search-form .el-input{min-width:160px}.el-dialog{border-radius:var(--radius-container)}.el-dialog__header{border-bottom:1px solid var(--border)}.el-dialog__footer{border-top:1px solid var(--border)}.el-dialog__title{font:var(--h2)}.card-title{font:var(--h3);color:var(--text1)}.el-dialog__body{padding-top:16px;padding-bottom:40px}.el-tag{font:600 13px/1.5 var(--font-body);border-radius:var(--radius-pill);border:none;transition:none!important}.el-tag--primary{background:var(--accent-subtle);color:var(--text1)}.el-tag--success{background:var(--success);color:var(--text1)}.el-tag--warning{background:var(--warning);color:var(--text2)}.el-tag--danger{background:var(--error);color:var(--text1)}.el-tag--info{background:var(--info);color:var(--text1)}.el-badge__content{color:var(--text1)}.el-empty__image svg{fill:var(--accent);opacity:.6}.el-empty__description{color:var(--text3);font:var(--body-sm)}.el-empty{padding:48px 0}.el-tabs__item{font:var(--body);font-weight:600;font-family:var(--font-display)}.el-menu{border-right:none!important}.el-menu-item{font-family:var(--font-display)!important;font:var(--body);font-weight:400;line-height:1.6}.el-menu-item.is-active{font-weight:600;transition:font-weight var(--duration-fast) var(--ease-smooth),background var(--duration-fast) var(--ease-smooth),color var(--duration-fast) var(--ease-smooth)}.el-icon{transition:none!important}.el-breadcrumb__inner{font-weight:600}.el-form-item__label{font-weight:600;color:var(--text1);white-space:nowrap}.el-dropdown-menu,.el-select-dropdown,.el-picker-panel,.el-popover{background:var(--background)!important;border:1px solid var(--border)!important;border-radius:var(--radius-component)!important;box-shadow:none!important}.el-dropdown-menu__item:hover,.el-select-dropdown__item:hover{background-color:var(--surface1)}.el-select-dropdown__item.selected{color:var(--accent)}.fade-slide-enter-active,.fade-slide-leave-active{transition:opacity var(--duration-normal) var(--ease-smooth),transform var(--duration-normal) var(--ease-smooth)}.fade-slide-enter-from{opacity:0;transform:translateY(8px)}.fade-slide-leave-to{opacity:0;transform:translateY(-8px)}:root{--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600}.el-menu-item,.el-card[clickable],.notif-item,.tl-item{cursor:pointer}:focus-visible{outline:2px solid var(--accent)!important;outline-offset:2px}@media(prefers-reduced-motion:reduce){.fade-slide-enter-active,.fade-slide-leave-active{transition:none}}.stat-card{text-align:center;padding:var(--space-sm) 0}.stat-card .stat-value{font:var(--display);color:var(--text1);font-variant-numeric:tabular-nums}.stat-card .stat-label{font:var(--caption);color:var(--text2);margin-top:var(--space-xs)}.el-table .pending-row td:first-child{border-left-width:4px!important;border-left-style:solid!important;border-left-color:var(--accent);animation:pulse-border 1.2s ease-in-out infinite}.el-table .pending-row{background:linear-gradient(90deg,rgba(126,200,227,.08) 0%,transparent 20%)!important}@keyframes pulse-border{0%,to{border-left-color:var(--accent)}50%{border-left-color:transparent}}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.break-word{word-wrap:break-word;overflow-wrap:break-word}.flex-min-zero{min-width:0}.grid-min-zero{min-width:0;min-height:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:768px){.opc-main{padding:var(--space-md)!important;padding-bottom:calc(74px + var(--space-sm))!important}.admin-main{padding:var(--space-sm)!important;padding-bottom:calc(36px + var(--space-sm))!important}.audit-main{padding:var(--space-md)!important;padding-bottom:calc(36px + var(--space-sm))!important}}.kpi-card .kpi-value,.stat-card .stat-value,[class*=kpi] [class*=value],[class*=stat] [class*=value]{font:var(--display);color:var(--text1);font-variant-numeric:tabular-nums;line-height:1.2}.el-card__body{padding:var(--space-lg)}.el-skeleton{--el-skeleton-color: var(--surface2);--el-skeleton-to-color: var(--surface1)}.el-loading-mask{background-color:#fff8e7b3}.label-hint-icon{color:var(--text4);cursor:help;margin-left:2px}.btn-primary,.btn-secondary,.btn-danger,.btn-link{cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;font:var(--label);border-radius:var(--radius-control);transition:background-color var(--btn-duration, .15s) ease-out,transform .1s ease-out}.btn-primary:active,.btn-secondary:active,.btn-danger:active{transform:scale(var(--btn-active-scale, .97))}.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-danger:focus-visible,.btn-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary:disabled,.btn-secondary:disabled,.btn-danger:disabled{opacity:.45;cursor:not-allowed}.btn-primary{padding:10px 28px;background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none}.btn-primary:hover{background:var(--btn-primary-hover)}.btn-secondary{padding:10px 28px;background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border)}.btn-secondary:hover{background:var(--btn-secondary-hover);border-color:var(--text4)}.btn-danger{padding:10px 28px;background:var(--btn-danger-bg);color:var(--btn-danger-text);border:none}.btn-danger:hover{background:var(--btn-danger-hover)}.btn-link{padding:6px 12px;background:transparent;color:var(--btn-link-text);border:none;border-radius:var(--radius-element);font:var(--body)}.btn-link:hover{background:var(--btn-link-hover-bg)}.btn-link:active{background:#7ec8e338;transform:none}.btn-lg{padding:14px 36px;font:600 16px/1.4 var(--font-display);border-radius:12px}.btn-sm{padding:6px 16px;font:400 12px/1.5 var(--font-display);border-radius:6px}.batch-bar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--accent-subtle);border:1px solid var(--warning);border-radius:var(--radius-element);margin-bottom:12px;font:var(--body);color:var(--text2)}@media(prefers-reduced-motion:reduce){.btn-primary,.btn-secondary,.btn-danger,.btn-link{transition:none}.btn-primary:active,.btn-secondary:active,.btn-danger:active{transform:none}}@media(max-width:768px){.opc-page .el-table,.admin-page .el-table,.audit-page .el-table{overflow-x:auto!important;-webkit-overflow-scrolling:touch;position:relative;isolation:isolate}.opc-page .el-table .cell,.admin-page .el-table .cell,.audit-page .el-table .cell{padding:var(--space-xs) var(--space-sm)!important}.opc-page .el-table .el-table__cell,.admin-page .el-table .el-table__cell,.audit-page .el-table .el-table__cell{position:relative;z-index:1;background-color:var(--background)}.opc-page .el-table__fixed-right .el-table__cell,.admin-page .el-table__fixed-right .el-table__cell,.audit-page .el-table__fixed-right .el-table__cell{background-color:var(--background)!important}.opc-page .el-table .el-table__header .el-table__cell,.admin-page .el-table .el-table__header .el-table__cell,.audit-page .el-table .el-table__header .el-table__cell{position:relative;z-index:2;background-color:var(--surface2)}.opc-page .el-input,.opc-page .el-select,.opc-page .el-textarea,.opc-page .el-input-number,.admin-page .el-input,.admin-page .el-select,.admin-page .el-textarea,.admin-page .el-input-number,.audit-page .el-input,.audit-page .el-select,.audit-page .el-textarea,.audit-page .el-input-number{width:100%!important}.opc-page .el-dialog,.admin-page .el-dialog,.audit-page .el-dialog{width:95vw!important;max-width:95vw!important;margin:5vh auto!important}.opc-page .el-card__body,.admin-page .el-card__body,.audit-page .el-card__body{padding:var(--space-md)!important}.opc-page .page-header,.admin-page .page-header,.audit-page .page-header{flex-direction:column!important;align-items:flex-start!important;gap:var(--space-sm)!important}.opc-page .page-header-right .el-button,.admin-page .page-header-right .el-button,.audit-page .page-header-right .el-button{margin-left:0!important;margin-right:var(--space-sm);margin-bottom:var(--space-sm)}.opc-page .el-pagination,.admin-page .el-pagination,.audit-page .el-pagination{justify-content:center!important;flex-wrap:wrap}.opc-page .el-pagination .el-pagination__sizes,.admin-page .el-pagination .el-pagination__sizes,.audit-page .el-pagination .el-pagination__sizes{display:none!important}.opc-page .el-descriptions__table .el-descriptions__cell,.admin-page .el-descriptions__table .el-descriptions__cell,.audit-page .el-descriptions__table .el-descriptions__cell{display:block!important;width:100%!important;padding:var(--space-xs) var(--space-sm)!important}.opc-page .el-descriptions__label,.admin-page .el-descriptions__label,.audit-page .el-descriptions__label{display:inline-block!important;width:auto!important;min-width:var(--space-3xl)!important;margin-right:var(--space-sm)!important;color:var(--text3)!important;font:var(--caption)!important}.opc-page .search-form,.admin-page .search-form,.audit-page .search-form{display:flex;flex-direction:column;align-items:stretch}.opc-page .search-form .el-form-item,.admin-page .search-form .el-form-item,.audit-page .search-form .el-form-item{width:100%;margin-right:0!important}.opc-page .search-form .el-form-item__content,.admin-page .search-form .el-form-item__content,.audit-page .search-form .el-form-item__content{width:100%}.opc-page .entity-ref,.admin-page .entity-ref,.audit-page .entity-ref{min-width:0;white-space:normal!important;overflow-wrap:anywhere}.opc-page .el-table .entity-ref,.admin-page .el-table .entity-ref,.audit-page .el-table .entity-ref{white-space:nowrap!important;overflow-wrap:normal}.opc-page .mobile-cards,.opc-page .mcl-wrapper,.admin-page .mobile-cards,.admin-page .mcl-wrapper{display:flex;flex-direction:column;gap:var(--space-md);padding:0 var(--space-sm)}.opc-page .mobile-card,.opc-page .mcl-card,.admin-page .mobile-card,.admin-page .mcl-card{background:var(--surface1);border:1px solid var(--border);border-radius:var(--radius-component);padding:var(--space-md)}.opc-page .mobile-card.unread-card,.admin-page .mobile-card.unread-card{border-left:3px solid var(--error)}.opc-page .mc-row,.admin-page .mc-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) 0;font:var(--body);gap:var(--space-sm)}.opc-page .mc-label,.admin-page .mc-label{color:var(--text3);font:var(--caption);flex-shrink:0}.opc-page .mc-value,.admin-page .mc-value{color:var(--text1);font:var(--body);text-align:right;overflow:hidden;text-overflow:ellipsis}.opc-page .mc-action,.admin-page .mc-action{margin-top:var(--space-sm);display:flex;gap:var(--space-sm);flex-wrap:wrap;justify-content:flex-end}.admin-page>.el-row>.el-col,.opc-page>.el-row>.el-col,.audit-page>.el-row>.el-col{flex:0 0 100%;max-width:100%;margin-bottom:var(--space-md)}.admin-page .batch-bar{flex-wrap:wrap;gap:var(--space-xs)}.opc-page .el-table,.admin-page .el-table,.audit-page .el-table{scrollbar-width:thin;scrollbar-color:var(--text4) var(--surface2)}.opc-page .el-table::-webkit-scrollbar,.admin-page .el-table::-webkit-scrollbar,.audit-page .el-table::-webkit-scrollbar{height:8px;width:8px;background:var(--surface2)}.opc-page .el-table::-webkit-scrollbar-thumb,.admin-page .el-table::-webkit-scrollbar-thumb,.audit-page .el-table::-webkit-scrollbar-thumb{background:var(--text4);border-radius:4px;min-height:24px}.opc-page .el-table::-webkit-scrollbar-thumb:hover,.admin-page .el-table::-webkit-scrollbar-thumb:hover,.audit-page .el-table::-webkit-scrollbar-thumb:hover{background:var(--text3)}.admin-page .el-table .cell>.el-button,.opc-page .el-table .cell>.el-button,.audit-page .el-table .cell>.el-button{margin-bottom:var(--space-xs)}.admin-page .el-table .el-table__fixed-right .cell,.opc-page .el-table .el-table__fixed-right .cell,.audit-page .el-table .el-table__fixed-right .cell{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.admin-page .el-table .el-table__fixed-right,.opc-page .el-table .el-table__fixed-right,.audit-page .el-table .el-table__fixed-right{box-shadow:none!important}.opc-page .el-input .el-input__inner,.admin-page .el-input .el-input__inner,.audit-page .el-input .el-input__inner{min-height:40px;font-size:16px}.opc-page .el-textarea .el-textarea__inner,.admin-page .el-textarea .el-textarea__inner,.audit-page .el-textarea .el-textarea__inner{min-height:88px;font-size:16px}.opc-page .el-checkbox-group .el-checkbox,.admin-page .el-checkbox-group .el-checkbox,.audit-page .el-checkbox-group .el-checkbox{min-height:44px;align-items:center}.opc-page .el-checkbox-group .el-checkbox__label,.admin-page .el-checkbox-group .el-checkbox__label,.audit-page .el-checkbox-group .el-checkbox__label{font:var(--body);line-height:1.4}}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;font:var(--body);color:var(--text1);background:var(--background)}