*{margin:0;padding:0;box-sizing:border-box}.tabby-demo-container{height:100vh;background:linear-gradient(135deg,#f8f9ff,#f0f4ff);display:flex;align-items:center;justify-content:center;padding:40px;overflow:hidden}.tabby-ai-demo{width:100%;max-width:1000px;height:100%;max-height:800px;display:flex;flex-direction:column}.tabby-demo-title{font-size:26px;font-weight:700;color:#2c3e50;text-align:center;margin-bottom:32px;line-height:1.3}.tabby-demo-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;flex:1}.tabby-transaction-feed{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 20px rgba(0,0,0,.08);display:flex;flex-direction:column}.tabby-feed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #f3f4f6}.tabby-feed-title{font-size:16px;font-weight:600;color:#2c3e50}.tabby-feed-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.3px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.tabby-transactions-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.tabby-transaction-item{background:#fafbfc;border-radius:12px;padding:14px;transition:all .3s ease;border:2px solid transparent;opacity:0;animation:slideIn .5s ease forwards}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.tabby-transaction-item.processing{border-color:#7518ed;background:linear-gradient(135deg,#f8f5ff,#f0e8ff)}.tabby-transaction-item.processed{background:#fff;border-color:#e5e7eb}.tabby-transaction-raw{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.tabby-transaction-desc{font-size:13px;color:#6b7280}.tabby-transaction-amount{font-size:14px;font-weight:600;color:#2c3e50}.tabby-ai-processing{display:flex;align-items:center;gap:8px;margin:8px 0;opacity:0;animation:fadeIn .3s ease forwards}@keyframes fadeIn{to{opacity:1}}.tabby-ai-pulse{width:8px;height:8px;background:#7518ed;border-radius:50%;animation:aiPulse 1s infinite}@keyframes aiPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}.tabby-ai-label{font-size:11px;color:#7518ed;font-weight:500}.tabby-categorized{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid #e5e7eb;opacity:0;animation:fadeSlideUp .4s ease forwards}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tabby-category-tag{display:flex;align-items:center;gap:6px;background:#f3f4f6;padding:4px 10px;border-radius:20px}.tabby-category-icon{font-size:14px}.tabby-category-name{font-size:12px;font-weight:500;color:#2c3e50}.tabby-tax-badge{display:flex;align-items:center;gap:4px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;animation:popIn .3s ease}@keyframes popIn{0%{transform:scale(0)}80%{transform:scale(1.1)}to{transform:scale(1)}}.tabby-ai-insights{display:flex;flex-direction:column;gap:16px}.tabby-insight-card{background:#fff;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 10px rgba(0,0,0,.06)}.tabby-insight-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f8f9ff;border-radius:10px}.tabby-insight-content{display:flex;flex-direction:column}.tabby-insight-label{font-size:12px;color:#6b7280;margin-bottom:2px}.tabby-insight-value{font-size:16px;font-weight:600;color:#2c3e50}.tabby-tax-summary{background:linear-gradient(135deg,#fff9e6,#fff4e0);border-radius:12px;padding:20px;border:2px solid #f3e635;box-shadow:0 4px 15px rgba(243,230,53,.2)}.tabby-tax-summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.tabby-tax-title{font-size:14px;font-weight:600;color:#2c3e50}.tabby-tax-status{font-size:10px;background:#10b981;color:#fff;padding:2px 8px;border-radius:10px;font-weight:500;text-transform:uppercase}.tabby-tax-amount{font-size:32px;font-weight:700;color:#2c3e50;margin-bottom:8px;animation:countUp 2s ease}@keyframes countUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.tabby-tax-savings{font-size:13px;color:#6b7280;margin-bottom:12px}.tabby-tax-savings strong{color:#10b981;font-size:14px}.tabby-tax-progress{height:8px;background:hsla(0,0%,100%,.5);border-radius:4px;overflow:hidden}.tabby-tax-progress-bar{height:100%;background:linear-gradient(90deg,#f3e635,#ffb74d);border-radius:4px;transition:width .5s ease}.tabby-feature-list{background:#fff;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.tabby-feature-item{display:flex;align-items:center;gap:10px;font-size:13px;color:#2c3e50}@media (max-width:1024px){.tabby-demo-grid{grid-template-columns:1fr;gap:20px}.tabby-demo-title{font-size:22px;margin-bottom:24px}}@media (max-width:768px){.tabby-demo-container{padding:20px}.tabby-demo-title{font-size:20px;margin-bottom:20px}.tabby-ai-insights,.tabby-transaction-feed{padding:16px}}@media (max-width:480px){.tabby-demo-container{padding:16px}.tabby-demo-title{font-size:18px;margin-bottom:16px}.tabby-demo-grid{gap:16px}}