@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=DM+Sans:wght@400;500&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;place-items:center;min-width:320px;min-height:100vh}#recaptcha-container{position:absolute;width:1px;height:1px;overflow:hidden}@font-face{font-family:Playfair;src:url(/assets/Playfair_9pt-Regular-C1KLQdQN.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Playfair;src:url(/assets/Playfair_9pt-SemiBold-Be5RM_co.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-Regular-Cw3fqWkz.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-Medium-CpRznguy.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-Bold-BSrD1I5P.ttf) format("truetype");font-weight:700;font-style:normal}.SaveUrlForm{background-color:#fee8d0;background-image:url(/assets/rice-paper.png);height:100vh;text-align:left;display:flex;flex-direction:column;justify-content:center}.SaveUrlForm h1{margin:0;padding:16px}.SaveUrlForm form{padding:0 16px 16px;max-width:400px;box-sizing:border-box}.SaveUrlForm .heading{text-align:left;font-family:Playfair,sans-serif;font-size:53px;line-height:44px;letter-spacing:-2px}.SaveUrlForm p.label{font-family:Montserrat,sans-serif}.SaveUrlForm input{width:100%;background:none;border:1px solid #443831}.SaveUrlForm button.save{min-width:200px}.SaveUrlForm .postcard-stamp img{height:190px;position:fixed;top:20px;right:15px}.header{position:fixed;bottom:25px;display:flex;justify-content:center;width:100%}.header .header-content{display:flex;gap:16px;align-items:center;border:1px solid rgb(255,255,255);padding:8px 18px;border-radius:24px;box-shadow:0 6px 18px #1018281f;background-color:#ffe7c6;color:#111;width:80%}.header .nav-bar{display:flex;align-items:center;justify-content:space-between;width:100%;font:200 16px Poppins,sans-serif}.header .nav-bar a{color:#0c2068;text-decoration:none}.header .nav-bar button{background:#0000000f;border:1px solid rgba(0,0,0,.06);padding:6px 10px;border-radius:8px;cursor:pointer}.header .nav-bar button:hover{background:#00000014}.header button.logout-button{padding:3px 8px}@keyframes slideDown{0%{transform:translateY(-120%) translate(-50%);opacity:0}to{transform:translateY(0) translate(-50%);opacity:1}}@keyframes slideUp{0%{transform:translateY(0) translate(-50%);opacity:1}to{transform:translateY(-120%) translate(-50%);opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes progress{0%{width:100%}to{width:0%}}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:1}}.callout-wrapper{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;font-family:JetBrains Mono,monospace;pointer-events:none}.callout-wrapper.entering{animation:slideDown .45s cubic-bezier(.34,1.56,.64,1) forwards;pointer-events:all}.callout-wrapper.visible{transform:translateY(0) translate(-50%);pointer-events:all}.callout-wrapper.exiting{animation:slideUp .35s cubic-bezier(.55,0,1,.45) forwards;pointer-events:none}.callout-card{position:relative;display:flex;align-items:center;gap:12px;padding:13px 18px 13px 14px;border-radius:10px;border:1px solid;min-width:280px;max-width:440px;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.callout-glow{position:absolute;inset:0;border-radius:inherit;animation:pulse-glow 2s ease-in-out infinite;pointer-events:none}.callout-icon-wrap{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;flex-shrink:0;position:relative;z-index:1}.callout-body{flex:1;position:relative;z-index:1;min-width:0}.callout-label{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;opacity:.6;margin-bottom:2px}.callout-message{font-size:13px;font-weight:500;line-height:1.4;color:#f0f0f0;font-family:DM Sans,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.callout-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;opacity:.4;transition:opacity .15s;color:#fff;position:relative;z-index:1;flex-shrink:0}.callout-close:hover{opacity:1}.callout-progress{position:absolute;bottom:0;left:0;height:2px;border-radius:0 0 10px 10px}.callout-progress.animated{animation:progress 3s linear forwards}.demo-container{min-height:100vh;background:#0d0d0d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:40px 20px}.demo-title{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#444;margin-bottom:8px}.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:480px}.demo-btn{padding:12px 16px;border-radius:8px;border:1px solid #2a2a2a;background:#161616;color:#d0d0d0;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:8px}.demo-btn:hover{background:#1e1e1e;border-color:#3a3a3a;color:#fff;transform:translateY(-1px)}.demo-btn:active{transform:translateY(0)}.demo-btn .dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.product-dropdown-wrapper{text-align:left;margin-bottom:8px}.product-dropdown-label{display:block;font-weight:500;margin-bottom:8px;font-size:14px}.product-dropdown{position:relative;width:100%;max-width:320px}.product-dropdown-trigger{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:8px;background:#fff;cursor:pointer;font-size:14px;text-align:left;height:60px}.product-dropdown-trigger:disabled{cursor:not-allowed;opacity:.7}.product-dropdown-trigger-image,.product-dropdown-option-image{width:40px;height:40px;object-fit:cover;border-radius:4px;flex-shrink:0}.product-dropdown-no-image,.product-dropdown-option-no-image{width:40px;height:40px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:#eee;border-radius:4px;font-size:11px;color:#666}.product-dropdown-trigger-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-dropdown-placeholder{color:#666}.product-dropdown-arrow{flex-shrink:0;font-size:10px;color:#666}.product-dropdown-list{position:absolute;top:calc(100% + 4px);left:0;right:0;margin:0;padding:4px 0;list-style:none;background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:280px;overflow-y:auto;z-index:10;color:#000}.product-dropdown-list button{color:#000}.product-dropdown-option{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:none;background:none;cursor:pointer;font-size:14px;text-align:left;transition:background .15s;height:60px}.product-dropdown-option:hover{background:#f0f0f0}.product-dropdown-option.selected{background:#e8e8e8}.product-dropdown-option-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.GenerateRedirectionUrl{padding:24px;max-width:600px;margin:0 auto}.GenerateRedirectionUrl h1{margin-bottom:24px}.GenerateRedirectionUrl .generated-url-container{border:1px solid #ddd;padding:16px;border-radius:4px;background-color:#f9f9f9}.GenerateRedirectionUrl .generated-url-container .label{margin-bottom:8px;font-weight:500}.GenerateRedirectionUrl .generated-url-container .url-display{display:flex;gap:8px;align-items:center}.GenerateRedirectionUrl .generated-url-container .url-display input{flex:1;padding:8px;border:1px solid #ccc;border-radius:4px;font-family:monospace;font-size:14px}.GenerateRedirectionUrl .generated-url-container .url-display button{white-space:nowrap}.ResetRedirectionUrl{padding:24px;max-width:600px;margin:0 auto}.ResetRedirectionUrl h1{margin-bottom:24px}.ResetRedirectionUrl form{display:flex;flex-direction:column}.ResetRedirectionUrl form .label{margin-bottom:8px;font-weight:500}.ResetRedirectionUrl form input{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px}.ResetRedirectionUrl form button{align-self:flex-start}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInWithDelayForLine{0%{opacity:0}25%{opacity:0}to{opacity:1}}@keyframes fadeInWithDelay{0%{opacity:0}45%{opacity:0}to{opacity:1}}.home-page{background-color:#0c2068;color:#f4eee6;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Poppins,sans-serif;font-weight:400;font-style:normal}.home-page h1{font-family:tan-pearl,serif;font-size:3rem;margin-bottom:20px;animation-name:fadeIn;animation-duration:4s}.home-page .line{width:50%;animation-name:fadeInWithDelayForLine;animation-duration:4s}.home-page .cta{display:flex;flex-direction:column;gap:20px;align-items:center;margin-top:20px;animation-name:fadeInWithDelay;animation-duration:4s}.home-page .cta a{display:flex;gap:8px;align-items:center;font-size:1.2rem;color:#f4eee6;border:1px solid #f4eee6;border-radius:5px;cursor:pointer;padding:10px 20px;transition:background-color .3s ease}.home-page .cta a:hover{background-color:#e0d8c3}.auth-page{max-width:400px;margin:40px auto;padding:24px;border:1px solid #ccc;border-radius:8px;text-align:center;font-family:Poppins,sans-serif}.auth-page button.google{height:40px;display:flex;align-items:center;justify-content:center}.auth-page h2{margin-bottom:24px}.auth-page .provider-buttons{display:flex;flex-direction:column;gap:12px}.auth-page input{width:100%;padding:8px;margin-bottom:12px;box-sizing:border-box}.auth-page .error{color:red;margin-bottom:12px}.auth-page button{padding:8px 16px;margin-right:8px}.auth-page button:disabled{opacity:.6;cursor:not-allowed}.auth-page button.secondary{background-color:#f0f0f0;color:#333;border:1px solid #ccc}.auth-page button.secondary:hover:not(:disabled){background-color:#e0e0e0}#recaptcha-container{margin:12px 0}#root{text-align:center;min-height:100vh;box-sizing:border-box;width:100%}@font-face{font-family:tan-pearl;src:url(/assets/fonnts.com-tan-pearl-DEBKuW00.otf)}@font-face{font-family:Playfair;src:url(/assets/Playfair_9pt-Regular-C1KLQdQN.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Playfair;src:url(/assets/Playfair_9pt-SemiBold-Be5RM_co.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-Regular-Cw3fqWkz.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-Medium-CpRznguy.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-Bold-BSrD1I5P.ttf) format("truetype");font-weight:700;font-style:normal}button{height:32px;border:none;padding:10px 8px;border-radius:8px;color:#fff;font-weight:700}button.primary{background-color:#443831}button.secondary{background-color:#c0a28f}button.primary1{background-color:#0c2068}input{padding:8px;border:1px solid #eee;border-radius:4px;box-sizing:border-box}@font-face{font-family:Playfair;src:url(/assets/Playfair_9pt-Regular-C1KLQdQN.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Playfair;src:url(/assets/Playfair_9pt-SemiBold-Be5RM_co.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-Regular-Cw3fqWkz.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-Medium-CpRznguy.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-Bold-BSrD1I5P.ttf) format("truetype");font-weight:700;font-style:normal}.page-header{display:flex;align-items:center;justify-content:space-between;padding:20px;background-color:#0c2068;border-bottom:1px solid #ddd;font-family:Playfair,sans-serif;position:sticky;top:0;z-index:100;color:#fff;font-size:25px}@font-face{font-family:Playfair;src:url(/assets/Playfair_9pt-Regular-C1KLQdQN.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Playfair;src:url(/assets/Playfair_9pt-SemiBold-Be5RM_co.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-Regular-Cw3fqWkz.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-Medium-CpRznguy.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-Bold-BSrD1I5P.ttf) format("truetype");font-weight:700;font-style:normal}.my-product-card{border:1px solid #ddd;border-radius:8px;padding:16px;margin-bottom:16px;background:#fff;box-shadow:0 2px 4px #0000001a;transition:box-shadow .3s ease}.my-product-card:hover{box-shadow:0 4px 8px #00000026}.card-header{margin-bottom:12px}.card-header h3{margin:0;font-size:16px;color:#333;word-break:break-all}.card-content{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px}.card-content p{margin:8px 0;font-size:14px;color:#666;text-align:left;overflow:scroll}.card-content p strong{color:#333}.card-content .edit-button{background:none;border:none;cursor:pointer;padding:4px;height:24px}.card-content .edit-button img{width:20px;height:20px}.card-content .edit-mode{width:100%;display:flex;flex-direction:column;gap:8px}.card-content .edit-mode input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}.card-content .edit-mode .button-group{display:flex;gap:8px}.card-content .edit-mode .button-group button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer}.card-content .edit-mode .button-group .save-button{background-color:#0c2068;color:#fff}.card-content .edit-mode .button-group .cancel-button{color:#0c2068}.my-products-container{padding:20px 20px 100px;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.loading,.error,.no-products{text-align:center;padding:40px;font-size:18px}.error{color:red}.no-products{color:#666}.add-product{padding:24px 24px 100px;max-width:480px;margin:0 auto}.add-product-form{display:flex;flex-direction:column;gap:20px;text-align:left}.add-product-form .form-group{display:flex;flex-direction:column;gap:8px}.add-product-form label{font-weight:600;font-size:14px}.add-product-form input[type=text],.add-product-form input[type=file]{padding:10px 12px;border:1px solid #eee;border-radius:8px;font-size:16px}.add-product-form input[type=file]{padding:8px 0}.add-product-form button{margin-top:8px;padding:12px 24px;align-self:flex-start}.image-preview{margin-top:12px;border-radius:8px;overflow:hidden;border:1px solid #eee;max-width:200px}.image-preview img{display:block;width:100%;height:auto}.add-product-error{color:#c00;font-size:14px;margin-top:8px}.add-product-success{color:#0a0;font-size:14px;margin-top:16px}.add-product-success .success-image{margin-top:12px;max-width:120px;border-radius:8px;overflow:hidden;border:1px solid #eee}.add-product-success .success-image img{display:block;width:100%;height:auto}.add-product-success a{display:inline-block;margin-top:12px;color:inherit;text-decoration:underline}
