:root{--color-gold: #F0A500;--color-ember: #1C0F00;--color-orange: #FF5C1A;--color-cream: #FFF8EE;--color-ochre: #A86F00;--color-teal: #00B4A0;--color-stone: #6B5B45;--color-sand: #F5F0E8;--color-parchment: #FEF9EC;--color-light-gold: #FEF3C7;--color-white: #FFFFFF;--font-display: "Clash Display", sans-serif;--font-heading: "Plus Jakarta Sans", sans-serif;--font-body: "DM Sans", sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-card: 0 1px 4px rgba(28,15,0,.06);--shadow-panel: 0 2px 8px rgba(28,15,0,.08);--shadow-modal: 0 16px 48px rgba(28,15,0,.18);--sidebar-width: 220px;--topbar-height: 54px;--bnav-height: 68px}@tailwind base;@tailwind components;@tailwind utilities;@layer base{*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-body);background-color:var(--color-cream);color:var(--color-ember);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-ochre);border-radius:2px}}@layer components{[data-role=attendee],[data-role=organiser]{--accent: var(--color-gold);--accent-dark: var(--color-ochre);--accent-light: var(--color-light-gold)}[data-role=vendor]{--accent: var(--color-teal);--accent-dark: #007D72;--accent-light: #E6FAF8}.btn-primary{@apply h-12 rounded-full font-bold text-sm px-6 bg-[var(--accent)] text-ember hover:opacity-90 active:scale-[.98] transition-all duration-150 cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed;}.btn-ghost{@apply h-10 rounded-full font-semibold text-sm px-5 border border-[#E0D4C0] text-stone bg-transparent hover:bg-sand active:scale-[.98] transition-all duration-150 cursor-pointer;}.card{@apply bg-white rounded-[var(--radius-lg)] border border-[#EDE5D8] shadow-[var(--shadow-card)];}.badge-live{@apply inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[10px] font-bold bg-teal/10 text-teal;}.badge-gold{@apply inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[10px] font-bold bg-light-gold text-ochre;}.badge-orange{@apply inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[10px] font-bold bg-orange/10 text-orange;}.badge-stone{@apply inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[10px] font-bold bg-sand text-stone;}.input{@apply w-full h-10 bg-sand border border-[#E0D4C0] rounded-[var(--radius-md)] px-3 text-sm text-ember font-medium outline-none focus:border-[var(--color-gold)] focus:bg-parchment transition-colors duration-150;}.glass{background:#fff8eed9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.glass-dark{background:#1c0f00d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.text-gradient-gold{background:linear-gradient(135deg,var(--color-gold),var(--color-orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.surface{background:#fff;border-radius:var(--radius-lg)}}@layer utilities{.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.safe-top{padding-top:env(safe-area-inset-top,16px)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,16px)}}@keyframes scan-line{0%{transform:translateY(0)}to{transform:translateY(200px)}}.animate-scan-line{animation:scan-line 2s ease-in-out infinite alternate}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:fadeUp .35s ease-out forwards}