@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--bg: #05070d;--bg-soft: #090d18;--surface: rgba(14, 19, 34, .76);--surface-strong: rgba(17, 23, 39, .94);--surface-hover: rgba(28, 38, 63, .86);--border: rgba(148, 163, 184, .18);--border-strong: rgba(148, 163, 184, .34);--text: #f8fbff;--muted: #99a7bd;--primary: #7c9cff;--primary-strong: #5d7cff;--accent: #4de3c1;--accent-soft: rgba(77, 227, 193, .14);--danger: #ff8a9a;--shadow: 0 24px 70px rgba(0, 0, 0, .42);--radius: 8px}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,rgba(124,156,255,.18),transparent 28%),linear-gradient(225deg,rgba(77,227,193,.14),transparent 32%),linear-gradient(180deg,#05070d,#0a1020 46%,#05070d)}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;content:"";background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 78%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 78%)}a{color:inherit;text-decoration:none}button,input{font:inherit}.app-shell{min-height:100vh}.container{width:min(1220px,calc(100vw - 32px));margin:0 auto;padding:20px 0 88px}.surface-card{background:linear-gradient(145deg,#ffffff0b,#ffffff03),var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.navbar{position:sticky;top:16px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px;margin-bottom:34px}.navbar-brand{display:inline-flex;align-items:center;gap:12px;min-width:max-content;color:#fff;font-size:1.02rem;font-weight:800}.navbar-brand small{display:block;margin-top:2px;color:var(--accent);font-size:.68rem;font-weight:700;text-transform:uppercase}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(124,156,255,.56);border-radius:8px;background:linear-gradient(135deg,#7c9cfff2,#4de3c1c7);color:#03101a;font-size:.84rem;font-weight:900;box-shadow:0 14px 34px #517bff47}.navbar-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.navbar-nav a{padding:8px 11px;border:1px solid transparent;border-radius:8px;color:var(--muted);font-size:.9rem;font-weight:650;transition:color .18s ease,background .18s ease,border-color .18s ease}.navbar-nav a:hover,.navbar-nav a.active{color:#fff;background:#7c9cff1f;border-color:#7c9cff3d}.btn-primary,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:0;border-radius:8px;padding:10px 16px;font-weight:800;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.btn-primary{color:#04101f;background:linear-gradient(135deg,#e5edff,#7c9cff 54%,#4de3c1);box-shadow:0 16px 34px #5579ff42}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 44px #5579ff57}.btn-primary:disabled,.btn-ghost:disabled{opacity:.46;cursor:not-allowed;transform:none}.btn-ghost{color:#dce6ff;background:#ffffff0e;border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:#ffffff17;border-color:var(--border-strong)}.btn-full{width:100%}.auth-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,480px);gap:28px;align-items:center;min-height:calc(100vh - 180px)}.auth-visual{padding:18px 0}.auth-visual h1,.page-header h1,.detail-hero-copy h1{max-width:760px;font-size:clamp(2.2rem,6vw,4.7rem);line-height:.96;font-weight:900}.auth-visual p,.detail-hero-copy p{max-width:560px;margin-top:18px;color:var(--muted);font-size:1.04rem;line-height:1.7}.auth-card{width:100%;padding:30px}.form-kicker,.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--accent);font-size:.72rem;font-weight:850;text-transform:uppercase}h1,h2,h3{color:var(--text)}h2{margin-bottom:8px;font-size:clamp(1.6rem,2.7vw,2.25rem);line-height:1.05}h3{margin-bottom:10px;font-size:1.1rem}.muted{color:var(--muted);line-height:1.65}form{margin-top:18px}.field-label{display:block;margin:14px 0 7px;color:#cfdaef;font-size:.82rem;font-weight:750}input{width:100%;min-height:44px;margin-bottom:4px;padding:12px 13px;color:#fff;background:#040812b8;border:1px solid var(--border);border-radius:8px;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}input::placeholder{color:#63728c}input:focus{background:#070c19f0;border-color:#7c9cffb8;box-shadow:0 0 0 4px #7c9cff24}.form-message{margin-top:13px;color:#d8e4ff;font-size:.92rem;line-height:1.5}.page-stack{display:grid;gap:22px}.page-header{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:4px}.page-header h1{margin-bottom:10px}.event-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:18px}.booking-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:16px}.event-card,.profile-card,.booking-card{padding:14px}.event-card{overflow:hidden;transition:transform .2s ease,border-color .2s ease,background .2s ease}.event-card:hover{transform:translateY(-6px);background:linear-gradient(145deg,#7c9cff1a,#4de3c109),var(--surface-hover);border-color:#7c9cff6b}.event-poster-wrap{position:relative;overflow:hidden;border-radius:8px;border:1px solid var(--border);margin-bottom:16px;background:#0a1020}.event-poster,.detail-poster{display:block;width:100%;object-fit:cover}.event-poster{aspect-ratio:16 / 10;transition:transform .26s ease}.event-card:hover .event-poster{transform:scale(1.045)}.event-poster-placeholder,.detail-poster-placeholder{display:grid;place-items:center;color:#dbe7ff;font-weight:900;background:linear-gradient(135deg,#7c9cff57,#4de3c138),#0a1020}.date-badge{position:absolute;top:12px;left:12px;padding:7px 10px;border:1px solid rgba(255,255,255,.26);border-radius:8px;color:#fff;background:#050913b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:.78rem;font-weight:850}.event-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.event-card h3{margin-bottom:8px;font-size:1.24rem;line-height:1.2}.event-card p{margin-bottom:14px}.pill{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;color:#dbe7ff;background:#7c9cff24;border:1px solid rgba(124,156,255,.26);border-radius:999px;font-size:.74rem;font-weight:800}.pill-secondary{color:#dffdf6;background:var(--accent-soft);border-color:#4de3c159}.venue-row{display:grid;gap:4px;padding:12px;margin:8px 0 14px;background:#ffffff0b;border:1px solid var(--border);border-radius:8px}.venue-row span{color:var(--muted);font-size:.76rem;font-weight:800;text-transform:uppercase}.venue-row strong{color:#fff;line-height:1.35}.link-cta{display:inline-flex;align-items:center;min-height:38px;color:#dce6ff;font-weight:850;transition:color .18s ease,transform .18s ease}.link-cta:hover{color:var(--accent);transform:translate(3px)}.detail-page{display:grid;gap:18px}.detail-hero{position:relative;min-height:440px;overflow:hidden}.detail-poster{height:100%;min-height:440px}.detail-hero:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(90deg,#05070df0,#05070d85,#05070d14)}.detail-hero-copy{position:absolute;inset:auto 28px 28px 28px;z-index:1;max-width:780px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;align-items:start}.detail-card,.booking-panel,.create-card{padding:24px}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0 20px}.stat-box{min-height:92px;padding:14px;background:#ffffff0b;border:1px solid var(--border);border-radius:8px}.stat-box span,.analytics-card span{display:block;margin-bottom:8px;color:var(--muted);font-size:.76rem;font-weight:850;text-transform:uppercase}.stat-box strong{color:#fff;font-size:1rem;line-height:1.45}.mini-divider{height:1px;margin:18px 0;background:var(--border)}.chatbot-box{margin-top:0}.chatbot-form,.ai-form{display:flex;gap:9px;align-items:center}.chatbot-form input,.ai-form input{margin-bottom:0}.chatbot-reply{margin-top:12px;padding:13px;color:#e7fff9;background:#4de3c11a;border:1px solid rgba(77,227,193,.3);border-radius:8px;line-height:1.55}.admin-layout{display:grid;gap:18px}.create-card{max-width:860px}.event-form{margin-top:0}.form-grid,.analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.file-upload{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:76px;padding:16px;color:#dce6ff;background:#040812b8;border:1px dashed rgba(124,156,255,.42);border-radius:8px;cursor:pointer;transition:background .18s ease,border-color .18s ease}.file-upload:hover{background:#7c9cff14;border-color:#4de3c18c}.file-upload strong{color:var(--accent);white-space:nowrap}.sr-only-file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.analytics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-card{padding:18px}.analytics-card strong{color:#fff;font-size:2rem;line-height:1}.profile-card{display:flex;align-items:center;justify-content:space-between;gap:14px}.section-title{margin-top:10px}.loading-state{display:inline-flex;align-items:center;gap:10px;padding:18px;color:var(--muted)}.spinner,.button-spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.25);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.button-spinner{width:16px;height:16px;border-top-color:#04101f}.floating-ai{position:fixed;right:24px;bottom:24px;z-index:50;display:grid;justify-items:end;gap:12px}.ai-fab{display:grid;gap:2px;min-width:238px;min-height:62px;padding:12px 16px;color:#04101f;background:linear-gradient(135deg,#f6f9ff,#8ea8ff 50%,#57efcd);border:0;border-radius:8px;box-shadow:0 18px 48px #5579ff61;cursor:pointer;text-align:left;transition:transform .18s ease,box-shadow .18s ease}.ai-fab:hover{transform:translateY(-3px);box-shadow:0 22px 58px #5579ff7a}.ai-fab span{font-weight:900}.ai-fab small{font-size:.72rem;font-weight:800;opacity:.78}.ai-panel{width:min(410px,calc(100vw - 32px));padding:18px}.ai-panel-header{display:flex;align-items:start;justify-content:space-between;gap:14px}.icon-button{display:grid;width:32px;height:32px;place-items:center;color:#dce6ff;background:#ffffff12;border:1px solid var(--border);border-radius:8px;cursor:pointer}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 920px){.navbar{align-items:flex-start;flex-direction:column}.navbar-nav{justify-content:flex-start}.auth-shell,.detail-layout{grid-template-columns:1fr}.auth-shell{min-height:0}.booking-panel{position:static}.analytics-grid{grid-template-columns:1fr}}@media (max-width: 640px){.container{width:min(100vw - 20px,1220px);padding-top:10px}.page-header,.profile-card{align-items:flex-start;flex-direction:column}.auth-visual h1,.page-header h1,.detail-hero-copy h1{font-size:2.15rem}.auth-card,.detail-card,.booking-panel,.create-card{padding:18px}.event-grid{grid-template-columns:1fr}.form-grid,.chatbot-form,.ai-form{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.detail-hero,.detail-poster{min-height:360px}.detail-hero:after{background:linear-gradient(0deg,#05070df0,#05070d33)}.detail-hero-copy{inset:auto 18px 18px 18px}.floating-ai{right:12px;bottom:12px;left:12px}.ai-fab,.ai-panel{width:100%}}
