:root{color-scheme:light;--ink:#122033;--muted:#6f7d90;--line:#e6ebf1;--blue:#1266e3;--nav:#07111f}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:#f4f7fb}button,input{font:inherit}button{cursor:pointer}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(430px,1.15fr) minmax(390px,.85fr);background:#fff}.brand-panel{position:relative;display:flex;min-height:100vh;overflow:hidden;flex-direction:column;padding:54px 7vw;color:#eef8ff;background:radial-gradient(circle at 75% 20%,#164d6d 0,transparent 34%),linear-gradient(145deg,#06101d 0%,#09263d 58%,#073e4a 100%)}.brand-panel:after{position:absolute;right:-18%;bottom:-25%;width:70%;height:70%;border:1px solid rgba(55,230,255,.22);border-radius:50%;content:""}.brand-mark{position:relative;z-index:1;font-size:18px;font-weight:700;letter-spacing:3px}.brand-copy{position:relative;z-index:1;margin:auto 0}.eyebrow{color:#36d9f2;font-size:12px;letter-spacing:5px}.brand-copy h1{margin:18px 0 12px;font-size:clamp(42px,5vw,72px);letter-spacing:-3px}.brand-copy p{margin:0;color:#a9c4d8;font-size:20px}.brand-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.brand-points span{padding:9px 14px;border:1px solid rgba(119,215,235,.25);border-radius:999px;color:#b8d7e6;background:rgba(6,27,44,.48);font-size:12px}.data-art{position:relative;z-index:1;height:128px;display:flex;align-items:flex-end;gap:12px;margin-top:30px}.data-art i{width:42px;height:var(--h);border-radius:7px 7px 0 0;background:linear-gradient(#2ce3f5,#0879af);box-shadow:0 0 26px rgba(30,211,237,.22)}.login-panel{display:flex;align-items:center;justify-content:center;padding:38px}.login-card{width:min(420px,100%)}.mobile-logo{display:none}.login-card h2{margin:0;font-size:30px}.login-card>p{margin:10px 0 32px;color:var(--muted)}.login-tabs{display:flex;margin-bottom:23px;padding:4px;border-radius:12px;background:#f0f3f7}.login-tabs button{flex:1;padding:10px;border:0;border-radius:9px;color:#778397;background:transparent}.login-tabs button.active{color:#172335;background:#fff;box-shadow:0 2px 8px rgba(26,43,64,.08);font-weight:650}.login-card label{display:block;margin:15px 0;color:#475568;font-size:13px}.login-card input{width:100%;height:49px;margin-top:8px;padding:0 14px;border:1px solid #dfe5ec;border-radius:10px;outline:0;background:#fbfcfe}.login-card input:focus{border-color:#3b82ef;box-shadow:0 0 0 3px rgba(59,130,239,.1)}.code-row{display:flex;gap:9px}.code-row input{flex:1}.code-row button{width:112px;height:49px;margin-top:8px;border:1px solid #bdd6f7;border-radius:10px;color:#1266d9;background:#f3f8ff}.form-error{min-height:22px;color:#dc3f4b;font-size:12px}.primary{width:100%;height:50px;border:0;border-radius:11px;color:#fff;background:linear-gradient(135deg,#1678ee,#124fc8);font-weight:700;box-shadow:0 10px 25px rgba(18,102,227,.2)}.login-foot{display:flex;justify-content:space-between;margin-top:18px}.login-foot a,.login-foot button{border:0;color:#66809e;background:transparent;text-decoration:none;font-size:12px}.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:20;top:0;bottom:0;left:0;width:238px;padding:24px 14px;display:flex;flex-direction:column;color:#b9c4d3;background:var(--nav)}.app-brand{display:flex;align-items:center;gap:10px;padding:0 10px 27px;color:#fff}.app-brand b{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(135deg,#14c8e5,#1672e8)}.app-brand span{font-weight:700}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav button,.logout{height:43px;display:flex;align-items:center;gap:11px;padding:0 12px;border:0;border-radius:10px;color:#9eadc0;background:transparent;text-align:left}.sidebar nav button.active{color:#fff;background:linear-gradient(90deg,rgba(21,116,232,.32),rgba(21,116,232,.1))}.sidebar nav i{width:25px;height:25px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:rgba(255,255,255,.06);font-size:11px;font-style:normal}.logout{margin-top:auto}.workspace{min-height:100vh;margin-left:238px}.workspace header{height:78px;display:flex;align-items:center;padding:0 32px;border-bottom:1px solid var(--line);background:#fff}.workspace header h1{margin:0;font-size:20px}.workspace header p{margin:4px 0 0;color:#8b97a6;font-size:11px}.user-chip{margin-left:auto;display:flex;align-items:center;gap:9px}.user-chip>span{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:#18a994}.user-chip div{display:flex;flex-direction:column}.user-chip b{font-size:12px}.user-chip small{margin-top:3px;color:#8792a1}.menu-button{display:none}.page-view{padding:28px 32px}.welcome{min-height:148px;display:flex;align-items:center;justify-content:space-between;padding:28px 34px;border-radius:18px;color:#eaf8ff;background:radial-gradient(circle at 80% 20%,rgba(19,205,226,.28),transparent 32%),linear-gradient(120deg,#0b2039,#123d61)}.welcome span{color:#47d9ea;font-size:11px;letter-spacing:2px}.welcome h2{margin:9px 0 6px;font-size:27px}.welcome p{margin:0;color:#a8c0d2;font-size:13px}.welcome button,.table-toolbar button{height:36px;padding:0 14px;border:1px solid rgba(255,255,255,.2);border-radius:9px;color:#fff;background:rgba(255,255,255,.1)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:18px}.stat-card{padding:19px;border:1px solid var(--line);border-radius:15px;background:#fff}.stat-card span{color:#7d8998;font-size:11px}.stat-card b{display:block;margin-top:8px;font-size:25px}.stat-card small{display:block;margin-top:5px;color:#18a07d}.dashboard-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:17px;margin-top:18px}.panel{min-height:280px;padding:20px;border:1px solid var(--line);border-radius:15px;background:#fff}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel-head h3{margin:0;font-size:15px}.panel-head span{color:#929dab;font-size:10px}.overview-bars{height:200px;display:flex;align-items:flex-end;justify-content:space-around;gap:18px;padding-top:26px}.bar-item{height:100%;display:flex;flex:1;align-items:center;justify-content:flex-end;flex-direction:column;gap:8px}.bar-item i{width:min(42px,70%);height:var(--h);min-height:7px;border-radius:7px 7px 2px 2px;background:linear-gradient(#1ec9df,#1671e8)}.bar-item b{font-size:11px}.bar-item span{color:#8995a4;font-size:10px}.recent-list{margin-top:13px}.recent-item{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid #eef1f4}.recent-item i{width:29px;height:29px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:8px;color:#1875df;background:#eaf3ff;font-size:10px;font-style:normal}.recent-item div{min-width:0;display:flex;flex-direction:column}.recent-item b{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.recent-item span{margin-top:4px;color:#929dab;font-size:9px}.table-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.search-box{width:min(330px,50%);height:39px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#fff}.search-box input{width:100%;border:0;outline:0}.table-toolbar>div:last-child{display:flex;gap:8px}.table-toolbar button{border-color:#dce2e9;color:#667487;background:#fff}.table-toolbar button.dark{border-color:#152235;color:#fff;background:#152235}.table-panel{min-height:430px;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#fff}.table-meta{padding:15px 18px;border-bottom:1px solid var(--line);color:#788596;font-size:11px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{padding:13px 16px;border-bottom:1px solid #edf0f3;text-align:left;font-size:11px}th{color:#778495;background:#f8fafc;font-weight:600}td{max-width:280px;overflow:hidden;text-overflow:ellipsis}.empty-state{padding:90px 0;color:#9aa4b0;text-align:center}.sidebar-shade{display:none}
@media(max-width:850px){.login-shell{display:block}.brand-panel{min-height:230px;padding:28px}.brand-copy{margin:auto 0 0}.brand-copy h1{font-size:36px}.brand-copy p,.brand-points,.data-art{display:none}.login-panel{padding:30px 20px}.login-card h2{font-size:25px}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.workspace{margin-left:0}.workspace header{height:68px;padding:0 16px}.menu-button{width:36px;height:36px;display:block;margin-right:10px;border:0;border-radius:9px;background:#edf2f7}.page-view{padding:16px}.welcome{min-height:140px;padding:23px}.welcome button{display:none}.stats{grid-template-columns:1fr 1fr;gap:10px}.dashboard-grid{grid-template-columns:1fr}.user-chip div{display:none}.sidebar-shade.show{position:fixed;z-index:19;inset:0;display:block;background:rgba(0,0,0,.38)}.table-toolbar{align-items:stretch;flex-direction:column;gap:9px}.search-box{width:100%}.table-toolbar>div:last-child{justify-content:flex-end}}