<?php
$base = function_exists('base_path') ? base_path() : '';
?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Workspace Not Found — Inveetaire</title>
  <style>
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    :root {
      --bg:       #0a0f1e;
      --surface:  #111827;
      --border:   #1f2937;
      --gold:     #c9a84c;
      --gold-dim: #a07c32;
      --text:     #e5e7eb;
      --muted:    #6b7280;
      --violet:   #8b5cf6;
    }
    body {
      background: var(--bg);
      color: var(--text);
      font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 2rem;
    }
    .card {
      background: var(--surface);
      border: 1px solid var(--border);
      border-radius: 1rem;
      padding: 3rem 2.5rem;
      max-width: 500px;
      width: 100%;
      text-align: center;
    }
    .icon {
      font-size: 3rem;
      margin-bottom: 1.5rem;
    }
    .code {
      font-size: .75rem;
      font-weight: 700;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: var(--violet);
      margin-bottom: .75rem;
    }
    h1 {
      font-size: 1.5rem;
      font-weight: 700;
      color: var(--text);
      margin-bottom: .75rem;
    }
    p {
      font-size: .95rem;
      color: var(--muted);
      line-height: 1.7;
      margin-bottom: 2rem;
    }
    .btn {
      display: inline-block;
      background: var(--gold);
      color: #0a0f1e;
      font-weight: 600;
      font-size: .875rem;
      padding: .65rem 1.75rem;
      border-radius: .5rem;
      text-decoration: none;
      transition: background .2s;
    }
    .btn:hover { background: var(--gold-dim); }
    .brand {
      margin-top: 2.5rem;
      font-size: .7rem;
      letter-spacing: .08em;
      color: var(--muted);
      text-transform: uppercase;
    }
    .brand span { color: var(--gold); }
  </style>
</head>
<body>
  <div class="card">
    <div class="icon">🏢</div>
    <div class="code">404 Error</div>
    <h1>Workspace Not Found</h1>
    <p>The requested wedding workspace is either invalid, deactivated, or does not exist. Double check the address URL or contact support.</p>
    <a href="<?= $base ?>/" class="btn">Return Home</a>
    <div class="brand">INVEETAIRE <span>•</span> SYSTEM MANAGEMENT</div>
  </div>
</body>
</html>
