:root{--primary-color: #ff69b4;--secondary-color: #f8b3d2;--text-color: #333;--background-color: #fff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:PT Sans,sans-serif;font-weight:400;line-height:1.6;color:var(--text-color);background-color:var(--background-color)}.container{max-width:800px;margin:0 auto;padding:20px}header{background-color:var(--primary-color);color:#fff;text-align:center;padding:1rem}nav ul{list-style:none;padding:0;display:flex;justify-content:center;gap:1rem}nav ul li{font-size:20px}.active{color:#fff}nav ul li a{color:gray;text-decoration:none;font-weight:700}h1,h2,h3{color:var(--primary-color);margin-bottom:1rem}.slogan{font-size:70px;font-family:Alex Brush,cursive;color:#e21e80}.hero-content{text-align:center;padding:2rem;border-radius:10px;margin-bottom:2rem;font-size:30px}.horizontal-sections{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.section{flex:1;min-width:200px;background-color:#f9f9f9;padding:1rem;border-radius:5px;box-shadow:0 2px 5px #0000001a;margin-bottom:1rem}.container-princess-hamper{margin-top:30px;width:auto}.container-princess-hamper p{font-size:20px}.container-princess-hamper h3{font-size:40px;text-align:center}.princess-hamper-info{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.princess-hamper-info img{width:340px;height:375px;object-fit:cover}button,.btn{height:50px;padding:5px 20px;font-size:30px;background-color:var(--primary-color);color:var(--text-color);border:none;border-radius:8px;margin:10px 0;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.btn:hover{background:#ffcbde;color:#e21e80}footer{background-color:var(--primary-color);color:#fff;text-align:center;padding:2rem 0;margin-top:2rem}.footer-section{margin-bottom:1rem}.footer-section a{color:#fff;text-decoration:none}.footer-section a:hover{text-decoration:underline}@media (prefers-color-scheme: light){:root{color:#7a7a7a;background-color:#fff}a:hover{color:var(--secondary-color)}button{background-color:var(--primary-color)}}.landingpage-logo{width:80vh;height:1/4vh}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem;background:linear-gradient(135deg,#ffeef2,#fff5f8);position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23f8a5c2' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.4;z-index:0}.login-box{background:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:2.5rem;width:100%;max-width:450px;position:relative;z-index:1;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-box header{text-align:center;font-size:2.2rem;font-weight:700;color:var(--accent);margin-bottom:1.5rem}.login-box h2{text-align:center;margin-bottom:.5rem;font-weight:600;color:var(--text)}.input-field{margin-bottom:1.5rem}.input-field label{display:block;margin-bottom:.5rem;color:var(--secondary-text);font-weight:500}.input-field label i{color:var(--accent);margin-right:.5rem}.input-field input{display:block;width:100%;padding:.9rem 1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);font-family:inherit;font-size:1rem;transition:var(--transition);background-color:#fff}.input-field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #d6336c33}.social-media-login{display:flex;gap:1rem;margin-bottom:1rem}.princess-logo{text-align:center;margin-bottom:1.5rem}.princess-logo i{font-size:2.5rem;color:var(--accent);background-color:var(--primary-light);width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-left:auto;margin-right:auto;box-shadow:0 4px 8px #d6336c26}@media (max-width: 576px){.login-box{padding:2rem 1.5rem}.social-media-login{flex-direction:column}}.dashboard-page{display:flex;flex-direction:column;align-items:center;padding:20px}.dashboard-container{max-width:1200px;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}.period-info,.add-period-form{flex:1 1 45%;background-color:#f9f9f9;padding:20px;border-radius:8px;box-shadow:0 2px 5px #0000001a}.add-period-form input,.add-period-form textarea{width:100%;margin:10px 0;padding:10px;border-radius:4px;border:1px solid #ccc}.add-period-form button{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.add-period-form button:hover{background-color:#45a049}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;margin-top:20px;width:100%}.dashboard-card{padding:20px;background-color:#f4f4f4;border:1px solid #ddd;border-radius:8px;cursor:pointer;text-align:center;transition:background-color .3s}.dashboard-card:hover{background-color:#e0e0e0}.princess-hamper-information{max-width:50%}.princess-hamper-information h1{font-size:2.5em;margin-bottom:10px}.princess-hamper-information p{font-size:1.1em}#hero img{max-width:40%;border-radius:10px}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:20px;margin:20px 0}.product-card{background-color:#fff;border:1px solid #ddd;border-radius:10px;overflow:hidden;box-shadow:0 4px 8px #0000001a;text-align:center}.product-card img{width:100%;height:200px;object-fit:cover}.product-card h2{font-size:1.2em;padding:10px;margin:0}.product-card p{font-size:1.1em;margin:10px 0}.quantity-control{display:flex;justify-content:center;align-items:center;margin:10px 0}.quantity-display{font-size:1.2em;margin:0 10px}.button{background-color:#f68d2e;color:#fff;padding:10px;border:none;cursor:pointer;font-size:1em;margin-top:10px;border-radius:5px}.button:hover{background-color:#f05c1a}.cart{background-color:#fff;border-radius:10px;padding:20px;margin:20px 0;box-shadow:0 4px 8px #0000001a}#cartItems{margin-bottom:10px}.cart h2{font-size:1.8em}.cart p{font-size:1.4em}#cartTotal{font-weight:700;color:var(--primary-color)}.order-form{background-color:#fff;border-radius:10px;padding:20px;margin:20px 0;box-shadow:0 4px 8px #0000001a}.order-form h2{font-size:1.8em;margin-bottom:15px}.order-form input{width:100%;margin-bottom:15px;border-radius:5px;border:1px solid #ddd;font-size:1em}.order-form input:focus{border-color:var(--primary-color)}.order-form button{width:100%}.order-tracking{background-color:#fff;border-radius:10px;padding:20px;margin:20px 0;box-shadow:0 4px 8px #0000001a}.order-tracking h2{font-size:1.8em;margin-bottom:15px}#orderId{width:100%;margin-bottom:15px;border-radius:5px;border:1px solid #ddd;font-size:1em}.order-tracking button{width:100%}#trackingResult{margin-top:20px;font-size:1.1em}#cycleForm{background-color:#fff;border-radius:10px;padding:30px;box-shadow:0 4px 12px #0000001a;margin:0 auto;max-width:600px;text-align:left}form{display:flex;flex-direction:column;align-items:center}#results{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0000001a;max-width:600px;margin:20px auto;text-align:center}#results h3{font-size:1.5em;margin-bottom:10px}#prediction,#recommendations{font-size:1.2em;color:var(--primary-color)}#donate{background-color:#f8f9fa;padding:40px 20px;text-align:center}#donate h3{font-size:2em;color:var(--primary-color);margin-bottom:20px}#donate p{font-size:1.2em;color:#555;margin-bottom:40px;line-height:1.6}.donation-form{background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 12px #0000001a;width:100%;max-width:700px;margin:0 auto;text-align:left}.donation-form input,.donation-form textarea,.donation-form select{width:100%;padding:12px;margin:8px 0;border-radius:5px;border:1px solid #ddd;font-size:1em;outline:none}.donation-form input:focus,.donation-form textarea:focus,.donation-form select:focus{border-color:var(--secondary-color)}#product-section{margin-bottom:20px}.product-item{display:flex;align-items:center;margin-bottom:15px}.product-item select,.product-item input{margin-right:10px;max-width:200px}.remove-product{background-color:var(--primary-color);color:#fff;padding:5px 10px;font-size:.9em;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.remove-product:hover{background-color:var(--secondary-color)}.donation-form textarea{resize:vertical}#donate img{max-width:100%;margin:20px 0;border-radius:8px}.settings-menu{width:250px;padding:20px;background-color:var(--secondary-color);border-right:2px solid var(--primary-color)}.settings-menu ul{list-style-type:none;padding:0}.settings-menu li{padding:15px;cursor:pointer;font-size:16px;border-bottom:1px solid var(--primary-color);transition:background-color .3s}.settings-menu li:hover{background-color:var(--primary-color)}.settings-menu li.active{background-color:var(--primary-color);font-weight:700}.settings-section{display:none;padding:20px}.settings-section h2{font-size:24px;margin-bottom:20px;color:var(--primary-color)}.update-photo{margin-bottom:20px}.update-photo label{font-weight:700;color:var(--primary-color)}.update-photo input[type=file]{margin-top:10px}.update-information{margin-top:30px}.update-information form{display:flex;flex-direction:column}.update-information label{margin-bottom:5px;font-size:14px;color:var(--primary-color)}.update-information input[type=text],.update-information input[type=email]{padding:10px;margin-bottom:15px;border:1px solid var(--primary-color);border-radius:5px}.update-information button{align-self:flex-start;margin-top:10px}.notification-options{list-style-type:none;padding:0}.notification-options li{cursor:pointer;padding:15px;border-bottom:1px solid var(--primary-color)}.notification-options li:hover{background-color:var(--primary-color)}.notification-options .hidden-panel{display:none;padding-left:20px}.notification-options .preference-item{display:flex;justify-content:space-between;margin-bottom:15px}.notification-options .preference-item label{font-weight:400;color:var(--primary-color)}.accessibility-options{list-style-type:none;padding:0}.accessibility-options li{cursor:pointer;padding:15px;border-bottom:1px solid var(--primary-color)}.accessibility-options li:hover{background-color:var(--primary-color)}.accessibility-options .hidden-panel{display:none;padding-left:20px}.accessibility-options .preference-item{display:flex;justify-content:space-between;margin-bottom:15px}.accessibility-options .preference-item label{font-weight:400;color:var(--primary-color)}.display-options{list-style-type:none;padding:0}.display-options li{cursor:pointer;padding:15px;border-bottom:1px solid var(--primary-color)}.display-options li:hover{background-color:var(--primary-color)}.display-options .hidden-panel{display:none;padding-left:20px}.display-options .preference-item{display:flex;justify-content:space-between;margin-bottom:15px}.display-options .preference-item label{font-weight:400;color:var(--primary-color)}.languages-options{list-style-type:none;padding:0}.languages-options li{cursor:pointer;padding:15px;border-bottom:1px solid var(--primary-color)}.languages-options li:hover{background-color:var(--primary-color)}.languages-options .hidden-panel{display:none;padding-left:20px}.languages-options .preference-item{display:flex;justify-content:space-between;margin-bottom:15px}.languages-options .preference-item label{font-weight:400;color:var(--primary-color)}.security-options{list-style-type:none;padding:0}.security-options li{cursor:pointer;padding:15px;border-bottom:1px solid var(--primary-color)}.security-options li:hover{background-color:var(--primary-color)}.security-options .hidden-panel{display:none;padding-left:20px}.security-options .preference-item{display:flex;justify-content:space-between;margin-bottom:15px}.security-options .preference-item label{font-weight:400;color:var(--primary-color)}.toggle-switch{position:relative;display:inline-block;width:40px;height:20px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch span{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--primary-color);transition:.4s;border-radius:50px}.toggle-switch input:checked+span{background-color:var(--secondary-color)}.toggle-switch span:before{position:absolute;content:"";height:16px;width:16px;border-radius:50px;left:2px;bottom:2px;background-color:#fff;transition:.4s}.toggle-switch input:checked+span:before{transform:translate(20px)}.settings-section.active{display:block}.chatbot-container{width:800px;margin:20px auto;font-family:Arial,sans-serif;border:1px solid #ddd;border-radius:8px;padding:10px;background-color:#f9f9f9}.chatbox{max-height:400px;overflow-y:auto;margin-bottom:10px}.messages{display:flex;flex-direction:column;gap:10px}.message{padding:8px;border-radius:5px;max-width:80%;word-wrap:break-word}.message.user{background-color:var(--secondary-color);align-self:flex-end}.message.ai{background-color:#e0e0e0;align-self:flex-start;margin:10px}.input-container{display:flex;justify-content:space-between}input{width:80%;padding:8px;border:1px solid #ddd;border-radius:5px}button{width:15%;padding:8px;background-color:var(--primary-color);color:#fff;border:none;border-radius:5px;cursor:pointer}button:disabled{background-color:#ccc}