*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}#root{min-height:100vh}.ant-layout{background:#f5f5f5}.ant-layout-header{background:#fff;box-shadow:0 2px 8px #0000001a;z-index:1000}.ant-layout-sider{background:#fff;border-right:1px solid #f0f0f0}.ant-layout-content{background:#fff;margin:24px;padding:24px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.ant-card{border-radius:8px;box-shadow:0 2px 8px #0000001a}.ant-card-head{border-bottom:1px solid #f0f0f0;padding:16px 24px}.ant-card-body{padding:24px}.ant-table{border-radius:8px}.ant-table-thead>tr>th{background:#fafafa;border-bottom:1px solid #f0f0f0;font-weight:600}.ant-btn{border-radius:6px;font-weight:500}.ant-btn-primary{background:#1890ff;border-color:#1890ff}.ant-btn-primary:hover{background:#40a9ff;border-color:#40a9ff}.ant-form-item-label>label{font-weight:500;color:#262626}.ant-input,.ant-input-number,.ant-select-selector{border-radius:6px}.ant-statistic-title{color:#8c8c8c;font-size:14px;margin-bottom:8px}.ant-statistic-content{font-size:24px;font-weight:600}.ant-progress-text{font-weight:500}.ant-tag{border-radius:4px;font-weight:500}.ant-menu-inline .ant-menu-item{border-radius:6px;margin:4px 8px}.ant-menu-inline .ant-menu-item-selected{background:#e6f7ff;border-right:3px solid #1890ff}@media (max-width: 768px){.ant-layout-content{margin:16px;padding:16px}.ant-card-body{padding:16px}.ant-statistic-content{font-size:20px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px}.empty-container{text-align:center;padding:48px 0;color:#8c8c8c}.empty-container .ant-empty-description{color:#8c8c8c}.success-message{color:#52c41a;font-weight:500}.error-message{color:#ff4d4f;font-weight:500}.warning-message{color:#faad14;font-weight:500}.landing-page{min-height:100vh;background:linear-gradient(135deg,#0c0c0c 0%,#1a1a2e 50%,#16213e 100%);position:relative;overflow:hidden;opacity:0;transform:translateY(30px);transition:all 1s ease-out}.landing-page.visible{opacity:1;transform:translateY(0)}.background-animation{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.particle{position:absolute;width:4px;height:4px;background:linear-gradient(45deg,#00d4ff,#ff6b6b);border-radius:50%;animation:float 6s ease-in-out infinite}.particle:nth-child(1){top:20%;left:10%;animation-delay:0s;animation-duration:8s}.particle:nth-child(2){top:60%;left:20%;animation-delay:2s;animation-duration:6s}.particle:nth-child(3){top:30%;right:15%;animation-delay:4s;animation-duration:7s}.particle:nth-child(4){top:70%;right:25%;animation-delay:1s;animation-duration:9s}.particle:nth-child(5){top:40%;left:50%;animation-delay:3s;animation-duration:5s}.particle:nth-child(6){top:80%;left:70%;animation-delay:5s;animation-duration:8s}.particle:nth-child(7){top:10%;left:80%;animation-delay:2.5s;animation-duration:6.5s}.particle:nth-child(8){top:50%;right:10%;animation-delay:1.5s;animation-duration:7.5s}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:.7}50%{transform:translateY(-20px) rotate(180deg);opacity:1}}.landing-content{position:relative;z-index:2;padding:60px 20px;max-width:1200px;margin:0 auto}.hero-section{text-align:center;margin-bottom:80px;animation:fadeInUp 1s ease-out .3s both}.sparkbot-logo{display:flex;align-items:center;justify-content:center;margin-bottom:20px;gap:15px}.logo-icon{font-size:48px;color:#00d4ff;animation:pulse 2s ease-in-out infinite}.main-title{color:#fff!important;font-size:4rem!important;font-weight:700!important;margin:0!important;background:linear-gradient(45deg,#00d4ff,#ff6b6b,#00d4ff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease-in-out infinite}.subtitle{color:#fff!important;font-size:2rem!important;font-weight:300!important;margin:20px 0!important;opacity:.9}.description{color:#ccc!important;font-size:1.2rem!important;line-height:1.8!important;max-width:800px;margin:0 auto!important;opacity:.8}.features-section{margin-bottom:80px;animation:fadeInUp 1s ease-out .6s both}.feature-card{height:100%;background:rgba(255,255,255,.05)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)!important;border-radius:16px!important;transition:all .3s ease;animation:slideInUp .8s ease-out both}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00d4ff33;border-color:#00d4ff80!important}.feature-content{text-align:center;padding:20px}.feature-icon-wrapper{font-size:3rem;margin-bottom:20px;display:block;animation:bounce 2s ease-in-out infinite}.feature-title{color:#fff!important;font-size:1.3rem!important;font-weight:600!important;margin-bottom:15px!important}.feature-desc{color:#ccc!important;font-size:1rem!important;line-height:1.6!important;opacity:.8}.cta-section{animation:fadeInUp 1s ease-out .9s both}.cta-card{background:linear-gradient(135deg,rgba(0,212,255,.1),rgba(255,107,107,.1))!important;border:2px solid rgba(0,212,255,.3)!important;border-radius:20px!important;text-align:center;padding:40px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.cta-title{color:#fff!important;font-size:1.8rem!important;font-weight:400!important;margin-bottom:30px!important;line-height:1.6!important}.cta-buttons{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:100%}.login-button{height:50px;padding:0 30px;font-size:1.1rem;font-weight:600;background:linear-gradient(45deg,#00d4ff,#ff6b6b)!important;border:none!important;border-radius:25px!important;box-shadow:0 10px 30px #00d4ff4d;transition:all .3s ease;display:flex;align-items:center;gap:8px}.login-button:hover{transform:translateY(-2px);box-shadow:0 15px 40px #00d4ff66;background:linear-gradient(45deg,#ff6b6b,#00d4ff)!important}.demo-button{height:50px;padding:0 30px;font-size:1.1rem;font-weight:600;background:transparent!important;border:2px solid rgba(255,255,255,.3)!important;color:#fff!important;border-radius:25px!important;transition:all .3s ease}.demo-button:hover{background:rgba(255,255,255,.1)!important;border-color:#fff9!important;transform:translateY(-2px)}.decorative-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.floating-shape{position:absolute;border-radius:50%;background:linear-gradient(45deg,rgba(0,212,255,.1),rgba(255,107,107,.1));animation:floatShape 8s ease-in-out infinite}.shape-1{width:200px;height:200px;top:10%;left:-100px;animation-delay:0s}.shape-2{width:150px;height:150px;top:60%;right:-75px;animation-delay:3s}.shape-3{width:100px;height:100px;top:30%;left:50%;animation-delay:6s}@keyframes floatShape{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(180deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (max-width: 768px){.main-title{font-size:2.5rem!important}.subtitle{font-size:1.5rem!important}.description{font-size:1rem!important}.cta-title{font-size:1.4rem!important}.cta-buttons{flex-direction:column;align-items:center}.login-button,.demo-button{width:100%;max-width:300px}}@media (max-width: 480px){.landing-content{padding:40px 15px}.main-title{font-size:2rem!important}.sparkbot-logo{flex-direction:column;gap:10px}.logo-icon{font-size:36px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}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:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}