:root{color-scheme:light;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;--bg: #f1f6f4;--bg-soft: #e8f1ee;--ink: #13252d;--ink-soft: #5a6b74;--brand: #0d7c63;--brand-deep: #0a5f4d;--border: #dbe7e2;--panel: rgba(255, 255, 255, .82)}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;min-height:100%;background:var(--bg)}.page-root{position:relative;min-height:100vh;background:linear-gradient(150deg,#eaf3f0,#f6fbfa 42%,#edf4f7);overflow:hidden}.bg-orb{position:absolute;border-radius:999px;filter:blur(2px);z-index:0;pointer-events:none}.bg-orb-1{width:420px;height:420px;right:-160px;top:-100px;background:radial-gradient(circle,#147e632e,#147e6300 70%)}.bg-orb-2{width:360px;height:360px;left:-120px;bottom:-140px;background:radial-gradient(circle,#17417e21,#17417e00 70%)}.bg-grid{position:absolute;inset:0;background-image:radial-gradient(rgba(19,37,45,.05) .8px,transparent .8px);background-size:20px 20px;opacity:.35;pointer-events:none;z-index:0}.app-shell{min-height:100vh;position:relative;z-index:1}.app-header{height:72px;border-bottom:1px solid var(--border);background:var(--panel);display:flex;align-items:center;justify-content:space-between;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding-inline:22px}.header-left{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.brand-copy{display:flex;flex-direction:column;gap:4px}.header-left h2{margin:0;color:var(--ink);font-size:26px;line-height:1}.brand-pill{border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700;letter-spacing:.08em;color:#0f6b57;background:#0d7c6321}.brand-icon{display:block;border-radius:22px;box-shadow:0 10px 24px #0c564a33}.brand-icon-header{width:52px;height:52px;flex:0 0 auto}.header-sub{color:var(--ink-soft);font-size:13px}.header-right{display:flex;align-items:center;gap:12px}.runtime-tip{border-radius:999px;padding:4px 10px;font-size:12px;color:#0d7159;background:#0d7c631f}.user-name{font-weight:600;color:var(--ink)}.app-main{padding:18px;position:relative;z-index:1}.summary-row{margin-bottom:14px}.summary-card{border-radius:14px;border:1px solid var(--border);background:#ffffffe6;box-shadow:0 8px 20px #14344314}.summary-card :deep(.el-card__body){position:relative;overflow:hidden}.summary-card :deep(.el-card__body):after{content:"";position:absolute;inset:auto -20px -45px auto;width:130px;height:130px;border-radius:999px;opacity:.28}.card-total :deep(.el-card__body):after{background:radial-gradient(circle,#1a5f98 0%,transparent 70%)}.card-active :deep(.el-card__body):after{background:radial-gradient(circle,#0a8a6b 0%,transparent 70%)}.card-grace :deep(.el-card__body):after{background:radial-gradient(circle,#d97a0a 0%,transparent 70%)}.card-risk :deep(.el-card__body):after{background:radial-gradient(circle,#b83556 0%,transparent 70%)}.summary-title{font-size:12px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em}.summary-value{margin-top:8px;font-size:34px;line-height:1;font-weight:700;color:#123748}.panel-card{border:1px solid var(--border);border-radius:16px;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 26px #12374814}.panel-card :deep(.el-card__body){padding-top:10px}.main-tabs :deep(.el-tabs__header){margin-bottom:16px}.main-tabs :deep(.el-tabs__nav-wrap::after){height:1px;background-color:#dce8e3}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.toolbar-left{display:flex;align-items:center;gap:10px}.w240{width:240px}.w180{width:180px}.soft-table{border-radius:12px;overflow:hidden}.soft-table :deep(.el-table__header-wrapper th){background:#eef4f1!important;color:#213841;font-weight:700}.pager{margin-top:12px;display:flex;justify-content:flex-end}.op-row{display:flex;gap:8px;flex-wrap:wrap}.extend-duration-group{width:100%}.form-tip{margin-top:6px;font-size:12px;color:#5f7380}.login-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:26px;position:relative;z-index:1}.login-layout{width:min(980px,96vw);display:grid;grid-template-columns:1.15fr .85fr;gap:20px;align-items:stretch}.login-brand{border-radius:18px;border:1px solid var(--border);background:linear-gradient(145deg,#0a5f4ded,#14485ced);color:#eff8f5;padding:30px;box-shadow:0 16px 28px #0a2e3b3d}.login-brand-head{display:flex;align-items:center;gap:14px}.brand-icon-login{width:64px;height:64px;box-shadow:0 16px 28px #051f2a47}.brand-chip{display:inline-block;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#d8f4e7;background:#ffffff29}.login-brand h1{margin:18px 0 10px;font-size:32px;line-height:1.15}.login-brand p{margin:0;font-size:14px;line-height:1.8;opacity:.94}.login-brand ul{margin:18px 0 0;padding-left:18px;display:grid;gap:8px;font-size:14px}.login-card{width:100%;border-radius:18px;border:1px solid var(--border);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 16px 28px #10342e1f}.login-card :deep(.el-card__header){border-bottom-color:#e4ece9}.login-title{font-size:24px;font-weight:700;color:#165f4d}.key-text{margin-top:12px}@media(max-width:900px){.app-main{padding:12px}.app-header{height:auto;min-height:72px;padding-block:10px}.header-sub{display:none}.brand-icon-header{width:44px;height:44px}.summary-value{font-size:24px}.toolbar{flex-direction:column;align-items:stretch}.toolbar-left{flex-wrap:wrap}.login-layout{grid-template-columns:1fr}.login-brand{padding:20px}.login-brand h1{font-size:24px}.brand-icon-login{width:52px;height:52px}.w240,.w180{width:100%}}