@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400&family=DM+Sans:wght@300;400;500&display=swap");:root{--cream:#f7f3ee;--cream-dark:#ede6db;--ink:#1c1917;--ink-muted:#6b6460;--ink-faint:#b8afa8;--accent:#b5541a;--accent-light:#f2e4d8;--green:#2d6a4f;--green-light:#d8edd6;--border:#ddd5ca;--font-display:"Playfair Display",Georgia,serif;--font-body:"DM Sans",sans-serif;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--shadow-sm:0 1px 3px rgba(28,25,23,.08);--shadow-md:0 4px 16px rgba(28,25,23,.1);--shadow-lg:0 12px 40px rgba(28,25,23,.14)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--cream);line-height:1.6;min-height:100vh}body,h1,h2,h3{color:var(--ink)}h1,h2,h3{font-family:var(--font-display);line-height:1.2}h1{font-size:clamp(2rem,4vw,3rem);font-weight:600}h2{font-size:clamp(1.4rem,2.5vw,1.9rem);font-weight:400}h3{font-size:1.2rem;font-weight:600}p{color:var(--ink-muted)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app-shell{display:grid;grid-template-columns:240px 1fr;grid-template-rows:100vh;overflow:hidden}.sidebar{background:var(--ink);color:var(--cream);display:flex;flex-direction:column;padding:0;overflow-y:auto;border-right:none}.sidebar-logo{padding:2rem 1.75rem 1.5rem;border-bottom:1px solid hsla(0,0%,100%,.08)}.sidebar-logo .wordmark{font-family:var(--font-display);font-size:1.3rem;font-weight:600;color:var(--cream);letter-spacing:-.01em;display:block}.sidebar-logo .tagline{font-size:.72rem;color:var(--ink-faint);letter-spacing:.06em;text-transform:uppercase;margin-top:2px;display:block}.sidebar-nav{flex:1;padding:1.25rem .75rem;display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.65rem 1rem;border-radius:var(--radius-sm);color:hsla(33,36%,95%,.65);font-size:.9rem;font-weight:400;cursor:pointer;transition:background .15s,color .15s;text-decoration:none;border:none;background:none;width:100%;text-align:left}.nav-item:hover{background:hsla(0,0%,100%,.07);color:var(--cream);text-decoration:none}.nav-item.active{background:rgba(181,84,26,.25);color:var(--cream)}.nav-item .nav-icon{width:18px;height:18px;opacity:.8;flex-shrink:0}.nav-item.active .nav-icon{opacity:1}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid hsla(0,0%,100%,.08);font-size:.8rem;color:var(--ink-faint)}.logout-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;padding:0;cursor:pointer;font-size:.8rem;color:hsla(33,36%,95%,.35);transition:color .15s;width:100%}.logout-btn:hover{color:hsla(33,36%,95%,.7)}.credits-badge{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.credits-bar{height:3px;background:hsla(0,0%,100%,.12);border-radius:2px;overflow:hidden}.credits-bar-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .4s ease}.main-content{overflow-y:auto;background:var(--cream)}.page-header{padding:2.5rem 2.5rem 0;margin-bottom:2rem}.page-header h1{margin-bottom:.35rem}.page-body{padding:0 2.5rem 3rem}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.card-padded{padding:1.5rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.88rem;font-weight:500;cursor:pointer;transition:all .15s;border:none;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#9d4515;text-decoration:none;color:#fff}.btn-secondary{background:var(--cream-dark);color:var(--ink);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border);text-decoration:none}.btn-ghost{background:transparent;color:var(--ink-muted);border:1px solid var(--border)}.btn-ghost:hover{background:var(--cream-dark);text-decoration:none;color:var(--ink)}.btn-sm{padding:.4rem .9rem;font-size:.82rem}.btn-danger{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.btn-danger:hover{background:#fecaca;text-decoration:none}.form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.25rem}label{font-size:.82rem;font-weight:500;color:var(--ink);letter-spacing:.02em}input,select,textarea{font-family:var(--font-body);font-size:.92rem;padding:.6rem .85rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;color:var(--ink);transition:border-color .15s,box-shadow .15s;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:100px;font-size:.75rem;font-weight:500;letter-spacing:.02em}.badge-warm{background:var(--accent-light);color:var(--accent)}.badge-green{background:var(--green-light);color:var(--green)}.badge-neutral{background:var(--cream-dark);color:var(--ink-muted)}.badge-alert{background:#fef3c7;color:#92400e}.badge-error{background:#fee2e2;color:#991b1b}.alert{display:flex;align-items:flex-start;gap:.85rem;padding:1rem 1.25rem;border-radius:var(--radius-md);border:1px solid;margin-bottom:1rem}.alert-warning{background:#fffbeb;border-color:#fde68a;color:#78350f}.alert-info{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.alert-success{background:var(--green-light);border-color:#a7f3d0;color:var(--green)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--ink-muted)}.empty-state-icon{font-size:2.5rem;margin-bottom:1rem;opacity:.4}.empty-state h3{font-family:var(--font-display);font-weight:400;font-size:1.2rem;color:var(--ink-muted);margin-bottom:.5rem}.empty-state p{font-size:.9rem;max-width:320px;margin-bottom:1.5rem}.divider{height:1px;background:var(--border);margin:1.5rem 0}.recipient-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:1.25rem 1.5rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;transition:box-shadow .15s,border-color .15s;cursor:pointer}.recipient-card:hover{box-shadow:var(--shadow-md);border-color:var(--ink-faint)}.recipient-avatar{width:42px;height:42px;border-radius:50%;background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.1rem;font-weight:600;flex-shrink:0}.recipient-info{flex:1;min-width:0}.recipient-name{font-weight:500;font-size:.95rem;color:var(--ink);margin-bottom:.2rem}.recipient-meta{font-size:.8rem;color:var(--ink-muted)}.occasion-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.6rem}.occasion-chip{font-size:.75rem;padding:.15rem .55rem;background:var(--cream-dark);color:var(--ink-muted);border-radius:100px}.batch-card,.occasion-chip{border:1px solid var(--border)}.batch-card{background:#fff;border-radius:var(--radius-md);overflow:hidden;margin-bottom:1rem}.batch-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border);background:var(--cream)}.batch-date{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--ink)}.batch-items-list{padding:.5rem 0}.batch-item-row{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;border-bottom:1px solid var(--cream-dark)}.batch-item-row:last-child{border-bottom:none}.batch-item-card-thumb{width:44px;height:32px;border-radius:4px;background:var(--cream-dark);border:1px solid var(--border);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1rem}.batch-item-info{flex:1;min-width:0}.batch-item-name{font-size:.9rem;font-weight:500;color:var(--ink)}.batch-item-meta{font-size:.78rem;color:var(--ink-muted)}.modal-overlay{position:fixed;inset:0;background:rgba(28,25,23,.55);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem;animation:fadeIn .15s ease}.modal{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;animation:slideUp .2s ease}.modal-header{padding:1.75rem 1.75rem 0}.modal-header h2{font-size:1.4rem}.modal-body{padding:1.25rem 1.75rem}.modal-footer{padding:0 1.75rem 1.75rem;display:flex;gap:.75rem;justify-content:flex-end}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.dashboard-grid{display:grid;grid-template-columns:1fr 340px;gap:2rem;align-items:start}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.stat-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:1.25rem 1.5rem}.stat-number{font-family:var(--font-display);font-size:2rem;font-weight:600;color:var(--ink);line-height:1;margin-bottom:.25rem}.stat-label{font-size:.8rem;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.05em}.onboarding-shell{min-height:100vh;background:var(--ink);display:grid;grid-template-columns:1fr 1fr}.onboarding-left{padding:3rem;display:flex;flex-direction:column;justify-content:space-between;background:var(--ink);color:var(--cream);position:relative;overflow:hidden}.onboarding-left:before{content:"";position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(181,84,26,.2) 0,transparent 70%);pointer-events:none}.onboarding-headline{font-family:var(--font-display);font-size:clamp(2.2rem,4vw,3.2rem);font-weight:600;color:var(--cream);line-height:1.15;margin-top:auto}.onboarding-headline em{color:var(--accent);font-style:italic}.onboarding-sub{color:hsla(33,36%,95%,.6);font-size:1rem;margin-top:1rem;max-width:360px;line-height:1.6}.onboarding-right{background:var(--cream);padding:3rem;display:flex;align-items:center;justify-content:center}.onboarding-form-box{width:100%;max-width:400px}.step-indicator{display:flex;gap:6px;margin-bottom:2rem}.step-dot{width:24px;height:4px;border-radius:2px;background:var(--border);transition:background .2s}.step-dot.active{background:var(--accent)}.step-dot.done{background:var(--green)}.mobile-header,.mobile-nav{display:none}@media (max-width:768px){.app-shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}.sidebar{display:none}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:var(--ink);position:sticky;top:0;z-index:40;border-bottom:1px solid hsla(0,0%,100%,.08)}.mobile-logout-btn{background:none;border:none;padding:.25rem;cursor:pointer;color:hsla(33,36%,95%,.4);display:flex;align-items:center;border-radius:4px}.mobile-logout-btn:hover{color:hsla(33,36%,95%,.8)}.mobile-header .wordmark{font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:var(--cream);letter-spacing:-.01em}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--ink);border-top:1px solid hsla(0,0%,100%,.08);padding:.4rem 0 calc(.4rem + env(safe-area-inset-bottom));z-index:50}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:.35rem 0;color:hsla(33,36%,95%,.45);font-size:.62rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;transition:color .15s}.mobile-nav-item,.mobile-nav-item:hover{text-decoration:none}.mobile-nav-item.active{color:var(--accent)}.mobile-nav-item .nav-icon{width:22px;height:22px;opacity:1}.main-content{padding-bottom:72px}.page-header{padding:1.5rem 1.25rem 0}.page-body{padding:0 1.25rem 2rem}.dashboard-grid{grid-template-columns:1fr}.stat-row{grid-template-columns:1fr 1fr}}@media (max-width:480px){.stat-row{grid-template-columns:1fr}}@media (max-width:700px){.onboarding-shell{grid-template-columns:1fr}.onboarding-left{display:none}}