:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.4;font-weight:400;font-size:14px;color-scheme:light;--christmas-red: #D42426;--christmas-green: #165B33;--snow-white: #F8F9FA;--gold: #F8B229;--text-color: #2c3e50;--card-bg: #ffffff;--bg-color: #f0f4f8;color:var(--text-color);background-color:var(--bg-color)}body{margin:0;display:flex;place-items:flex-start;justify-content:center;min-width:320px;min-height:100vh;background-image:radial-gradient(circle at 10% 20%,rgba(255,255,255,.4) 2%,transparent 2.5%),radial-gradient(circle at 90% 80%,rgba(255,255,255,.4) 2%,transparent 2.5%);background-size:50px 50px;background-color:var(--bg-color)}#root{max-width:1280px;margin:0 auto;padding:1rem;text-align:center;width:100%;box-sizing:border-box}h1,h2,h3{color:var(--christmas-red);font-weight:700;margin:.5rem 0}h1{font-size:1.8rem}h2{font-size:1.4rem}h3{font-size:1.1rem}a{color:var(--christmas-green);text-decoration:none;font-weight:700}a:hover{text-decoration:underline;color:var(--christmas-red)}.auth-container{max-width:350px;margin:auto;padding:1.5rem;background:var(--card-bg);border-radius:8px;box-shadow:0 4px 15px #0000001a;border-top:4px solid var(--christmas-red)}.auth-container h2{margin-top:0;color:var(--christmas-green)}.dashboard,.person-detail{text-align:left;max-width:800px;margin:0 auto;background:var(--card-bg);padding:1rem 1.5rem;border-radius:12px;box-shadow:0 4px 20px #0000000d}header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--snow-white);padding-bottom:.8rem;margin-bottom:1.5rem}header h1{margin:0;font-size:1.8rem;text-shadow:1px 1px 0 #fff}.budget-overview{background:#e8f5e9;padding:1rem;border-radius:8px;margin-bottom:1.5rem;border:1px solid #c8e6c9}.people-list ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.8rem}.people-list li{background:var(--snow-white);padding:.8rem;border-radius:6px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.3rem;border-left:4px solid var(--christmas-green);box-shadow:0 1px 3px #0000000d;transition:transform .2s;font-size:.9rem}.people-list li:hover{transform:translateY(-2px)}.gifts-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.gift-item{background:var(--snow-white);padding:.8rem;border-radius:6px;display:flex;flex-direction:column;gap:.5rem;border:1px solid #eee;box-shadow:0 1px 5px #0000000d;position:relative;overflow:hidden;font-size:.9rem;transition:background-color .3s ease}.gift-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--christmas-red)}.gift-item img{border-radius:4px;max-height:100px;object-fit:cover;width:100%}input{padding:.5rem;margin:.3rem 0;border-radius:4px;border:1px solid #ddd;background:#fff;color:var(--text-color);width:100%;box-sizing:border-box;font-size:.9rem}input:focus{outline:none;border-color:var(--christmas-green);box-shadow:0 0 0 2px #165b331a}button{border-radius:4px;border:none;padding:.5em 1em;font-size:.9rem;font-weight:600;font-family:inherit;background-color:var(--christmas-green);color:#fff;cursor:pointer;transition:background-color .25s,transform .1s;margin-top:.3rem;margin-right:.3rem}button:hover{background-color:#114225}button:active{transform:scale(.98)}button[onClick*=Delete],button[onClick*=Cancel],.secondary-btn{background-color:var(--christmas-red)}button[onClick*=Delete]:hover,button[onClick*=Cancel]:hover{background-color:#a81c1e}button[onClick*=Edit]{background-color:var(--gold);color:#333}button[onClick*=Edit]:hover{background-color:#e0a025}.gift-actions{display:flex;gap:.3rem;margin-top:auto}.gift-actions button{flex:1;padding:.4em .5em}.person-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid #eee;padding-bottom:.8rem}.edit-person-form{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;width:100%;background:#f9f9f9;padding:.8rem;border-radius:6px}.edit-person-form input{margin:0;flex:1}.completed-person{opacity:.8;background-color:#e8f5e9!important;border-left-color:#4caf50}.person-link{width:100%;font-size:1.1rem;margin-bottom:.2rem}.toggle-btn{background:transparent;color:var(--text-color);border:1px solid #ccc;padding:.3em .6em;margin:.5rem 0 0;width:100%}.toggle-btn:hover{background:#eee}.delete-person-btn{position:absolute;top:5px;right:5px;width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;color:#999;font-size:.9rem;margin:0;border-radius:50%;transition:all .2s ease}.delete-person-btn:hover{background-color:#fee;color:var(--christmas-red)}.gift-status{display:flex;justify-content:flex-end;gap:.3rem;margin-bottom:.5rem}.icon-btn{border:1px solid #ddd;border-radius:4px!important;padding:.4rem!important;font-size:1.3rem!important;line-height:1!important;cursor:pointer;margin:0!important;opacity:1;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;background-color:#ffebee!important;border-color:#ffcdd2!important}.icon-btn.checked{background-color:#e8f5e9!important;border-color:#a5d6a7!important}.icon-btn:disabled{cursor:not-allowed;opacity:.5!important;filter:grayscale(1);background-color:#eee!important;border-color:#ddd!important}.icon-btn:not(:disabled):hover{transform:scale(1.1);filter:brightness(.95)}.gift-item{background-color:#ffebee}.gift-item.purchased{background-color:#fff3e0}.gift-item.wrapped.purchased{background-color:#e8f5e9}.gift-item:before{background-color:var(--christmas-red)}.gift-item.purchased:before{background-color:var(--gold)}.gift-item.wrapped.purchased:before{background-color:var(--christmas-green)}.shopping-list-page{max-width:800px;margin:0 auto;background:var(--card-bg);padding:1.5rem;border-radius:12px;box-shadow:0 4px 20px #0000000d;text-align:left}.shopping-groups{display:flex;flex-direction:column;gap:1.5rem}.store-group{background:var(--snow-white);border-radius:8px;padding:1rem;border:1px solid #eee;box-shadow:0 1px 3px #0000000d}.store-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--christmas-red);padding-bottom:.4rem;margin-bottom:.8rem}.store-header h2{margin:0;font-size:1.2rem;color:var(--text-color)}.shopping-items{list-style:none;padding:0;margin:0}.shopping-item{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;border-bottom:1px solid #eee;font-size:.9rem}.shopping-item:last-child{border-bottom:none}.item-details{display:flex;gap:.8rem;align-items:center}.item-price{color:#666}.item-for{background:#e0f2f1;color:var(--christmas-green);padding:.1rem .4rem;border-radius:3px;font-size:.8rem}.mark-bought-btn{font-size:.8rem;padding:.3em .6em;background-color:var(--gold);color:#333}.mark-bought-btn:hover{background-color:#e0a025}.fixed-footer-form{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:.8rem 1.5rem;box-shadow:0 -4px 15px #0000001a;z-index:100;border-top:3px solid var(--christmas-green);display:flex;flex-direction:column;gap:.4rem;overflow-y:hidden;transition:all .3s ease-in-out}.fixed-footer-form.collapsed{transform:translateY(calc(100% - 50px))}.fixed-footer-form.expanded{transform:translateY(0)}.fixed-footer-form h3{margin:0;font-size:1rem;color:var(--christmas-green)}.fixed-footer-form form{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap}.add-person-footer form{display:flex;width:100%}.add-person-footer input{flex:1;margin:0}.add-person-footer button{margin:0;white-space:nowrap}.add-gift-footer form{display:flex;flex-direction:column;gap:.4rem;width:100%}.form-row{display:flex;gap:.4rem;width:100%}.form-row input{flex:1;margin:0;min-width:0}.form-actions{display:flex;gap:.4rem}.form-actions button{margin:0;white-space:nowrap;height:100%}@media(max-width:600px){#root{padding:.5rem}h1{font-size:1.5rem}h2{font-size:1.2rem}header{flex-direction:column;gap:1rem;align-items:stretch}header>div{justify-content:space-between;width:100%}.dashboard,.person-detail{padding:.8rem;padding-bottom:220px}.budget-overview>div{grid-template-columns:1fr 1fr}.people-list ul{grid-template-columns:1fr}.fixed-footer-form{padding:.8rem;border-radius:16px 16px 0 0}.add-person-footer form{flex-direction:column}.form-row{flex-wrap:wrap}.form-row input{min-width:100%}.form-row .input-with-btn{min-width:100%;display:flex!important;flex-direction:row!important;gap:.4rem;margin:.3rem 0}.form-row .input-with-btn input{min-width:0!important;flex:1;width:auto;margin:0}.form-row .input-with-btn button,.form-row .input-with-btn .icon-btn{width:auto!important;min-width:auto!important;flex-shrink:0;margin:0;height:auto;padding:0 10px}.form-row .icon-btn,.form-actions{width:100%}.form-actions button{flex:1}}.stats-content{overflow:hidden;transition:max-height .3s ease-in-out,opacity .3s ease-in-out;opacity:1}.stats-content.collapsed{max-height:0;opacity:0}.stats-content.expanded{max-height:500px;opacity:1}