:root{color:#172033;background:#f4f7fb;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}.full-screen,.app-shell{min-height:100vh}.app-sider{position:sticky!important;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;height:64px;padding:0 20px;color:#fff;font-size:17px;font-weight:700;white-space:nowrap}.brand.large{color:#172033;padding:0}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(135deg,#1677ff,#6d5ce7);font-size:13px;box-shadow:0 8px 20px #1677ff40}.logout-menu{position:absolute;bottom:18px;left:12px}.logout-menu .ant-btn{color:#ffffffb3}.app-header{position:sticky;z-index:10;top:0;display:flex;align-items:center;justify-content:space-between;padding:0 24px!important;background:#fffffff0!important;border-bottom:1px solid #edf0f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.user-meta{display:flex;flex-direction:column;text-align:right;line-height:1.3}.app-content{padding:28px;overflow:hidden}.page-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.page-title h1{margin:0;font-size:clamp(24px,3vw,32px);letter-spacing:-.03em}.page-title p{margin:6px 0 0;color:#667085}.page-actions{display:flex;gap:8px}.surface{border:1px solid #e9edf4;box-shadow:0 8px 30px #1f2e500d}.metric-card .ant-statistic-title{min-height:44px;color:#667085}.metric-card .ant-statistic-content{font-weight:700}.filter-card{margin-bottom:18px}.table-card .ant-table-wrapper{overflow-x:auto}.clickable-row{cursor:pointer}.comment-content{display:-webkit-box;max-width:420px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.thread-card{margin-bottom:12px}.thread-reply{margin-left:28px;border-left:3px solid #dbe8ff}.login-page{display:grid;grid-template-columns:minmax(320px,1fr) minmax(380px,480px);min-height:100vh;align-items:center;gap:clamp(40px,9vw,140px);padding:clamp(28px,7vw,110px);background:radial-gradient(circle at 15% 20%,rgb(22 119 255 / 14%),transparent 36%),radial-gradient(circle at 80% 80%,rgb(109 92 231 / 12%),transparent 30%),#f7f9fc}.login-intro h1{max-width:650px;margin-top:40px;font-size:clamp(40px,6vw,72px);line-height:1.02;letter-spacing:-.055em}.login-intro p{max-width:600px;color:#5f6b7c;font-size:18px}.login-card{padding:18px;border:1px solid rgb(255 255 255 / 80%);box-shadow:0 30px 80px #20376426}.login-card .ant-alert{margin-bottom:18px}.chart-card{height:380px}.chart-container{width:100%;height:300px}@media(max-width:900px){.login-page{grid-template-columns:1fr}.login-intro{display:none}.app-content{padding:18px}}@media(max-width:600px){.page-title{flex-direction:column}.page-actions{width:100%;flex-wrap:wrap}.user-meta{display:none}}