.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.login-card{width:400px;box-shadow:0 8px 24px #00000026;border-radius:8px}.login-card .ant-card-head{border-bottom:none;padding:32px 24px 0}.login-card .ant-card-body{padding:24px}.login-header{text-align:center}.login-header h2{margin:0 0 8px;font-size:24px;font-weight:600;color:#1890ff}.login-header p{margin:0;font-size:14px;color:#666}.login-footer{text-align:center;margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0}.login-footer p{margin:0;font-size:12px;color:#999}.main-layout{min-height:100vh}.main-sider{overflow:auto;height:100vh;position:fixed;left:0;top:0;bottom:0;z-index:100}.logo{height:64px;display:flex;align-items:center;justify-content:center;gap:12px;color:#fff;font-size:18px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.1)}.main-layout>.ant-layout{margin-left:220px;transition:margin-left .2s}.main-layout.collapsed>.ant-layout{margin-left:80px}.main-header{background:#fff;padding:0 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000000d;position:sticky;top:0;z-index:99}.trigger{font-size:18px;cursor:pointer;transition:color .3s}.trigger:hover{color:#1890ff}.user-info{cursor:pointer;transition:opacity .3s}.user-info:hover{opacity:.8}.main-content{background:#f0f2f5;min-height:calc(100vh - 64px);overflow-x:hidden}.vocabulary-list{padding:24px;min-height:100%}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-header h2{margin:0;font-size:20px;font-weight:600}.filter-bar{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.user-list{padding:24px}.search-bar{margin-bottom:16px;display:flex;flex-wrap:wrap}.system-settings{padding:24px}.system-settings .ant-card{box-shadow:0 2px 8px #0000001a}.system-settings .ant-form-item-label>label{font-weight:500}.dashboard-container{padding:24px}.statistic-card{text-align:center}.trend-chart{height:300px}.feedback-list{padding:24px}.feedback-list-header{margin-bottom:16px}.membership-pricing-container{padding:24px;background:#f0f2f5;min-height:100vh}.membership-pricing-container .ant-card{box-shadow:0 2px 8px #0000001a}.membership-pricing-container .ant-card-inner{background:#fff}.notification-push-container{padding:24px;background:#f0f2f5;min-height:100vh}.notification-push-container .ant-card{box-shadow:0 2px 8px #0000001a}.notification-preview{border:1px solid #e8e8e8;border-radius:8px;padding:16px;background:#fafafa}.notification-preview-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.notification-preview-content{padding:12px;background:#fff;border-radius:4px;min-height:100px;margin-bottom:12px}.notification-preview-footer{padding-top:12px;border-top:1px solid #e8e8e8}.notification-preview-modal{padding:16px}.notification-preview-modal .notification-preview-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.notification-preview-modal .notification-preview-content{padding:12px;background:#fafafa;border-radius:4px;min-height:100px}*{margin:0;padding:0;box-sizing:border-box}#root{width:100%;min-height:100vh;position:relative;overflow:auto}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:#fff;overflow:auto;position:relative;width:100%;height:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}button:hover{border-color:#1890ff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.ant-modal-mask-hidden{display:none!important}body{pointer-events:auto!important;overflow:auto!important}#root{pointer-events:auto!important}body>div[style*="position: fixed"][style*=z-index]:not(.ant-modal-mask):not(.ant-drawer-mask){display:none!important}.main-layout,.main-content{pointer-events:auto!important}