:root{--color-sage:#8a9a86;--color-sage-light:#a5b3a1;--color-sage-dark:#647361;--color-champagne:#f2e9e1;--color-bg:#faf9f6;--color-text:#2c3531;--color-text-light:#5a605b;--color-white:#fff;--color-danger:#c07a75;--color-danger-hover:#a05954;--color-success:#7a927a;--color-success-hover:#5b735b;--color-primary:var(--color-sage);--color-primary-light:var(--color-sage-light);--color-primary-dark:var(--color-sage-dark);--color-accent:var(--color-champagne);--font-heading:"Cormorant Garamond", serif;--font-body:"Inter", sans-serif;--scale:1}@media (width<=768px){:root{--scale:calc(100vw / 768)}}*{box-sizing:border-box;margin:0;padding:0}html{overscroll-behavior-x:none;overflow-x:clip}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);overscroll-behavior-x:none;-webkit-text-size-adjust:100%;line-height:1.6;overflow-x:clip}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text);font-weight:500}.app-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;height:100dvh;overflow-y:auto;container:app/inline-size}.card-section{width:100%;min-height:100dvh;padding:4rem 2rem;padding-left:max(2rem, env(safe-area-inset-left));padding-right:max(2rem, env(safe-area-inset-right));flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.fade-in{opacity:0;transition:opacity 1s ease-out,transform 1s ease-out;transform:translateY(30px)}.fade-in.visible{opacity:1;transform:translateY(0)}.glass-panel{background:var(--color-surface);-webkit-backdrop-filter:blur(24px)saturate(150%);border:1px solid var(--color-text-light);border-radius:16px;width:100%;padding:2rem;box-shadow:0 8px 32px #00000014}.glass-panel::-webkit-scrollbar{width:6px}.glass-panel::-webkit-scrollbar-track{background:0 0}.glass-panel::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px}.glass-panel::-webkit-scrollbar-thumb:hover{background:#0000004d}.btn-primary{background-color:var(--color-primary);color:var(--color-white);font-family:var(--font-body);text-transform:uppercase;letter-spacing:1px;cursor:pointer;border:none;border-radius:30px;padding:.8rem 2rem;font-size:1rem;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.btn-outline{color:var(--color-primary);border:1px solid var(--color-primary);font-family:var(--font-body);text-transform:uppercase;letter-spacing:1px;cursor:pointer;background-color:#0000;border-radius:30px;padding:.8rem 2rem;font-size:1rem;text-decoration:none;transition:all .3s;display:inline-block}.btn-outline:hover{background-color:#0000000d;transform:translateY(-2px)}.input-field{border:1px solid var(--color-primary-light);width:100%;font-family:var(--font-body);background:var(--color-surface);color:var(--color-text);border-radius:8px;margin-bottom:1rem;padding:.8rem 1rem;font-size:16px;transition:border-color .3s}.input-field:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #0000000d}.admin-sidebar{overscroll-behavior-x:none;touch-action:pan-y;background-color:var(--color-bg);border-right:1px solid var(--color-text-light);z-index:100;width:400px;max-width:100%;color:var(--color-text);flex-direction:column;flex-shrink:0;padding:0;transition:transform .3s;display:flex;overflow:hidden}.admin-sidebar-header{background-color:var(--color-bg);z-index:110;border-bottom:1px solid var(--color-text-light);flex-shrink:0;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex;position:sticky;top:0}.admin-sidebar-body{overscroll-behavior-x:none;touch-action:pan-y;flex-direction:column;flex:1;padding:1.5rem;display:flex;overflow:hidden auto}.admin-back-btn{color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-text-light);border-radius:8px;align-items:center;padding:.4rem .8rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.admin-back-btn:hover{background:var(--color-bg)}.admin-preview{background-color:var(--color-bg);flex:1;position:relative}.fab-button{background-color:var(--color-primary-dark);color:#fff;cursor:pointer;z-index:200;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;display:none;position:fixed;bottom:2rem;right:2rem;box-shadow:0 4px 15px #0000004d}.admin-drawer-close{display:none}@media (width<=768px){.admin-sidebar{width:100%;max-width:100%;height:100dvh;position:fixed;top:0;left:0;overflow:hidden;transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-sidebar *{max-width:100%}.fab-button{display:flex}.admin-drawer-close{color:var(--color-primary-dark);cursor:pointer;background:0 0;border:none;padding:0;font-size:2rem;line-height:1;display:block}.card-section{padding:3rem 1rem;padding-left:max(1rem, env(safe-area-inset-left));padding-right:max(1rem, env(safe-area-inset-right));padding-bottom:max(3rem, env(safe-area-inset-bottom))}}.ios-toggle{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.ios-toggle input{opacity:0;width:0;height:0}.ios-toggle .slider{cursor:pointer;background-color:#ccc;border-radius:24px;transition:all .3s;position:absolute;inset:0}.ios-toggle .slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:2px;left:2px;box-shadow:0 2px 4px #0003}.ios-toggle input:checked+.slider{background-color:var(--color-primary)}.ios-toggle input:checked+.slider:before{transform:translate(20px)}.tooltip-container{cursor:help;justify-content:center;align-items:center;margin-left:8px;display:inline-flex;position:relative}.tooltip-icon{background-color:var(--color-primary-light);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:11px;font-weight:700;display:flex}.tooltip-text{visibility:hidden;background-color:var(--color-text);color:#fff;text-align:center;z-index:1000;opacity:0;width:220px;font-size:.8rem;font-family:var(--font-body);pointer-events:none;border-radius:6px;padding:8px 12px;font-weight:400;line-height:1.4;transition:opacity .2s;position:absolute;bottom:150%;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.tooltip-text:after{content:"";border-style:solid;border-width:5px;border-color:var(--color-text) transparent transparent transparent;margin-left:-5px;position:absolute;top:100%;left:50%}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}.skeleton-loader{background:linear-gradient(90deg,#f0efe9 25%,#e1dfd8 50%,#f0efe9 75%) 0 0/200% 100%;animation:1.5s ease-in-out infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.admin-preview-container .fade-in{opacity:1!important;transition:none!important;transform:none!important}.theme-wedding{--color-primary:var(--color-sage);--color-primary-dark:var(--color-sage-dark);--color-primary-light:var(--color-sage-light);--color-accent:var(--color-champagne)}.theme-neutral{--color-sage:#52525b;--color-sage-light:#a1a1aa;--color-sage-dark:#27272a;--color-champagne:#f4f4f5;--color-text:#18181b;--color-text-light:#52525b;--color-bg:#fafafa;--color-primary:var(--color-sage);--color-primary-dark:var(--color-sage-dark);--color-primary-light:var(--color-sage-light);--color-accent:var(--color-champagne)}.theme-birthday{--color-primary:#ff6b6b;--color-primary-dark:#e25050;--color-primary-light:#ff8e8e;--color-accent:#ffd93d}.theme-corporate{--color-primary:#1e3a8a;--color-primary-dark:#172554;--color-primary-light:#3b82f6;--color-accent:#e2e8f0}.theme-events{--color-primary:#4c1d95;--color-primary-dark:#3b0764;--color-primary-light:#7c3aed;--color-accent:#fbbf24}.themed-bg{background-color:var(--color-accent)}.themed-text{color:var(--color-primary-dark)}.themed-gradient{background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-bg) 100%)}.btn-themed{background-color:var(--color-primary);color:var(--color-white);font-family:var(--font-body);text-transform:uppercase;letter-spacing:1px;cursor:pointer;border:none;border-radius:30px;padding:.8rem 2rem;font-size:1rem;text-decoration:none;transition:all .3s;display:inline-block}.btn-themed:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 4px 15px #0003}.landing-nav .nav-links a:hover{color:var(--color-primary-dark)!important}.promo-popup-overlay{-webkit-backdrop-filter:blur(8px);z-index:10000;background:#2c353166;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.4s cubic-bezier(.16,1,.3,1) fadeIn;display:flex;position:fixed;top:0;left:0}.promo-popup-content{background:var(--color-bg);-webkit-backdrop-filter:blur(20px);text-align:center;border:1px solid #8a9a864d;border-radius:20px;width:90%;max-width:420px;padding:40px 30px;animation:.5s cubic-bezier(.34,1.56,.64,1) slideUp;position:relative;box-shadow:0 20px 50px #2c353126}.promo-popup-close{cursor:pointer;color:var(--color-text-light);background:0 0;border:none;font-size:28px;line-height:1;transition:color .2s,transform .2s;position:absolute;top:15px;right:20px}.promo-popup-close:hover{color:var(--color-text);transform:scale(1.1)}.promo-popup-image{object-fit:contain;filter:drop-shadow(0 8px 16px #0000000f);border-radius:12px;width:100%;max-height:160px;margin-bottom:24px}.promo-popup-title{font-family:var(--font-heading);color:var(--color-sage-dark);margin-bottom:12px;font-size:1.75rem;font-weight:500;line-height:1.25}.promo-popup-desc{font-family:var(--font-body);color:var(--color-text-light);margin-bottom:30px;font-size:.95rem;line-height:1.6}.promo-popup-btn{background:var(--color-primary);color:var(--color-white);font-family:var(--font-body);text-transform:uppercase;letter-spacing:1px;cursor:pointer;border:none;border-radius:30px;width:100%;padding:14px 28px;font-size:.95rem;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 15px #8a9a8633}.promo-popup-btn:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 8px 25px #6473614d}.promo-popup-btn:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.cabinet-layout{background-color:#f8fafc;min-height:100vh;display:flex}.cabinet-mobile-header{z-index:40;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:none;position:fixed;top:0;left:0;right:0}.hamburger-btn{color:var(--color-sage-dark);cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:1.5rem}.cabinet-sidebar{z-index:50;background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;width:260px;transition:transform .3s ease-in-out;display:flex;position:fixed;top:0;bottom:0;left:0}.cabinet-sidebar-header{border-bottom:1px solid #f1f5f9;padding:2rem 1.5rem}.cabinet-logo{color:var(--color-sage-dark);cursor:pointer;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.cabinet-user-profile{border-top:1px dashed #e2e8f0;margin-top:1.5rem;padding-top:1.5rem}.cabinet-user-name{color:var(--color-sage-dark);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-size:1.05rem;font-weight:600;overflow:hidden}.cabinet-user-email{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.75rem;font-size:.85rem;overflow:hidden}.logo-icon{font-size:1.8rem}.cabinet-nav{flex-direction:column;flex:1;gap:.5rem;padding:1.5rem 1rem;display:flex}.cabinet-nav-item{color:#64748b;border-radius:8px;align-items:center;gap:.75rem;padding:.875rem 1rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.cabinet-nav-item:hover{color:var(--color-sage-dark);background:#f1f5f9}.cabinet-nav-item.active{color:var(--color-sage-dark);background:#b6c6b926;font-weight:600}.nav-icon{font-size:1.25rem}.cabinet-sidebar-footer{border-top:1px solid #f1f5f9;padding:1.5rem 1rem}.cabinet-logout-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;font-size:1rem;font-weight:500;transition:all .2s;display:flex}.cabinet-logout-btn:hover{background:#fef2f2}.cabinet-content{flex:1;max-width:1200px;margin-left:260px;padding:2.5rem}.cabinet-overlay{z-index:45;background:#0006;display:none;position:fixed;inset:0}@media (width<=768px){.cabinet-mobile-header{display:flex}.cabinet-sidebar{transform:translate(-100%)}.cabinet-sidebar.open{transform:translate(0)}.cabinet-content{margin-left:0;padding:5.5rem 1.5rem 1.5rem}.cabinet-overlay{display:block}}