:root{--frad-bg: #eef6ff;--frad-surface: #ffffff;--frad-surface-muted: #f4f9ff;--frad-surface-subtle: #eaf4ff;--frad-border: #c7d8ef;--frad-border-soft: #dce9f8;--frad-border-glow: rgba(42, 184, 255, .34);--frad-text: #142033;--frad-text-strong: #0f172a;--frad-text-muted: #5f718a;--frad-text-faint: #8ea0b8;--frad-primary: #1769e8;--frad-primary-strong: #0a4fbf;--frad-primary-soft: #e6f2ff;--frad-cyan: #00a9d8;--frad-cyan-soft: #e1f8ff;--frad-violet: #5b6cff;--frad-success: #16875a;--frad-success-soft: #e7f6ef;--frad-warning: #b7791f;--frad-warning-soft: #fff4df;--frad-danger: #c2413b;--frad-danger-soft: #fff1f0;--frad-shadow: 0 18px 46px rgba(9, 31, 68, .12);--frad-shadow-soft: 0 10px 24px rgba(9, 31, 68, .08);--frad-glow: 0 0 34px rgba(0, 169, 216, .2)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{font-family:Segoe UI,Inter,Microsoft YaHei,Arial,sans-serif;color:var(--frad-text);background:linear-gradient(135deg,#ecf6fff0,#dae8f9d1),var(--frad-bg)}button,input,textarea{font-family:inherit}.app-shell{position:relative;height:100vh;overflow:hidden;background:linear-gradient(118deg,#ffffffe6,#e8f5ffdb 44%,#d8e4fcd6),linear-gradient(28deg,rgba(0,169,216,.1),transparent 28% 68%,rgba(91,108,255,.12)),repeating-linear-gradient(90deg,rgba(23,105,232,.06) 0 1px,transparent 1px 84px),repeating-linear-gradient(0deg,rgba(0,169,216,.045) 0 1px,transparent 1px 84px),#eaf4ff}.app-shell:before,.app-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.app-shell:before{background:linear-gradient(112deg,transparent 0 18%,rgba(0,169,216,.16) 18% 18.16%,transparent 18.16% 42%,rgba(23,105,232,.12) 42% 42.16%,transparent 42.16%),linear-gradient(152deg,transparent 0 61%,rgba(91,108,255,.1) 61% 61.18%,transparent 61.18%),radial-gradient(ellipse at 18% 16%,rgba(0,169,216,.2),transparent 35%),radial-gradient(ellipse at 86% 74%,rgba(23,105,232,.18),transparent 38%);opacity:.88;animation:ai-grid-flow 22s ease-in-out infinite alternate}.app-shell:after{background-image:linear-gradient(102deg,transparent 0 44%,rgba(255,255,255,.36) 45%,transparent 47% 100%),radial-gradient(circle,rgba(0,169,216,.28) 0 1px,transparent 1.8px),radial-gradient(circle,rgba(91,108,255,.2) 0 1px,transparent 1.7px);background-position:0 0,0 0,38px 42px;background-size:520px 100%,108px 108px,156px 156px;opacity:.5;animation:enterprise-particles 26s ease-in-out infinite alternate}.app-shell>.el-aside,.app-shell>.el-container{position:relative;z-index:1}@keyframes enterprise-particles{0%{transform:translate3d(-18px,0,0)}to{transform:translate3d(26px,-18px,0)}}@keyframes ai-grid-flow{0%{transform:scale(1) translateZ(0)}to{transform:scale(1.035) translate3d(-18px,12px,0)}}@keyframes orbit-drift{0%{transform:scaleY(.36) rotate(-13deg) translateZ(0)}to{transform:scaleY(.4) rotate(-9deg) translate3d(-20px,-14px,0)}}.sidebar{position:relative;flex-shrink:0;height:100vh;background:linear-gradient(180deg,#fffffff0,#ebf7ffe6),radial-gradient(circle at 50% 0%,rgba(0,169,216,.16),transparent 38%);border-right:1px solid rgba(123,178,232,.36);color:var(--frad-text);overflow-x:hidden;overflow-y:auto;box-shadow:inset -1px 0 #ffffffb3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.content-shell{min-width:0;height:100%;overflow:hidden}.sidebar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(160deg,rgba(255,255,255,.45),transparent 36%),repeating-linear-gradient(0deg,transparent 0 46px,rgba(0,169,216,.045) 46px 47px);opacity:.82}.sidebar>*{position:relative;z-index:1}.brand{height:102px;display:flex;align-items:center;justify-content:flex-start;gap:14px;padding:20px 18px 16px;border-bottom:1px solid rgba(123,178,232,.3)}.brand-logo-full{width:60px;height:52px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 8px 18px rgba(0,169,216,.22))}.brand-copy{display:flex;min-width:0;flex-direction:column;gap:3px}.brand-copy strong{color:var(--frad-text-strong);font-size:18px;line-height:1.2;font-weight:900}.brand-copy span{color:#58718f;font-size:12px;font-weight:800;line-height:1.2}.menu{border-right:0;padding:10px 0 18px}.sidebar .el-menu{background:transparent}.nav-section{margin:10px 0 16px}.nav-section-label{margin:0 18px 8px;color:var(--frad-text-faint);font-size:12px;font-weight:800;letter-spacing:0}.sidebar .el-menu-item{height:42px;margin:4px 10px;border:1px solid transparent;border-radius:8px;color:#475467;font-weight:700;transition:background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.sidebar .el-menu-item .el-icon{color:#667085}.sidebar .el-menu-item:hover{background:#ffffffb8;border-color:#00a9d833;color:var(--frad-primary);transform:translate(2px)}.sidebar .el-menu-item:hover .el-icon,.sidebar .el-menu-item.is-active .el-icon{color:var(--frad-primary)}.sidebar .el-menu-item.is-active{color:var(--frad-primary);background:linear-gradient(90deg,#00a9d82e,#ffffffd6),var(--frad-primary-soft);border-color:#00a9d847;box-shadow:inset 3px 0 0 var(--frad-cyan),0 10px 26px #00a9d81f}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(90deg,#ffffffeb,#eff9ffdb),#ffffffe6;border-bottom:1px solid rgba(123,178,232,.32);font-weight:700;box-shadow:0 10px 32px #091f440f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.top-title{display:flex;min-width:0;align-items:center;gap:12px;color:var(--frad-text)}.top-logo{width:38px;height:34px;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,169,216,.18))}.top-title-text{display:flex;min-width:0;flex-direction:column;gap:2px}.top-title-text strong{color:var(--frad-text-strong);font-size:16px;line-height:1.2;font-weight:900}.top-title-text span{color:var(--frad-text-muted);font-size:12px;font-weight:600;line-height:1.2}.user-box{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:10px}.user-name{max-width:160px;overflow:hidden;color:#344054;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.el-main{position:relative;min-width:0;overflow-y:auto;padding:24px 28px}.el-main:before{content:"";position:fixed;right:30px;bottom:28px;width:min(44vw,640px);height:min(44vw,640px);pointer-events:none;border:1px solid rgba(0,169,216,.1);border-radius:999px;background:radial-gradient(circle at 50% 50%,rgba(0,169,216,.08),transparent 48%),conic-gradient(from 90deg,transparent,rgba(0,169,216,.12),transparent 28%,rgba(91,108,255,.1),transparent 58%);opacity:.72;transform:scaleY(.36) rotate(-13deg);animation:orbit-drift 18s ease-in-out infinite alternate}.page,.document-page,.debug-page,.page-shell{display:flex;flex-direction:column;gap:16px;animation:page-enter 90ms ease-out}.toolbar,.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.heading-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}.page-kicker{margin:0 0 6px;color:var(--frad-text-muted);font-size:12px;font-weight:800;letter-spacing:0}.page-title{margin:0;color:var(--frad-text-strong);font-size:22px;font-weight:800;letter-spacing:0;line-height:1.3}.page-subtitle{margin:6px 0 0;color:var(--frad-text-muted);font-size:13px;line-height:1.6}.panel{position:relative;overflow:hidden;background:linear-gradient(180deg,#ffffffeb,#f7fcffdb),#ffffffe6;border:1px solid rgba(151,197,238,.5);border-radius:8px;box-shadow:0 18px 46px #091f441a,inset 0 1px #ffffffdb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(105deg,transparent 0 42%,rgba(255,255,255,.56) 48%,transparent 54% 100%),linear-gradient(90deg,rgba(0,169,216,.18),transparent 34%);opacity:0;transition:opacity .18s ease}.panel:hover:before{opacity:.58}.panel>*{position:relative;z-index:1}.panel-section{padding:16px}.panel-title,.panel-title-row{color:var(--frad-text-strong);font-weight:800}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-title-row span{color:var(--frad-text-muted);font-size:12px;font-weight:700}.filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card{position:relative;overflow:hidden;min-height:86px;padding:16px;border:1px solid rgba(151,197,238,.52);border-radius:8px;background:linear-gradient(145deg,#fffffff5,#ecf8ffb8),var(--frad-surface);box-shadow:inset 0 1px #ffffffe6,0 10px 26px #091f4412}.metric-card:after{content:"";position:absolute;right:-24px;top:-24px;width:88px;height:88px;border:1px solid rgba(0,169,216,.14);border-radius:50%;background:radial-gradient(circle,rgba(0,169,216,.1),transparent 62%)}.metric-label,.metric-note{display:block;color:var(--frad-text-muted);font-size:13px;font-style:normal;line-height:1.35}.metric-value{display:block;margin:8px 0 5px;color:#0b3d82;font-size:28px;font-weight:800;line-height:1}.status-good{border-color:#16875a47;background:linear-gradient(180deg,#ffffff,var(--frad-success-soft))}.status-risk{border-color:#c2413b42;background:linear-gradient(180deg,#ffffff,var(--frad-danger-soft))}.status-warning{border-color:#b7791f4d;background:linear-gradient(180deg,#ffffff,var(--frad-warning-soft))}.el-button{border-radius:8px;font-weight:700}.el-button--primary:not(.is-plain):not(.is-text):not(.is-link):not(.is-disabled){color:#fff;background:linear-gradient(135deg,#0a7cff,#00a9d8);border-color:#00a9d8b8;box-shadow:0 10px 24px #007eff38}.el-button--primary:not(.is-plain):not(.is-text):not(.is-link):not(.is-disabled):hover,.el-button--primary:not(.is-plain):not(.is-text):not(.is-link):not(.is-disabled):focus{color:#fff;background:linear-gradient(135deg,#075fd4,#0094c7);border-color:#00a9d8db}.el-button--primary.is-plain{color:var(--frad-primary-strong);background:var(--frad-primary-soft);border-color:#1769e85c;box-shadow:none}.el-button--primary.is-plain:hover,.el-button--primary.is-plain:focus{color:#fff;background:var(--frad-primary);border-color:var(--frad-primary);box-shadow:0 8px 18px #1769e82e}.el-button--primary.is-text,.el-button--primary.is-link{color:var(--frad-primary-strong);background:transparent;border-color:transparent;box-shadow:none}.el-button--primary.is-text:hover,.el-button--primary.is-text:focus,.el-button--primary.is-link:hover,.el-button--primary.is-link:focus{color:var(--frad-primary-strong);background:var(--frad-primary-soft);border-color:transparent;box-shadow:none}.el-input__wrapper,.el-textarea__inner,.el-select__wrapper{border-radius:8px;background-color:#ffffffdb;box-shadow:0 0 0 1px #97c5eeb8 inset}.el-input__wrapper.is-focus,.el-textarea__inner:focus,.el-select__wrapper.is-focused{box-shadow:0 0 0 1px #00a9d8d6 inset,0 0 0 3px #00a9d81f}.el-table{border-radius:8px;overflow:hidden;color:#344054}.el-table th.el-table__cell{background:linear-gradient(180deg,#f4faff,#edf6ff);color:#475467;font-weight:800}.el-table td.el-table__cell,.el-table th.el-table__cell.is-leaf{border-bottom-color:var(--frad-border-soft)}.el-table__row{transition:background-color .14s ease}.el-tabs__item{color:var(--frad-text-muted);font-weight:700}.el-tabs__item.is-active{color:var(--frad-primary)}.el-card,.summary-card{border-radius:8px}@keyframes page-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.user-box{gap:8px}}@media(max-width:760px){.el-main{padding:16px}.page-heading,.toolbar{flex-direction:column;align-items:stretch}.heading-actions,.user-box{justify-content:flex-start}.metric-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.app-shell:after{animation:none}}