*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:#f5f5f5;color:#333;line-height:1.6}.app{min-height:100vh}.loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:1.2rem;color:#666}.auth-container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.auth-box{background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 20px #0000001a;width:100%;max-width:400px}.auth-logo{display:block;width:100px;height:auto;margin:0 auto 16px}.app-slogan{text-align:center;color:#666;font-size:.95rem;margin-bottom:20px;font-style:normal}.auth-box h1{text-align:center;margin-bottom:10px;color:#2563eb}.auth-box h2{text-align:center;margin-bottom:30px;font-weight:500;color:#666}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#444}.form-group input{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#2563eb}button{width:100%;padding:12px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}button:hover:not(:disabled){background:#1d4ed8}button:disabled{background:#93c5fd;cursor:not-allowed}.auth-link{text-align:center;margin-top:20px;color:#666}.auth-link a{text-decoration:underline;color:#2563eb;font-weight:500}.auth-link a:hover{text-decoration:underline}.error{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fee2e2;color:#dc2626;padding:12px;border-radius:8px;margin-bottom:20px;font-size:.9rem}.error span{flex:1}.success{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#dcfce7;color:#16a34a;padding:12px;border-radius:8px;margin-bottom:20px;font-size:.9rem}.success span{flex:1}.message-close{flex-shrink:0;width:auto;background:transparent;border:none;font-size:1.25rem;cursor:pointer;padding:4px 8px;border-radius:4px;line-height:1;transition:background-color .2s,color .2s}.error .message-close{color:#dc2626}.error .message-close:hover{background:#dc2626;color:#fff}.success .message-close{color:#16a34a}.success .message-close:hover{background:#16a34a;color:#fff}.header{background:#fff;padding:16px 24px;box-shadow:0 2px 10px #0000000d}.header-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header h1{font-size:1.5rem;color:#2563eb}.user-info{display:flex;align-items:center;gap:16px}.user-info span{color:#666}.btn-secondary{width:auto;padding:8px 16px;background:#f3f4f6;color:#374151}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn-admin{width:auto;padding:8px 16px;background:#dbeafe;color:#1e40af;text-decoration:none;border-radius:8px;font-weight:500;font-size:1rem}.btn-admin:hover{background:#bfdbfe}.dashboard{min-height:100vh}.main-content{max-width:1200px;margin:0 auto;padding:24px}.header-container{max-width:1200px;margin:0 auto;width:100%;display:flex;justify-content:space-between;align-items:center}.create-list-form{display:flex;gap:12px;margin-bottom:24px;min-width:600px;max-width:600px;margin-left:auto;margin-right:auto;align-items:center}.create-list-form label{font-weight:500;color:#444;white-space:nowrap}.create-list-form input{flex:1;padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:1rem}.create-list-form input:focus{outline:none;border-color:#2563eb}.create-list-form button{width:auto;padding:12px 24px}.form-error{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fee2e2;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:20px;max-width:600px;margin-left:auto;margin-right:auto}.form-error span{flex:1;text-align:center}.form-error-close{flex-shrink:0;width:auto;background:transparent;border:none;color:#dc2626;font-size:1.25rem;cursor:pointer;padding:4px 8px;border-radius:4px;line-height:1;transition:background-color .2s,color .2s}.form-error-close:hover{background:#dc2626;color:#fff}.dashboard-content{display:flex;gap:40px;align-items:flex-start}.lists-container{flex:1;display:flex;flex-direction:column;gap:12px}.quick-create{width:250px;flex-shrink:0;background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a}.quick-create h2{font-size:1rem;font-weight:600;color:#333;margin:0 0 16px;line-height:1.4}.quick-create-buttons{display:flex;flex-direction:column;gap:10px}.btn-quick-create{width:100%;padding:12px 16px;background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background-color .2s,border-color .2s;text-align:left}.btn-quick-create:hover:not(:disabled){background:#dcfce7;border-color:#86efac}.btn-quick-create:disabled{opacity:.6;cursor:not-allowed}.list-card{background:#fff;border-radius:12px;padding:16px 20px;display:flex;align-items:center;box-shadow:0 2px 8px #0000000d;transition:transform .2s,box-shadow .2s}.list-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.list-link{flex:1;text-decoration:none;color:inherit}.list-link h3{font-size:1.1rem;margin-bottom:4px}.list-meta{font-size:.85rem;color:#666}.btn-delete{width:auto;padding:8px 12px;background:#fee2e2;color:#dc2626;font-size:1.2rem;line-height:1}.btn-delete:hover:not(:disabled){background:#fecaca}.list-actions{display:flex;gap:8px}.btn-edit{width:auto;padding:8px 12px;background:#e0f2fe;color:#0284c7;font-size:1rem;line-height:1;border:none;border-radius:8px;cursor:pointer}.btn-edit:hover:not(:disabled){background:#bae6fd}.btn-leave{width:auto;padding:8px 12px;background:#fef3c7;color:#b45309;font-size:1rem;line-height:1;border:none;border-radius:8px;cursor:pointer}.btn-leave:hover:not(:disabled){background:#fde68a}.input-modal{max-width:400px}.input-modal label{display:block;margin-bottom:8px;font-weight:500;color:#333}.input-modal-field{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:1rem}.input-modal-field:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.no-lists,.no-items{text-align:center;color:#666;padding:40px}.list-detail .header-inner{position:relative}.list-detail .header-brand{flex:1;justify-content:center}.list-detail .header-brand h1{text-align:center}.list-detail .back-link{position:absolute;left:0}.admin-page .header-inner{position:relative}.admin-page .header-brand{flex:1;justify-content:center}.admin-page .header-brand h1{text-align:center}.admin-page .back-link{position:absolute;left:0}.settings .header-inner{position:relative}.settings .header-brand{flex:1;justify-content:center}.settings .header-brand h1{text-align:center}.settings .back-link{position:absolute;left:0}.back-link{color:#666;text-decoration:none;font-size:1rem}.back-link:hover{color:#2563eb}.btn-share{width:auto;padding:8px 20px}.add-item-form{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.item-name-input{flex:1;min-width:200px;padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:1rem}.item-name-input:focus{outline:none;border-color:#2563eb}.item-amount-input{width:80px;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:1rem;text-align:center}.item-unit-select{padding:12px;border:1px solid #ddd;border-radius:8px;font-size:1rem;background:#fff}.add-item-form button{width:auto;padding:12px 24px}.items-section{margin-bottom:24px}.items-section h2{font-size:1.1rem;color:#666;margin-bottom:12px}.checked-section{opacity:.7}.shopping-item{background:#fff;border-radius:12px;padding:16px;margin-bottom:8px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 8px #0000000d}.shopping-item.checked .item-name{text-decoration:line-through;color:#999}.checkbox-label{position:relative;cursor:pointer;width:24px;height:24px}.checkbox-label input{opacity:0;width:0;height:0}.checkmark{position:absolute;top:0;left:0;width:24px;height:24px;background:#fff;border:2px solid #ddd;border-radius:6px;transition:all .2s}.checkbox-label input:checked~.checkmark{background:#2563eb;border-color:#2563eb}.checkmark:after{content:"";position:absolute;display:none;left:7px;top:3px;width:6px;height:12px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-label input:checked~.checkmark:after{display:block}.item-name{flex:1;font-size:1rem}.item-quantity{color:#666;font-size:.9rem;min-width:60px;text-align:right}.item-actions{display:flex;gap:8px}.btn-edit,.btn-save,.btn-cancel{width:auto;padding:6px 12px;font-size:.85rem}.btn-edit{background:#f3f4f6;color:#374151}.btn-edit:hover:not(:disabled){background:#e5e7eb}.btn-cancel{background:#f3f4f6;color:#374151}.shopping-item.editing{flex-wrap:wrap}.edit-name{flex:1;min-width:150px;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:1rem}.edit-amount{width:70px;padding:8px;border:1px solid #ddd;border-radius:6px;text-align:center}.edit-unit{padding:8px;border:1px solid #ddd;border-radius:6px;background:#fff}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;padding:20px;z-index:1000}.modal{background:#fff;border-radius:16px;width:100%;max-width:480px;max-height:90vh;overflow:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.modal-header h2{font-size:1.25rem}.btn-close{width:auto;padding:4px 12px;background:transparent;color:#666;font-size:1.5rem;border-radius:4px;transition:background-color .2s,color .2s}.btn-close:hover{background:#666;color:#fff}.modal-body{padding:20px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:15px 20px;border-top:1px solid #eee}.confirm-modal{max-width:400px}.confirm-message{margin:0;color:#333;line-height:1.5}.btn-danger{background:#dc3545;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:500}.btn-danger:hover{background:#c82333}.btn-primary{background:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:500}.btn-primary:hover{background:#0056b3}.share-form{display:flex;gap:12px;margin-bottom:20px}.share-form input{flex:1;padding:12px;border:1px solid #ddd;border-radius:8px}.share-form button{width:auto;padding:12px 20px}.members-list h3{font-size:.9rem;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.member-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f9fafb;border-radius:8px;margin-bottom:8px}.member-info{display:flex;flex-direction:column;gap:2px}.member-name{font-weight:500}.member-email{font-size:.85rem;color:#666}.owner-badge{display:inline-block;font-size:.75rem;background:#2563eb;color:#fff;padding:2px 8px;border-radius:4px;margin-top:4px}.pending-badge{display:inline-block;font-size:.75rem;background:#f59e0b;color:#fff;padding:2px 8px;border-radius:4px;margin-top:4px}.btn-remove{width:auto;padding:6px 12px;background:#fee2e2;color:#dc2626;font-size:.85rem}.btn-remove:hover:not(:disabled){background:#fecaca}.not-found{text-align:center;padding:60px 20px}.not-found p{margin-bottom:20px;color:#666}.not-found a{color:#2563eb}@media(max-width:1024px){.main-content{padding:20px}.dashboard-content{flex-direction:column-reverse;gap:24px}.quick-create{width:100%}.quick-create-buttons{flex-direction:row;flex-wrap:wrap}.btn-quick-create{width:auto;flex:1;min-width:150px}.lists-container{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.list-card{flex-direction:column;align-items:flex-start}.list-link{width:100%;margin-bottom:8px}}@media(max-width:768px){.header{padding:12px 16px}.header h1{font-size:1.25rem}.user-info{gap:8px;flex-wrap:wrap}.user-info span{display:none}.main-content{padding:16px}.lists-container{grid-template-columns:1fr}.create-list-form{flex-direction:column;min-width:auto;max-width:100%}.create-list-form button{width:100%}.settings-section{padding:16px}.info-row{flex-direction:column;gap:4px}.info-label{width:auto}.password-form{max-width:100%}}@media(max-width:600px){.header-inner{flex-wrap:wrap;gap:12px}.header-brand,.user-info{width:100%;justify-content:center}.add-item-form{flex-direction:column}.item-amount-input,.item-unit-select{width:100%}.shopping-item{flex-wrap:wrap}.item-actions{width:100%;margin-top:8px}.item-actions button{flex:1}.modal{margin:10px;max-height:calc(100vh - 20px)}.share-form{flex-direction:column}.share-form button{width:100%}.member-item{flex-direction:column;align-items:flex-start;gap:8px}.btn-remove{width:100%}.share-link-container{flex-direction:column}.share-link-container button{width:100%}.auth-box{padding:24px}.auth-logo{width:80px}}.settings{min-height:100vh}.settings-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000d}.settings-section h2{font-size:1.2rem;margin-bottom:20px;color:#333}.info-row{display:flex;padding:12px 0;border-bottom:1px solid #eee}.info-row:last-child{border-bottom:none}.info-label{font-weight:500;color:#666;width:100px}.info-value{color:#333}.password-form{max-width:400px}.password-form .form-group{margin-bottom:16px}.password-form button{margin-top:8px}.section-description{color:#666;margin-bottom:16px;line-height:1.5}.contact-textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:1rem;font-family:inherit;resize:vertical;min-height:100px}.contact-textarea:focus{outline:none;border-color:#2563eb}.language-select{width:100%;max-width:300px;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:1rem;background:#fff;cursor:pointer}.language-select:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}a.btn-secondary{display:inline-block;text-decoration:none;text-align:center}.verification-notice{margin-bottom:20px}.btn-resend{background:#f3f4f6;color:#374151}.btn-resend:hover:not(:disabled){background:#e5e7eb}.verifying{text-align:center;padding:20px;color:#666}.language-switcher{display:flex;gap:4px;margin-bottom:16px;justify-content:center}.lang-btn{width:auto;padding:6px 12px;font-size:.85rem;background:#f3f4f6;color:#374151;border-radius:6px}.lang-btn:hover:not(:disabled){background:#e5e7eb}.lang-btn.active{background:#2563eb;color:#fff;cursor:default}.lang-btn.active:disabled{background:#2563eb;color:#fff;opacity:1}.user-info .language-switcher{margin-bottom:0}.header-brand{display:flex;align-items:center;gap:12px}.header-logo{width:40px;height:auto}.share-link-section{margin-bottom:20px}.share-link-section h3{font-size:.9rem;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.share-link-container{display:flex;gap:8px;flex-wrap:wrap}.share-link-input{flex:1;min-width:200px;padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:.9rem;background:#f9fafb;color:#666}.btn-copy{width:auto;padding:10px 16px;background:#2563eb;color:#fff;font-size:.9rem}.btn-copy:hover:not(:disabled){background:#1d4ed8}.btn-disable-link{width:auto;padding:10px 16px;background:#fee2e2;color:#dc2626;font-size:.9rem}.btn-disable-link:hover:not(:disabled){background:#fecaca}.btn-generate-link{width:100%;padding:12px;background:#f3f4f6;color:#374151}.btn-generate-link:hover:not(:disabled){background:#e5e7eb}.share-link-note{font-size:.8rem;color:#999;margin-top:8px}.share-divider{display:flex;align-items:center;text-align:center;margin:20px 0;color:#999}.share-divider:before,.share-divider:after{content:"";flex:1;border-bottom:1px solid #eee}.share-divider span{padding:0 12px;font-size:.85rem}.shared-list{min-height:100vh}.shared-list-header{margin-bottom:24px}.shared-list-header h2{font-size:1.5rem;color:#333;margin-bottom:8px}.shared-by{color:#666;font-size:.9rem;margin-bottom:8px}.read-only-badge{display:inline-block;font-size:.75rem;background:#e5e7eb;color:#374151;padding:4px 10px;border-radius:4px}.shared-list-footer{text-align:center;margin-top:40px;padding:24px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d}.shared-list-footer p{color:#666;margin-bottom:16px}.admin-panel{margin-top:24px}.admin-panel h2{font-size:1.4rem;margin-bottom:24px;color:#333;padding-bottom:12px;border-bottom:2px solid #2563eb}.admin-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000d}.admin-section h3{font-size:1.1rem;margin-bottom:20px;color:#333}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.stats-card{background:#f9fafb;border-radius:8px;padding:16px}.stats-card h4{font-size:.9rem;color:#666;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.stats-grid-inner{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-item{text-align:center}.stat-value{display:block;font-size:1.8rem;font-weight:600;color:#2563eb}.stat-label{display:block;font-size:.75rem;color:#666;margin-top:4px}.search-form{display:flex;gap:12px;margin-bottom:20px}.search-form input{flex:1;padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:1rem}.search-form input:focus{outline:none;border-color:#2563eb}.search-form button{width:auto;padding:12px 24px}.users-table-container{overflow-x:auto}.users-table{width:100%;border-collapse:collapse;font-size:.9rem}.users-table th,.users-table td{padding:12px;text-align:left;border-bottom:1px solid #eee}.users-table th{font-weight:600;color:#666;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px}.users-table tr:hover{background:#f9fafb}.badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.badge-success{background:#dcfce7;color:#166534}.badge-warning{background:#fef9c3;color:#854d0e}.badge-admin{background:#dbeafe;color:#1e40af}.badge-user{background:#f3f4f6;color:#374151}.user-actions{display:flex;gap:8px}.btn-small{width:auto;padding:6px 12px;font-size:.85rem;border-radius:6px}.btn-small.btn-secondary{background:#e0f2fe;color:#0284c7}.btn-small.btn-secondary:hover:not(:disabled){background:#bae6fd}.btn-small.btn-danger{background:#fee2e2;color:#dc2626;padding:6px 10px}.btn-small.btn-danger:hover:not(:disabled){background:#fecaca}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px;padding-top:20px;border-top:1px solid #eee}.pagination button{width:auto;padding:8px 16px;background:#f3f4f6;color:#374151;font-size:.9rem}.pagination button:hover:not(:disabled){background:#e5e7eb}.pagination button:disabled{opacity:.5;cursor:not-allowed;background:#f3f4f6}.pagination span{color:#666;font-size:.9rem}.danger-zone{border:2px solid #fecaca;background:#fef2f2}.danger-zone h2{color:#dc2626}.danger-description{color:#666;margin-bottom:16px;line-height:1.5}.confirm-text{color:#dc2626;font-weight:500;margin-bottom:16px}.delete-form{max-width:400px}.delete-form .form-group{margin-bottom:16px}.delete-actions{display:flex;gap:12px;margin-top:16px}.delete-actions button{flex:1}.btn-danger{width:auto;background:#dc2626;color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-danger:disabled{background:#fca5a5;cursor:not-allowed}@media(max-width:768px){.stats-grid{grid-template-columns:1fr}.stats-grid-inner{grid-template-columns:repeat(2,1fr)}.users-table{font-size:.8rem}.users-table th,.users-table td{padding:8px}.search-form{flex-direction:column}.search-form button{width:100%}.delete-actions{flex-direction:column}}