*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",Arial,sans-serif;background:#eef3f7;color:#1f2937}.hidden{display:none!important}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#6b7cff 0,#7b8cff 25%,#eef3f7 55%)}.login-card{width:390px;background:rgba(255,255,255,.92);border-radius:26px;padding:36px;box-shadow:0 30px 80px rgba(31,41,55,.2);backdrop-filter:blur(16px)}.brand-dot{width:62px;height:62px;border-radius:20px;background:linear-gradient(135deg,#6875ff,#22d3ee);display:grid;place-items:center;color:white;font-size:30px;font-weight:900;margin-bottom:18px}.login-card h1{margin:0 0 8px;font-size:28px}.login-card p{color:#667085;margin:0 0 24px}.login-card input{width:100%;height:46px;border:1px solid #e5e7eb;border-radius:12px;padding:0 14px;margin-bottom:12px;font-size:15px}.login-card button,.primary{border:0;border-radius:12px;height:44px;background:#4f66ff;color:#fff;font-weight:800;padding:0 18px;cursor:pointer}.login-card button{width:100%;margin-top:6px}.login-card small{display:block;color:#98a2b3;margin-top:16px}.shell{display:flex;min-height:100vh}.sidebar{width:238px;background:#1f3037;color:#d8e6ea;flex:none;position:sticky;top:0;height:100vh;overflow:auto}.site-title{height:54px;display:flex;align-items:center;justify-content:center;color:white;font-size:20px}.profile{display:flex;gap:12px;align-items:center;padding:18px 20px}.profile img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #6676ff}.profile span{display:block;color:#25d0a2;font-size:12px;margin-top:4px}.menu-search{margin:0 16px 14px;width:calc(100% - 32px);background:#32474f;border:0;border-radius:6px;height:36px;color:#fff;padding:0 12px}.menu-item{height:44px;display:flex;align-items:center;gap:10px;padding:0 22px;cursor:pointer;border-left:4px solid transparent;font-size:14px}.menu-item:hover,.menu-item.active{background:#4f66ff;color:#fff;border-left-color:#8ea0ff}.main{flex:1;min-width:0}.topbar{height:54px;background:#fff;display:flex;align-items:center;gap:14px;padding:0 18px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10}.ghost{border:1px solid #e5e7eb;background:#fff;border-radius:8px;height:34px;padding:0 12px;cursor:pointer}.spacer{flex:1}.content{padding:22px}.panel{background:#fff;border-radius:8px;padding:18px;margin-bottom:18px;box-shadow:0 1px 2px rgba(16,24,40,.04)}.panel-title{display:flex;align-items:center;gap:12px;margin-bottom:14px}.panel-title h2{font-size:18px;margin:0}.cards{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:16px;margin-bottom:18px}.card{background:#fff;border-radius:12px;padding:18px;display:flex;gap:14px;align-items:center;box-shadow:0 3px 14px rgba(16,24,40,.06)}.icon{width:46px;height:46px;border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:900}.i-red{background:#ff6b6b}.i-purple{background:#7267cb}.i-cyan{background:#20b8dd}.i-green{background:#22c55e}.i-orange{background:#ff8a65}.card b{display:block;color:#667085;font-size:13px}.card strong{font-size:24px;color:#111827}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.chart-wide{grid-column:1/-1}.chart{height:260px;border:1px solid #eef2f6;border-radius:10px;padding:12px}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.toolbar input,.toolbar select,.form-grid input,.form-grid select,.form-grid textarea{height:36px;border:1px solid #d0d5dd;border-radius:8px;padding:0 10px;background:white}.toolbar button,.small-btn{height:34px;border:0;border-radius:7px;padding:0 12px;cursor:pointer}.btn-blue{background:#2f6fed;color:white}.btn-green{background:#19c79f;color:white}.btn-red{background:#ff5b57;color:white}.btn-gray{background:#667085;color:white}.table-wrap{overflow:auto;background:white;border:1px solid #edf1f5}.data-table{width:100%;border-collapse:collapse;min-width:980px}.data-table th,.data-table td{border-bottom:1px solid #edf1f5;padding:10px;text-align:center;font-size:13px;white-space:nowrap}.data-table th{background:#f8fafc;color:#475467;font-weight:700}.data-table img.thumb{width:46px;height:46px;object-fit:cover;border-radius:8px}.status{display:inline-flex;align-items:center;gap:4px}.status:before{content:"";width:7px;height:7px;background:#12b76a;border-radius:50%}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:10px;margin:12px 0}.form-grid textarea{grid-column:span 2;height:76px;padding:10px}.uploader{display:flex;align-items:center;gap:8px}.preview{max-width:92px;max-height:56px;border-radius:8px;object-fit:cover}.tabs{display:flex;gap:8px;margin-bottom:12px}.tab{border:0;background:#e8eef8;border-radius:8px;padding:9px 14px;cursor:pointer}.tab.active{background:#4f66ff;color:#fff}#toast{position:fixed;top:18px;left:50%;transform:translateX(-50%);background:#111827;color:#fff;padding:10px 18px;border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.2);display:none;z-index:99}@media(max-width:900px){.sidebar{position:fixed;z-index:20;transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.cards{grid-template-columns:repeat(2,1fr)}.chart-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr 1fr}.content{padding:12px}.data-table{min-width:760px}}