:root{--navy:#0E254E;--yellow:#FFD166;--gray-50:#f8fafc;--gray-100:#eef2f6;--gray-300:#c9d2e1;--gray-600:#5b6b86;--white:#fff;--green:#2ecc71;--red:#ff6b6b;--purple:#7c5cff;--bg: var(--gray-50);--surface: var(--white);--border: var(--gray-100);--text:#0f172a}:root[data-theme=dark]{--bg:#0b1220;--surface:#0f172a;--border:#1f2937;--text:#e5e7eb}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.container{max-width:1200px;margin:0 auto;padding:24px}.container-fluid{max-width:100%;margin:20px;padding:20px}@media (min-width: 640px){.container-fluid{padding:0 16px}}@media (min-width: 1024px){.container-fluid{padding:0 24px}}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.section-gap{margin-top:24px}.section-gap-lg{margin-top:32px}.section-gap-xl{margin-top:40px}.section-gap-xxl{margin-top:56px}.section-gap-3xl{margin-top:72px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;box-shadow:0 1px 2px #1018280f}.card.soft{box-shadow:0 8px 24px #10182814}.surface-muted{background:linear-gradient(180deg,#fff9,#fff6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;gap:12px;align-items:center}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;border:1px solid transparent;cursor:pointer;font-weight:600}.btn.primary{background:var(--navy);color:#fff}.btn.secondary{background:var(--yellow);color:#3a2c00}.btn.ghost{background:transparent;border-color:var(--border)}.btn.accent{background:#4f46e5;color:#fff}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;background:var(--border)}.badge.green{background:#10b98126;color:#065f46}.badge.yellow{background:#eab30826;color:#713f12}.badge.indigo{background:#6366f126;color:#3730a3}.badge.red{background:#ef44441f;color:#7f1d1d}.label{font-size:12px;color:var(--gray-600);margin-bottom:6px}.pill-status{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:500}.status-active{background:#22c55e26;color:#166534}.status-paused{background:#eab30826;color:#713f12}.status-running{background:#3b82f626;color:#1e40af}.status-draft{background:#6b728026;color:#374151}.status-error{background:#ef444426;color:#7f1d1d}.bot-card-ui{border:1px solid var(--border);border-radius:12px;padding:16px;background:var(--surface)}.bot-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.bot-left{display:flex;align-items:center;gap:12px}.bot-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;background:var(--gray-100)}.kv{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;font-size:14px}.kv span{color:var(--gray-600)}.kv strong{font-weight:600}.metric-green{color:#16a34a}.metric-blue{color:#2563eb}.bot-actions{display:flex;gap:8px;align-items:center}.btn-outline{background:transparent;border:1px solid var(--border);padding:8px 12px;border-radius:6px;cursor:pointer;font-size:14px}.btn-ghost{background:transparent;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:14px;color:var(--gray-600)}.btn-create{background:var(--navy);color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-weight:600}.stat-item{text-align:center}.stat-value{font-size:24px;font-weight:800;color:var(--text)}.stat-label{font-size:14px;color:var(--gray-600);margin-top:4px}.dot-green{width:8px;height:8px;border-radius:50%;background:#16a34a}.dot-red{width:8px;height:8px;border-radius:50%;background:#ef4444}.dot-yellow{width:8px;height:8px;border-radius:50%;background:#eab308}.input,.select{width:100%;padding:10px 12px;border:1px solid var(--gray-300);border-radius:10px;background:#fff}.header{background:var(--surface);border-bottom:1px solid var(--border)}.header-inner{max-width:none;margin:0;padding:12px 24px;display:flex;align-items:center;justify-content:space-between}.nav{display:flex;gap:12px;flex-wrap:wrap}.sidebar{width:220px}.content{flex:1}.layout{display:flex;gap:16px}.hero-title{font-size:20px;font-weight:700}.muted{color:var(--gray-600)}.muted-sm{color:var(--gray-600);font-size:12px}.steps{display:flex;gap:8px;margin:8px 0 16px}.step{flex:1;height:6px;background:var(--border);border-radius:6px}.step.active{background:var(--purple)}.xp-pill{display:inline-flex;align-items:center;gap:8px;background:#6366f11a;padding:6px 10px;border-radius:999px}.xp-pill .sep{opacity:.5}@media (max-width: 1024px){.container{padding:16px}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid-3,.grid-4{grid-template-columns:1fr}.header-inner{padding:10px 16px}}table{width:100%;border-collapse:separate;border-spacing:0 8px}th,td{text-align:left;padding:12px 14px;background:var(--surface)}th{color:var(--gray-600);font-weight:600}tr{box-shadow:0 1px 2px #1018280d}.avatar{width:36px;height:36px;border-radius:50%;background:var(--border)}.progress{height:8px;background:var(--border);border-radius:8px;overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,#4caf50,#86efac)}.gradient-card{background:linear-gradient(90deg,#ffb703,#ff8f00,#ffd166);color:#fff;border:0}.bot-card{display:flex;flex-direction:column;gap:8px}.bot-card .row{display:flex;justify-content:space-between;color:var(--gray-600);font-size:14px}.container-wide{max-width:1280px;margin:0 auto}.hero{background:linear-gradient(90deg,#5b66f1,#8b5cf6,#ec4899);color:#fff;border:0;position:relative;overflow:hidden;width:100%;border-radius:16px;padding:24px}.hero .small-metrics{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px}.hero .metric{display:flex;align-items:center;gap:6px;font-size:13px;opacity:.95}.hero .level{margin-left:auto;background:#ffffff26;padding:8px 10px;border-radius:10px;display:inline-flex;align-items:center;gap:8px}.hero .level .bar{width:140px;height:6px;background:#fff3;border-radius:6px;overflow:hidden}.hero .level .bar>span{display:block;height:100%;background:#ffd166;width:55%}.stat-card{display:flex;gap:12px;align-items:center}.icon-circle{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center}.icon-indigo{background:#6366f126;color:#4f46e5}.icon-green{background:#10b98126;color:#059669}.icon-pink{background:#ec489926;color:#db2777}.icon-orange{background:#f9731626;color:#ea580c}.progress-bar{width:100%;height:8px;border-radius:999px;background:var(--border);overflow:hidden}.progress-bar>span{display:block;height:100%;background:#22c55e}.progress-blue{width:100%;height:8px;border-radius:999px;background:#e2e8f0;overflow:hidden}.progress-blue>span{display:block;height:100%;background:#2563eb}.quest-card{border:1px solid var(--border);border-radius:12px;background:var(--surface)}.quest-card .rewards{display:flex;gap:8px}.quest-card .reward{font-size:12px;padding:4px 8px;border-radius:999px}.reward.xp{background:#6366f11a;color:#3730a3}.reward.coins{background:#eab3081f;color:#78350f}.quest-head{display:flex;align-items:center;justify-content:space-between}.quest-left{display:flex;align-items:center;gap:12px}.quest-icon{width:38px;height:38px;border-radius:12px;background:#eef2ff;color:#4f46e5;display:inline-flex;align-items:center;justify-content:center}.quest-title{font-weight:600}.quest-sub,.quest-progress{color:#64748b;font-size:13px}.quest-start{color:#2563eb;font-weight:600;font-size:13px}.quest-completed{border-color:#bbf7d0;background:#f0fdf4}.quest-completed .quest-icon{background:#dcfce7;color:#16a34a}.quest-completed .completed-pill{background:#dcfce7;color:#166534;font-size:12px;padding:4px 8px;border-radius:999px}.gradient-op{background:linear-gradient(135deg,#fb923c,#ec4899);color:#fff;border:0}.bot-gradient{background:linear-gradient(180deg,#f6c851,#f59e0b 40%,#f28727);color:#fff;border:0}.bot-card{position:relative;border-radius:16px}.soft-square{width:44px;height:44px;border-radius:12px;background:#ffffff59;display:inline-flex;align-items:center;justify-content:center}.soft-square.neutral{background:#3b82f61f;color:#2563eb}.soft-square.google{background:#f43f5e1f;color:#ef4444}.dot-red{width:10px;height:10px;border-radius:999px;background:#ef4444}.percent{display:flex;flex-direction:column;align-items:flex-end;font-weight:800;color:#0f172a}.percent small{font-weight:600;color:#64748b}.corner-plus{position:absolute;top:10px;right:10px;width:72px;height:72px;border-radius:999px;background:#ffffff40;display:flex;align-items:center;justify-content:center;color:#ffffffe6;font-size:26px}.white-cta{background:#fff;color:#ef4444;border:0;padding:10px 16px;border-radius:10px;box-shadow:0 4px 12px #ef444440;font-weight:700}.reward-row{display:flex;align-items:center;gap:6px;color:#fffffff2;font-size:13px}.reward-row .star{width:18px;height:18px;border-radius:6px;background:#ffffff59;display:inline-flex;align-items:center;justify-content:center}.segmented-control{display:flex;background:var(--gray-100);border-radius:8px;padding:4px;gap:2px}.segmented-option{flex:1;position:relative;cursor:pointer;border-radius:6px;transition:all .2s ease}.segmented-option:focus{outline:2px solid var(--navy);outline-offset:2px}.segmented-option.selected{background:var(--surface);box-shadow:0 1px 3px #0000001a}.segmented-option-content{padding:12px 16px;text-align:center}.segmented-option-label{font-weight:600;color:var(--text);font-size:14px}.segmented-option-description{font-size:12px;color:var(--gray-600);margin-top:4px}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:500;transition:all .2s ease}.chip-default{background:var(--gray-100);color:var(--text);border:1px solid var(--border)}.chip-selected{background:var(--navy);color:#fff;border:1px solid var(--navy)}.chip-removable{background:var(--gray-100);color:var(--text);border:1px solid var(--border);padding-right:6px}.chip-content{display:flex;align-items:center}.chip-remove{background:none;border:none;color:inherit;cursor:pointer;padding:2px;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;transition:background-color .2s ease}.chip-remove:hover{background:#0000001a}.card-selectable{cursor:pointer;transition:all .2s ease;position:relative;border:2px solid transparent}.card-selectable:hover{border-color:var(--navy);box-shadow:0 4px 12px #0e254e26}.card-selectable:focus{outline:2px solid var(--navy);outline-offset:2px}.card-selectable.selected{background:#0e254e0d;border-color:var(--navy);border-left-width:4px}.card-selectable.disabled{cursor:not-allowed;opacity:.6}.card-selectable .checkbox{width:20px;height:20px;margin-left:auto;flex-shrink:0}.pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0}.pagination-controls{display:flex;align-items:center;gap:16px}.pagination-rows-per-page{display:flex;align-items:center;gap:8px}.pagination-label{font-size:14px;color:var(--text);font-weight:500}.pagination-select{padding:6px 12px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font-size:14px}.pagination-navigation,.pagination-pages{display:flex;align-items:center;gap:4px}.pagination-button{padding:8px 12px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center}.pagination-button:hover:not(:disabled){background:var(--gray-100);border-color:var(--navy)}.pagination-button:focus{outline:2px solid var(--navy);outline-offset:2px}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.pagination-ellipsis{padding:8px 4px;color:var(--gray-600);font-weight:500}.pagination-info{font-size:14px;color:var(--gray-600);font-weight:500}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (min-width: 1024px){.create-bot-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.filters-panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:32px;box-shadow:0 4px 12px #0000000d}.right-panel{display:flex;flex-direction:column;gap:32px}.gmail-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:32px;box-shadow:0 4px 12px #0000000d}.results-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:32px;box-shadow:0 4px 12px #0000000d;min-height:400px}}@media (max-width: 1023px){.create-bot-layout{display:flex;flex-direction:column;gap:32px}.filters-panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px}.right-panel{display:flex;flex-direction:column;gap:28px}.gmail-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px}.results-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px;min-height:400px}}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #667eea4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #667eea33}.btn-secondary{background:#fff;color:#6b7280;border:2px solid #e5e7eb;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.btn-secondary:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-ghost{background:transparent;color:#6b7280;border:none;padding:8px 16px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:underline}.btn-ghost:hover{color:#374151;background:#f3f4f6}.btn-link{background:transparent;color:#3b82f6;border:none;padding:8px 16px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:underline}.btn-link:hover{color:#1d4ed8;background:#eff6ff}.alert-red{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:8px}.btn-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:0;padding:12px 24px;border-radius:12px;font-weight:600;width:100%;box-shadow:0 4px 12px #3b82f64d}.btn-red{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:0;padding:12px 24px;border-radius:12px;font-weight:600;width:100%;box-shadow:0 4px 12px #ef44444d}.muted-note{color:#94a3b8;font-size:12px;text-align:center}.btn-create{display:inline-flex;align-items:center;gap:8px;background:#2563eb;color:#fff;border:0;padding:10px 16px;border-radius:12px;font-weight:700;box-shadow:0 2px 6px #2563eb4d}.pill{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;font-size:12px}.pill.xp{background:#7c3aed1f;color:#6d28d9}.pill.coins{background:#eab30826;color:#b45309}.progress-thin{height:6px;border-radius:999px;background:#e5e7eb;overflow:hidden}.progress-thin>span{display:block;height:100%;background:#fb923c}.challenge-card{display:flex;flex-direction:column;gap:8px}.challenge-head{display:flex;align-items:center;justify-content:space-between}.challenge-left{display:flex;align-items:center;gap:10px}.challenge-icon{width:34px;height:34px;border-radius:10px;background:#fff3e8;color:#f59e0b;display:inline-flex;align-items:center;justify-content:center}.challenge-sub{color:#64748b;font-size:13px}.challenge-footer{display:flex;align-items:center;justify-content:space-between;color:#94a3b8;font-size:12px}.achv-gradient{background:linear-gradient(90deg,#8b5cf6,#ec4899);color:#fff;border:0}.achv-row{display:flex;align-items:center;justify-content:space-between}.achv-left{display:flex;align-items:center;gap:12px}.achv-icon{width:36px;height:36px;border-radius:12px;background:#ffffff40;display:inline-flex;align-items:center;justify-content:center}.achv-sub{opacity:.95}.bot-list{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.bot-card-ui{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:16px}.bot-head{display:flex;align-items:center;justify-content:space-between}.bot-left{display:flex;align-items:center;gap:10px}.bot-icon{width:32px;height:32px;border-radius:10px;background:#eafff1;color:#10b981;display:inline-flex;align-items:center;justify-content:center}.pill-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;border-radius:999px;padding:4px 8px}.status-active{background:#dcfce7;color:#15803d}.status-paused{background:#fef3c7;color:#b45309}.status-draft{background:#f3f4f6;color:#374151}.kv{display:grid;grid-template-columns:1fr auto;gap:6px;color:#64748b;font-size:13px}.kv strong{color:#0f172a}.metric-green{color:#16a34a;font-weight:700}.metric-blue{color:#2563eb;font-weight:700}.bot-actions{display:flex;gap:8px}.btn-outline{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;font-weight:600}.btn-ghost{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;font-weight:600}.progress-orange{height:6px;border-radius:999px;background:#fde68a;overflow:hidden}.progress-orange>span{display:block;height:100%;background:#f97316}.activity-row{display:flex;align-items:flex-start;gap:12px;padding:12px 8px;border-top:1px solid var(--border)}.activity-row:first-child{border-top:0}.activity-icon{width:28px;height:28px;border-radius:8px;background:var(--border);display:inline-flex;align-items:center;justify-content:center}.activity-time{margin-left:auto;color:var(--gray-600);font-size:12px}.store-grid{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.store-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.store-grid{grid-template-columns:1fr}}.store-card{box-shadow:0 8px 24px #10182814;border:1px solid var(--border);border-radius:12px;padding:16px;background:var(--surface)}.store-card .icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(180deg,#6d28d9,#ec4899);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.btn-buy{background:#2563eb;color:#fff;border:0;padding:8px 14px;border-radius:10px;font-weight:700;box-shadow:0 2px 6px #2563eb4d}.footer{color:var(--gray-600);font-size:14px;margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}.auth-wrap{max-width:720px;margin:0 auto}.auth-hero{display:flex;flex-direction:column;align-items:center;gap:6px;margin:24px 0}.auth-hero .brand-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(180deg,#8b5cf6,#ec4899);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:26px;box-shadow:0 8px 24px #7c3aed40}.auth-title{font-size:32px;font-weight:800;margin-top:10px}.auth-sub{color:#64748b}.auth-card{max-width:720px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 8px 24px #10182814}.auth-card h3{font-size:22px;margin:0 0 12px;text-align:center}.auth-google{display:flex;justify-content:center}.auth-divider{display:flex;align-items:center;gap:12px;margin:14px 0;color:#94a3b8}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.auth-row{display:grid;gap:12px}.auth-row .label{font-size:12px;color:#64748b}.btn-gradient{width:100%;padding:12px 16px;border-radius:12px;border:0;color:#fff;font-weight:800;background:linear-gradient(90deg,#7c3aed,#ec4899);box-shadow:0 8px 20px #ec489940}.auth-links{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.auth-links a.muted{color:#64748b}.secure-banner{display:flex;align-items:center;gap:10px;background:#ecfdf5;border:1px solid #bbf7d0;color:#065f46;padding:12px 14px;border-radius:12px;margin-top:16px}html[dir=rtl] .nav{flex-direction:row-reverse}html[dir=rtl] th,html[dir=rtl] td{text-align:right}.toggle{position:relative;display:inline-flex;align-items:center;gap:8px;width:64px;height:30px;background:var(--border);border-radius:999px;padding:3px;cursor:pointer}.toggle .knob{width:24px;height:24px;border-radius:999px;background:#fff;transition:transform .2s ease}.toggle .knob.on{transform:translate(34px)}.toggle-labels{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-size:11px;color:var(--gray-600)}.toggle-labels .active{color:#111827}