:root{--text:#68717f;--text-h:#0f172a;--muted:#7c8799;--bg:#eef3fb;--border:#dbe4f0;--code-bg:#edf2fb;--panel-bg:#ffffffe6;--soft-bg:#1e40af14;--accent:#1d4ed8;--accent-bg:#1d4ed81a;--accent-border:#1d4ed838;--shadow:0 20px 50px #0f172a14;--fluent-text-primary:var(--text-h);--fluent-text-secondary:var(--text);--fluent-accent:var(--accent);--fluent-bg:var(--bg);--fluent-border:var(--border);--fluent-panel-bg:var(--panel-bg);--fluent-shadow:var(--shadow);--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:20px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{box-sizing:border-box;width:100%;max-width:none;min-height:100svh;margin:0}body{background:radial-gradient(circle at 0 0,#1d4ed81f,#0000 24%),radial-gradient(circle at 100% 0,#0ea5e91a,#0000 20%),linear-gradient(#f8fbff 0%,#ecf3fb 100%);margin:0}h1,h2,h3{font-family:var(--heading);color:var(--text-h);font-weight:700}h1{letter-spacing:-.04em;margin:0 0 16px;font-size:62px;line-height:1.04}h2{margin:0 0 16px;font-size:26px;line-height:1.15}h3{margin:0 0 12px;font-size:20px}p{margin:0}code{font-family:var(--mono);color:var(--text-h);background:var(--code-bg);border-radius:4px;padding:3px 7px;font-size:16px;line-height:135%}*{box-sizing:border-box}@media (width<=900px){:root{font-size:17px}h1{font-size:40px}}:root{--fluent-bg:#f3f3f3;--fluent-bg-secondary:#fff;--fluent-text:#242424;--fluent-text-secondary:#5d5d5d;--fluent-accent:#0f6cbd;--fluent-accent-hover:#115ea3;--fluent-accent-pressed:#0f548c;--fluent-card-bg:#ffffffb3;--fluent-card-border:#fff6;--fluent-divider:#e0e0e0;--fluent-font-family:"Segoe UI Variable", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;--fluent-shadow-2:0 2px 4px #0000000a, 0 0 2px #0000000f;--fluent-shadow-4:0 4px 8px #0000000a, 0 0 2px #0000000f;--fluent-shadow-8:0 8px 16px #0000000a, 0 0 2px #0000000f;--fluent-shadow-16:0 16px 32px #0000000a, 0 0 2px #0000000f;--fluent-radius-sm:4px;--fluent-radius-md:8px;--fluent-radius-lg:12px;--fluent-radius-xl:16px;--fluent-transition-fast:.15s cubic-bezier(.33, 0, .67, 1);--fluent-transition-normal:.25s cubic-bezier(.33, 0, .67, 1)}body{font-family:var(--fluent-font-family);background-color:var(--fluent-bg);color:var(--fluent-text);-webkit-font-smoothing:antialiased;background-image:linear-gradient(135deg,#f3f3f3 0%,#e9ecef 100%);min-height:100vh;margin:0}.fluent-card{background:var(--fluent-card-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--fluent-card-border);border-radius:var(--fluent-radius-lg);box-shadow:var(--fluent-shadow-4);transition:box-shadow var(--fluent-transition-normal), transform var(--fluent-transition-normal);padding:24px}.fluent-card:hover{box-shadow:var(--fluent-shadow-8);transform:translateY(-2px)}.fluent-card.no-hover:hover{box-shadow:var(--fluent-shadow-4);transform:none}.fluent-title-1{letter-spacing:-.02em;margin:0 0 16px;font-size:35px;font-weight:600;line-height:40px}.fluent-title-2{margin:0 0 12px;font-size:26px;font-weight:600;line-height:32px}.fluent-title-3{margin:0 0 12px;font-size:22px;font-weight:600;line-height:28px}.fluent-subtitle{color:var(--fluent-text-secondary);margin:0 0 20px;font-size:15px}.fluent-btn{border-radius:var(--fluent-radius-sm);cursor:pointer;transition:all var(--fluent-transition-fast);border:1px solid #0000;justify-content:center;align-items:center;height:32px;padding:6px 16px;font-family:inherit;font-size:15px;font-weight:500;display:inline-flex}.fluent-btn-primary{background-color:var(--fluent-accent);color:#fff;box-shadow:0 2px 4px #0f6cbd33}.fluent-btn-primary:hover{background-color:var(--fluent-accent-hover);box-shadow:0 4px 8px #0f6cbd4d}.fluent-btn-primary:active{background-color:var(--fluent-accent-pressed);transform:scale(.98)}.fluent-btn-secondary{color:var(--fluent-text);box-shadow:var(--fluent-shadow-2);background-color:#fff;border:1px solid #d1d1d1}.fluent-btn-secondary:hover{background-color:#f5f5f5}.fluent-btn-secondary:active{background-color:#ebebeb;transform:scale(.98)}.el-button{font-family:var(--fluent-font-family);border-radius:var(--fluent-radius-sm)!important;transition:all var(--fluent-transition-fast)!important}.el-button--primary{background-color:var(--fluent-accent)!important;border-color:var(--fluent-accent)!important}.el-button--primary:hover{background-color:var(--fluent-accent-hover)!important;border-color:var(--fluent-accent-hover)!important}.el-input__wrapper,.el-select__wrapper{border-radius:var(--fluent-radius-sm)!important;transition:box-shadow var(--fluent-transition-fast)!important;background-color:#fffc!important;box-shadow:inset 0 0 0 1px #d1d1d1!important}.el-input__wrapper.is-focus,.el-select__wrapper.is-focus{box-shadow:0 0 0 2px var(--fluent-accent) inset!important;background-color:#fff!important}.el-input__wrapper:hover,.el-select__wrapper:hover{box-shadow:inset 0 0 0 1px #8a8a8a!important}.el-menu{background-color:#0000!important;border-right:none!important}.el-menu-item{margin:4px 8px;border-radius:var(--fluent-radius-sm)!important;height:40px!important;line-height:40px!important}.el-menu-item.is-active{font-weight:600;color:var(--fluent-accent)!important;background-color:#0f6cbd1a!important}.el-menu-item.is-active:before{content:"";background-color:var(--fluent-accent);border-radius:4px;width:3px;position:absolute;top:10px;bottom:10px;left:0}.el-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--fluent-radius-lg)!important;border:1px solid var(--fluent-card-border)!important;background:var(--fluent-card-bg)!important;box-shadow:var(--fluent-shadow-4)!important}.el-table{--el-table-border-color:var(--fluent-divider);--el-table-header-bg-color:#fff6;--el-table-row-hover-bg-color:#00000005;background-color:#0000!important}.el-table th.el-table__cell{font-weight:600;color:var(--fluent-text)!important;background-color:#ffffff80!important}.el-tag{border-radius:var(--fluent-radius-sm)!important;border:none!important}.fluent-layout{height:100vh;display:flex;overflow:hidden}.fluent-sidebar{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border-right:1px solid var(--fluent-divider);z-index:10;background:#f3f3f3cc;flex-direction:column;width:260px;transition:transform .3s;display:flex}.fluent-sidebar-header{align-items:center;gap:12px;padding:24px 20px;display:flex}.fluent-main{flex:1;padding:32px 40px;position:relative;overflow-y:auto}.fluent-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.fluent-mobile-menu-btn{border-radius:var(--fluent-radius-sm);cursor:pointer;width:40px;height:40px;color:var(--fluent-text);background:#ffffffb3;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:none}.fluent-sidebar-overlay{z-index:9;background:#0000004d;display:none;position:fixed;inset:0}@media (width<=768px){.fluent-sidebar{z-index:1001;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.fluent-sidebar.is-open{transform:translate(0)}.fluent-sidebar-overlay.is-visible{display:block}.fluent-main{padding:16px}.fluent-header{margin-bottom:16px}.fluent-mobile-menu-btn{display:flex}.fluent-title-1{font-size:27px;line-height:32px}.fluent-title-2{font-size:20px;line-height:24px}.fluent-card{padding:16px}.fluent-grid{grid-template-columns:1fr;gap:12px}.fluent-auth-card{max-width:100%;margin:0 16px;padding:24px}.el-table{font-size:14px}.el-table__body-wrapper{overflow-x:auto}.el-dialog{width:92%!important;margin:16px auto!important}.el-radio-group{flex-wrap:wrap;gap:4px}.el-form-item__label{font-size:14px}.el-button{padding:8px 12px}}@media (width<=480px){.fluent-main,.fluent-card{padding:12px}.fluent-title-2,.fluent-title-3{font-size:18px}.el-button+.el-button{margin-left:4px}}.fluent-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.fluent-auth-container{background:linear-gradient(135deg,#fbfdff 0%,#edf5ff 44%,#dce9ff 100%);justify-content:center;align-items:center;min-height:100vh;padding:48px 24px;display:flex;position:relative;overflow:hidden}.fluent-auth-container:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#ffffff47 0%,#ffffff0f 52%,#ffffff2e 100%);position:absolute;inset:0}.fluent-auth-container-admin{background:linear-gradient(135deg,#fbfdff 0%,#edf5ff 44%,#dce9ff 100%)}.fluent-auth-card{z-index:2;-webkit-backdrop-filter:blur(30px)saturate(135%);background:linear-gradient(145deg,#ffffffb8,#f4f8ff94);border-color:#ffffffc2;width:100%;max-width:440px;padding:40px;position:relative;box-shadow:0 34px 100px #214ca82e,inset 0 1px #ffffffdb}.fluent-auth-card:hover{transform:none;box-shadow:0 34px 100px #214ca82e,inset 0 1px #ffffffdb}.auth-mobile-slogan{display:none}@media (width<=768px){.fluent-auth-container{height:auto;min-height:100svh;padding:calc(82px + env(safe-area-inset-top)) 16px calc(28px + env(safe-area-inset-bottom));background:linear-gradient(#ffffffeb 0%,#f4f9ffc2 48%,#ddebffdb 100%),linear-gradient(135deg,#fbfdff 0%,#edf5ff 44%,#dce9ff 100%);flex-direction:column;justify-content:flex-start;align-items:flex-start;overflow-y:auto}.fluent-auth-card{border-radius:10px;max-width:100%;margin:0;padding:24px}.fluent-auth-card .fluent-title-1{font-size:26px;line-height:1.18;margin-bottom:22px!important}.fluent-auth-card .el-form-item{margin-bottom:16px}.fluent-auth-card .el-input__wrapper{min-height:44px}.fluent-auth-card .el-button--large{white-space:normal;min-height:44px}.auth-email-code-row{flex-direction:column;gap:10px!important}.auth-email-code-row .el-button{width:100%}.auth-mobile-slogan{z-index:2;color:#2450ba;text-align:center;width:100%;margin:18px 0 0;font-size:15px;font-weight:700;line-height:1.6;display:block;position:relative}}@media (width<=480px){.fluent-auth-container{padding:calc(76px + env(safe-area-inset-top)) 12px calc(22px + env(safe-area-inset-bottom))}.fluent-auth-card{padding:20px 16px;box-shadow:0 22px 62px #214ca82e,inset 0 1px #ffffffdb}.fluent-auth-card .fluent-title-1{font-size:24px}.fluent-auth-card .el-form-item__label{padding-bottom:5px}.auth-mobile-slogan{max-width:280px;margin:16px auto 0;font-size:14px}}.fluent-top-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--fluent-divider);z-index:100;background:#fffc;align-items:center;height:48px;padding:0 24px;display:flex;position:sticky;top:0}