:root{color:#123;background:#fff;font-family:PingFang SC,Noto Sans SC,sans-serif}body{background:#fff;min-width:320px;min-height:100vh;margin:0}*{box-sizing:border-box}#root{min-height:100vh}button,input,select{font:inherit}.screen-center{background:#fff;place-items:center;min-height:100vh;display:grid}.shell{width:min(1180px,100% - 32px);margin:0 auto}.panel{background:#ffffffeb;border:1px solid #1f431614;border-radius:24px;box-shadow:0 18px 40px #26461a14}.btn.secondary{color:#1f3b16;background:#eaf1e2}.field{flex-direction:column;gap:8px;display:flex}.field label{color:#52704c;font-size:14px}.field input,.field select{background:#fff;border:1px solid #d7e4cf;border-radius:14px;width:100%;padding:12px 14px}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #e8efe2;padding:14px 12px}th{color:#4d6550;text-transform:uppercase;letter-spacing:.04em;font-size:13px}.dashboard-shell{background:#f5f7fb;grid-template-columns:214px minmax(0,1fr);min-height:100vh;display:grid}.dashboard-sidebar{background:#fff;border-right:1px solid #e6ebf2;flex-direction:column;justify-content:space-between;height:100vh;padding:18px 0;display:flex;position:sticky;top:0}.dashboard-sidebar-user{color:#1f2937;border-bottom:1px solid #eef2f7;align-items:center;gap:12px;padding:0 22px 18px;font-size:15px;font-weight:500;display:flex}.dashboard-sidebar-avatar{color:#2563eb;background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:inline-flex}.dashboard-nav{gap:2px;margin-top:12px;display:grid}.dashboard-nav-item{color:#4b5563;align-items:center;gap:12px;padding:14px 22px;font-weight:500;text-decoration:none;display:flex}.dashboard-nav-item.active{color:#4096ff;background:#f8fbff}.dashboard-nav-icon{flex:0 0 16px;width:16px;height:16px;position:relative}.dashboard-nav-icon.grid:before,.dashboard-nav-icon.grid:after,.dashboard-nav-icon.doc:before,.dashboard-nav-icon.doc:after{content:"";position:absolute}.dashboard-nav-icon.grid:before{background:linear-gradient(#94a3b8,#94a3b8) 0 0/6px 6px no-repeat,linear-gradient(#94a3b8,#94a3b8) 100% 0/6px 6px no-repeat,linear-gradient(#94a3b8,#94a3b8) 0 100%/6px 6px no-repeat,linear-gradient(#94a3b8,#94a3b8) 100% 100%/6px 6px no-repeat;border-radius:4px;inset:1px}.dashboard-nav-item.active .dashboard-nav-icon.grid:before{background:linear-gradient(#4096ff,#4096ff) 0 0/6px 6px no-repeat,linear-gradient(#4096ff,#4096ff) 100% 0/6px 6px no-repeat,linear-gradient(#4096ff,#4096ff) 0 100%/6px 6px no-repeat,linear-gradient(#4096ff,#4096ff) 100% 100%/6px 6px no-repeat}.dashboard-nav-icon.doc:before{border:1.5px solid #94a3b8;border-radius:3px;inset:1px 2px}.dashboard-nav-icon.doc:after{background:#94a3b8;height:1.5px;top:5px;left:5px;right:5px;box-shadow:0 4px #94a3b8}.dashboard-sidebar-footer{padding:0 22px}.dashboard-topbar{z-index:3;background:#fff;border-bottom:1px solid #e6ebf2;justify-content:space-between;align-items:center;height:58px;padding:0 18px;display:flex;position:relative}.dashboard-topbar-left,.dashboard-topbar-right{align-items:center;gap:14px;display:flex}.dashboard-menu-button{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:3px;width:28px;height:28px;padding:0;display:inline-flex}.dashboard-menu-button span{background:#475569;border-radius:999px;width:16px;height:2px;display:block}.dashboard-breadcrumb{color:#9ca3af;align-items:center;gap:8px;font-size:14px;display:flex}.dashboard-breadcrumb span:first-child{color:#111827;font-weight:500}.dashboard-topbar-right{color:#111827;font-size:14px}.dashboard-topbar-logout{border-radius:8px;padding:8px 14px}.dashboard-main{isolation:isolate;flex-direction:column;min-width:0;min-height:100vh;padding:0;display:flex;position:relative;overflow:hidden}.dashboard-section{z-index:1;padding:20px;position:relative}.dashboard-section-fill{flex:auto;min-height:0;display:flex}.dashboard-card{z-index:1;background:#fff;border:1px solid #e6ebf2;border-radius:6px;position:relative;box-shadow:0 2px 10px #0f172a0a}.dashboard-watermark{pointer-events:none;z-index:0;grid-template-columns:repeat(4,minmax(180px,1fr));gap:72px 88px;padding:32px 48px;display:grid;position:absolute;inset:58px 0 0;overflow:hidden}.dashboard-watermark span{color:#94a3b824;white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:26px;transform:rotate(24deg)}.dashboard-filter-card{padding:20px 22px}.dashboard-toolbar{grid-template-columns:minmax(420px,1.9fr) minmax(220px,1.2fr) 180px 180px auto;align-items:end;gap:12px;display:grid}.dashboard-toolbar-field{gap:8px;min-width:0;display:grid}.dashboard-toolbar-field label{color:#374151;font-size:13px;font-weight:600}.dashboard-toolbar-field select,.dashboard-toolbar-field input,.dashboard-pagination-meta select{color:#374151;background:#fff;border:1px solid #d7dde7;border-radius:4px;width:100%;height:34px;padding:0 12px}.dashboard-date-range{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;min-width:0;display:grid}.dashboard-date-range span{color:#6b7280;font-size:13px}.dashboard-toolbar-actions{align-items:end;gap:12px;padding-bottom:1px;display:flex}.dashboard-toolbar-actions .btn{border-radius:4px;height:34px;padding:0 18px}.btn{color:#fff;cursor:pointer;background:#4096ff;border:1px solid #4096ff;border-radius:4px;padding:12px 20px}.btn.secondary{color:#374151;background:#fff;border-color:#d7dde7}.dashboard-table-card{z-index:1;flex-direction:column;flex:auto;padding:0 22px 18px;display:flex}.dashboard-table-header{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;height:54px;display:flex}.dashboard-table-title{color:#111827;font-size:15px;font-weight:600}.dashboard-table-summary{color:#6b7280;font-size:13px}.dashboard-table-wrap{flex:auto;min-height:0;overflow-x:auto}th,td{text-align:left;color:#4b5563;border-bottom:1px solid #edf1f6;padding:15px 12px}th{color:#9ca3af;text-transform:none;letter-spacing:0;font-size:13px;font-weight:600}.dashboard-pagination{justify-content:space-between;align-items:center;gap:16px;padding-top:16px;display:flex}.dashboard-pagination-meta{color:#6b7280;align-items:center;gap:12px;font-size:14px;display:flex}.dashboard-pagination-controls{align-items:center;gap:12px;display:flex}.dashboard-page-button{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #d7dde7;border-radius:4px;width:32px;height:32px}.dashboard-page-button:disabled{cursor:not-allowed;opacity:.5}.dashboard-page-current{color:#fff;background:#4096ff;border-radius:4px;justify-content:center;align-items:center;min-width:32px;height:32px;font-weight:600;display:inline-flex}@media (width<=1024px){.dashboard-shell{grid-template-columns:1fr}.dashboard-sidebar{border-bottom:1px solid #e2e8f0;border-right:none;height:auto;position:static}.dashboard-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-toolbar-actions{grid-column:1/-1}}@media (width<=720px){.dashboard-topbar{flex-direction:column;align-items:flex-start;height:auto;padding:12px 16px}.dashboard-section{padding:16px}.dashboard-toolbar,.dashboard-date-range{grid-template-columns:1fr}.dashboard-pagination{flex-direction:column;align-items:flex-start}}.login-shell{background:radial-gradient(circle at 14% 20%,#fffffffa,#ffffffb8 24%,#0000 52%),radial-gradient(circle at 88% 10%,#e3eefff0,#0000 26%),radial-gradient(circle at 52% 100%,#d6e4fad6,#0000 34%),linear-gradient(135deg,#fbfdff 0%,#f3f8ff 40%,#edf4ff 74%,#eef3fb 100%);justify-content:center;align-items:center;min-height:100vh;padding:clamp(24px,4vw,56px);display:flex;position:relative;overflow:hidden}.login-shell:before,.login-shell:after{content:"";pointer-events:none;position:absolute}.login-shell:before{opacity:.8;background:linear-gradient(120deg,#0000 0%,#ffffff5c 18%,#0000 34%,#ffffff38 46%,#0000 62%),linear-gradient(145deg,#0000 12%,#ffffff85 18%,#0000 26%,#ffffff2e 40%,#0000 54%);inset:0}.login-shell:after{background:radial-gradient(circle,#cee0fcad 0%,#cee0fc00 70%);border-radius:50%;width:56vw;height:56vw;bottom:-24vw;right:-10vw}.login-frame{z-index:1;grid-template-columns:minmax(0,1fr) minmax(420px,476px);align-items:center;gap:clamp(44px,6vw,120px);width:min(1260px,100%);display:grid;position:relative}.login-brand-panel{padding-left:clamp(8px,2vw,20px)}.login-brand-row{justify-content:center;align-items:center;gap:14px;display:flex}.login-brand-mark{background:linear-gradient(#3ca8ff 0%,#1c6df2 100%);border-radius:14px;flex:0 0 54px;width:54px;height:54px;position:relative;box-shadow:inset 0 1px #ffffff57,0 12px 26px #2e74ff33}.login-brand-mark-ring{border:4px solid #fff;border-left-width:7px;border-radius:50%;position:absolute;inset:12px 11px 11px 12px;transform:rotate(12deg)}.login-brand-mark-tail{transform-origin:0;background:#fff;border-radius:999px;width:16px;height:6px;position:absolute;top:25px;left:13px;transform:rotate(-2deg)}.login-brand-title{color:#243c68;letter-spacing:.01em;margin:0;font-size:clamp(34px,4.3vw,52px);font-weight:700}.login-illustration{aspect-ratio:1;width:min(600px,100%);margin:42px auto 0;position:relative}.login-stage{background:linear-gradient(#ffffffeb,#dbe8fde6),linear-gradient(135deg,#eff6ff,#dbe8ff);border:1px solid #ffffffe6;border-radius:48px;position:absolute;inset:32% 14% 10% 12%;transform:perspective(1200px)rotateX(60deg)rotate(-34deg);box-shadow:inset 0 2px #ffffffd9,0 34px 70px #7a9dd62e}.login-stage:before,.login-stage:after{content:"";background:linear-gradient(90deg,#4cdcff9e,#4d8bff8a);border-radius:999px;height:11%;position:absolute;inset:auto 8% -8%}.login-stage:after{background:#75d5ff4d;inset:auto 12% -16%}.login-device{aspect-ratio:1.08;width:50%;position:absolute;bottom:20%;left:20%;transform:rotate(-34deg)}.login-device-top{background:linear-gradient(#ffffffeb,#d9e8ffd6),linear-gradient(135deg,#fff,#dbe8ff);border:1px solid #ffffffdb;border-radius:32px;position:absolute;inset:0;box-shadow:inset 0 2px #ffffffd1,0 28px 60px #7b9ad629}.login-device-body{filter:blur(2px);background:linear-gradient(#96bcf233,#70d2f68a);border-radius:0 0 28px 28px;height:22%;position:absolute;inset:auto 8% -16%}.login-screen-panel{aspect-ratio:.8;background:linear-gradient(#ffffffd6,#e2efffc7);border:1px solid #a7c6f173;border-radius:18px;width:24%;position:absolute;top:26%;left:10%;transform:rotate(-10deg);box-shadow:0 24px 48px #6d94d324}.login-screen-panel span{background:linear-gradient(90deg,#5398ff47,#59e7ffbd);border-radius:999px;height:11%;margin:12% 14% 0;display:block}.login-screen-panel span:last-child{width:56%}.login-coin{background:radial-gradient(circle at 30% 28%,#fffffff5,#ffffff29 26%,#0000 29%),linear-gradient(#56e6ff 0%,#31beff 46%,#2481f7 100%);border-radius:50%;place-items:center;display:grid;position:absolute;box-shadow:inset 0 0 0 7px #ffffff38,0 22px 44px #42adff3d}.login-coin span{color:#fff;text-shadow:0 2px 6px #00649c38;font-weight:700}.login-coin-main{width:128px;height:128px;top:24%;left:39%}.login-coin-main span{font-size:58px}.login-coin-left,.login-coin-right{width:62px;height:62px}.login-coin-left span,.login-coin-right span{font-size:28px}.login-coin-left{top:55%;left:30%}.login-coin-right{top:56%;right:18%}.login-cube{background:linear-gradient(#fffffff5,#c4ddffeb),linear-gradient(135deg,#f8fbff,#d6e8ff);border:1px solid #8bb5f173;border-radius:14px;width:58px;height:58px;position:absolute;transform:rotate(-34deg);box-shadow:0 20px 38px #719adc2e}.login-cube i{background:linear-gradient(135deg,#50e2ff,#3594ff);border-radius:4px;width:16px;height:16px;display:block;position:absolute;inset:auto 10px 8px auto}.login-cube-a{bottom:16.5%;left:46%}.login-cube-b{width:46px;height:46px;bottom:24%;left:62%}.login-cube-c{width:52px;height:52px;bottom:29%;right:10%}.login-panel-card{justify-content:center;display:flex}.login-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border:1px solid #fffffff2;border-radius:18px;width:100%;min-height:628px;padding:44px 50px 48px;box-shadow:0 22px 60px #809ac029,inset 0 1px #fffffff5}.login-card-header{justify-content:center;margin-top:2px;padding-bottom:24px;display:flex;position:relative}.login-card-header:after{content:"";background:#7e95bb2e;height:1px;position:absolute;bottom:0;left:0;right:0}.login-card-tab{z-index:1;color:#2f6dff;letter-spacing:.02em;justify-content:center;align-items:center;min-width:112px;padding-bottom:1px;font-size:18px;font-weight:600;display:inline-flex;position:relative}.login-card-tab:after{content:"";background:linear-gradient(90deg,#4e8eff,#2a66ff);border-radius:999px;height:2px;position:absolute;bottom:-24px;left:8%;right:8%}.login-form{gap:18px;margin-top:84px;display:grid}.login-input-group{background:#fff;border:1px solid #d5ddea;border-radius:6px;align-items:center;height:42px;padding-inline:14px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.login-input-group:focus-within{border-color:#8eb4ff;box-shadow:0 0 0 2px #457cff14}.login-input-icon{color:#909caf;justify-content:center;align-items:center;width:16px;height:16px;margin-right:8px;display:inline-flex}.login-input-icon svg,.login-input-action svg,.login-captcha-refresh svg{width:100%;height:100%}.login-input-control{color:#22385f;background:0 0;border:none;outline:none;flex:auto;width:100%;min-width:0;padding:0}.login-input-control::placeholder{color:#b0bac9}.login-input-action{color:#909caf;cursor:pointer;background:0 0;border:none;flex:none;width:16px;height:16px;padding:0}.login-captcha-row{grid-template-columns:minmax(0,1fr) 176px;align-items:start;gap:12px;display:grid}.login-captcha-box{color:#4a7f12;cursor:pointer;background:radial-gradient(circle at 12% 24%,#89d0ff1a,#0000 16%),radial-gradient(circle at 80% 34%,#80e5ff1a,#0000 18%),linear-gradient(#fff,#f3f8ff);border:1px solid #dbe5ec;border-radius:6px;justify-content:center;align-items:center;height:48px;margin:0;padding:0;display:inline-flex;position:relative;overflow:hidden}.login-captcha-image{object-fit:contain;image-rendering:auto;filter:contrast(1.15)saturate(1.08);background:#fff;width:100%;height:100%}.login-captcha-loading{color:#7aa2ca;font-size:13px}.login-captcha-refresh{color:#7aa2ca;opacity:.9;width:14px;height:14px;position:absolute;bottom:7px;right:8px}.login-error{color:#cb3a31;background:#fff4f3;border:1px solid #ffd3d1;border-radius:8px;align-items:flex-start;gap:10px;margin-top:-2px;padding:12px 14px;font-size:14px;line-height:1.45;display:flex}.login-error-icon{flex:0 0 16px;width:16px;height:16px;margin-top:2px}.login-submit{color:#fff;cursor:pointer;background:linear-gradient(#4f8dff 0%,#2f6dff 100%);border:none;border-radius:6px;width:100%;height:44px;font-size:16px;font-weight:600;box-shadow:0 12px 24px #2f6dff38}.login-submit:hover,.login-submit:focus{background:linear-gradient(#6099ff 0%,#3a78ff 100%);box-shadow:0 14px 28px #2f6dff42}.login-submit:disabled{cursor:not-allowed;opacity:1;background:linear-gradient(#9bb8ff 0%,#7fa3ff 100%);box-shadow:0 8px 18px #4d7cff29}@media (width<=1080px){.login-frame{grid-template-columns:1fr;gap:32px}.login-brand-panel{padding-left:0}.login-illustration{width:min(520px,92vw);margin-inline:auto}.login-card{min-height:auto}}@media (width<=640px){.login-shell{padding:18px}.login-frame{grid-template-columns:1fr}.login-brand-title{font-size:28px}.login-brand-mark{flex-basis:48px;width:48px;height:48px}.login-brand-mark-ring{border-width:3px 3px 3px 6px;inset:11px 10px 10px 11px}.login-brand-mark-tail{width:14px;top:22px;left:12px}.login-card{min-height:auto;padding:30px 20px 24px}.login-form{margin-top:52px}.login-captcha-row{grid-template-columns:1fr}.login-captcha-box{width:100%}}