*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#f4f7f9}.container{max-width:1200px;margin:0 auto;padding:20px}header{background-color:#4285f4;color:#fff;padding:1rem;box-shadow:0 2px 5px #0000001a}header .container{display:flex;justify-content:space-between;align-items:center}nav ul{display:flex;list-style:none}nav ul li{margin-left:20px}nav ul li a{color:#fff;text-decoration:none}nav ul li a:hover{text-decoration:underline}h1,h2,h3,h4{margin-bottom:1rem;color:#333}button,.btn{background-color:#4285f4;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s}button:hover,.btn:hover{background-color:#3367d6}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}input,textarea{width:100%;padding:10px;margin-bottom:8px;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-hint{display:block;color:#6c757d;font-size:.85rem;margin-bottom:15px}.auth-container{max-width:500px;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.auth-options{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.google-btn{background-color:#fff;color:#333;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;gap:10px}.google-btn:hover{background-color:#f1f1f1}.dashboard{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.card{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 10px #0000001a;margin-bottom:1.5rem}.product-form{margin-bottom:2rem}.product-card,.feed-card{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 5px #0000001a;margin-bottom:1rem}.feed-card{border-left:4px solid #4285f4}.guest-banner{background-color:#f8f9fa;border-left:4px solid #2196F3;padding:.75rem 1rem;margin-bottom:1.5rem;border-radius:4px;box-shadow:0 1px 3px #0000001a}.guest-banner p{margin:0;color:#555}.guest-banner a{color:#2196f3;font-weight:500;text-decoration:none}.guest-banner a:hover{text-decoration:underline}.task-list{list-style:none;width:100%}.task-item{display:grid;grid-template-columns:30px 1fr 250px;align-items:center;padding:1rem;border-bottom:1px solid #eee;gap:10px}.task-item:last-child{border-bottom:none}.task-item.completed{background-color:#f0f8ff}.task-item input[type=checkbox]{margin:0;width:auto;justify-self:center}.task-item label{display:block;cursor:pointer;margin-bottom:0}.task-item input[type=text]{margin-bottom:0;width:100%}.checkbox-placeholder{width:20px;height:20px;display:inline-block;justify-self:center}.task-link{color:#4285f4;text-decoration:none;text-align:center;display:block}.task-link:hover{text-decoration:underline}.task-item a{color:#4285f4;text-decoration:none}.task-item a:hover{text-decoration:underline}.completed-task a{color:#34a853;text-decoration:line-through}.error-message{background-color:#f8f9fa;border-radius:8px;padding:1.5rem;margin-top:1rem;border-left:4px solid #f8d7da}.error-message p{margin-bottom:1rem;color:#555}.error-message .feed-card{opacity:.8;border-left:4px solid #ccc}.error-message button{background-color:#6c757d;cursor:not-allowed}.error-message button:hover{background-color:#6c757d}.auth-error{color:#e74c3c;background-color:#fdecea;padding:12px;border-radius:4px;margin-bottom:15px;font-size:14px;border-left:4px solid #e74c3c;animation:fadeIn .3s ease-in-out;word-wrap:break-word;white-space:normal;overflow:hidden;text-overflow:ellipsis}.auth-success{color:#2ecc71;background-color:#eafaf1;padding:12px;border-radius:4px;margin-bottom:15px;font-size:14px;border-left:4px solid #2ecc71;animation:fadeIn .3s ease-in-out}.text-link{color:#4285f4;text-decoration:none;display:inline-block;margin-top:10px;font-size:14px}.text-link:hover{text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}footer{background-color:#f8f9fa;padding:1.5rem 0;margin-top:2rem;border-top:1px solid #e9ecef;animation:fadeInUp .5s ease-in-out}footer p{margin:0;color:#6c757d;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ad-container{background-color:#f9f9f9;padding:1rem 0;border-top:1px solid #eee;border-bottom:1px solid #eee}.ad-container ins.adsbygoogle{display:block;margin:0 auto;max-width:100%;overflow:hidden}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080;overflow:auto;animation:fadeIn .3s ease-in-out}.modal-content{background-color:#fff;margin:10% auto;padding:2rem;border-radius:8px;box-shadow:0 4px 20px #0003;max-width:500px;animation:slideDown .3s ease-in-out}.modal-buttons{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}@keyframes slideDown{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.profile-container{max-width:800px;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.profile-header{display:flex;align-items:center;margin-bottom:2rem}.profile-avatar{width:100px;height:100px;border-radius:50%;background-color:#e0e0e0;margin-right:2rem;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#757575}.profile-info h2{margin-bottom:.5rem}.profile-section{margin-bottom:2rem}.profile-section h3{border-bottom:1px solid #eee;padding-bottom:.5rem;margin-bottom:1rem}.danger-zone{border-left:4px solid #dc3545;background-color:#fff8f8}.warning-text{color:#6c757d;margin-bottom:1rem;font-size:14px}.danger-button{background-color:#dc3545;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:background-color .2s}.danger-button:hover{background-color:#c82333}.secondary-button{background-color:#6c757d;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;margin-right:.5rem;transition:background-color .2s}.secondary-button:hover{background-color:#5a6268}.toast-container{position:fixed;bottom:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:10px}.toast{background-color:#333;color:#fff;padding:12px 20px;border-radius:4px;box-shadow:0 2px 10px #0003;display:flex;align-items:center;justify-content:space-between;min-width:250px;max-width:350px;animation:slideInRight .3s,fadeOut .5s 2.5s forwards;opacity:.9}.toast.success{background-color:#4caf50;border-left:4px solid #2E7D32}.toast.error{background-color:#f44336;border-left:4px solid #C62828}.toast.info{background-color:#2196f3;border-left:4px solid #0D47A1}.toast-content{display:flex;align-items:center}.toast-icon{margin-right:10px;font-size:20px}.toast-message{font-size:14px}.toast-close{background:transparent;border:none;color:#fff;font-size:16px;cursor:pointer;padding:0 0 0 10px;margin-left:10px}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:.9}}@keyframes fadeOut{0%{opacity:.9}to{opacity:0;visibility:hidden}}@media (max-width: 768px){.dashboard{grid-template-columns:1fr}header .container{flex-direction:column;text-align:center}nav ul{margin-top:1rem}nav ul li{margin:0 10px}.modal-content{margin:20% auto;padding:1.5rem;width:90%}.profile-header{flex-direction:column;text-align:center}.profile-avatar{margin-right:0;margin-bottom:1rem}.toast-container{bottom:10px;right:10px;left:10px}.toast{min-width:auto;max-width:100%;width:100%}.task-item{grid-template-columns:30px 1fr;gap:5px}.task-item input[type=text]{grid-column:span 2;margin-top:5px}.task-link{text-align:left}}@media (max-width: 768px){.container{width:90%;margin:0 auto}header nav ul{flex-direction:column;align-items:center}header nav li{margin:.5em 0}.task-item{grid-template-columns:30px 1fr;gap:5px}.task-item input[type=text]{grid-column:span 2;margin-top:5px}.task-link{text-align:left}}@media (max-width: 480px){h1{font-size:2em}h2{font-size:1.5em}#product-name{font-size:1.2em;word-wrap:break-word;overflow-wrap:break-word;word-break:break-all}body{font-size:14px}.card h3{font-size:1.2em}.task-item label{font-size:.9em}}