:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;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;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{margin:0;padding:0;background:linear-gradient(135deg,#ff6b6bcc,#ffe66dcc,#a8e6cfcc,#dda0ddcc,#98d8c8cc);background-size:150% 150%,cover;background-position:0% 50%,center;background-repeat:no-repeat,no-repeat;animation:holiGradient 10s ease infinite;min-height:100vh;display:flex;justify-content:center;align-items:center}@keyframes holiGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.container{max-width:800px;width:100%;margin:20px;padding:30px;background:linear-gradient(#ffffff23,#ffffff3b);border-radius:20px!important;box-shadow:0 20px 40px #0000001a;position:relative}.header{text-align:center;margin-bottom:15px}.logo{margin-bottom:7px}.header h1{color:#2c3e50;margin-bottom:5px;font-size:2.5rem;font-weight:700}.holi-title{display:inline-block;font-size:2.5rem;margin-top:7px;font-weight:700;margin-bottom:10px;text-shadow:2px 2px 0px white}.holi-title span{display:inline-block;color:#ff6b6b;animation:bounce 2s infinite ease-in-out}.holi-title span:nth-child(1){animation-delay:0s;color:#ff2121}.holi-title span:nth-child(2){animation-delay:.1s;color:#fdd922}.holi-title span:nth-child(3){animation-delay:.2s;color:#32fab1}.holi-title span:nth-child(4){animation-delay:.3s;color:#fa3efa}.holi-title span:nth-child(5){animation-delay:.4s;color:#34f8c7}.holi-title span:nth-child(6){animation-delay:.5s;color:#fa3434}.holi-title span:nth-child(7){animation-delay:.6s;color:#fcda32}.holi-title span:nth-child(8){animation-delay:.7s;color:#31fab0}.holi-title span:nth-child(9){animation-delay:.8s;color:#ff38ff}.holi-title span:nth-child(10){animation-delay:.9s;color:#39ffce}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.header p{color:#555;font-size:1.1rem;margin:0}.member-card{background:#f8f9fa;border-radius:15px;padding:20px;margin-bottom:15px;box-shadow:0 8px 20px #00000014;border:1px solid #e9ecef;position:relative;transition:transform .2s ease,box-shadow .2s ease}.member-card:hover{transform:translateY(-2px);box-shadow:0 12px 25px #0000001f}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.card-header h3{margin:0;color:#495057;font-size:1.3rem;font-weight:600}.input-group{display:flex;gap:15px;margin-bottom:15px}input,select{width:100%;padding:15px;border:2px solid #e9ecef;border-radius:10px;font-size:16px;transition:border-color .3s ease,box-shadow .3s ease;background:#fff;color:#333}input:focus,select:focus{border-color:#4ecdc4;outline:none;box-shadow:0 0 0 3px #4ecdc41a}option{color:#333;background:#fff}input::placeholder,select::placeholder{color:#999}.small-group{display:flex;gap:15px}.small-group input,.small-group select{flex:1}.remove-btn{background:#ff6b6b;color:#fff;border:none;width:40px;height:40px;border-radius:8px;cursor:pointer;font-weight:700;font-size:18px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #ff6b6b4d}.remove-btn:hover{background:#ff5252;transform:scale(1.1);box-shadow:0 4px 10px #ff6b6b80}.add-btn{width:100%;padding:18px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:16px;box-shadow:0 4px 15px #667eea66}.add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.checkout-bar{margin-top:15px;padding:15px;background:#f8f9fa;border-radius:15px;box-shadow:0 8px 20px #00000014;display:flex;flex-direction:column;gap:20px;align-items:center}.checkout-bar .error-message{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24;padding:15px;border-radius:10px;width:100%;text-align:center;font-weight:600}.checkout-bar .bottom-row{display:flex;justify-content:space-between;width:100%;align-items:center;flex-wrap:wrap;gap:20px}.total-display{display:flex;flex-direction:column;align-items:center}.total-display span:first-child{color:#6c757d;font-size:14px}.price{font-size:2rem;font-weight:700;color:#28a745}.pay-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:18px 40px;border-radius:50px;font-size:18px;font-weight:600;cursor:pointer;box-shadow:0 6px 20px #28a74566;transition:all .3s ease}.pay-btn:disabled{background:#6c757d;cursor:not-allowed;box-shadow:none}.pay-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #28a74599}@media(max-width:768px){#root{width:90vw}.container{margin:10px;padding:20px}.header h1{font-size:2rem}.input-group{flex-direction:column;gap:10px}.small-group{flex-direction:column}.checkout-bar .bottom-row{flex-direction:column;align-items:stretch}.total-display{align-items:center}.pay-btn{width:100%}}@media(max-width:480px){.container{padding:15px;margin:10px 0}.header h1{font-size:1.8rem}.member-card{padding:15px}.input-group,.small-group{gap:10px}input,select{padding:12px;font-size:16px}}.tree{overflow-x:auto;padding:20px;display:flex;justify-content:center}.tree ul{padding-top:20px;position:relative;display:flex;justify-content:center}.tree li{float:left;text-align:center;list-style-type:none;position:relative;padding:20px 5px 0}.tree li:before,.tree li:after{content:"";position:absolute;top:0;right:50%;border-top:2px solid #3498db;width:50%;height:20px}.tree li:after{right:auto;left:50%;border-left:2px solid #3498db}.tree li:only-child:after,.tree li:only-child:before{display:none}.tree li:only-child{padding-top:0}.tree li:first-child:before,.tree li:last-child:after{border:0 none}.tree li:last-child:before{border-right:2px solid #3498db;border-radius:0 5px 0 0}.tree li:first-child:after{border-radius:5px 0 0}.tree ul ul:before{content:"";position:absolute;top:0;left:50%;border-left:2px solid #3498db;width:0;height:20px}.node-card{border:2px solid #3498db;padding:10px 15px;display:inline-block;border-radius:5px;background:#fff;color:#333;font-weight:700;min-width:80px;box-shadow:0 2px 5px #0000001a}.footer{background-color:#ffffff4d;color:#4e4e4e;padding:20px 0;margin:40px 0 0 20px;border-top:1px solid rgba(255,255,255,.1);width:100%;border-radius:20px 20px 0 0}.footer-container{padding:0 40px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.footer-links{display:flex;gap:30px;flex-wrap:wrap}.footer-links a{color:#585858;text-decoration:none;font-size:14px;transition:color .3s ease}.footer-links a:hover{color:#000}.footer-copyright{font-size:13px;color:#5a5a5ae7}.footer-copyright p{margin:0}.footer-a a{color:inherit;text-decoration:none}.footer-a a:hover{color:#000}@media(max-width:768px){.footer{padding:20px 0;margin:20px 0 0}.footer-container{padding:0 20px;flex-direction:column;gap:15px;text-align:center}.footer-links{justify-content:center;gap:15px}.footer-copyright{text-align:center}}