.reply-templates-page{padding:24px;background:#f0f2f5;min-height:calc(100vh - 64px)}.reply-templates-page .ant-table .ant-table-tbody>tr:hover td{background:#fafafa}.reply-templates-page .ant-modal-body .ant-form-item{margin-bottom:16px}.reply-templates-page .ant-modal-body .ant-select-selection-item div{line-height:1.2}.reply-templates-page .ant-modal-body .ant-select-selection-item div div{font-size:12px;color:#999}.login-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden}.login-container .bg-decoration{position:absolute;width:100%;height:100%;overflow:hidden;z-index:0}.login-container .bg-decoration .circle{position:absolute;border-radius:50%;background:#ffffff14;animation:float 25s infinite ease-in-out}.login-container .bg-decoration .circle.circle-1{width:500px;height:500px;top:-150px;left:-150px;animation-delay:0s}.login-container .bg-decoration .circle.circle-2{width:350px;height:350px;top:20%;right:-100px;animation-delay:8s}.login-container .bg-decoration .circle.circle-3{width:250px;height:250px;bottom:-80px;left:20%;animation-delay:15s}.login-container .bg-decoration .circle.circle-4{width:180px;height:180px;bottom:20%;right:25%;animation-delay:5s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.login-container .login-card{position:relative;z-index:1;width:100%;max-width:480px;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:48px 40px 40px;box-shadow:0 20px 60px #0000004d;animation:cardAppear .6s ease-out}.login-container .login-card .login-header{text-align:center;margin-bottom:40px}.login-container .login-card .login-header .login-logo{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;margin-bottom:24px;box-shadow:0 10px 30px #667eea66;animation:logoFloat 3s ease-in-out infinite}.login-container .login-card .login-header .login-logo .anticon{font-size:42px;color:#fff}.login-container .login-card .login-header h1{font-size:28px;font-weight:700;color:#1f2937;margin-bottom:8px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-container .login-card .login-header .subtitle{color:#6b7280;font-size:14px;margin:0;font-weight:400}.login-container .login-card .login-form{margin-bottom:30px}.login-container .login-card .login-form .input-icon{color:#9ca3af}.login-container .login-card .login-form .ant-input-affix-wrapper,.login-container .login-card .login-form .ant-input{border-radius:12px;border:2px solid #e5e7eb;padding:12px 15px;transition:all .3s ease;font-size:15px}.login-container .login-card .login-form .ant-input-affix-wrapper:hover,.login-container .login-card .login-form .ant-input:hover{border-color:#667eea}.login-container .login-card .login-form .ant-input-affix-wrapper:focus,.login-container .login-card .login-form .ant-input:focus,.login-container .login-card .login-form .ant-input-affix-wrapper.ant-input-affix-wrapper-focused,.login-container .login-card .login-form .ant-input.ant-input-affix-wrapper-focused{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.login-container .login-card .login-form .login-button{height:52px;border-radius:12px;font-size:16px;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 8px 20px #667eea66;transition:all .3s ease;margin-top:8px}.login-container .login-card .login-form .login-button:hover{transform:translateY(-2px);box-shadow:0 12px 28px #667eea80}.login-container .login-card .login-form .login-button:active{transform:translateY(0)}.login-container .login-card .features{display:flex;justify-content:center;gap:20px;margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#667eea0d,#764ba20d);border-radius:16px}.login-container .login-card .features .feature-item{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;color:#6b7280;transition:all .3s ease}.login-container .login-card .features .feature-item .anticon{font-size:24px;color:#667eea}.login-container .login-card .features .feature-item:hover{transform:translateY(-2px);color:#667eea}.login-container .login-card .login-footer{padding-top:20px;border-top:1px solid #e5e7eb}.login-container .login-card .login-footer .demo-account{text-align:center;padding:12px 16px;background:#f9fafb;border-radius:10px;border:1px dashed #d1d5db;display:flex;justify-content:center;align-items:center;gap:8px}.login-container .login-card .login-footer .demo-account .label{color:#6b7280;font-size:13px}.login-container .login-card .login-footer .demo-account .account{color:#667eea;font-weight:600;font-size:13px}@keyframes cardAppear{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes logoFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.02)}}.login-container .copyright{position:relative;z-index:1;margin-top:30px;color:#fffc;font-size:13px;text-align:center}@media (max-width: 768px){.login-container{padding:15px}.login-container .login-card{padding:36px 28px 28px}.login-container .login-card .login-header{margin-bottom:32px}.login-container .login-card .login-header .login-logo{width:70px;height:70px;margin-bottom:20px}.login-container .login-card .login-header .login-logo .anticon{font-size:36px}.login-container .login-card .login-header h1{font-size:24px}.login-container .login-card .login-header .subtitle{font-size:13px}.login-container .login-card .features{gap:15px;padding:16px}.login-container .login-card .features .feature-item{font-size:11px}.login-container .login-card .features .feature-item .anticon{font-size:20px}}@media (max-width: 480px){.login-container .login-card{padding:28px 20px 24px}.login-container .login-card .login-header .login-logo{width:60px;height:60px}.login-container .login-card .login-header .login-logo .anticon{font-size:32px}.login-container .login-card .login-header h1{font-size:22px}.login-container .login-card .features{flex-wrap:wrap;gap:10px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}