diff --git a/templates/tenant/auth/cancelled.html b/templates/tenant/auth/cancelled.html
new file mode 100644
index 0000000..603d855
--- /dev/null
+++ b/templates/tenant/auth/cancelled.html
@@ -0,0 +1,10 @@
+{% extends "tenant/layouts/base.html" %}
+{% block title %}Account Cancelled{% endblock %}
+{% block content %}
+<div class="row justify-content-center mt-5">
+  <div class="col-md-5 text-center">
+    <h3 class="text-danger">Account Cancelled</h3>
+    <p class="text-muted">This account has been cancelled. Please contact support if you believe this is an error.</p>
+  </div>
+</div>
+{% endblock %}
diff --git a/templates/tenant/auth/suspended.html b/templates/tenant/auth/suspended.html
new file mode 100644
index 0000000..1252325
--- /dev/null
+++ b/templates/tenant/auth/suspended.html
@@ -0,0 +1,11 @@
+{% extends "tenant/layouts/base.html" %}
+{% block title %}Account Suspended{% endblock %}
+{% block content %}
+<div class="row justify-content-center mt-5">
+  <div class="col-md-5 text-center">
+    <h3 class="text-warning">Account Suspended</h3>
+    <p class="text-muted">Your salon account has been suspended. Please contact support to resolve your billing.</p>
+    <a href="{{ url_for('tenant_auth.login') }}" class="btn btn-outline-secondary mt-2">Back to Login</a>
+  </div>
+</div>
+{% endblock %}
diff --git a/templates/tenant/checkin/kiosk.html b/templates/tenant/checkin/kiosk.html
new file mode 100644
index 0000000..6320ab9
--- /dev/null
+++ b/templates/tenant/checkin/kiosk.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Welcome to {{ tenant.name }}</title>
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css">
+  <style>
+    body { background: #f8f9fa; }
+    .kiosk-card { max-width: 540px; margin: 60px auto; }
+    .kiosk-title { font-size: 2rem; font-weight: 700; }
+  </style>
+</head>
+<body>
+  <div class="kiosk-card">
+    {% if confirmed %}
+    <div class="card shadow text-center p-5" id="confirmation">
+      <div class="display-1 mb-3">✅</div>
+      <h2 class="kiosk-title">You're checked in!</h2>
+      <p class="text-muted mt-2">A staff member will be right with you.</p>
+      <p class="text-muted small" id="reset-countdown">Resetting in <span id="countdown">10</span>s…</p>
+    </div>
+    <script>
+      let n = 10;
+      const el = document.getElementById("countdown");
+      const timer = setInterval(() => {
+        n--;
+        el.textContent = n;
+        if (n <= 0) { clearInterval(timer); window.location.reload(); }
+      }, 1000);
+    </script>
+    {% else %}
+    <div class="card shadow p-4">
+      <h2 class="kiosk-title text-center mb-4">Welcome to {{ tenant.name }}</h2>
+      {% if error %}
+        <div class="alert alert-danger">{{ error }}</div>
+      {% endif %}
+      <form method="POST">
+        <div class="mb-3">
+          <label class="form-label fs-5">Your Name</label>
+          <input type="text" name="customer_name" class="form-control form-control-lg"
+                 placeholder="First and last name" required autofocus>
+        </div>
+        <div class="mb-3">
+          <label class="form-label fs-5">Phone Number</label>
+          <input type="tel" name="customer_phone" class="form-control form-control-lg"
+                 placeholder="e.g. 5551234567" inputmode="numeric" required>
+        </div>
+        {% if services %}
+        <div class="mb-3">
+          <label class="form-label fs-5">Service (optional)</label>
+          <select name="service_requested" class="form-select form-select-lg">
+            <option value="">— Select a service —</option>
+            {% for svc in services %}
+            <option value="{{ svc.name }}">{{ svc.name }}</option>
+            {% endfor %}
+          </select>
+        </div>
+        {% endif %}
+        <button type="submit" class="btn btn-primary btn-lg w-100 mt-2">Check In</button>
+      </form>
+    </div>
+    {% endif %}
+  </div>
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
+</body>
+</html>
diff --git a/templates/tenant/dashboard/index.html b/templates/tenant/dashboard/index.html
new file mode 100644
index 0000000..ddc17d2
--- /dev/null
+++ b/templates/tenant/dashboard/index.html
@@ -0,0 +1,10 @@
+{% extends "tenant/layouts/base.html" %}
+{% block title %}Dashboard{% endblock %}
+{% block content %}
+<h4 class="mb-4">Dashboard
+  {% if location %}<small class="text-muted fs-6">— {{ location.name }}</small>{% endif %}
+</h4>
+<div class="alert alert-info">
+  Phase 3 KPI widgets will appear here (daily revenue, appointments, staff on-shift, low-stock alerts).
+</div>
+{% endblock %}
diff --git a/templates/tenant/staff_auth/login.html b/templates/tenant/staff_auth/login.html
new file mode 100644
index 0000000..61792df
--- /dev/null
+++ b/templates/tenant/staff_auth/login.html
@@ -0,0 +1,33 @@
+{% extends "tenant/layouts/base.html" %}
+{% block title %}Staff Login{% endblock %}
+{% block content %}
+<div class="row justify-content-center">
+  <div class="col-md-4">
+    <div class="card shadow-sm mt-5">
+      <div class="card-body p-4">
+        <h4 class="card-title mb-4 text-center">Staff Login</h4>
+        {% if error %}
+          <div class="alert alert-danger">{{ error }}</div>
+        {% endif %}
+        <form method="POST" action="{{ url_for('staff_auth.staff_login') }}">
+          <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
+          <div class="mb-3">
+            <label class="form-label">Phone Number</label>
+            <input type="tel" name="phone" class="form-control form-control-lg"
+                   placeholder="e.g. 5551234567" required autofocus inputmode="numeric">
+          </div>
+          <div class="mb-3">
+            <label class="form-label">Passcode</label>
+            <input type="password" name="passcode" class="form-control form-control-lg"
+                   placeholder="4–6 digit PIN" maxlength="6" inputmode="numeric" required>
+          </div>
+          <button type="submit" class="btn btn-success w-100 btn-lg">Clock In</button>
+        </form>
+        <div class="text-center mt-3 small">
+          <a href="{{ url_for('tenant_auth.login') }}">Manager / Owner login</a>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+{% endblock %}
