-
Loading…
+
+
+
+
+
Trust engine for service businesses
+
Every completed job becomes proof that closes the next one.
+
TrustForge gives contractors, roofers, HVAC teams, plumbers, electricians, junk removal crews, and landscapers a fast field workflow: finish the job, send the review request, generate a premium proof card, and publish conversion-ready assets.
+
+
+
+
+ {{ stats.completed_jobs|default:0 }}
+ Jobs logged
+
+
+
+
+ {{ stats.review_requests|default:0 }}
+ Requests sent
+
+
+
+
+ {{ stats.proof_cards|default:0 }}
+ Proof cards
+
+
+
+
+ {{ business_count }}
+ Active businesses
+
+
+
+
+
+
+
+
+
1. Job completed
+
2. Review requested
+
3. Proof created
+
+ {% if featured_proofs %}
+ {% with proof=featured_proofs.0 %}
+
+
+
+
{{ proof.job.service_type }}
+
{{ proof.job.city }}, {{ proof.job.state }}
+
Verified completion · {{ proof.job.completed_at|date:"M j, Y" }}
+
+
{% if proof.rating %}★ {{ proof.rating }}.0{% else %}Verified{% endif %}
+
+
{% if proof.testimonial_quote %}“{{ proof.testimonial_quote|truncatechars:120 }}”{% else %}Premium proof cards turn real field work into a conversion asset that belongs on your homepage and service pages.{% endif %}
+
+ {{ proof.customer_display_name }}
+ {{ proof.verified_label }}
+
+ {% endwith %}
+ {% else %}
+
+
+
Your first proof card appears here
+
Log a completed job to instantly generate the draft card, review request, and proof pipeline.
+
+ {% endif %}
+
+
+
+
-
AppWizzy AI is collecting your requirements and applying the first changes.
-
This page will refresh automatically as the plan is implemented.
-
- Runtime: Django {{ django_version }} · Python {{ python_version }}
- — UTC {{ current_time|date:"Y-m-d H:i:s" }}
-
- Page updated: {{ current_time|date:"Y-m-d H:i:s" }} (UTC)
-
-{% endblock %}
\ No newline at end of file
+
+
+
+
+
+
+
+
⚡
+
Fast field workflow
+
Capture a completed job, upload before/after photos, and send a review request from a mobile-friendly form designed for technicians on-site.
+
+
+
+
+
🛡️
+
Proof-first cards
+
Every job creates a premium proof card with service, location, photos, verification status, testimonial, and publishing controls.
+
+
+
+
+
📈
+
Conversion-ready assets
+
Feature standout work on your landing page, service pages, and proof gallery to give new customers visible confidence.
+
+
+
+
+
+
+
+
+
+
Featured proof
+
Recent conversion assets
+
+
Browse proof cards
+
+
+ {% for proof in featured_proofs %}
+
+ {% empty %}
+
+
+
No proof cards featured yet
+
Create your first completed job to populate the TrustForge proof gallery.
+
Create the first job
+
+
+ {% endfor %}
+
+
+
+
+
+
+
+
+
Pipeline
+
Job Completed → Review Requested → Proof Card Created → Displayed → Converts Next Customer
+
+
+
+ {% for job in recent_jobs %}
+
+
+
{{ job.service_type }}
+
{{ job.customer.full_name }} · {{ job.city }}, {{ job.state }}
+
+
{{ job.get_status_display }}
+
+ {% empty %}
+
No jobs yet. The first intake will immediately show up here.
+ {% endfor %}
+
+
+
+
+
+{% endblock %}
diff --git a/core/templates/core/job_detail.html b/core/templates/core/job_detail.html
new file mode 100644
index 0000000..ece481b
--- /dev/null
+++ b/core/templates/core/job_detail.html
@@ -0,0 +1,86 @@
+{% extends "base.html" %}
+
+{% block title %}{{ job.service_type }} | TrustForge{% endblock %}
+{% block meta_description %}TrustForge job detail for {{ job.service_type }} in {{ job.city }}, {{ job.state }}.{% endblock %}
+
+{% block content %}
+
+
+
+
+
Job detail
+
{{ job.service_type }}
+
{{ job.customer.full_name }} · {{ job.city }}, {{ job.state }} · Completed {{ job.completed_at|date:"F j, Y" }}
+
+
+
+
+
+
+
+
+
Job summary
+ {{ job.get_status_display }}
+
+
+
Business {{ job.business.name }}
+
Technician {{ job.technician_name|default:'Not added yet' }}
+
Project value {% if job.project_value %}${{ job.project_value }}{% else %}Optional{% endif %}
+
Verified {% if job.is_verified %}Yes{% else %}Pending{% endif %}
+
+
+
Description
+
{{ job.description|default:'No extra description was added for this completed job.' }}
+
+
+
+
+
+
+
Review request
+ {% if job.review_request %}
+
Status {{ job.review_request.get_status_display }}
+
Channel {{ job.review_request.get_channel_display }}
+
Delivery note {{ job.review_request.delivery_note|default:'Ready to share' }}
+
Open customer review page
+ {% else %}
+
No review request has been sent for this job yet.
+
+ {% endif %}
+
+
+
+
Proof card
+
Status {{ job.proof_card.get_status_display }}
+
Display name {{ job.proof_card.customer_display_name }}
+
Widget target {{ job.proof_card.attached_widget_label|default:'Not set' }}
+
Manage proof card
+
+
+
+
+{% endblock %}
diff --git a/core/templates/core/job_form.html b/core/templates/core/job_form.html
new file mode 100644
index 0000000..1af689b
--- /dev/null
+++ b/core/templates/core/job_form.html
@@ -0,0 +1,114 @@
+{% extends "base.html" %}
+
+{% block title %}Complete a Job | TrustForge{% endblock %}
+{% block meta_description %}Log a completed service job in TrustForge, upload before and after photos, and trigger the proof workflow.{% endblock %}
+
+{% block content %}
+
+
+
+
+
+
Technician flow
+
Complete a job in under 30 seconds
+
You are logging this inside {{ current_membership.business.name }} . Add the customer, upload photos, and trigger a review request. TrustForge creates the proof card automatically.
+
+
01 Save the completed job
+
02 Draft proof card is generated
+
03 Review request is ready to share
+
04 Positive feedback can auto-publish proof
+
+
Workspace scope {{ current_membership.business.primary_city }}, {{ current_membership.business.primary_state }} · {{ current_membership.get_role_display }}
+
+
+
+
+
+
+
Job intake
+
Capture the completed work
+
Every field below feeds the trust pipeline: completed job → review request → proof card.
+
+
+ Business scope
+ {{ current_membership.business.name }}
+
+
+
+
+
+
+
+{% endblock %}
diff --git a/core/templates/core/jobs_list.html b/core/templates/core/jobs_list.html
new file mode 100644
index 0000000..557fa68
--- /dev/null
+++ b/core/templates/core/jobs_list.html
@@ -0,0 +1,59 @@
+{% extends "base.html" %}
+
+{% block title %}Jobs | TrustForge{% endblock %}
+{% block meta_description %}Browse completed jobs in TrustForge and open each proof workflow detail.{% endblock %}
+
+{% block content %}
+
+
+
+
+
Jobs
+
{{ current_membership.business.name }} completed job pipeline
+
Every job below belongs only to this workspace and can lead to a proof card, published testimonial, and higher conversion confidence.
+
+
Add completed job
+
+
+
+ {% if jobs %}
+
+
+
+
+ Customer
+ Service
+ Location
+ Completed
+ Status
+
+
+
+ {% for job in jobs %}
+
+
+ {{ job.customer.full_name }}
+ {{ job.technician_name|default:'Technician not added yet' }}
+
+ {{ job.service_type }}
+ {{ job.city }}, {{ job.state }}
+ {{ job.completed_at|date:"M j, Y" }}
+ {{ job.get_status_display }} Open
+ {% endfor %}
+
+
+
+ {% else %}
+
+
No jobs completed yet
+
Start with one field intake and TrustForge will spin up the proof workflow automatically for this business.
+
Create first job
+
+ {% endif %}
+
+
+{% endblock %}
diff --git a/core/templates/core/profile_settings.html b/core/templates/core/profile_settings.html
new file mode 100644
index 0000000..89f3120
--- /dev/null
+++ b/core/templates/core/profile_settings.html
@@ -0,0 +1,77 @@
+{% extends "base.html" %}
+
+{% block title %}Profile & Settings | TrustForge{% endblock %}
+{% block meta_description %}Manage your TrustForge profile, workspace memberships, and account settings.{% endblock %}
+
+{% block content %}
+
+
+
+
+
Profile settings
+
Your account identity
+
Update your login profile and review which TrustForge workspaces you belong to.
+
+ {% if current_membership and current_membership.can_manage_workspace %}
+
Workspace settings
+ {% elif not current_membership %}
+
Create workspace
+ {% endif %}
+
+
+
+
+
+
+
Workspace access
+
+ {% for membership in memberships %}
+
+
+
{{ membership.business.name }}
+
{{ membership.business.primary_city }}, {{ membership.business.primary_state }}
+
+
+
{{ membership.get_role_display }}
+ {% if current_membership and membership.business_id == current_membership.business_id %}
+
Current workspace
+ {% endif %}
+
+
+ {% empty %}
+
+
No workspace yet
+
Create your first business workspace to turn TrustForge into a real tenant-scoped SaaS account.
+
Create workspace
+
+ {% endfor %}
+
+
+
+
+
+{% endblock %}
diff --git a/core/templates/core/proof_card_detail.html b/core/templates/core/proof_card_detail.html
new file mode 100644
index 0000000..c96358e
--- /dev/null
+++ b/core/templates/core/proof_card_detail.html
@@ -0,0 +1,82 @@
+{% extends "base.html" %}
+
+{% block title %}Proof Card | TrustForge{% endblock %}
+{% block meta_description %}View a TrustForge proof card and manage publishing controls for the active workspace.{% endblock %}
+
+{% block content %}
+
+
+
+
+
Proof card
+
{{ proof_card.job.service_type }} in {{ proof_card.job.city }}, {{ proof_card.job.state }}
+
{{ proof_card.customer_display_name }} · Scoped to {{ proof_card.job.business.name }} · Completed {{ proof_card.job.completed_at|date:"F j, Y" }}
+
+
+
+
+
+
+
+
+
+
+ {{ proof_card.job.service_type }}
+ {{ proof_card.verified_label }}
+
+
{% if proof_card.testimonial_quote %}“{{ proof_card.testimonial_quote }}”{% else %}Add a testimonial or collect one through the review request page to strengthen this proof asset.{% endif %}
+
+
Rating {% if proof_card.rating %}★ {{ proof_card.rating }} / 5{% else %}Pending{% endif %}
+
Featured {% if proof_card.is_featured %}Yes{% else %}No{% endif %}
+
Widget target {{ proof_card.attached_widget_label|default:'Not set' }}
+
+
+
+
+
+
Quick actions
+ {% if current_membership.can_manage_proof %}
+
+
+
+
+
+ {% else %}
+
+
View-only access
+
Your current role can view proof assets in this workspace but cannot change publishing controls.
+
+ {% endif %}
+
+
+
Placement
+
Attach to widgets {{ proof_card.attached_widget_label|default:'Homepage proof gallery' }}
+
Attach to pages {{ proof_card.attached_pages|default:'Homepage' }}
+ {% if proof_card.job.review_request %}
+
Open review request page
+ {% endif %}
+
+
+
+
+{% endblock %}
diff --git a/core/templates/core/proof_card_form.html b/core/templates/core/proof_card_form.html
new file mode 100644
index 0000000..bba4b8d
--- /dev/null
+++ b/core/templates/core/proof_card_form.html
@@ -0,0 +1,65 @@
+{% extends "base.html" %}
+
+{% block title %}Edit Proof Card | TrustForge{% endblock %}
+{% block meta_description %}Edit a TrustForge proof card’s testimonial, status, featuring, and placement settings.{% endblock %}
+
+{% block content %}
+
+
+
+
+
Edit proof card
+
Refine the conversion asset
+
Update the customer display name, testimonial, placement, and publish settings without touching the underlying job record.
+
+
Back to proof card
+
+
+
+
+{% endblock %}
diff --git a/core/templates/core/proof_cards_list.html b/core/templates/core/proof_cards_list.html
new file mode 100644
index 0000000..305ff70
--- /dev/null
+++ b/core/templates/core/proof_cards_list.html
@@ -0,0 +1,55 @@
+{% extends "base.html" %}
+
+{% block title %}Proof Cards | TrustForge{% endblock %}
+{% block meta_description %}Browse TrustForge proof cards scoped to your current workspace.{% endblock %}
+
+{% block content %}
+
+
+
+
+
Proof cards
+
{{ current_membership.business.name }} proof gallery
+
These conversion assets are tenant-scoped to the active workspace and ready for review, publishing, or featuring.
+
+
Back to dashboard
+
+
+
+ {% for proof in proof_cards %}
+
+ {% empty %}
+
+
+
No proof cards yet
+
Log a completed job to create the first proof asset in this workspace.
+
Create first job
+
+
+ {% endfor %}
+
+
+{% endblock %}
diff --git a/core/templates/core/review_request.html b/core/templates/core/review_request.html
new file mode 100644
index 0000000..91f1989
--- /dev/null
+++ b/core/templates/core/review_request.html
@@ -0,0 +1,54 @@
+{% extends "base.html" %}
+
+{% block title %}Share Feedback | TrustForge{% endblock %}
+{% block meta_description %}Share feedback on your recent service experience and help create verified proof of work.{% endblock %}
+
+{% block content %}
+
+
+
+
+
+
Customer feedback
+
How was your experience?
+
{{ job.business.name }} completed {{ job.service_type|lower }} in {{ job.city }}, {{ job.state }}. Your feedback helps verify real work and guide follow-up.
+
+ {% if submitted %}
+
+ {% if positive %}
+
Thank you — this proof is ready to help the next customer.
+
Your feedback has been saved. The business can now publish this as verified proof of work.
+ {% if redirect_url %}
+
Continue to Google review
+ {% endif %}
+ {% else %}
+
Thanks for the feedback.
+
This response stays internal so the business can follow up directly and improve the experience.
+ {% endif %}
+
+ {% else %}
+
+ {% endif %}
+
+
+
+
+{% endblock %}
diff --git a/core/templates/core/workspace_settings.html b/core/templates/core/workspace_settings.html
new file mode 100644
index 0000000..3790a25
--- /dev/null
+++ b/core/templates/core/workspace_settings.html
@@ -0,0 +1,132 @@
+{% extends "base.html" %}
+
+{% block title %}Workspace Settings | TrustForge{% endblock %}
+{% block meta_description %}Manage your TrustForge workspace, business profile, and team roles.{% endblock %}
+
+{% block content %}
+
+
+
+
+
Workspace settings
+
{{ current_membership.business.name }}
+
Manage the business profile, service territory, review destination, and who has access to this protected trust engine.
+
+
Back to dashboard
+
+
+
+
+
+
+
+
Business profile
+
These details anchor onboarding, workspace identity, and public review routing.
+
+
+ Current role
+ {{ current_membership.get_role_display }}
+
+
+
+
+
+
+
+
Role access model
+
+
Owner / Admin Manage workspace settings, team access, jobs, and proof publishing.
+
Manager Run the job-to-proof workflow and edit proof cards, but not workspace administration.
+
Technician Log completed jobs and view pipeline activity inside the assigned business only.
+
+
+
+
+
+
+
+
+
Add team member
+
Attach a user to this workspace. New users can use the forgot-password flow to activate access if they do not have a password yet.
+
+
+
+
+
+
+
Workspace team
+ {{ team_members|length }} seats
+
+
+ {% for membership in team_members %}
+
+
+
{{ membership.user.get_full_name|default:membership.user.email }}
+
{{ membership.user.email }}
+
+
+
{{ membership.get_role_display }}
+
Joined {{ membership.created_at|date:"M j, Y" }}
+
+
+ {% empty %}
+
+
No team members yet
+
Invite admins, managers, and technicians to turn this workspace into a real multi-user SaaS account.
+
+ {% endfor %}
+
+
+
+
+
+{% endblock %}
diff --git a/core/templates/registration/login.html b/core/templates/registration/login.html
new file mode 100644
index 0000000..fa08393
--- /dev/null
+++ b/core/templates/registration/login.html
@@ -0,0 +1,54 @@
+{% extends "base.html" %}
+
+{% block title %}Login | TrustForge{% endblock %}
+{% block meta_description %}Sign in to TrustForge to manage jobs, review requests, and proof cards securely.{% endblock %}
+
+{% block content %}
+
+
+
+
+
+
Secure access
+
{{ auth_page_title }}
+
{{ auth_page_description }}
+
+
✓ Access dashboard, jobs, and proof cards securely
+
✓ Preserve the premium TrustForge workflow without exposing customer data publicly
+
✓ Next step adds business onboarding and role-based team access
+
+
+
+
+
+
Login
+
Continue into TrustForge
+
Use your work email and password to open the product workspace.
+
+
New to TrustForge? Create your account
+
+
+
+
+{% endblock %}
diff --git a/core/templates/registration/password_reset_complete.html b/core/templates/registration/password_reset_complete.html
new file mode 100644
index 0000000..b6ffeb5
--- /dev/null
+++ b/core/templates/registration/password_reset_complete.html
@@ -0,0 +1,21 @@
+{% extends "base.html" %}
+
+{% block title %}Password Updated | TrustForge{% endblock %}
+{% block meta_description %}Your TrustForge password has been updated successfully.{% endblock %}
+
+{% block content %}
+
+
+
+
+
+
All set
+
{{ auth_page_title }}
+
{{ auth_page_description }}
+
Log in now
+
+
+
+
+{% endblock %}
diff --git a/core/templates/registration/password_reset_confirm.html b/core/templates/registration/password_reset_confirm.html
new file mode 100644
index 0000000..050bf4a
--- /dev/null
+++ b/core/templates/registration/password_reset_confirm.html
@@ -0,0 +1,45 @@
+{% extends "base.html" %}
+
+{% block title %}Set New Password | TrustForge{% endblock %}
+{% block meta_description %}Create a new password for your TrustForge account securely.{% endblock %}
+
+{% block content %}
+
+
+
+
+
+
Create new password
+
{{ auth_page_title }}
+
{{ auth_page_description }}
+ {% if validlink %}
+
+ {% else %}
+
+
Reset link unavailable
+
This reset link is invalid or has already been used. Request a fresh one below.
+
+
Request a new link
+ {% endif %}
+
+
+
+
+{% endblock %}
diff --git a/core/templates/registration/password_reset_done.html b/core/templates/registration/password_reset_done.html
new file mode 100644
index 0000000..c827581
--- /dev/null
+++ b/core/templates/registration/password_reset_done.html
@@ -0,0 +1,25 @@
+{% extends "base.html" %}
+
+{% block title %}Check Your Email | TrustForge{% endblock %}
+{% block meta_description %}Password reset instructions for your TrustForge account have been sent if the email exists.{% endblock %}
+
+{% block content %}
+
+
+
+
+
+
Email sent
+
{{ auth_page_title }}
+
{{ auth_page_description }}
+
+
Next step
+
Open the email from TrustForge and follow the secure link to create a new password.
+
+
Return to login
+
+
+
+
+{% endblock %}
diff --git a/core/templates/registration/password_reset_email.txt b/core/templates/registration/password_reset_email.txt
new file mode 100644
index 0000000..6294c69
--- /dev/null
+++ b/core/templates/registration/password_reset_email.txt
@@ -0,0 +1,10 @@
+Hi,
+
+We received a request to reset the password for your TrustForge account.
+
+Use the link below to choose a new password:
+{{ protocol }}://{{ domain }}{% url 'password_reset_confirm' uidb64=uid token=token %}
+
+If you did not request this, you can ignore this email.
+
+— TrustForge
diff --git a/core/templates/registration/password_reset_form.html b/core/templates/registration/password_reset_form.html
new file mode 100644
index 0000000..eedf2cf
--- /dev/null
+++ b/core/templates/registration/password_reset_form.html
@@ -0,0 +1,33 @@
+{% extends "base.html" %}
+
+{% block title %}Forgot Password | TrustForge{% endblock %}
+{% block meta_description %}Request a secure password reset link for your TrustForge account.{% endblock %}
+
+{% block content %}
+
+
+
+
+
+
Password reset
+
{{ auth_page_title }}
+
{{ auth_page_description }}
+
+
Back to login
+
+
+
+
+{% endblock %}
diff --git a/core/templates/registration/password_reset_subject.txt b/core/templates/registration/password_reset_subject.txt
new file mode 100644
index 0000000..ec070af
--- /dev/null
+++ b/core/templates/registration/password_reset_subject.txt
@@ -0,0 +1 @@
+Reset your TrustForge password
diff --git a/core/templates/registration/signup.html b/core/templates/registration/signup.html
new file mode 100644
index 0000000..3288724
--- /dev/null
+++ b/core/templates/registration/signup.html
@@ -0,0 +1,67 @@
+{% extends "base.html" %}
+
+{% block title %}Get Started | TrustForge{% endblock %}
+{% block meta_description %}Create your TrustForge account and start turning completed jobs into proof that wins the next customer.{% endblock %}
+
+{% block content %}
+
+
+
+
+
+
Get started
+
{{ auth_page_title }}
+
{{ auth_page_description }}
+
+
01 Create secure email/password access
+
02 Land inside the product instead of a demo-only experience
+
03 Next step will connect your account to a business workspace
+
+
+
+
+
+
Sign up
+
Start your TrustForge workspace
+
Create the account that will own your dashboard access and future business onboarding.
+
+
Already have an account? Log in
+
+
+
+
+{% endblock %}
diff --git a/core/tests.py b/core/tests.py
index 7ce503c..a15c3e2 100644
--- a/core/tests.py
+++ b/core/tests.py
@@ -1,3 +1,125 @@
+from django.contrib.auth import get_user_model
from django.test import TestCase
+from django.urls import reverse
-# Create your tests here.
+from .models import Business, BusinessMembership, Customer, Job, ProofCard, ReviewRequest
+
+User = get_user_model()
+
+
+class TrustForgeFlowTests(TestCase):
+ def setUp(self):
+ self.user = User.objects.create_user(
+ username='owner@example.com',
+ email='owner@example.com',
+ password='StrongPass123!',
+ )
+ self.business = Business.objects.create(
+ name='Forge Roofing',
+ slug='forge-roofing',
+ industry='Roofing',
+ primary_city='Austin',
+ primary_state='TX',
+ google_review_url='https://example.com/google-review',
+ )
+ self.membership = BusinessMembership.objects.create(
+ user=self.user,
+ business=self.business,
+ role=BusinessMembership.Role.OWNER,
+ )
+ self.customer = Customer.objects.create(
+ business=self.business,
+ full_name='Jordan Lee',
+ email='jordan@example.com',
+ city='Austin',
+ state='TX',
+ )
+ self.job = Job.objects.create(
+ business=self.business,
+ customer=self.customer,
+ service_type='Roof repair',
+ city='Austin',
+ state='TX',
+ )
+ self.proof_card = ProofCard.objects.create(job=self.job, customer_display_name='Verified homeowner')
+ self.review_request = ReviewRequest.objects.create(job=self.job)
+
+ def test_home_loads(self):
+ response = self.client.get(reverse('home'))
+ self.assertEqual(response.status_code, 200)
+ self.assertContains(response, 'TrustForge')
+
+ def test_dashboard_requires_login(self):
+ response = self.client.get(reverse('dashboard'))
+ self.assertEqual(response.status_code, 302)
+ self.assertIn(reverse('login'), response.url)
+
+ def test_login_with_email_redirects_to_dashboard(self):
+ response = self.client.post(
+ reverse('login'),
+ {'username': 'owner@example.com', 'password': 'StrongPass123!'},
+ )
+ self.assertRedirects(response, reverse('dashboard'))
+
+ def test_logged_in_user_without_membership_redirects_to_onboarding(self):
+ user = User.objects.create_user(
+ username='solo@example.com',
+ email='solo@example.com',
+ password='StrongPass123!',
+ )
+ self.client.force_login(user)
+ response = self.client.get(reverse('dashboard'))
+ self.assertRedirects(response, reverse('business_onboarding'))
+
+ def test_dashboard_only_shows_active_business_data(self):
+ other_business = Business.objects.create(
+ name='Hidden Plumbing',
+ slug='hidden-plumbing',
+ industry='Plumbing',
+ primary_city='Dallas',
+ primary_state='TX',
+ )
+ other_customer = Customer.objects.create(
+ business=other_business,
+ full_name='Taylor Shade',
+ city='Dallas',
+ state='TX',
+ )
+ Job.objects.create(
+ business=other_business,
+ customer=other_customer,
+ service_type='Leak repair',
+ city='Dallas',
+ state='TX',
+ )
+
+ self.client.force_login(self.user)
+ response = self.client.get(reverse('dashboard'))
+ self.assertEqual(response.status_code, 200)
+ self.assertContains(response, 'Forge Roofing proof momentum')
+ self.assertNotContains(response, 'Leak repair')
+
+ def test_technician_cannot_edit_proof_card(self):
+ technician = User.objects.create_user(
+ username='tech@example.com',
+ email='tech@example.com',
+ password='StrongPass123!',
+ )
+ BusinessMembership.objects.create(
+ user=technician,
+ business=self.business,
+ role=BusinessMembership.Role.TECHNICIAN,
+ )
+ self.client.force_login(technician)
+ response = self.client.get(reverse('proof_card_edit', args=[self.proof_card.id]))
+ self.assertEqual(response.status_code, 403)
+
+ def test_public_review_positive_feedback_publishes_proof(self):
+ response = self.client.post(
+ reverse('review_request', args=[self.review_request.token]),
+ {'experience': 'great', 'testimonial': 'They showed up on time and the roof looks incredible.'},
+ )
+ self.assertEqual(response.status_code, 200)
+ self.proof_card.refresh_from_db()
+ self.assertEqual(self.proof_card.status, 'published')
+ self.assertEqual(self.proof_card.rating, 5)
diff --git a/core/urls.py b/core/urls.py
index 6299e3d..c2c924e 100644
--- a/core/urls.py
+++ b/core/urls.py
@@ -1,7 +1,47 @@
+from django.contrib.auth.views import LogoutView
from django.urls import path
-from .views import home
+from .views import (
+ TrustForgeLoginView,
+ TrustForgePasswordResetCompleteView,
+ TrustForgePasswordResetConfirmView,
+ TrustForgePasswordResetDoneView,
+ TrustForgePasswordResetView,
+ business_onboarding,
+ dashboard,
+ home,
+ job_create,
+ job_detail,
+ jobs_list,
+ profile_settings,
+ proof_card_detail,
+ proof_card_edit,
+ proof_cards_list,
+ review_request_view,
+ signup,
+ switch_workspace,
+ workspace_settings,
+)
urlpatterns = [
- path("", home, name="home"),
+ path('', home, name='home'),
+ path('login/', TrustForgeLoginView.as_view(), name='login'),
+ path('signup/', signup, name='signup'),
+ path('logout/', LogoutView.as_view(), name='logout'),
+ path('forgot-password/', TrustForgePasswordResetView.as_view(), name='password_reset'),
+ path('forgot-password/sent/', TrustForgePasswordResetDoneView.as_view(), name='password_reset_done'),
+ path('reset-password/
//', TrustForgePasswordResetConfirmView.as_view(), name='password_reset_confirm'),
+ path('reset-password/complete/', TrustForgePasswordResetCompleteView.as_view(), name='password_reset_complete'),
+ path('onboarding/business/', business_onboarding, name='business_onboarding'),
+ path('workspace//switch/', switch_workspace, name='switch_workspace'),
+ path('workspace/settings/', workspace_settings, name='workspace_settings'),
+ path('profile/', profile_settings, name='profile_settings'),
+ path('dashboard/', dashboard, name='dashboard'),
+ path('jobs/', jobs_list, name='jobs_list'),
+ path('jobs/new/', job_create, name='job_create'),
+ path('jobs//', job_detail, name='job_detail'),
+ path('proof-cards/', proof_cards_list, name='proof_cards_list'),
+ path('proof-cards//', proof_card_detail, name='proof_card_detail'),
+ path('proof-cards//edit/', proof_card_edit, name='proof_card_edit'),
+ path('reviews//', review_request_view, name='review_request'),
]
diff --git a/core/views.py b/core/views.py
index c9aed12..7dc086b 100644
--- a/core/views.py
+++ b/core/views.py
@@ -1,25 +1,686 @@
+from __future__ import annotations
+
import os
import platform
+from functools import wraps
from django import get_version as django_version
-from django.shortcuts import render
+from django.contrib import messages
+from django.contrib.auth import get_user_model, login
+from django.contrib.auth.decorators import login_required
+from django.contrib.auth.views import (
+ LoginView,
+ PasswordResetCompleteView,
+ PasswordResetConfirmView,
+ PasswordResetDoneView,
+ PasswordResetView,
+)
+from django.core.exceptions import PermissionDenied
+from django.core.mail import send_mail
+from django.db import transaction
+from django.db.models import Count, Q
+from django.http import HttpRequest, HttpResponse
+from django.shortcuts import get_object_or_404, redirect, render
+from django.urls import reverse, reverse_lazy
from django.utils import timezone
+from django.utils.text import slugify
+
+from .forms import (
+ BusinessOnboardingForm,
+ BusinessSettingsForm,
+ JobIntakeForm,
+ ProfileSettingsForm,
+ ProofCardForm,
+ PublicFeedbackForm,
+ SignUpForm,
+ TeamMemberInviteForm,
+ TrustForgeAuthenticationForm,
+ TrustForgePasswordResetForm,
+ TrustForgeSetPasswordForm,
+)
+from .models import Business, BusinessMembership, Customer, Feedback, Job, JobMedia, ProofCard, ReviewRequest
+
+User = get_user_model()
+ACTIVE_BUSINESS_SESSION_KEY = 'trustforge_active_business_id'
+POSITIVE_EXPERIENCES = {Feedback.Experience.GREAT, Feedback.Experience.GOOD}
+RATING_MAP = {
+ Feedback.Experience.GREAT: 5,
+ Feedback.Experience.GOOD: 4,
+ Feedback.Experience.OKAY: 3,
+ Feedback.Experience.BAD: 2,
+}
-def home(request):
- """Render the landing screen with loader and environment details."""
- host_name = request.get_host().lower()
- agent_brand = "AppWizzy" if host_name == "appwizzy.com" else "Flatlogic"
- now = timezone.now()
+def _theme_context() -> dict:
+ return {
+ 'project_name': 'TrustForge',
+ 'project_description': (
+ 'TrustForge turns completed service jobs into proof cards, testimonials, and conversion assets '
+ 'for contractors, HVAC teams, roofers, plumbers, and local service businesses.'
+ ),
+ 'project_image_url': os.getenv('PROJECT_IMAGE_URL', ''),
+ }
+
+
+class ThemedAuthContextMixin:
+ auth_page_title = 'TrustForge Account'
+ auth_page_description = 'Secure access to your proof pipeline, review engine, and published proof assets.'
+
+ def get_context_data(self, **kwargs):
+ context = super().get_context_data(**kwargs)
+ context.update(_theme_context())
+ context.setdefault('auth_page_title', self.auth_page_title)
+ context.setdefault('auth_page_description', self.auth_page_description)
+ return context
+
+
+class TrustForgeLoginView(ThemedAuthContextMixin, LoginView):
+ template_name = 'registration/login.html'
+ authentication_form = TrustForgeAuthenticationForm
+ redirect_authenticated_user = True
+ auth_page_title = 'Welcome back to your trust engine'
+ auth_page_description = 'Sign in to manage completed jobs, review requests, proof cards, and every asset that helps the next customer say yes.'
+
+ def get_success_url(self):
+ redirect_url = self.get_redirect_url()
+ if redirect_url:
+ return redirect_url
+ if _get_active_membership(self.request) is None:
+ return reverse('business_onboarding')
+ return reverse('dashboard')
+
+
+class TrustForgePasswordResetView(ThemedAuthContextMixin, PasswordResetView):
+ template_name = 'registration/password_reset_form.html'
+ email_template_name = 'registration/password_reset_email.txt'
+ subject_template_name = 'registration/password_reset_subject.txt'
+ success_url = reverse_lazy('password_reset_done')
+ form_class = TrustForgePasswordResetForm
+ auth_page_title = 'Reset your TrustForge password'
+ auth_page_description = 'Enter your work email and we will send a secure reset link so you can get back into your proof pipeline.'
+
+
+class TrustForgePasswordResetDoneView(ThemedAuthContextMixin, PasswordResetDoneView):
+ template_name = 'registration/password_reset_done.html'
+ auth_page_title = 'Check your email'
+ auth_page_description = 'If that email is tied to an account, a secure reset link is on its way.'
+
+
+class TrustForgePasswordResetConfirmView(ThemedAuthContextMixin, PasswordResetConfirmView):
+ template_name = 'registration/password_reset_confirm.html'
+ form_class = TrustForgeSetPasswordForm
+ success_url = reverse_lazy('password_reset_complete')
+ auth_page_title = 'Create a new password'
+ auth_page_description = 'Set a new password for your account and return to the TrustForge dashboard securely.'
+
+
+class TrustForgePasswordResetCompleteView(ThemedAuthContextMixin, PasswordResetCompleteView):
+ template_name = 'registration/password_reset_complete.html'
+ auth_page_title = 'Password updated'
+ auth_page_description = 'Your password has been changed successfully. You can sign back into TrustForge now.'
+
+
+def _get_memberships_queryset(user):
+ return BusinessMembership.objects.select_related('business').filter(user=user, business__is_active=True)
+
+
+def _get_user_memberships(request: HttpRequest) -> list[BusinessMembership]:
+ if not request.user.is_authenticated:
+ return []
+ cached = getattr(request, '_trustforge_memberships', None)
+ if cached is None:
+ cached = list(_get_memberships_queryset(request.user))
+ request._trustforge_memberships = cached
+ return cached
+
+
+def _get_active_membership(request: HttpRequest) -> BusinessMembership | None:
+ if not request.user.is_authenticated:
+ return None
+ cached = getattr(request, '_trustforge_active_membership', None)
+ if cached is not None:
+ return cached
+
+ memberships = _get_user_memberships(request)
+ active_business_id = request.session.get(ACTIVE_BUSINESS_SESSION_KEY)
+ membership = next((item for item in memberships if item.business_id == active_business_id), None)
+ if membership is None and memberships:
+ membership = memberships[0]
+ request._trustforge_active_membership = membership
+ return membership
+
+
+def _set_active_membership(request: HttpRequest, business_id: int) -> None:
+ request.session[ACTIVE_BUSINESS_SESSION_KEY] = business_id
+ request._trustforge_active_membership = None
+
+
+def _generate_unique_business_slug(name: str) -> str:
+ base_slug = slugify(name)[:45] or 'business'
+ candidate = base_slug
+ counter = 2
+ while Business.objects.filter(slug=candidate).exists():
+ candidate = f'{base_slug}-{counter}'[:55]
+ counter += 1
+ return candidate
+
+
+def business_required(view_func):
+ @wraps(view_func)
+ def wrapped(request: HttpRequest, *args, **kwargs):
+ if _get_active_membership(request) is None:
+ messages.info(request, 'Create or join a business workspace to unlock your protected TrustForge pipeline.')
+ return redirect('business_onboarding')
+ return view_func(request, *args, **kwargs)
+
+ return wrapped
+
+
+def membership_role_required(*allowed_roles: str):
+ def decorator(view_func):
+ @wraps(view_func)
+ def wrapped(request: HttpRequest, *args, **kwargs):
+ membership = _get_active_membership(request)
+ if membership is None:
+ messages.info(request, 'Create or join a business workspace to continue.')
+ return redirect('business_onboarding')
+ if membership.role not in allowed_roles:
+ raise PermissionDenied('Your role does not allow this action in the current workspace.')
+ return view_func(request, *args, **kwargs)
+
+ return wrapped
+
+ return decorator
+
+
+def _build_review_link(request: HttpRequest, review_request: ReviewRequest) -> str:
+ return request.build_absolute_uri(reverse('review_request', args=[str(review_request.token)]))
+
+
+@transaction.atomic
+def _create_review_request(request: HttpRequest, job: Job, channel: str) -> ReviewRequest:
+ review_request, created = ReviewRequest.objects.get_or_create(
+ job=job,
+ defaults={
+ 'channel': channel,
+ 'status': ReviewRequest.Status.SENT,
+ },
+ )
+ if created:
+ review_request.delivery_note = 'Share this link manually from the field app.'
+ if channel == ReviewRequest.Channel.EMAIL and job.customer.email:
+ review_link = _build_review_link(request, review_request)
+ email_sent = send_mail(
+ subject=f'How was your {job.service_type.lower()} experience?',
+ message=(
+ f'Hi {job.customer.full_name}\n\n'
+ f'Thanks for choosing {job.business.name}. Please share your feedback here: {review_link}\n\n'
+ 'Your response helps us build verified proof of work for future customers.'
+ ),
+ from_email=None,
+ recipient_list=[job.customer.email],
+ fail_silently=True,
+ )
+ review_request.delivery_note = 'Email sent automatically.' if email_sent else 'Email backend unavailable — copy link manually.'
+ review_request.status = ReviewRequest.Status.SENT
+ review_request.sent_at = timezone.now()
+ review_request.save()
+ job.status = Job.Status.REVIEW_REQUESTED
+ job.save(update_fields=['status'])
+ return review_request
+
+
+@transaction.atomic
+def signup(request: HttpRequest) -> HttpResponse:
+ if request.user.is_authenticated:
+ return redirect('dashboard' if _get_active_membership(request) else 'business_onboarding')
+
+ if request.method == 'POST':
+ form = SignUpForm(request.POST)
+ if form.is_valid():
+ user = form.save()
+ login(request, user)
+ messages.success(request, 'Your TrustForge account is ready. Now let’s create your first business workspace.')
+ return redirect('business_onboarding')
+ else:
+ form = SignUpForm()
context = {
- "project_name": "New Style",
- "agent_brand": agent_brand,
- "django_version": django_version(),
- "python_version": platform.python_version(),
- "current_time": now,
- "host_name": host_name,
- "project_description": os.getenv("PROJECT_DESCRIPTION", ""),
- "project_image_url": os.getenv("PROJECT_IMAGE_URL", ""),
+ **_theme_context(),
+ 'auth_page_title': 'Create your TrustForge account',
+ 'auth_page_description': 'Start with secure account access, then connect your business workspace, team roles, and protected proof pipeline.',
+ 'form': form,
}
- return render(request, "core/index.html", context)
+ return render(request, 'registration/signup.html', context)
+
+
+@login_required
+@transaction.atomic
+def business_onboarding(request: HttpRequest) -> HttpResponse:
+ current_membership = _get_active_membership(request)
+ if current_membership is not None:
+ return redirect('dashboard')
+
+ if request.method == 'POST':
+ form = BusinessOnboardingForm(request.POST)
+ if form.is_valid():
+ business = form.save(commit=False)
+ business.slug = _generate_unique_business_slug(business.name)
+ business.save()
+ membership = BusinessMembership.objects.create(
+ business=business,
+ user=request.user,
+ role=BusinessMembership.Role.OWNER,
+ )
+ _set_active_membership(request, membership.business_id)
+ messages.success(request, 'Workspace created. Your jobs, proof cards, and reviews are now scoped to this business.')
+ return redirect('dashboard')
+ else:
+ form = BusinessOnboardingForm()
+
+ context = {
+ **_theme_context(),
+ 'form': form,
+ }
+ return render(request, 'core/business_onboarding.html', context)
+
+
+@login_required
+@transaction.atomic
+def switch_workspace(request: HttpRequest, business_id: int) -> HttpResponse:
+ membership = get_object_or_404(_get_memberships_queryset(request.user), business_id=business_id)
+ _set_active_membership(request, membership.business_id)
+ messages.success(request, f'Workspace switched to {membership.business.name}.')
+ next_url = request.POST.get('next') or reverse('dashboard')
+ return redirect(next_url)
+
+
+@login_required
+@transaction.atomic
+def profile_settings(request: HttpRequest) -> HttpResponse:
+ current_membership = _get_active_membership(request)
+ memberships = _get_user_memberships(request)
+
+ if request.method == 'POST':
+ form = ProfileSettingsForm(request.POST, instance=request.user)
+ if form.is_valid():
+ form.save()
+ messages.success(request, 'Profile settings updated.')
+ return redirect('profile_settings')
+ else:
+ form = ProfileSettingsForm(instance=request.user)
+
+ context = {
+ **_theme_context(),
+ 'form': form,
+ 'current_membership': current_membership,
+ 'memberships': memberships,
+ }
+ return render(request, 'core/profile_settings.html', context)
+
+
+@login_required
+@membership_role_required(BusinessMembership.Role.OWNER, BusinessMembership.Role.ADMIN)
+@transaction.atomic
+def workspace_settings(request: HttpRequest) -> HttpResponse:
+ current_membership = _get_active_membership(request)
+ business = current_membership.business
+ team_members = BusinessMembership.objects.select_related('user').filter(business=business).order_by('created_at', 'id')
+
+ if request.method == 'POST':
+ action = request.POST.get('action')
+ if action == 'update_business':
+ business_form = BusinessSettingsForm(request.POST, instance=business)
+ invite_form = TeamMemberInviteForm()
+ if business_form.is_valid():
+ business_form.save()
+ messages.success(request, 'Workspace settings updated.')
+ return redirect('workspace_settings')
+ elif action == 'invite_member':
+ business_form = BusinessSettingsForm(instance=business)
+ invite_form = TeamMemberInviteForm(request.POST)
+ if invite_form.is_valid():
+ email = invite_form.cleaned_data['email']
+ user, created = User.objects.get_or_create(
+ email=email,
+ defaults={
+ 'username': email,
+ 'email': email,
+ 'first_name': invite_form.cleaned_data.get('first_name', '').strip(),
+ 'last_name': invite_form.cleaned_data.get('last_name', '').strip(),
+ },
+ )
+ if created:
+ user.set_unusable_password()
+ user.save(update_fields=['password'])
+ else:
+ updated_fields = []
+ first_name = invite_form.cleaned_data.get('first_name', '').strip()
+ last_name = invite_form.cleaned_data.get('last_name', '').strip()
+ if first_name and not user.first_name:
+ user.first_name = first_name
+ updated_fields.append('first_name')
+ if last_name and not user.last_name:
+ user.last_name = last_name
+ updated_fields.append('last_name')
+ if updated_fields:
+ user.save(update_fields=updated_fields)
+
+ membership, membership_created = BusinessMembership.objects.update_or_create(
+ business=business,
+ user=user,
+ defaults={'role': invite_form.cleaned_data['role']},
+ )
+ if membership_created or created:
+ messages.success(request, 'Team member added. If this is a brand-new user, they can use “Forgot password” to set access.')
+ else:
+ messages.success(request, 'Team member role updated for this workspace.')
+ return redirect('workspace_settings')
+ else:
+ business_form = BusinessSettingsForm(instance=business)
+ invite_form = TeamMemberInviteForm()
+ else:
+ business_form = BusinessSettingsForm(instance=business)
+ invite_form = TeamMemberInviteForm()
+
+ context = {
+ **_theme_context(),
+ 'business_form': business_form,
+ 'invite_form': invite_form,
+ 'current_membership': current_membership,
+ 'team_members': team_members,
+ }
+ return render(request, 'core/workspace_settings.html', context)
+
+
+@transaction.atomic
+def home(request: HttpRequest) -> HttpResponse:
+ businesses = Business.objects.count()
+ stats = Job.objects.aggregate(
+ completed_jobs=Count('id'),
+ review_requests=Count('review_request'),
+ proof_cards=Count('proof_card'),
+ published_proof=Count('proof_card', filter=Q(proof_card__status=ProofCard.Status.PUBLISHED)),
+ )
+ featured_proofs = ProofCard.objects.select_related('job__customer', 'job__business').prefetch_related('job__media').filter(
+ is_featured=True
+ )[:3]
+ recent_jobs = Job.objects.select_related('customer', 'business').prefetch_related('media')[:4]
+
+ context = {
+ **_theme_context(),
+ 'django_version': django_version(),
+ 'python_version': platform.python_version(),
+ 'current_time': timezone.now(),
+ 'business_count': businesses,
+ 'stats': stats,
+ 'featured_proofs': featured_proofs,
+ 'recent_jobs': recent_jobs,
+ }
+ return render(request, 'core/index.html', context)
+
+
+@login_required
+@business_required
+@transaction.atomic
+def dashboard(request: HttpRequest) -> HttpResponse:
+ current_membership = _get_active_membership(request)
+ business = current_membership.business
+ jobs = Job.objects.filter(business=business)
+ stats = jobs.aggregate(
+ completed_jobs=Count('id'),
+ review_requests=Count('review_request'),
+ proof_cards=Count('proof_card'),
+ published_cards=Count('proof_card', filter=Q(proof_card__status=ProofCard.Status.PUBLISHED)),
+ )
+ feedback_qs = Feedback.objects.filter(review_request__job__business=business)
+ positive_feedback = feedback_qs.filter(experience__in=POSITIVE_EXPERIENCES).count()
+ total_feedback = feedback_qs.count()
+ conversion_rate = round((positive_feedback / total_feedback) * 100, 1) if total_feedback else 0
+
+ recent_jobs = jobs.select_related('customer', 'business').prefetch_related('media')[:5]
+ recent_proofs = ProofCard.objects.select_related('job__customer', 'job__business').prefetch_related('job__media').filter(job__business=business)[:4]
+
+ context = {
+ **_theme_context(),
+ 'current_membership': current_membership,
+ 'stats': stats,
+ 'conversion_rate': conversion_rate,
+ 'recent_jobs': recent_jobs,
+ 'recent_proofs': recent_proofs,
+ }
+ return render(request, 'core/dashboard.html', context)
+
+
+@login_required
+@business_required
+@transaction.atomic
+def jobs_list(request: HttpRequest) -> HttpResponse:
+ current_membership = _get_active_membership(request)
+ jobs = Job.objects.select_related('customer', 'business').prefetch_related('media').filter(business=current_membership.business)
+ context = {**_theme_context(), 'jobs': jobs, 'current_membership': current_membership}
+ return render(request, 'core/jobs_list.html', context)
+
+
+@login_required
+@business_required
+@transaction.atomic
+def job_create(request: HttpRequest) -> HttpResponse:
+ current_membership = _get_active_membership(request)
+ business = current_membership.business
+
+ if request.method == 'POST':
+ form = JobIntakeForm(request.POST, request.FILES, business=business)
+ if form.is_valid():
+ customer = Customer.objects.create(
+ business=business,
+ full_name=form.cleaned_data['customer_name'],
+ email=form.cleaned_data['customer_email'],
+ phone=form.cleaned_data['customer_phone'],
+ city=form.cleaned_data['customer_city'],
+ state=form.cleaned_data['customer_state'],
+ )
+ job = Job.objects.create(
+ business=business,
+ customer=customer,
+ service_type=form.cleaned_data['service_type'],
+ description=form.cleaned_data['description'],
+ technician_name=form.cleaned_data['technician_name'],
+ city=form.cleaned_data['customer_city'],
+ state=form.cleaned_data['customer_state'],
+ completed_at=form.cleaned_data['completion_date'],
+ project_value=form.cleaned_data['project_value'],
+ status=Job.Status.COMPLETED,
+ )
+ for media_type, upload in (
+ (JobMedia.MediaType.BEFORE, form.cleaned_data.get('before_photo')),
+ (JobMedia.MediaType.AFTER, form.cleaned_data.get('after_photo')),
+ ):
+ if upload:
+ JobMedia.objects.create(job=job, media_type=media_type, file=upload)
+
+ display_name = 'Verified homeowner' if form.cleaned_data['anonymize_customer'] else customer.full_name
+ ProofCard.objects.create(
+ job=job,
+ customer_display_name=display_name,
+ is_anonymized=form.cleaned_data['anonymize_customer'],
+ attached_widget_label='Homepage proof gallery',
+ attached_pages='Homepage, Service pages',
+ status=ProofCard.Status.DRAFT,
+ )
+
+ if form.cleaned_data['send_review_request']:
+ _create_review_request(request, job, form.cleaned_data['review_channel'])
+
+ messages.success(request, 'Job logged inside your workspace. Proof card drafted and ready for review workflow.')
+ return redirect('job_detail', job_id=job.id)
+ else:
+ form = JobIntakeForm(
+ business=business,
+ initial={
+ 'business': business,
+ 'customer_city': business.primary_city,
+ 'customer_state': business.primary_state,
+ 'technician_name': request.user.get_full_name(),
+ },
+ )
+
+ context = {**_theme_context(), 'form': form, 'current_membership': current_membership}
+ return render(request, 'core/job_form.html', context)
+
+
+@login_required
+@business_required
+@transaction.atomic
+def job_detail(request: HttpRequest, job_id: int) -> HttpResponse:
+ current_membership = _get_active_membership(request)
+ job = get_object_or_404(
+ Job.objects.select_related('customer', 'business', 'proof_card', 'review_request').prefetch_related('media'),
+ id=job_id,
+ business=current_membership.business,
+ )
+ if request.method == 'POST' and request.POST.get('action') == 'send_review_request':
+ channel = request.POST.get('channel', ReviewRequest.Channel.EMAIL)
+ review_request = _create_review_request(request, job, channel)
+ messages.success(request, f'Review request sent. Share link: {_build_review_link(request, review_request)}')
+ return redirect('job_detail', job_id=job.id)
+
+ context = {**_theme_context(), 'job': job, 'current_membership': current_membership}
+ return render(request, 'core/job_detail.html', context)
+
+
+@login_required
+@business_required
+@transaction.atomic
+def proof_cards_list(request: HttpRequest) -> HttpResponse:
+ current_membership = _get_active_membership(request)
+ proof_cards = ProofCard.objects.select_related('job__customer', 'job__business').prefetch_related('job__media').filter(
+ job__business=current_membership.business
+ )
+ context = {**_theme_context(), 'proof_cards': proof_cards, 'current_membership': current_membership}
+ return render(request, 'core/proof_cards_list.html', context)
+
+
+@login_required
+@business_required
+@transaction.atomic
+def proof_card_detail(request: HttpRequest, card_id: int) -> HttpResponse:
+ current_membership = _get_active_membership(request)
+ proof_card = get_object_or_404(
+ ProofCard.objects.select_related('job__customer', 'job__business').prefetch_related('job__media'),
+ id=card_id,
+ job__business=current_membership.business,
+ )
+ if request.method == 'POST':
+ if not current_membership.can_manage_proof:
+ raise PermissionDenied('Your role does not allow proof publishing controls.')
+ action = request.POST.get('action')
+ if action == 'publish':
+ proof_card.status = ProofCard.Status.PUBLISHED
+ proof_card.published_at = timezone.now()
+ proof_card.save(update_fields=['status', 'published_at', 'updated_at'])
+ proof_card.job.status = Job.Status.PROOF_READY
+ proof_card.job.save(update_fields=['status'])
+ messages.success(request, 'Proof card published to the trust gallery.')
+ elif action == 'hide':
+ proof_card.status = ProofCard.Status.HIDDEN
+ proof_card.save(update_fields=['status', 'updated_at'])
+ messages.success(request, 'Proof card hidden from public display.')
+ elif action == 'toggle_featured':
+ proof_card.is_featured = not proof_card.is_featured
+ proof_card.save(update_fields=['is_featured', 'updated_at'])
+ messages.success(request, 'Featured flag updated.')
+ return redirect('proof_card_detail', card_id=proof_card.id)
+
+ context = {**_theme_context(), 'proof_card': proof_card, 'current_membership': current_membership}
+ return render(request, 'core/proof_card_detail.html', context)
+
+
+@login_required
+@membership_role_required(BusinessMembership.Role.OWNER, BusinessMembership.Role.ADMIN, BusinessMembership.Role.MANAGER)
+@transaction.atomic
+def proof_card_edit(request: HttpRequest, card_id: int) -> HttpResponse:
+ current_membership = _get_active_membership(request)
+ proof_card = get_object_or_404(
+ ProofCard.objects.select_related('job__customer', 'job__business'),
+ id=card_id,
+ job__business=current_membership.business,
+ )
+ if request.method == 'POST':
+ form = ProofCardForm(request.POST, instance=proof_card)
+ if form.is_valid():
+ proof_card = form.save(commit=False)
+ if proof_card.status == ProofCard.Status.PUBLISHED and not proof_card.published_at:
+ proof_card.published_at = timezone.now()
+ proof_card.save()
+ messages.success(request, 'Proof card updated.')
+ return redirect('proof_card_detail', card_id=proof_card.id)
+ else:
+ form = ProofCardForm(instance=proof_card)
+
+ context = {**_theme_context(), 'form': form, 'proof_card': proof_card, 'current_membership': current_membership}
+ return render(request, 'core/proof_card_form.html', context)
+
+
+@transaction.atomic
+def review_request_view(request: HttpRequest, token: str) -> HttpResponse:
+ review_request = get_object_or_404(
+ ReviewRequest.objects.select_related('job__customer', 'job__business').prefetch_related('job__media'),
+ token=token,
+ )
+ proof_card = review_request.job.proof_card
+ if review_request.status == ReviewRequest.Status.SENT:
+ review_request.status = ReviewRequest.Status.VIEWED
+ review_request.last_opened_at = timezone.now()
+ review_request.save(update_fields=['status', 'last_opened_at'])
+
+ submitted = False
+ positive = False
+ redirect_url = review_request.job.business.google_review_url
+
+ if request.method == 'POST':
+ form = PublicFeedbackForm(request.POST)
+ if form.is_valid():
+ experience = form.cleaned_data['experience']
+ testimonial = form.cleaned_data['testimonial'].strip()
+ positive = experience in POSITIVE_EXPERIENCES
+ feedback, _ = Feedback.objects.update_or_create(
+ review_request=review_request,
+ defaults={
+ 'experience': experience,
+ 'rating': RATING_MAP[experience],
+ 'testimonial': testimonial,
+ 'follow_up_required': not positive,
+ 'is_public_approved': positive,
+ },
+ )
+ review_request.status = ReviewRequest.Status.RESPONDED
+ review_request.reviewed_at = timezone.now()
+ review_request.save(update_fields=['status', 'reviewed_at'])
+
+ proof_card.rating = feedback.rating
+ proof_card.testimonial_quote = testimonial
+ if positive:
+ proof_card.status = ProofCard.Status.PUBLISHED
+ proof_card.published_at = timezone.now()
+ else:
+ proof_card.status = ProofCard.Status.DRAFT
+ proof_card.save(update_fields=['rating', 'testimonial_quote', 'status', 'published_at', 'updated_at'])
+ review_request.job.status = Job.Status.PROOF_READY if positive else Job.Status.REVIEW_REQUESTED
+ review_request.job.save(update_fields=['status'])
+ submitted = True
+ form = PublicFeedbackForm()
+ else:
+ form = PublicFeedbackForm()
+
+ context = {
+ **_theme_context(),
+ 'review_request': review_request,
+ 'job': review_request.job,
+ 'proof_card': proof_card,
+ 'form': form,
+ 'submitted': submitted,
+ 'positive': positive,
+ 'redirect_url': redirect_url,
+ }
+ return render(request, 'core/review_request.html', context)
diff --git a/static/css/custom.css b/static/css/custom.css
index 925f6ed..7b80ec6 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -1,4 +1,805 @@
-/* Custom styles for the application */
-body {
- font-family: system-ui, -apple-system, sans-serif;
+/* TrustForge design system */
+:root {
+ --tf-bg: #f4f7f6;
+ --tf-surface: rgba(255, 255, 255, 0.82);
+ --tf-surface-strong: #ffffff;
+ --tf-surface-dark: #0f172a;
+ --tf-border: rgba(15, 23, 42, 0.08);
+ --tf-primary: #0f766e;
+ --tf-primary-deep: #115e59;
+ --tf-secondary: #1e293b;
+ --tf-accent: #f97316;
+ --tf-accent-soft: #fff1e8;
+ --tf-success: #15803d;
+ --tf-text: #0f172a;
+ --tf-muted: #64748b;
+ --tf-shadow: 0 20px 60px rgba(15, 23, 42, 0.10);
+ --tf-shadow-soft: 0 12px 32px rgba(15, 23, 42, 0.08);
+ --tf-radius-xl: 28px;
+ --tf-radius-lg: 22px;
+ --tf-radius-md: 16px;
+ --tf-spacing: 1.5rem;
+}
+
+html {
+ scroll-behavior: smooth;
+}
+
+body.trustforge-body {
+ font-family: 'Inter', system-ui, sans-serif;
+ color: var(--tf-text);
+ background:
+ radial-gradient(circle at top left, rgba(15, 118, 110, 0.14), transparent 35%),
+ radial-gradient(circle at top right, rgba(249, 115, 22, 0.12), transparent 28%),
+ linear-gradient(180deg, #fbfcfb 0%, var(--tf-bg) 100%);
+ min-height: 100vh;
+ position: relative;
+}
+
+h1, h2, h3, h4, h5, .navbar-brand, .tf-display, .tf-section-title, .tf-page-title {
+ font-family: 'Space Grotesk', 'Inter', sans-serif;
+ letter-spacing: -0.03em;
+}
+
+a {
+ color: inherit;
+ text-decoration: none;
+}
+
+a:hover {
+ color: inherit;
+}
+
+.tf-background-glow {
+ position: fixed;
+ border-radius: 999px;
+ filter: blur(60px);
+ pointer-events: none;
+ z-index: 0;
+ opacity: 0.85;
+}
+
+.tf-background-glow-1 {
+ width: 320px;
+ height: 320px;
+ background: rgba(15, 118, 110, 0.12);
+ top: 10%;
+ left: -4%;
+}
+
+.tf-background-glow-2 {
+ width: 360px;
+ height: 360px;
+ background: rgba(249, 115, 22, 0.10);
+ right: -6%;
+ top: 12%;
+}
+
+main, .tf-site-header, .tf-footer {
+ position: relative;
+ z-index: 1;
+}
+
+.py-lg-6 {
+ padding-top: 5rem !important;
+ padding-bottom: 5rem !important;
+}
+
+.tf-navbar {
+ background: rgba(255, 255, 255, 0.74);
+ backdrop-filter: blur(18px);
+ border-bottom: 1px solid rgba(255, 255, 255, 0.68);
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
+}
+
+.tf-brand {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.8rem;
+ font-weight: 700;
+ color: var(--tf-secondary);
+}
+
+.tf-brand-mark {
+ width: 42px;
+ height: 42px;
+ border-radius: 14px;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ background: linear-gradient(135deg, var(--tf-primary), #2dd4bf);
+ color: white;
+ box-shadow: 0 12px 30px rgba(15, 118, 110, 0.28);
+}
+
+.tf-nav-toggle {
+ border: 0;
+}
+
+.tf-navbar .nav-link {
+ color: var(--tf-muted);
+ font-weight: 600;
+ padding: 0.6rem 0.95rem;
+ border-radius: 999px;
+}
+
+.tf-navbar .nav-link:hover,
+.tf-navbar .nav-link:focus {
+ background: rgba(15, 118, 110, 0.08);
+ color: var(--tf-primary-deep);
+}
+
+.tf-btn {
+ border-radius: 999px;
+ padding: 0.85rem 1.35rem;
+ font-weight: 700;
+ border: 0;
+ box-shadow: var(--tf-shadow-soft);
+ transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
+}
+
+.tf-btn:hover,
+.tf-btn:focus {
+ transform: translateY(-1px);
+ box-shadow: 0 16px 32px rgba(15, 23, 42, 0.12);
+}
+
+.tf-btn-primary {
+ background: linear-gradient(135deg, var(--tf-primary), #14b8a6);
+ color: #fff;
+}
+
+.tf-btn-primary:hover,
+.tf-btn-primary:focus {
+ color: #fff;
+}
+
+.tf-btn-secondary {
+ background: rgba(255, 255, 255, 0.72);
+ color: var(--tf-secondary);
+ border: 1px solid rgba(15, 23, 42, 0.08);
+}
+
+.tf-alert {
+ border-radius: 18px;
+ border: 1px solid rgba(15, 118, 110, 0.12);
+ background: rgba(236, 253, 245, 0.88);
+ color: var(--tf-primary-deep);
+ box-shadow: var(--tf-shadow-soft);
+}
+
+.tf-hero-section {
+ overflow: hidden;
+}
+
+.tf-eyebrow {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.5rem;
+ border-radius: 999px;
+ background: rgba(15, 118, 110, 0.08);
+ color: var(--tf-primary-deep);
+ padding: 0.5rem 0.95rem;
+ font-size: 0.82rem;
+ font-weight: 800;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+
+.tf-eyebrow-light {
+ background: rgba(255, 255, 255, 0.08);
+ color: #cbd5e1;
+}
+
+.tf-display {
+ font-size: clamp(2.75rem, 7vw, 5.2rem);
+ line-height: 0.98;
+ max-width: 13ch;
+}
+
+.tf-lead,
+.tf-page-subtitle {
+ color: var(--tf-muted);
+ font-size: 1.08rem;
+ line-height: 1.75;
+ max-width: 62ch;
+}
+
+.tf-page-title {
+ font-size: clamp(2rem, 4vw, 3.3rem);
+ margin-bottom: 0.75rem;
+}
+
+.tf-section-title {
+ font-size: clamp(1.75rem, 3.2vw, 2.6rem);
+ margin-bottom: 0;
+}
+
+.tf-stat-row span,
+.tf-metric-card span {
+ display: block;
+ font-family: 'Space Grotesk', sans-serif;
+ font-size: 2rem;
+ line-height: 1;
+ color: var(--tf-secondary);
+ margin-bottom: 0.35rem;
+}
+
+.tf-stat-chip,
+.tf-metric-card {
+ background: rgba(255, 255, 255, 0.72);
+ border: 1px solid rgba(255, 255, 255, 0.7);
+ border-radius: var(--tf-radius-md);
+ padding: 1.1rem 1rem;
+ box-shadow: var(--tf-shadow-soft);
+ color: var(--tf-muted);
+}
+
+.tf-device-card,
+.tf-panel,
+.tf-proof-card,
+.tf-empty-state {
+ background: var(--tf-surface);
+ backdrop-filter: blur(18px);
+ border: 1px solid rgba(255, 255, 255, 0.75);
+ border-radius: var(--tf-radius-xl);
+ box-shadow: var(--tf-shadow);
+}
+
+.tf-device-card {
+ padding: 1.25rem;
+ position: relative;
+ overflow: hidden;
+}
+
+.tf-device-card::after {
+ content: '';
+ position: absolute;
+ width: 160px;
+ height: 160px;
+ background: linear-gradient(135deg, rgba(249, 115, 22, 0.18), transparent);
+ border-radius: 36px;
+ right: -30px;
+ bottom: -40px;
+ transform: rotate(18deg);
+}
+
+.tf-device-header {
+ display: flex;
+ gap: 0.45rem;
+ margin-bottom: 1rem;
+}
+
+.tf-device-header span {
+ width: 12px;
+ height: 12px;
+ border-radius: 999px;
+ background: rgba(15, 23, 42, 0.16);
+}
+
+.tf-device-body {
+ position: relative;
+ z-index: 1;
+}
+
+.tf-mini-step,
+.tf-activity-row,
+.tf-proof-mini {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ gap: 1rem;
+ padding: 1rem 1.1rem;
+ border-radius: 18px;
+ background: rgba(255, 255, 255, 0.72);
+ border: 1px solid rgba(15, 23, 42, 0.06);
+}
+
+.tf-mini-step.active {
+ color: var(--tf-secondary);
+ font-weight: 700;
+}
+
+.tf-proof-preview,
+.tf-panel {
+ padding: 1.5rem;
+}
+
+.tf-panel-dark {
+ background: linear-gradient(135deg, #0f172a, #1e293b);
+ border: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.tf-panel-icon {
+ width: 52px;
+ height: 52px;
+ border-radius: 18px;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ background: rgba(15, 118, 110, 0.10);
+ margin-bottom: 1rem;
+ font-size: 1.25rem;
+}
+
+.tf-proof-media-grid,
+.tf-proof-media-grid-large,
+.tf-proof-media-grid-static {
+ display: grid;
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ gap: 0.85rem;
+}
+
+.tf-proof-media-grid-static {
+ grid-template-columns: 1fr;
+}
+
+.tf-photo-slot {
+ min-height: 170px;
+ border-radius: 20px;
+ background:
+ linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0)),
+ linear-gradient(135deg, rgba(15, 23, 42, 0.88), rgba(15, 118, 110, 0.82));
+ color: rgba(255,255,255,0.92);
+ font-weight: 700;
+ display: flex;
+ align-items: end;
+ justify-content: start;
+ padding: 1rem;
+ box-shadow: inset 0 1px 0 rgba(255,255,255,0.10);
+}
+
+.tf-photo-slot-after {
+ background: linear-gradient(135deg, rgba(15, 118, 110, 0.94), rgba(45, 212, 191, 0.86));
+}
+
+.tf-empty-proof {
+ border-radius: 22px;
+ background: rgba(248, 250, 252, 0.72);
+ padding: 1rem;
+}
+
+.tf-proof-card-link {
+ display: block;
+ height: 100%;
+}
+
+.tf-proof-card {
+ overflow: hidden;
+}
+
+.tf-proof-card-large .tf-proof-media-grid-large .tf-photo-slot {
+ min-height: 240px;
+}
+
+.tf-proof-card-body {
+ padding: 1.35rem;
+}
+
+.tf-card-tag {
+ display: inline-flex;
+ align-items: center;
+ padding: 0.45rem 0.8rem;
+ border-radius: 999px;
+ background: rgba(15, 118, 110, 0.08);
+ color: var(--tf-primary-deep);
+ font-size: 0.85rem;
+ font-weight: 700;
+}
+
+.tf-badge-verified,
+.tf-rating-pill {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ padding: 0.42rem 0.75rem;
+ border-radius: 999px;
+ font-size: 0.78rem;
+ font-weight: 800;
+}
+
+.tf-badge-verified {
+ background: rgba(21, 128, 61, 0.10);
+ color: var(--tf-success);
+}
+
+.tf-rating-pill {
+ background: var(--tf-accent-soft);
+ color: var(--tf-accent);
+}
+
+.tf-status-pill {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.4rem;
+ border-radius: 999px;
+ padding: 0.4rem 0.7rem;
+ font-size: 0.78rem;
+ font-weight: 800;
+ text-transform: uppercase;
+ letter-spacing: 0.04em;
+}
+
+.tf-status-completed,
+.tf-status-draft {
+ background: rgba(15, 23, 42, 0.08);
+ color: var(--tf-secondary);
+}
+
+.tf-status-review_requested,
+.tf-status-sent,
+.tf-status-viewed {
+ background: rgba(249, 115, 22, 0.12);
+ color: var(--tf-accent);
+}
+
+.tf-status-proof_ready,
+.tf-status-published,
+.tf-status-responded {
+ background: rgba(21, 128, 61, 0.12);
+ color: var(--tf-success);
+}
+
+.tf-status-hidden {
+ background: rgba(100, 116, 139, 0.12);
+ color: var(--tf-muted);
+}
+
+.tf-inline-link {
+ color: var(--tf-primary-deep);
+ font-weight: 700;
+}
+
+.tf-inline-link:hover,
+.tf-inline-link:focus {
+ color: var(--tf-primary);
+}
+
+.tf-activity-row-soft {
+ background: rgba(248, 250, 252, 0.9);
+}
+
+.tf-activity-link,
+.tf-proof-mini {
+ color: inherit;
+}
+
+.tf-proof-mini {
+ text-decoration: none;
+}
+
+.tf-table thead th {
+ border-bottom-width: 0;
+ color: var(--tf-muted);
+ font-size: 0.85rem;
+ text-transform: uppercase;
+ letter-spacing: 0.04em;
+ padding: 1.1rem 1.25rem;
+}
+
+.tf-table tbody td {
+ padding: 1.1rem 1.25rem;
+ border-color: rgba(15, 23, 42, 0.06);
+}
+
+.tf-detail-box {
+ background: rgba(248, 250, 252, 0.92);
+ border-radius: 18px;
+ padding: 1rem;
+ border: 1px solid rgba(15, 23, 42, 0.06);
+}
+
+.tf-detail-box span {
+ display: block;
+ color: var(--tf-muted);
+ font-size: 0.8rem;
+ text-transform: uppercase;
+ letter-spacing: 0.06em;
+ margin-bottom: 0.35rem;
+}
+
+.tf-detail-box strong {
+ display: block;
+ font-size: 1rem;
+}
+
+.tf-check-row {
+ display: flex;
+ gap: 0.9rem;
+ align-items: center;
+ font-weight: 600;
+}
+
+.tf-check-row span {
+ width: 34px;
+ height: 34px;
+ border-radius: 12px;
+ background: rgba(15, 118, 110, 0.12);
+ color: var(--tf-primary-deep);
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ font-weight: 800;
+}
+
+.tf-check-field {
+ background: rgba(248, 250, 252, 0.92);
+ padding: 1rem;
+ border-radius: 18px;
+ border: 1px solid rgba(15, 23, 42, 0.06);
+}
+
+.tf-sticky-panel {
+ top: 6rem;
+}
+
+.tf-feedback-grid {
+ display: grid;
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ gap: 1rem;
+}
+
+.tf-feedback-option {
+ position: relative;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ min-height: 96px;
+ border-radius: 22px;
+ background: rgba(248, 250, 252, 0.92);
+ border: 1px solid rgba(15, 23, 42, 0.06);
+ font-weight: 700;
+ cursor: pointer;
+}
+
+.tf-feedback-option input {
+ position: absolute;
+ inset: 0;
+ opacity: 0;
+ cursor: pointer;
+}
+
+.tf-feedback-option:has(input:checked) {
+ border-color: rgba(15, 118, 110, 0.55);
+ background: rgba(236, 253, 245, 0.95);
+ color: var(--tf-primary-deep);
+ box-shadow: 0 12px 28px rgba(15, 118, 110, 0.14);
+}
+
+.tf-testimonial {
+ font-size: 1.1rem;
+ line-height: 1.8;
+ color: var(--tf-secondary);
+ border-left: 4px solid rgba(15, 118, 110, 0.22);
+ padding-left: 1rem;
+}
+
+.tf-panel-centered {
+ padding: 2rem;
+}
+
+.tf-footer {
+ border-top: 1px solid rgba(15, 23, 42, 0.06);
+}
+
+.tf-footer-brand {
+ font-family: 'Space Grotesk', sans-serif;
+ font-size: 1.1rem;
+ font-weight: 700;
+ margin-bottom: 0.35rem;
+}
+
+.form-control,
+.form-select {
+ min-height: 50px;
+ border-radius: 16px;
+ border-color: rgba(15, 23, 42, 0.10);
+ box-shadow: none;
+}
+
+textarea.form-control {
+ min-height: 120px;
+}
+
+.form-control:focus,
+.form-select:focus,
+.form-check-input:focus,
+.btn:focus {
+ border-color: rgba(15, 118, 110, 0.4);
+ box-shadow: 0 0 0 0.25rem rgba(15, 118, 110, 0.15);
+}
+
+@media (max-width: 991.98px) {
+ .tf-display {
+ max-width: 100%;
+ }
+
+ .tf-feedback-grid {
+ grid-template-columns: 1fr;
+ }
+}
+
+@media (max-width: 767.98px) {
+ .tf-device-card,
+ .tf-panel,
+ .tf-proof-card,
+ .tf-empty-state {
+ border-radius: 22px;
+ }
+
+ .tf-proof-media-grid,
+ .tf-proof-media-grid-large {
+ grid-template-columns: 1fr;
+ }
+
+ .tf-photo-slot,
+ .tf-proof-card-large .tf-proof-media-grid-large .tf-photo-slot {
+ min-height: 180px;
+ }
+}
+
+
+.tf-user-menu {
+ border: 1px solid rgba(15, 23, 42, 0.06);
+ background: rgba(255, 255, 255, 0.78);
+ border-radius: 999px;
+ padding: 0.8rem 1rem;
+ box-shadow: var(--tf-shadow-soft);
+ color: var(--tf-secondary);
+ font-weight: 700;
+}
+
+.tf-user-menu:hover,
+.tf-user-menu:focus {
+ color: var(--tf-primary-deep);
+}
+
+.tf-user-dropdown {
+ border-radius: 18px;
+ border: 1px solid rgba(15, 23, 42, 0.08);
+ box-shadow: var(--tf-shadow-soft);
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+}
+
+.tf-user-dropdown .dropdown-item {
+ font-weight: 600;
+ color: var(--tf-secondary);
+ border-radius: 12px;
+}
+
+.tf-user-dropdown .dropdown-item:hover,
+.tf-user-dropdown .dropdown-item:focus,
+.tf-logout-link:hover,
+.tf-logout-link:focus {
+ background: rgba(15, 118, 110, 0.08);
+ color: var(--tf-primary-deep);
+}
+
+.tf-logout-link {
+ background: transparent;
+ border: 0;
+ width: 100%;
+ text-align: left;
+ padding: 0.5rem 0.75rem;
+}
+
+.tf-auth-card {
+ max-width: 720px;
+ margin: 0 auto;
+}
+
+.tf-auth-points {
+ display: grid;
+ gap: 0.9rem;
+}
+
+@media (max-width: 991.98px) {
+ .tf-user-menu {
+ width: 100%;
+ justify-content: center;
+ }
+}
+
+
+.tf-workspace-chip {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.85rem;
+ padding: 0.55rem 0.9rem;
+ border-radius: 999px;
+ background: rgba(15, 118, 110, 0.12);
+ border: 1px solid rgba(15, 118, 110, 0.16);
+ color: #0f3f3b;
+}
+
+.tf-workspace-chip strong,
+.tf-dropdown-label strong {
+ display: block;
+ font-size: 0.92rem;
+}
+
+.tf-workspace-chip small,
+.tf-dropdown-label span {
+ display: block;
+ color: rgba(30, 41, 59, 0.72);
+ font-size: 0.75rem;
+}
+
+.tf-workspace-chip-mark {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ background: linear-gradient(135deg, #0f766e, #14b8a6);
+ color: white;
+ font-size: 0.8rem;
+ font-weight: 700;
+}
+
+.tf-dropdown-label,
+.tf-dropdown-section {
+ color: #0f172a;
+ font-size: 0.82rem;
+}
+
+.tf-workspace-switch {
+ border-radius: 0.85rem;
+}
+
+.tf-workspace-switch small {
+ display: block;
+ color: rgba(30, 41, 59, 0.7);
+}
+
+.tf-workspace-switch.active {
+ background: rgba(15, 118, 110, 0.08);
+}
+
+.tf-inline-stat {
+ padding: 0.9rem 1rem;
+ border-radius: 1rem;
+ background: rgba(15, 118, 110, 0.08);
+ border: 1px solid rgba(15, 118, 110, 0.15);
+}
+
+.tf-inline-stat span {
+ display: block;
+ font-size: 0.78rem;
+ color: rgba(30, 41, 59, 0.7);
+}
+
+.tf-inline-stat strong {
+ display: block;
+ color: #0f172a;
+}
+
+.tf-role-card,
+.tf-team-member {
+ display: flex;
+ justify-content: space-between;
+ gap: 1rem;
+ padding: 1rem 1.1rem;
+ border-radius: 1rem;
+ background: rgba(255, 255, 255, 0.7);
+ border: 1px solid rgba(15, 118, 110, 0.12);
+}
+
+.tf-role-card {
+ flex-direction: column;
+}
+
+.tf-role-card span {
+ color: rgba(30, 41, 59, 0.76);
+}
+
+.tf-team-member-active {
+ box-shadow: 0 0 0 2px rgba(15, 118, 110, 0.18);
+}
+
+.tf-role-pill {
+ background: rgba(249, 115, 22, 0.14);
+ color: #9a3412;
}
diff --git a/staticfiles/css/custom.css b/staticfiles/css/custom.css
index 108056f..7b80ec6 100644
--- a/staticfiles/css/custom.css
+++ b/staticfiles/css/custom.css
@@ -1,21 +1,805 @@
-
+/* TrustForge design system */
:root {
- --bg-color-start: #6a11cb;
- --bg-color-end: #2575fc;
- --text-color: #ffffff;
- --card-bg-color: rgba(255, 255, 255, 0.01);
- --card-border-color: rgba(255, 255, 255, 0.1);
+ --tf-bg: #f4f7f6;
+ --tf-surface: rgba(255, 255, 255, 0.82);
+ --tf-surface-strong: #ffffff;
+ --tf-surface-dark: #0f172a;
+ --tf-border: rgba(15, 23, 42, 0.08);
+ --tf-primary: #0f766e;
+ --tf-primary-deep: #115e59;
+ --tf-secondary: #1e293b;
+ --tf-accent: #f97316;
+ --tf-accent-soft: #fff1e8;
+ --tf-success: #15803d;
+ --tf-text: #0f172a;
+ --tf-muted: #64748b;
+ --tf-shadow: 0 20px 60px rgba(15, 23, 42, 0.10);
+ --tf-shadow-soft: 0 12px 32px rgba(15, 23, 42, 0.08);
+ --tf-radius-xl: 28px;
+ --tf-radius-lg: 22px;
+ --tf-radius-md: 16px;
+ --tf-spacing: 1.5rem;
}
-body {
- margin: 0;
- font-family: 'Inter', sans-serif;
- background: linear-gradient(45deg, var(--bg-color-start), var(--bg-color-end));
- color: var(--text-color);
- display: flex;
- justify-content: center;
- align-items: center;
+
+html {
+ scroll-behavior: smooth;
+}
+
+body.trustforge-body {
+ font-family: 'Inter', system-ui, sans-serif;
+ color: var(--tf-text);
+ background:
+ radial-gradient(circle at top left, rgba(15, 118, 110, 0.14), transparent 35%),
+ radial-gradient(circle at top right, rgba(249, 115, 22, 0.12), transparent 28%),
+ linear-gradient(180deg, #fbfcfb 0%, var(--tf-bg) 100%);
min-height: 100vh;
- text-align: center;
- overflow: hidden;
position: relative;
}
+
+h1, h2, h3, h4, h5, .navbar-brand, .tf-display, .tf-section-title, .tf-page-title {
+ font-family: 'Space Grotesk', 'Inter', sans-serif;
+ letter-spacing: -0.03em;
+}
+
+a {
+ color: inherit;
+ text-decoration: none;
+}
+
+a:hover {
+ color: inherit;
+}
+
+.tf-background-glow {
+ position: fixed;
+ border-radius: 999px;
+ filter: blur(60px);
+ pointer-events: none;
+ z-index: 0;
+ opacity: 0.85;
+}
+
+.tf-background-glow-1 {
+ width: 320px;
+ height: 320px;
+ background: rgba(15, 118, 110, 0.12);
+ top: 10%;
+ left: -4%;
+}
+
+.tf-background-glow-2 {
+ width: 360px;
+ height: 360px;
+ background: rgba(249, 115, 22, 0.10);
+ right: -6%;
+ top: 12%;
+}
+
+main, .tf-site-header, .tf-footer {
+ position: relative;
+ z-index: 1;
+}
+
+.py-lg-6 {
+ padding-top: 5rem !important;
+ padding-bottom: 5rem !important;
+}
+
+.tf-navbar {
+ background: rgba(255, 255, 255, 0.74);
+ backdrop-filter: blur(18px);
+ border-bottom: 1px solid rgba(255, 255, 255, 0.68);
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
+}
+
+.tf-brand {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.8rem;
+ font-weight: 700;
+ color: var(--tf-secondary);
+}
+
+.tf-brand-mark {
+ width: 42px;
+ height: 42px;
+ border-radius: 14px;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ background: linear-gradient(135deg, var(--tf-primary), #2dd4bf);
+ color: white;
+ box-shadow: 0 12px 30px rgba(15, 118, 110, 0.28);
+}
+
+.tf-nav-toggle {
+ border: 0;
+}
+
+.tf-navbar .nav-link {
+ color: var(--tf-muted);
+ font-weight: 600;
+ padding: 0.6rem 0.95rem;
+ border-radius: 999px;
+}
+
+.tf-navbar .nav-link:hover,
+.tf-navbar .nav-link:focus {
+ background: rgba(15, 118, 110, 0.08);
+ color: var(--tf-primary-deep);
+}
+
+.tf-btn {
+ border-radius: 999px;
+ padding: 0.85rem 1.35rem;
+ font-weight: 700;
+ border: 0;
+ box-shadow: var(--tf-shadow-soft);
+ transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
+}
+
+.tf-btn:hover,
+.tf-btn:focus {
+ transform: translateY(-1px);
+ box-shadow: 0 16px 32px rgba(15, 23, 42, 0.12);
+}
+
+.tf-btn-primary {
+ background: linear-gradient(135deg, var(--tf-primary), #14b8a6);
+ color: #fff;
+}
+
+.tf-btn-primary:hover,
+.tf-btn-primary:focus {
+ color: #fff;
+}
+
+.tf-btn-secondary {
+ background: rgba(255, 255, 255, 0.72);
+ color: var(--tf-secondary);
+ border: 1px solid rgba(15, 23, 42, 0.08);
+}
+
+.tf-alert {
+ border-radius: 18px;
+ border: 1px solid rgba(15, 118, 110, 0.12);
+ background: rgba(236, 253, 245, 0.88);
+ color: var(--tf-primary-deep);
+ box-shadow: var(--tf-shadow-soft);
+}
+
+.tf-hero-section {
+ overflow: hidden;
+}
+
+.tf-eyebrow {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.5rem;
+ border-radius: 999px;
+ background: rgba(15, 118, 110, 0.08);
+ color: var(--tf-primary-deep);
+ padding: 0.5rem 0.95rem;
+ font-size: 0.82rem;
+ font-weight: 800;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+}
+
+.tf-eyebrow-light {
+ background: rgba(255, 255, 255, 0.08);
+ color: #cbd5e1;
+}
+
+.tf-display {
+ font-size: clamp(2.75rem, 7vw, 5.2rem);
+ line-height: 0.98;
+ max-width: 13ch;
+}
+
+.tf-lead,
+.tf-page-subtitle {
+ color: var(--tf-muted);
+ font-size: 1.08rem;
+ line-height: 1.75;
+ max-width: 62ch;
+}
+
+.tf-page-title {
+ font-size: clamp(2rem, 4vw, 3.3rem);
+ margin-bottom: 0.75rem;
+}
+
+.tf-section-title {
+ font-size: clamp(1.75rem, 3.2vw, 2.6rem);
+ margin-bottom: 0;
+}
+
+.tf-stat-row span,
+.tf-metric-card span {
+ display: block;
+ font-family: 'Space Grotesk', sans-serif;
+ font-size: 2rem;
+ line-height: 1;
+ color: var(--tf-secondary);
+ margin-bottom: 0.35rem;
+}
+
+.tf-stat-chip,
+.tf-metric-card {
+ background: rgba(255, 255, 255, 0.72);
+ border: 1px solid rgba(255, 255, 255, 0.7);
+ border-radius: var(--tf-radius-md);
+ padding: 1.1rem 1rem;
+ box-shadow: var(--tf-shadow-soft);
+ color: var(--tf-muted);
+}
+
+.tf-device-card,
+.tf-panel,
+.tf-proof-card,
+.tf-empty-state {
+ background: var(--tf-surface);
+ backdrop-filter: blur(18px);
+ border: 1px solid rgba(255, 255, 255, 0.75);
+ border-radius: var(--tf-radius-xl);
+ box-shadow: var(--tf-shadow);
+}
+
+.tf-device-card {
+ padding: 1.25rem;
+ position: relative;
+ overflow: hidden;
+}
+
+.tf-device-card::after {
+ content: '';
+ position: absolute;
+ width: 160px;
+ height: 160px;
+ background: linear-gradient(135deg, rgba(249, 115, 22, 0.18), transparent);
+ border-radius: 36px;
+ right: -30px;
+ bottom: -40px;
+ transform: rotate(18deg);
+}
+
+.tf-device-header {
+ display: flex;
+ gap: 0.45rem;
+ margin-bottom: 1rem;
+}
+
+.tf-device-header span {
+ width: 12px;
+ height: 12px;
+ border-radius: 999px;
+ background: rgba(15, 23, 42, 0.16);
+}
+
+.tf-device-body {
+ position: relative;
+ z-index: 1;
+}
+
+.tf-mini-step,
+.tf-activity-row,
+.tf-proof-mini {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ gap: 1rem;
+ padding: 1rem 1.1rem;
+ border-radius: 18px;
+ background: rgba(255, 255, 255, 0.72);
+ border: 1px solid rgba(15, 23, 42, 0.06);
+}
+
+.tf-mini-step.active {
+ color: var(--tf-secondary);
+ font-weight: 700;
+}
+
+.tf-proof-preview,
+.tf-panel {
+ padding: 1.5rem;
+}
+
+.tf-panel-dark {
+ background: linear-gradient(135deg, #0f172a, #1e293b);
+ border: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.tf-panel-icon {
+ width: 52px;
+ height: 52px;
+ border-radius: 18px;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ background: rgba(15, 118, 110, 0.10);
+ margin-bottom: 1rem;
+ font-size: 1.25rem;
+}
+
+.tf-proof-media-grid,
+.tf-proof-media-grid-large,
+.tf-proof-media-grid-static {
+ display: grid;
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ gap: 0.85rem;
+}
+
+.tf-proof-media-grid-static {
+ grid-template-columns: 1fr;
+}
+
+.tf-photo-slot {
+ min-height: 170px;
+ border-radius: 20px;
+ background:
+ linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0)),
+ linear-gradient(135deg, rgba(15, 23, 42, 0.88), rgba(15, 118, 110, 0.82));
+ color: rgba(255,255,255,0.92);
+ font-weight: 700;
+ display: flex;
+ align-items: end;
+ justify-content: start;
+ padding: 1rem;
+ box-shadow: inset 0 1px 0 rgba(255,255,255,0.10);
+}
+
+.tf-photo-slot-after {
+ background: linear-gradient(135deg, rgba(15, 118, 110, 0.94), rgba(45, 212, 191, 0.86));
+}
+
+.tf-empty-proof {
+ border-radius: 22px;
+ background: rgba(248, 250, 252, 0.72);
+ padding: 1rem;
+}
+
+.tf-proof-card-link {
+ display: block;
+ height: 100%;
+}
+
+.tf-proof-card {
+ overflow: hidden;
+}
+
+.tf-proof-card-large .tf-proof-media-grid-large .tf-photo-slot {
+ min-height: 240px;
+}
+
+.tf-proof-card-body {
+ padding: 1.35rem;
+}
+
+.tf-card-tag {
+ display: inline-flex;
+ align-items: center;
+ padding: 0.45rem 0.8rem;
+ border-radius: 999px;
+ background: rgba(15, 118, 110, 0.08);
+ color: var(--tf-primary-deep);
+ font-size: 0.85rem;
+ font-weight: 700;
+}
+
+.tf-badge-verified,
+.tf-rating-pill {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ padding: 0.42rem 0.75rem;
+ border-radius: 999px;
+ font-size: 0.78rem;
+ font-weight: 800;
+}
+
+.tf-badge-verified {
+ background: rgba(21, 128, 61, 0.10);
+ color: var(--tf-success);
+}
+
+.tf-rating-pill {
+ background: var(--tf-accent-soft);
+ color: var(--tf-accent);
+}
+
+.tf-status-pill {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.4rem;
+ border-radius: 999px;
+ padding: 0.4rem 0.7rem;
+ font-size: 0.78rem;
+ font-weight: 800;
+ text-transform: uppercase;
+ letter-spacing: 0.04em;
+}
+
+.tf-status-completed,
+.tf-status-draft {
+ background: rgba(15, 23, 42, 0.08);
+ color: var(--tf-secondary);
+}
+
+.tf-status-review_requested,
+.tf-status-sent,
+.tf-status-viewed {
+ background: rgba(249, 115, 22, 0.12);
+ color: var(--tf-accent);
+}
+
+.tf-status-proof_ready,
+.tf-status-published,
+.tf-status-responded {
+ background: rgba(21, 128, 61, 0.12);
+ color: var(--tf-success);
+}
+
+.tf-status-hidden {
+ background: rgba(100, 116, 139, 0.12);
+ color: var(--tf-muted);
+}
+
+.tf-inline-link {
+ color: var(--tf-primary-deep);
+ font-weight: 700;
+}
+
+.tf-inline-link:hover,
+.tf-inline-link:focus {
+ color: var(--tf-primary);
+}
+
+.tf-activity-row-soft {
+ background: rgba(248, 250, 252, 0.9);
+}
+
+.tf-activity-link,
+.tf-proof-mini {
+ color: inherit;
+}
+
+.tf-proof-mini {
+ text-decoration: none;
+}
+
+.tf-table thead th {
+ border-bottom-width: 0;
+ color: var(--tf-muted);
+ font-size: 0.85rem;
+ text-transform: uppercase;
+ letter-spacing: 0.04em;
+ padding: 1.1rem 1.25rem;
+}
+
+.tf-table tbody td {
+ padding: 1.1rem 1.25rem;
+ border-color: rgba(15, 23, 42, 0.06);
+}
+
+.tf-detail-box {
+ background: rgba(248, 250, 252, 0.92);
+ border-radius: 18px;
+ padding: 1rem;
+ border: 1px solid rgba(15, 23, 42, 0.06);
+}
+
+.tf-detail-box span {
+ display: block;
+ color: var(--tf-muted);
+ font-size: 0.8rem;
+ text-transform: uppercase;
+ letter-spacing: 0.06em;
+ margin-bottom: 0.35rem;
+}
+
+.tf-detail-box strong {
+ display: block;
+ font-size: 1rem;
+}
+
+.tf-check-row {
+ display: flex;
+ gap: 0.9rem;
+ align-items: center;
+ font-weight: 600;
+}
+
+.tf-check-row span {
+ width: 34px;
+ height: 34px;
+ border-radius: 12px;
+ background: rgba(15, 118, 110, 0.12);
+ color: var(--tf-primary-deep);
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ font-weight: 800;
+}
+
+.tf-check-field {
+ background: rgba(248, 250, 252, 0.92);
+ padding: 1rem;
+ border-radius: 18px;
+ border: 1px solid rgba(15, 23, 42, 0.06);
+}
+
+.tf-sticky-panel {
+ top: 6rem;
+}
+
+.tf-feedback-grid {
+ display: grid;
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ gap: 1rem;
+}
+
+.tf-feedback-option {
+ position: relative;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ min-height: 96px;
+ border-radius: 22px;
+ background: rgba(248, 250, 252, 0.92);
+ border: 1px solid rgba(15, 23, 42, 0.06);
+ font-weight: 700;
+ cursor: pointer;
+}
+
+.tf-feedback-option input {
+ position: absolute;
+ inset: 0;
+ opacity: 0;
+ cursor: pointer;
+}
+
+.tf-feedback-option:has(input:checked) {
+ border-color: rgba(15, 118, 110, 0.55);
+ background: rgba(236, 253, 245, 0.95);
+ color: var(--tf-primary-deep);
+ box-shadow: 0 12px 28px rgba(15, 118, 110, 0.14);
+}
+
+.tf-testimonial {
+ font-size: 1.1rem;
+ line-height: 1.8;
+ color: var(--tf-secondary);
+ border-left: 4px solid rgba(15, 118, 110, 0.22);
+ padding-left: 1rem;
+}
+
+.tf-panel-centered {
+ padding: 2rem;
+}
+
+.tf-footer {
+ border-top: 1px solid rgba(15, 23, 42, 0.06);
+}
+
+.tf-footer-brand {
+ font-family: 'Space Grotesk', sans-serif;
+ font-size: 1.1rem;
+ font-weight: 700;
+ margin-bottom: 0.35rem;
+}
+
+.form-control,
+.form-select {
+ min-height: 50px;
+ border-radius: 16px;
+ border-color: rgba(15, 23, 42, 0.10);
+ box-shadow: none;
+}
+
+textarea.form-control {
+ min-height: 120px;
+}
+
+.form-control:focus,
+.form-select:focus,
+.form-check-input:focus,
+.btn:focus {
+ border-color: rgba(15, 118, 110, 0.4);
+ box-shadow: 0 0 0 0.25rem rgba(15, 118, 110, 0.15);
+}
+
+@media (max-width: 991.98px) {
+ .tf-display {
+ max-width: 100%;
+ }
+
+ .tf-feedback-grid {
+ grid-template-columns: 1fr;
+ }
+}
+
+@media (max-width: 767.98px) {
+ .tf-device-card,
+ .tf-panel,
+ .tf-proof-card,
+ .tf-empty-state {
+ border-radius: 22px;
+ }
+
+ .tf-proof-media-grid,
+ .tf-proof-media-grid-large {
+ grid-template-columns: 1fr;
+ }
+
+ .tf-photo-slot,
+ .tf-proof-card-large .tf-proof-media-grid-large .tf-photo-slot {
+ min-height: 180px;
+ }
+}
+
+
+.tf-user-menu {
+ border: 1px solid rgba(15, 23, 42, 0.06);
+ background: rgba(255, 255, 255, 0.78);
+ border-radius: 999px;
+ padding: 0.8rem 1rem;
+ box-shadow: var(--tf-shadow-soft);
+ color: var(--tf-secondary);
+ font-weight: 700;
+}
+
+.tf-user-menu:hover,
+.tf-user-menu:focus {
+ color: var(--tf-primary-deep);
+}
+
+.tf-user-dropdown {
+ border-radius: 18px;
+ border: 1px solid rgba(15, 23, 42, 0.08);
+ box-shadow: var(--tf-shadow-soft);
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+}
+
+.tf-user-dropdown .dropdown-item {
+ font-weight: 600;
+ color: var(--tf-secondary);
+ border-radius: 12px;
+}
+
+.tf-user-dropdown .dropdown-item:hover,
+.tf-user-dropdown .dropdown-item:focus,
+.tf-logout-link:hover,
+.tf-logout-link:focus {
+ background: rgba(15, 118, 110, 0.08);
+ color: var(--tf-primary-deep);
+}
+
+.tf-logout-link {
+ background: transparent;
+ border: 0;
+ width: 100%;
+ text-align: left;
+ padding: 0.5rem 0.75rem;
+}
+
+.tf-auth-card {
+ max-width: 720px;
+ margin: 0 auto;
+}
+
+.tf-auth-points {
+ display: grid;
+ gap: 0.9rem;
+}
+
+@media (max-width: 991.98px) {
+ .tf-user-menu {
+ width: 100%;
+ justify-content: center;
+ }
+}
+
+
+.tf-workspace-chip {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.85rem;
+ padding: 0.55rem 0.9rem;
+ border-radius: 999px;
+ background: rgba(15, 118, 110, 0.12);
+ border: 1px solid rgba(15, 118, 110, 0.16);
+ color: #0f3f3b;
+}
+
+.tf-workspace-chip strong,
+.tf-dropdown-label strong {
+ display: block;
+ font-size: 0.92rem;
+}
+
+.tf-workspace-chip small,
+.tf-dropdown-label span {
+ display: block;
+ color: rgba(30, 41, 59, 0.72);
+ font-size: 0.75rem;
+}
+
+.tf-workspace-chip-mark {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ background: linear-gradient(135deg, #0f766e, #14b8a6);
+ color: white;
+ font-size: 0.8rem;
+ font-weight: 700;
+}
+
+.tf-dropdown-label,
+.tf-dropdown-section {
+ color: #0f172a;
+ font-size: 0.82rem;
+}
+
+.tf-workspace-switch {
+ border-radius: 0.85rem;
+}
+
+.tf-workspace-switch small {
+ display: block;
+ color: rgba(30, 41, 59, 0.7);
+}
+
+.tf-workspace-switch.active {
+ background: rgba(15, 118, 110, 0.08);
+}
+
+.tf-inline-stat {
+ padding: 0.9rem 1rem;
+ border-radius: 1rem;
+ background: rgba(15, 118, 110, 0.08);
+ border: 1px solid rgba(15, 118, 110, 0.15);
+}
+
+.tf-inline-stat span {
+ display: block;
+ font-size: 0.78rem;
+ color: rgba(30, 41, 59, 0.7);
+}
+
+.tf-inline-stat strong {
+ display: block;
+ color: #0f172a;
+}
+
+.tf-role-card,
+.tf-team-member {
+ display: flex;
+ justify-content: space-between;
+ gap: 1rem;
+ padding: 1rem 1.1rem;
+ border-radius: 1rem;
+ background: rgba(255, 255, 255, 0.7);
+ border: 1px solid rgba(15, 118, 110, 0.12);
+}
+
+.tf-role-card {
+ flex-direction: column;
+}
+
+.tf-role-card span {
+ color: rgba(30, 41, 59, 0.76);
+}
+
+.tf-team-member-active {
+ box-shadow: 0 0 0 2px rgba(15, 118, 110, 0.18);
+}
+
+.tf-role-pill {
+ background: rgba(249, 115, 22, 0.14);
+ color: #9a3412;
+}