@import"https://fonts.googleapis.com/css2?family=Great+Vibes&family=Montserrat:ital,wght@0,300;0,400;0,600;1,400&display=swap";:root{--primary: #c1121f;--primary-hover: #780000;--gold: #ffb703;--text-dark: #1e1e1e;--text-light: #fdfdfd;--bg-glass: rgba(255, 255, 255, .85);--border-glass: rgba(255, 255, 255, .5);--shadow-glass: 0 15px 35px rgba(0, 0, 0, .1);--font-title: "Great Vibes", cursive;--font-body: "Montserrat", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:#f0f0f0;color:var(--text-dark);min-height:100vh;overflow-x:hidden}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-glass);box-shadow:var(--shadow-glass);border-radius:15px}.title-font{font-family:var(--font-title)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;border:none;padding:12px 24px;border-radius:50px;font-family:var(--font-body);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #c1121f66;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #c1121f99}.btn-secondary{background:#fff;color:var(--primary);border:2px solid var(--primary);padding:10px 20px;border-radius:30px;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all .3s ease}.admin-app-container{height:100vh;display:flex;flex-direction:column;background:#f8f9fa;position:relative}.admin-app-header{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:#fff;padding:20px;text-align:center;box-shadow:0 4px 15px #0000001a;z-index:10}.admin-app-header h1{font-size:2.2rem;margin:0;text-shadow:1px 1px 3px rgba(0,0,0,.3);color:var(--gold)}.admin-app-content{flex:1;overflow-y:auto;padding:20px 20px 90px}.section-title{font-size:1.2rem;color:var(--primary);margin-bottom:15px;display:flex;align-items:center;gap:8px;font-family:var(--font-body);font-weight:700}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:600;color:#333;font-size:.9rem}.form-control{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:1rem;background:#fff;transition:border-color .3s}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #c1121f1a}.guest-cards-list{display:flex;flex-direction:column;gap:12px}.guest-card{background:#fff;border:1px solid #eee;border-radius:12px;padding:12px 15px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 5px #00000005}.guest-card-info h4{margin:0 0 3px;color:#222;font-size:1.05rem}.guest-card-info p{margin:0;color:#666;font-size:.9rem}.guest-card-actions{display:flex;gap:10px;align-items:center}.action-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.action-btn:active{transform:scale(.9)}.action-btn.send-circle{background:#25d366;color:#fff;width:38px;height:38px;border-radius:50%;box-shadow:0 3px 8px #25d3664d}.action-btn.delete{color:#ff4d4d;padding:8px;border-radius:50%;background:#fff0f0}.status-badge{padding:5px 10px;border-radius:20px;font-size:.85rem;font-weight:700}.status-badge.going{background:#e6f4ea;color:#1e8e3e}.status-badge.not-going{background:#fce8e6;color:#d93025}.bottom-nav{position:fixed;bottom:0;left:0;width:100%;height:70px;background:#fff;border-top:1px solid #eee;display:flex;justify-content:space-around;align-items:center;box-shadow:0 -2px 10px #0000000d;z-index:100;padding-bottom:env(safe-area-inset-bottom)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;color:#888;gap:4px;cursor:pointer;height:100%;transition:color .3s}.nav-item span{font-size:.75rem;font-weight:600}.nav-item.active{color:var(--primary)}.nav-icon-wrapper{position:relative}.nav-badge{position:absolute;top:-5px;right:-8px;background:var(--gold);color:#fff;font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:10px;border:2px solid white}.nav-badge.rsvp-badge{background:#25d366}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseText{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.pulse-text{animation:pulseText 2s infinite ease-in-out}.invitation-wrapper{position:relative;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#1a0808,#301010);overflow:hidden}.envelope-container{width:85%;max-width:400px;height:auto;aspect-ratio:4/5;position:relative;perspective:1000px;cursor:pointer;z-index:10}.envelope{width:100%;height:100%;position:relative;transition:transform 1s ease-in-out;transform-style:preserve-3d}.envelope-container.open .envelope{transform:translateY(100vh);opacity:0;pointer-events:none}.envelope-front,.envelope-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;box-shadow:0 20px 50px #0000004d}.envelope-front{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);border:2px solid var(--gold);z-index:2}.envelope-front:before{content:"";position:absolute;top:0;left:-1px;width:calc(100% + 2px);height:50%;background:linear-gradient(135deg,#e61423 0%,var(--primary) 100%);border-bottom:2px solid var(--gold);border-left:2px solid var(--gold);border-right:2px solid var(--gold);border-radius:12px 12px 5px 5px;clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;z-index:3;transition:transform .6s ease-in-out}.envelope.opening .envelope-front:before{transform:rotateX(180deg)}.envelope-stamp{width:60px;height:60px;background:var(--gold);border-radius:50%;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);z-index:4;display:flex;align-items:center;justify-content:center;color:var(--primary);box-shadow:0 4px 15px #0006,inset 0 0 10px #ffffff80;transition:opacity .3s;border:1px solid #e0a300}.envelope.opening .envelope-stamp{opacity:0}.guest-name-reveal{position:absolute;bottom:20%;left:0;width:100%;z-index:2;text-align:center}.invitation-card{position:absolute;top:50%;left:50%;width:90%;max-width:380px;height:auto;min-height:65vh;background-size:cover;background-position:center;border-radius:20px;border:1px solid rgba(255,215,0,.7);box-shadow:0 15px 45px #0006;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;opacity:0;transform:translate(-50%,-50%) scale(.9);transition:all .9s cubic-bezier(.175,.885,.32,1.275);pointer-events:none;z-index:1;overflow:hidden}.invitation-card.revealed{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto;z-index:20}.card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffffc7;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:1}.invite-content{position:relative;z-index:2;width:100%;padding:30px 20px}.body-text{font-family:var(--font-body);font-size:.95rem;line-height:1.5;color:#2c2c2c;margin-bottom:15px;font-weight:500}.details-box{background:#fff9;padding:12px;border-radius:12px;margin-bottom:15px;border:1px solid rgba(200,160,0,.3)}.details-box p{font-family:var(--font-body);font-size:.9rem;margin:5px 0;color:#333;font-weight:500}.magic-border:before{top:-10px;left:-10px;border-right:none;border-bottom:none}.magic-border:after{bottom:-10px;right:-10px;border-left:none;border-top:none}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;display:flex;justify-content:center;align-items:center;z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:#fff;padding:2.5rem;border-radius:20px;max-width:400px;width:90%;text-align:center;box-shadow:0 15px 40px #0003;position:relative;animation:modalPop .3s ease-out forwards}@keyframes modalPop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.modal-decoration{position:absolute;top:-30px;left:50%;transform:translate(-50%);background:var(--gold);width:60px;height:60px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:var(--primary);border:4px solid white;box-shadow:0 4px 10px #0000001a}
