@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Outfit:wght@500;600;700;800&family=Inter:wght@400;500;600&display=swap";:root{--bg-primary:#f8f9fa;--bg-secondary:#fff;--text-primary:#1f1f1f;--text-secondary:#5f6368;--text-light:#70757a;--accent:#0b57d0;--accent-light:#e8f0fe;--accent-hover:#0842a0;--success:#137333;--success-light:#e6f4ea;--danger:#c5221f;--danger-light:#fce8e6;--border:#dadce0;--border-focus:#0b57d0;--shadow-sm:0 1px 2px 0 #3c40434d, 0 1px 3px 1px #3c404326;--shadow-md:0 1px 3px 0 #3c40434d, 0 4px 8px 3px #3c404326;--shadow-lg:0 2px 6px 0 #3c40434d, 0 8px 16px 6px #3c404326;--shadow-card:none;--transition-fast:.12s cubic-bezier(.2, 0, 0, 1);--transition-normal:.22s cubic-bezier(.2, 0, 0, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Roboto,Inter,system-ui,-apple-system,sans-serif;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border:2px solid var(--bg-primary);background:#dadce0;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#bdc1c6}.container{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.heading-display{color:var(--text-primary);letter-spacing:-.01em;font-family:Outfit,Roboto,sans-serif;font-weight:600}.glass-card{background:var(--bg-secondary);border:1px solid var(--border);box-shadow:none;transition:border-color var(--transition-normal), box-shadow var(--transition-normal);border-radius:12px}.glass-card:hover{border-color:#bdc1c6;box-shadow:0 1px 2px #3c40434d}.btn{cursor:pointer;transition:all var(--transition-fast);letter-spacing:.1px;border:1px solid #0000;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.5rem;font-family:Roboto,sans-serif;font-size:.875rem;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--accent);color:#fff}.btn-primary:hover{background-color:var(--accent-hover);box-shadow:0 1px 3px #3c40434d,0 1px 2px #3c404326}.btn-secondary{border:1px solid var(--border);color:var(--accent);background-color:#0000}.btn-secondary:hover{background-color:#0b57d00a;border-color:#bdc1c6}.btn-google{color:#3c4043;border:1px solid var(--border);box-shadow:none;background-color:#fff}.btn-google:hover{background-color:#3c40430a;border-color:#bdc1c6}.btn-danger-text{color:var(--danger);background:0 0;border-radius:9999px;padding:.375rem .75rem;font-size:.8125rem}.btn-danger-text:hover{background:var(--danger-light)}.form-group{text-align:left;margin-bottom:1.25rem}.form-label{color:var(--text-secondary);margin-bottom:.375rem;font-family:Roboto,sans-serif;font-size:.75rem;font-weight:500;display:block}.form-control{width:100%;color:var(--text-primary);transition:all var(--transition-fast);background-color:#fff;border:1px solid #74777f;border-radius:8px;outline:none;padding:.625rem .875rem;font-family:inherit;font-size:.875rem}.form-control:focus{border-color:var(--accent);border-width:2px;padding:.5625rem .8125rem}.sync-dot{background-color:var(--success);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;display:inline-block;box-shadow:0 0 #137333b3}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #137333b3}70%{transform:scale(1);box-shadow:0 0 0 6px #13733300}to{transform:scale(.95);box-shadow:0 0 #13733300}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.25s cubic-bezier(.2,0,0,1) forwards fadeInUp}.custom-table-container{border:1px solid var(--border);background-color:#fff;border-radius:12px;overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.custom-table th{color:var(--text-secondary);border-bottom:1px solid var(--border);letter-spacing:.02em;background-color:#fff;padding:.875rem 1.25rem;font-size:.75rem;font-weight:500}.custom-table td{border-bottom:1px solid var(--border);color:var(--text-primary);background-color:#fff;padding:.875rem 1.25rem}.custom-table tr:last-child td{border-bottom:none}.custom-table tr:hover td{background-color:#f8f9fa}.badge{text-transform:capitalize;border:1px solid #0000;border-radius:8px;align-items:center;padding:.1875rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge-marketer{color:#1a73e8;background-color:#e8f0fe;border-color:#d2e3fc}.badge-writer{color:#3c4043;background-color:#f1f3f4;border-color:#e8eaed}
