:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#20242c;background:#f5f6f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit}.shell{display:flex;min-height:100vh}aside{position:fixed;inset:0 auto 0 0;z-index:30;display:flex;flex-direction:column;width:244px;padding:22px 16px;background:#16191f;color:#fff}.brand{display:flex;align-items:center;gap:12px;height:58px;padding:0 8px}.brand-mark,.mobile-logo{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#ffd966,#eba916);color:#332300;font-weight:900}.brand b,.brand span{display:block}.brand b{font-size:16px}.brand span{margin-top:3px;color:#858b96;font-size:11px}.aside-foot{margin-top:auto;padding:18px 12px;color:#686e78;font-size:11px}nav{display:flex;flex-direction:column;gap:5px;margin-top:28px}nav a{display:flex;align-items:center;gap:13px;padding:13px 15px;border-radius:11px;color:#aeb3bd;text-decoration:none;font-size:14px;transition:.2s}nav a:hover{background:#22262e;color:#fff}nav a.router-link-active{background:linear-gradient(90deg,#dba41d,#f1c548);color:#251c08;font-weight:700}main{width:calc(100% - 244px);margin-left:244px}header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;height:78px;padding:0 30px;border-bottom:1px solid #e8e9eb;background:#ffffffeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}header>div:first-of-type>b,header>div:first-of-type>span{display:inline-block}header>div:first-of-type>span{margin-left:10px;color:#a0a3a9;font-size:12px}.menu{display:none;border:0;background:transparent;font-size:24px}.user{display:flex;align-items:center;gap:10px}.avatar{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:#252932;color:#f5ca4c;font-weight:800}.user-copy b,.user-copy span{display:block}.user-copy b{font-size:13px}.user-copy span{margin-top:3px;color:#999da5;font-size:10px}.more{border:0;background:transparent;color:#777}.content{padding:30px}.welcome,.page-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:25px}.welcome span,.page-title>div>span{color:#ae7c00;font-size:11px;font-weight:800;letter-spacing:1.4px}.welcome h1,.page-title h1{margin:8px 0 5px;font-size:27px}.welcome p,.page-title p{margin:0;color:#858991;font-size:13px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.metric-grid article{display:flex;align-items:center;gap:16px;padding:23px;border:1px solid #ececef;border-radius:16px;background:#fff;box-shadow:0 8px 28px #191e2809}.metric-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:15px;font-weight:900}.metric-icon.gold{background:#fff4ce;color:#9e7100}.metric-icon.blue{background:#e6f0ff;color:#3978dc}.metric-icon.green{background:#e5f8ef;color:#269865}.metric-icon.purple{background:#f1eaff;color:#7c4cc2}.metric-grid span,.metric-grid b,.metric-grid small{display:block}.metric-grid span{color:#8a8e96;font-size:12px}.metric-grid b{margin:5px 0;font-size:21px}.metric-grid small{color:#9599a0;font-size:10px}.dashboard-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;margin-top:18px}.panel{border:1px solid #e9eaed;border-radius:17px;background:#fff;box-shadow:0 8px 28px #191e2808}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:22px 24px}.panel-head b,.panel-head span{display:block}.panel-head span{margin-top:4px;color:#969aa2;font-size:11px}.chart-bars{display:flex;align-items:flex-end;justify-content:space-around;height:260px;padding:25px}.chart-bars div{display:flex;align-items:center;flex-direction:column;justify-content:flex-end;width:8%;height:100%;gap:9px}.chart-bars i{width:100%;min-height:8px;border-radius:7px 7px 2px 2px;background:linear-gradient(#f5cf5a,#d69b10)}.chart-bars span{font-size:10px;color:#999}.todo{padding-bottom:10px}.todo-row{display:flex;align-items:center;margin:0 20px;padding:16px 4px;border-top:1px solid #f0f1f3}.todo-row>i{display:flex;align-items:center;justify-content:center;width:38px;height:38px;margin-right:13px;border-radius:12px;font-style:normal;font-size:12px}.todo-row>i.blue{background:#e8f1ff;color:#3978dc}.todo-row>i.gold{background:#fff4ce;color:#9e7100}.todo-row>i.red{background:#ffebea;color:#d8554c}.todo-row div{flex:1}.todo-row b,.todo-row span{display:block}.todo-row b{font-size:13px}.todo-row span{margin-top:4px;color:#999da4;font-size:10px}.todo-row strong{font-size:20px}.module{min-height:500px;padding-top:80px}.login-page{display:grid;grid-template-columns:1.15fr .85fr;min-height:100vh}.login-story{display:flex;justify-content:space-between;flex-direction:column;padding:54px 7vw;background:radial-gradient(circle at 75% 30%,#353b45 0,#1b1f26 38%,#111419 75%);color:#fff}.story-brand{display:flex;align-items:center;gap:13px}.story-brand i{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;background:#f1be35;color:#2f2306;font-style:normal;font-weight:900}.login-story>div:nth-child(2)>span{color:#f1c444;font-size:12px;font-weight:800;letter-spacing:2px}.login-story h1{margin:20px 0;font-size:clamp(40px,5vw,72px);line-height:1.12}.login-story p{max-width:560px;color:#9da3ad;font-size:15px;line-height:1.8}.story-stats{display:flex;gap:60px}.story-stats b,.story-stats span{display:block}.story-stats b{font-size:20px;color:#f2c747}.story-stats span{margin-top:5px;color:#777e89;font-size:11px}.login-panel{display:flex;align-items:center;justify-content:center;padding:40px;background:#fff}.login-panel form{width:100%;max-width:400px}.mobile-logo{display:none}.eyebrow{color:#af7d00;font-size:11px;font-weight:800;letter-spacing:1.5px}.login-panel h2{margin:12px 0 8px;font-size:31px}.login-panel form>p{margin:0 0 38px;color:#989ca3;font-size:13px}.login-panel label{display:block;margin:20px 0 9px;font-size:12px;font-weight:700}.options{display:flex;align-items:center;justify-content:space-between;margin:18px 0}.options a{color:#a87900;font-size:12px}.login-panel .el-button{width:100%}.login-panel small{display:block;margin-top:25px;text-align:center;color:#b0b3b8}.mask{display:none}@media(max-width:900px){aside{transform:translate(-100%);transition:.25s}aside.open{transform:translate(0)}.mask{position:fixed;inset:0;z-index:29;display:block;background:#00000073}main{width:100%;margin-left:0}header{height:66px;padding:0 18px}.menu{display:block}.content{padding:20px}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.login-page{grid-template-columns:1fr}.login-story{display:none}.mobile-logo{display:flex;margin-bottom:32px}.login-panel{min-height:100vh;padding:30px}.user-copy{display:none}}@media(max-width:540px){.content{padding:15px}.welcome,.page-title{align-items:flex-start;flex-direction:column;gap:16px}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-grid article{align-items:flex-start;flex-direction:column;padding:16px}.metric-icon{width:39px;height:39px}.metric-grid b{font-size:17px}.chart-bars{height:220px;padding:18px}.panel-head{padding:18px}.story-stats{gap:20px}}