Redesign display admin show page and public waiting-area screen.

Add corporate layout, live preview, URL copy, queue details, and a polished TV display with clock, stats sidebar, and branded now-serving cards.

Co-authored-by: Cursor <cursoragent@cursor.com>

resources/css/app.css

@@ -267,3 +267,53 @@ html.qr-mobile-page body {
     box-shadow: 0 1px 2px rgb(15 23 42 / 0.08);
     pointer-events: none;
 }
+
+/* Public queue display — waiting-area TV screens */
+.qms-display {
+    min-height: 100vh;
+    background:
+        radial-gradient(ellipse 80% 50% at 50% -10%, rgb(49 46 129 / 0.45), transparent),
+        linear-gradient(180deg, rgb(15 23 42) 0%, rgb(2 6 23) 100%);
+    color: #fff;
+}
+
+.qms-display__grid-bg {
+    background-image:
+        linear-gradient(rgb(255 255 255 / 0.03) 1px, transparent 1px),
+        linear-gradient(90deg, rgb(255 255 255 / 0.03) 1px, transparent 1px);
+    background-size: 48px 48px;
+}
+
+.qms-display__ticket {
+    background: linear-gradient(145deg, rgb(67 56 202) 0%, rgb(79 70 229) 45%, rgb(99 102 241) 100%);
+    box-shadow:
+        0 0 0 1px rgb(255 255 255 / 0.08),
+        0 20px 40px -12px rgb(0 0 0 / 0.45);
+}
+
+.qms-display__ticket-number {
+    font-variant-numeric: tabular-nums;
+    letter-spacing: -0.04em;
+    text-shadow: 0 2px 16px rgb(0 0 0 / 0.25);
+}
+
+.qms-display__stat {
+    background: rgb(255 255 255 / 0.04);
+    border: 1px solid rgb(255 255 255 / 0.08);
+    backdrop-filter: blur(8px);
+}
+
+.qms-display__live-dot {
+    animation: qms-display-pulse 2s ease-in-out infinite;
+}
+
+@keyframes qms-display-pulse {
+    0%, 100% { opacity: 1; }
+    50% { opacity: 0.45; }
+}
+
+.qms-display__unlock {
+    background:
+        radial-gradient(ellipse 60% 40% at 50% 0%, rgb(79 70 229 / 0.35), transparent),
+        rgb(2 6 23 / 0.96);
+}