@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700;800&display=swap";:root{--primary: #6D28D9;--primary-deep: #4C1D95;--primary-soft: #A78BFA;--accent: #FF6F59;--accent-deep: #E5533F;--accent-soft: #FFE7E0;--gold: #F0A93A;--cream: #FBF8F4;--cream-deep: #F2E9DC;--ink: #251B33;--muted: #7C7188;--white: #FFFFFF;--success: #3F8558;--success-bg: #E3F2E7;--warn: #B8763F;--warn-bg: #F6E7D6;--danger: #D6483F;--danger-bg: #FAE4E1;--border: #E9E1F2;--radius: 16px;--radius-sm: 10px;--shadow: 0 8px 24px rgba(76, 29, 149, .1);--shadow-lg: 0 18px 40px rgba(76, 29, 149, .18);--nav-h: 60px;--tabbar-h: 62px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}*{box-sizing:border-box}::selection{background:var(--accent-soft);color:var(--primary-deep)}html,body{overflow-x:hidden}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--cream);color:var(--ink);min-height:100vh;-webkit-tap-highlight-color:transparent}h1,h2,h3,.serif{font-family:Fraunces,serif}button,input,textarea,select{font-family:inherit}button{touch-action:manipulation}a{color:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.navbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;height:var(--nav-h);padding:0 20px;padding-top:var(--safe-t);background:#6d28d9f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--white);gap:10px}.nav-brand{display:flex;align-items:center;gap:8px;font-family:Fraunces,serif;font-weight:600;font-size:1.15rem;text-decoration:none;color:var(--white);white-space:nowrap}.nav-links{display:flex;gap:2px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-link{padding:7px 12px;border-radius:999px;text-decoration:none;color:var(--accent-soft);font-size:.85rem;font-weight:600;white-space:nowrap}.nav-link.active,.nav-link:hover{background:#ffffff24;color:var(--white)}.portal-switch{display:flex;gap:4px;background:#ffffff1a;padding:3px;border-radius:999px;flex-shrink:0}.portal-btn{border:none;background:transparent;color:var(--accent-soft);padding:7px 13px;border-radius:999px;font-size:.8rem;font-weight:700;cursor:pointer}.portal-btn.active{background:var(--accent);color:var(--primary-deep)}@media (max-width: 760px){.nav-links{display:none}.navbar{padding:0 12px;padding-top:var(--safe-t);gap:6px}}@media (max-width: 420px){.nav-brand span:last-child{display:none}.portal-switch{gap:2px;padding:2px}.portal-btn{padding:6px 9px;font-size:.72rem}}.tabbar{display:none;position:fixed;bottom:0;left:0;right:0;height:calc(var(--tabbar-h) + var(--safe-b));padding-bottom:var(--safe-b);background:#fffffff5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);z-index:40;align-items:stretch;justify-content:space-around}.tabbar-link{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:var(--muted);font-size:.66rem;font-weight:700}.tabbar-icon{font-size:1.25rem;line-height:1}.tabbar-link.active{color:var(--primary)}@media (max-width: 760px){.tabbar{display:flex}.app-main{padding-bottom:calc(var(--tabbar-h) + var(--safe-b) + 20px)!important}}.app-main{flex:1;max-width:1180px;width:100%;margin:0 auto;padding:28px 24px 64px}@media (max-width: 760px){.app-main{padding:18px 16px 64px}}.btn{border:none;border-radius:999px;padding:10px 20px;font-weight:700;font-size:.9rem;cursor:pointer;transition:transform .12s ease,opacity .15s ease,box-shadow .15s ease}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-deep));color:var(--white);box-shadow:0 4px 14px #6d28d947}.btn-primary:hover{box-shadow:0 6px 18px #6d28d95c}.btn-secondary{background:var(--white);color:var(--primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--primary-soft)}.btn-ghost{background:transparent;color:var(--muted)}.btn-danger{background:var(--danger-bg);color:var(--danger)}.btn-success{background:var(--success-bg);color:var(--success)}.btn-sm{padding:6px 12px;font-size:.78rem}.btn-block{width:100%}.section-title{font-size:1.5rem;margin:0 0 4px}.section-sub{color:var(--muted);margin:0 0 20px;font-size:.95rem}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.banner{padding:12px 16px;border-radius:12px;margin-bottom:16px;font-size:.9rem}.banner-error{background:var(--danger-bg);color:var(--danger)}.banner-success{background:var(--success-bg);color:var(--success)}.banner-info{background:var(--accent-soft);color:var(--primary)}.empty-state{text-align:center;padding:60px 20px;color:var(--muted)}.empty-emoji{font-size:3rem;margin-bottom:8px}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}.skeleton-card{height:240px;border-radius:var(--radius);background:linear-gradient(100deg,var(--cream-deep) 30%,#fff 50%,var(--cream-deep) 70%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite;border:1px solid var(--border)}@keyframes shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px;align-items:center}.filter-bar input[type=text],.filter-bar select{border:1px solid var(--border);background:var(--white);border-radius:var(--radius-sm);padding:10px 12px;font-size:.9rem}.chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px;overflow-x:auto;padding-bottom:2px}.chip{border:1px solid var(--border);background:var(--white);border-radius:999px;padding:7px 14px;font-size:.82rem;font-weight:600;cursor:pointer;color:var(--primary-soft);white-space:nowrap;transition:background .12s ease,color .12s ease}.chip.active{background:var(--primary);color:var(--white);border-color:var(--primary)}.vendor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}.vendor-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;text-decoration:none;color:var(--ink);transition:transform .18s ease,box-shadow .18s ease;position:relative}.vendor-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.vendor-card-photo{height:136px;background:radial-gradient(circle at 85% 15%,rgba(255,255,255,.5),transparent 55%),linear-gradient(135deg,var(--accent-soft),var(--cream-deep));display:flex;align-items:center;justify-content:center;font-size:2.1rem}.vendor-card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px;flex:1}.vendor-card-top{display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap}.vendor-card-title{margin:2px 0;font-size:1.05rem}.vendor-card-loc{color:var(--muted);font-size:.85rem;margin:0}.vendor-card-price{font-weight:700;color:var(--primary);margin-top:6px}.vendor-card-avail{font-size:.78rem;color:var(--success);font-weight:700;margin-top:2px}.vendor-card-avail.none{color:var(--muted);font-weight:600}.fav-btn{position:absolute;top:10px;right:10px;background:#ffffffeb;border:none;border-radius:999px;width:32px;height:32px;cursor:pointer;font-size:1rem;box-shadow:0 2px 8px #0000001f}.badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:.72rem;font-weight:700}.badge-featured{background:var(--primary);color:var(--white)}.badge-premium{background:var(--accent);color:var(--primary-deep)}.badge-pending{background:var(--warn-bg);color:var(--warn)}.badge-approved{background:var(--success-bg);color:var(--success)}.badge-rejected{background:var(--danger-bg);color:var(--danger)}.badge-confirmed{background:var(--success-bg);color:var(--success)}.badge-declined{background:var(--danger-bg);color:var(--danger)}.badge-cancelled{background:var(--cream-deep);color:var(--muted)}.stars{color:var(--gold);font-size:.9rem}.rating-line{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--muted)}.vendor-header{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:24px}.vendor-photo-hero{width:320px;max-width:100%;height:220px;border-radius:var(--radius);background:radial-gradient(circle at 85% 15%,rgba(255,255,255,.5),transparent 55%),linear-gradient(135deg,var(--accent-soft),var(--cream-deep));display:flex;align-items:center;justify-content:center;font-size:3.4rem}.vendor-header-info{flex:1;min-width:240px}.vendor-header-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.two-col{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;align-items:start}@media (max-width: 860px){.two-col{grid-template-columns:1fr}}.package-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.package-row:last-child{border-bottom:none}.review-item{border-bottom:1px solid var(--border);padding:12px 0}.review-item:last-child{border-bottom:none}.review-head{display:flex;justify-content:space-between;font-weight:700}.slot-date-field{margin-bottom:4px;max-width:320px}.slot-date-field select{width:100%;font-weight:600}.slot-time-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px}.slot-time-btn{border:1px solid var(--border);background:var(--cream);border-radius:var(--radius-sm);padding:10px;cursor:pointer;font-size:.82rem;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:2px}.slot-time-btn.active{background:var(--primary);color:var(--white);border-color:var(--primary)}.slot-time-btn.slot-open{background:var(--success-bg);border-color:transparent;color:var(--success)}.slot-time-btn.slot-open.active{background:var(--primary);color:var(--white)}.slot-time-btn.slot-pending{background:var(--warn-bg);color:var(--warn);cursor:not-allowed;opacity:.85}.slot-time-btn.slot-booked{background:var(--danger-bg);color:var(--danger);cursor:not-allowed;opacity:.75}.slot-time-status{font-size:.65rem;font-weight:600;opacity:.85}.form{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px;font-size:.85rem;font-weight:700;color:var(--muted)}.field-row{display:flex;gap:12px;flex-wrap:wrap}.field-row .field{flex:1;min-width:160px}input[type=text],input[type=number],input[type=email],input[type=date],input[type=time],textarea,select{border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;font-size:.95rem;color:var(--ink);background:var(--white);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6d28d91a}.row-list{display:flex;flex-direction:column;gap:10px}.list-row{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.list-row-main{display:flex;flex-direction:column;gap:3px}.list-row-title{font-weight:700}.list-row-sub{font-size:.82rem;color:var(--muted)}.list-row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:24px}.stat-tile{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px}.stat-value{font-size:1.8rem;font-weight:800;font-family:Fraunces,serif;color:var(--primary)}.stat-label{font-size:.8rem;color:var(--muted);font-weight:600}.bar-chart{display:flex;align-items:flex-end;gap:10px;height:140px;padding:10px 0}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%}.bar-fill{width:100%;background:linear-gradient(180deg,var(--accent-deep),var(--primary));border-radius:6px 6px 0 0;min-height:4px}.bar-label{font-size:.72rem;color:var(--muted)}.journey-steps{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:24px}.journey-step{flex:1;min-width:140px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.journey-step-num{font-family:Fraunces,serif;font-weight:700;color:var(--accent-deep);font-size:1.1rem}.invite-card{background:linear-gradient(160deg,var(--primary),var(--primary-deep));color:var(--white);border-radius:20px;padding:40px 32px;text-align:center}.invite-card h1{font-size:2rem;margin:8px 0}.invite-meta{color:var(--accent-soft);font-size:.95rem}.rsvp-summary{display:flex;gap:20px;justify-content:center;margin-top:20px;flex-wrap:wrap}.rsvp-stat{text-align:center}.rsvp-stat-value{font-size:1.5rem;font-weight:800}.rsvp-stat-label{font-size:.75rem;color:var(--accent-soft)}.share-link-box{display:flex;gap:8px;align-items:center;background:var(--cream);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;font-size:.85rem;word-break:break-all}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#4c1d9580;display:flex;align-items:center;justify-content:center;padding:20px;z-index:60}.modal{background:var(--white);border-radius:20px;padding:24px;width:100%;max-width:460px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 48px #00000040}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.icon-btn{background:transparent;border:none;font-size:1rem;cursor:pointer;color:var(--muted);padding:4px 8px;border-radius:8px}.icon-btn:hover{background:var(--cream)}.muted{color:var(--muted)}.tabs{display:flex;gap:6px;margin-bottom:20px;border-bottom:1px solid var(--border)}.tab-btn{background:none;border:none;padding:10px 6px;font-weight:700;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent}.tab-btn.active{color:var(--primary);border-color:var(--primary)}