.risk-banner-container{width:100%;background:#f5f5f5;position:relative;overflow:hidden;border-bottom:1px solid #f0f0f0;z-index:20}.risk-banner{display:flex;align-items:center;padding:12px 24px;background:linear-gradient(135deg,#fff8e1,#fff3c4);border-radius:0;min-height:48px;position:relative;overflow:hidden}.risk-icon{color:#d97706;font-size:18px;margin-right:12px;flex-shrink:0;animation:pulse 2s ease-in-out infinite}.risk-banner-content{flex:1;overflow:hidden;position:relative;height:24px}.risk-banner-scroll{display:inline-flex;white-space:nowrap;animation:scroll-left 30s linear infinite;color:#7c2d12;font-size:14px;line-height:24px;font-weight:500}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-33.333%)}}.risk-message{display:inline-block;padding-right:60px}@media (max-width: 768px){.risk-banner{padding:10px 16px;min-height:44px}.risk-icon{font-size:16px;margin-right:8px}.risk-banner-scroll{font-size:12px;line-height:20px}.risk-banner-content{height:20px}}.risk-banner-container:hover .risk-banner-scroll{animation-play-state:paused}.maintenance-banner-container{width:100%;position:relative;z-index:1000}.maintenance-alert-content{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:500;width:100%}.maintenance-icon{font-size:16px;color:#fa8c16;animation:rotate 2s linear infinite;flex-shrink:0}.maintenance-text{color:#d46b08;flex:1;text-align:center;line-height:1.5}.maintenance-close-icon{font-size:14px;color:#d46b08;cursor:pointer;flex-shrink:0;padding:4px;border-radius:4px;transition:all .2s}.maintenance-close-icon:hover{background-color:#d46b081a;color:#ad4e00}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.maintenance-alert-content{font-size:12px;gap:6px}.maintenance-text{font-size:12px}.maintenance-icon{font-size:14px}.maintenance-close-icon{font-size:12px}}.layout-container{display:flex;min-height:100vh;background:#fff}.sidebar{width:240px!important;min-width:240px!important;max-width:240px!important;background:#fff;border-right:1px solid #f0f0f0;display:flex;flex-direction:column;height:100vh;position:fixed;left:0;top:0;z-index:100;overflow-y:auto;flex-shrink:0}.sidebar-header{padding:20px 24px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.logo-container{display:flex;align-items:center;margin-bottom:16px}.logo-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;margin-right:8px;flex-shrink:0}.logo-text{font-size:18px;font-weight:600;color:#333;letter-spacing:.5px;white-space:nowrap}.user-info{display:flex;align-items:flex-start;color:#666;font-size:14px;padding-top:12px;border-top:1px solid #f0f0f0}.user-icon{width:20px;height:20px;margin-right:8px;margin-top:2px;color:#999;flex-shrink:0}.user-details{flex:1;min-width:0}.user-name{font-weight:500;color:#333;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-subscription{display:flex;flex-direction:column;gap:2px;font-size:12px}.subscription-plan{color:#667eea;font-weight:500;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subscription-days{color:#52c41a;font-size:11px;white-space:nowrap}.subscription-days.warning{color:#faad14;font-weight:600;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.sidebar-menu{flex:1;padding:16px 0;overflow-y:auto}.menu-item{display:flex;align-items:center;padding:12px 24px;color:#666;font-size:14px;cursor:pointer;transition:all .2s;border-left:3px solid transparent;position:relative}.menu-item:hover{background:#f5f5f5;color:#333}.menu-item.active{background:#e6f7ff;color:#1890ff;border-left-color:#1890ff;font-weight:500}.menu-item.active .menu-icon{color:#1890ff}.menu-icon{width:20px;height:20px;margin-right:12px;display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.menu-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-content{flex:1;margin-left:240px;background:#f5f5f5;min-height:100vh;overflow-x:hidden;display:flex;flex-direction:column}.content-header{padding:20px 24px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:10}.page-title{font-size:20px;font-weight:600;color:#333}.header-actions{display:flex;align-items:center;gap:16px}.header-icon{width:20px;height:20px;color:#666;cursor:pointer;transition:color .2s}.header-icon:hover{color:#1890ff}.user-dropdown{display:flex;align-items:center;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s}.user-dropdown:hover{background:#f5f5f5}.user-avatar{width:32px;height:32px;border-radius:50%;background:#1890ff;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:500;margin-right:8px}.user-name{font-size:14px;color:#333;margin-right:4px}.dropdown-arrow{width:12px;height:12px;color:#999}.content-body{max-width:1400px;margin:0 auto;padding:1.5rem;width:100%;box-sizing:border-box}.stats-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid #f0f0f0;border-radius:8px;padding:20px;box-shadow:0 1px 2px #00000008;transition:box-shadow .2s;overflow:hidden;word-wrap:break-word}.stat-card:hover{box-shadow:0 2px 8px #00000014}.stat-title{font-size:14px;color:#666;margin-bottom:12px}.stat-value{font-size:28px;font-weight:600;color:#333;display:flex;align-items:center;margin-bottom:8px;word-break:break-word}.stat-trend{width:16px;height:16px;margin-left:8px;color:#52c41a;flex-shrink:0}.stat-description{font-size:12px;color:#999;word-break:break-word}.chart-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.chart-card{background:#fff;border:1px solid #f0f0f0;border-radius:8px;padding:20px;box-shadow:0 1px 2px #00000008;min-height:300px;overflow:hidden}.chart-title{font-size:16px;font-weight:600;color:#333;margin-bottom:16px;word-break:break-word}.chart-placeholder{display:flex;align-items:center;justify-content:center;height:240px;color:#999;font-size:14px}.full-width-card{background:#fff;border:1px solid #f0f0f0;border-radius:8px;padding:20px;box-shadow:0 1px 2px #00000008;min-height:300px;overflow:hidden}@media (max-width: 1200px){.stats-cards{grid-template-columns:repeat(2,1fr)}.chart-cards{grid-template-columns:1fr}}@media (max-width: 1024px){.sidebar{width:200px!important;min-width:200px!important;max-width:200px!important}.main-content{margin-left:200px!important}}@media (max-width: 768px){.sidebar{width:64px!important;min-width:64px!important;max-width:64px!important}.main-content{margin-left:64px!important}.sidebar-header .logo-text,.sidebar-header .user-info,.menu-label{display:none}.sidebar-header{padding:16px 8px}.logo-container{justify-content:center;margin-bottom:0}.menu-item{padding:12px;justify-content:center}.menu-icon{margin-right:0}.content-body{padding:1rem}.stats-cards,.chart-cards{grid-template-columns:1fr}}.login-container{position:relative;display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);overflow:hidden}.login-bg-decoration{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.bg-circle{position:absolute;border-radius:50%;background:#ffffff1a;animation:float 20s infinite ease-in-out}.circle-1{width:400px;height:400px;top:-200px;left:-100px;animation-delay:0s}.circle-2{width:300px;height:300px;bottom:-150px;right:-100px;animation-delay:5s}.circle-3{width:250px;height:250px;top:50%;right:10%;animation-delay:10s}.bg-pattern{position:absolute;width:100%;height:100%;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.05) 0%,transparent 50%);animation:pulse 15s infinite ease-in-out}@keyframes float{0%,to{transform:translate(0) scale(1);opacity:.5}25%{transform:translate(30px,-30px) scale(1.1);opacity:.7}50%{transform:translate(-20px,20px) scale(.9);opacity:.6}75%{transform:translate(20px,30px) scale(1.05);opacity:.8}}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.6}}.login-content{position:relative;z-index:1;width:100%;max-width:440px;padding:40px 20px;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:40px}.logo-wrapper{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:16px}.logo-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 8px 32px rgba(0,0,0,.2))}.logo-icon svg{width:100%;height:100%}.login-title{color:#fff!important;margin:0!important;font-weight:600;text-shadow:0 2px 10px rgba(0,0,0,.2)}.login-subtitle{color:#ffffffe6!important;font-size:14px;display:block}.login-card{width:100%;border-radius:20px;box-shadow:0 20px 60px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid rgba(255,255,255,.5);padding:40px 32px;transition:transform .3s ease,box-shadow .3s ease}.register-card{max-width:480px;padding:32px 28px}.register-card .ant-card-head{padding:0 0 20px;border-bottom:1px solid #f0f0f0;min-height:auto}.register-card .ant-card-head-title{font-size:24px;font-weight:600;padding:0}.register-card .ant-form-item{margin-bottom:18px}.register-card .ant-form-item-label>label{font-size:14px;height:auto}.register-card .ant-input,.register-card .ant-input-password{font-size:14px;height:40px}.register-card .ant-btn{height:40px;font-size:14px}.register-card .ant-btn-link{height:auto;padding:8px 0}.login-card:hover{transform:translateY(-4px);box-shadow:0 24px 70px #00000059}.login-card .ant-card-body{padding:0}.login-input{border-radius:12px;border:1px solid #e0e0e0;padding:12px 16px;font-size:15px;transition:all .3s ease}.login-input:hover{border-color:#667eea}.login-input:focus,.login-input.ant-input-focused{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.login-input .anticon{color:#999;margin-right:8px}.login-button{height:48px;border-radius:12px;font-size:16px;font-weight:500;background:linear-gradient(135deg,#667eea,#764ba2);border:none;margin-top:8px;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.login-button:hover{background:linear-gradient(135deg,#5568d3,#6a3f8f);box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.register-link{color:#666!important;padding:0;height:auto}.register-link-text{color:#667eea;font-weight:500;transition:color .3s ease}.register-link:hover .register-link-text{color:#764ba2}.privacy-checkbox{width:100%;margin-bottom:8px}.privacy-checkbox .ant-checkbox-wrapper{font-size:13px;color:#666;line-height:1.6}.privacy-checkbox a{color:#667eea;text-decoration:none;transition:color .3s ease}.privacy-checkbox a:hover{color:#764ba2;text-decoration:underline}.login-footer{text-align:center;margin-top:32px}@media (max-width: 480px){.login-content{padding:20px 16px}.login-card{padding:32px 24px;border-radius:16px}.logo-icon{width:56px;height:56px;font-size:28px}.login-title{font-size:24px!important}}.notifications-page{padding:24px}.notification-tabs{margin-bottom:16px}.notification-item{transition:all .3s;border-bottom:1px solid #f0f0f0;padding:16px 0}.notification-item:hover{background-color:#fafafa}.notification-item.unread{background-color:#f6ffed}.notification-item.unread:hover{background-color:#e6f7ff}.unread-indicator{width:8px;height:8px;background:#52c41a;border-radius:50%;margin-right:8px}.notification-content{margin:8px 0;color:#666}.notification-time{font-size:12px;color:#999}.privacy-policy-container{min-height:100vh;background:#f5f5f5;padding:40px 20px;display:flex;justify-content:center}.privacy-policy-card{max-width:900px;width:100%;border-radius:12px;box-shadow:0 4px 12px #00000014}.privacy-policy-card .ant-card-body{padding:40px}.privacy-policy-card h2{color:#333;margin-bottom:8px}.privacy-policy-card h3{color:#333;margin-top:32px;margin-bottom:16px;font-size:20px}.privacy-policy-card h4{color:#555;margin-top:24px;margin-bottom:12px;font-size:16px}.privacy-policy-card ul{padding-left:24px;margin-bottom:16px}.privacy-policy-card li{margin-bottom:8px;line-height:1.8;color:#666}.privacy-policy-card p{line-height:1.8;color:#666;margin-bottom:16px}@media (max-width: 768px){.privacy-policy-container{padding:20px 16px}.privacy-policy-card .ant-card-body{padding:24px}}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#000000de;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:#f0f2f5}#root{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{color:#000000e0}a{font-weight:500;color:#1890ff;text-decoration:inherit}a:hover{color:#40a9ff}.ant-layout{background:#f0f2f5!important}.ant-menu{background:#fff!important;border-right:none!important}.ant-card{border-radius:8px;box-shadow:0 1px 2px #00000008}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0000004d}